/* CSS Document Sirona */

html, body { height: 100%; -webkit-font-smoothing: antialiased; }

/************************************************************************************
RESET
*************************************************************************************/
img, fieldset {
	border: 0;
	margin: 0;
	padding: 1000;
	vertical-align: middle;
}

/* set image max width to 100% */
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */
	/*display: block;*/
}

.linkskipnav { display: none; }

/************************************************************************************
GENERAL
*************************************************************************************/
body {
	background: #e7e7e7;
	color: #333;
	font: 80% 'Open Sans', Helvetica, Verdana, Arial, sans-serif;
	/*font: 85%/140% Arial, Helvetica, sans-serif;
	width: 800px;
	max-width: 96%;
	margin: 0 auto;*/
	margin: 0px;
	padding: 0px;
}

p {	margin: 0 0 15px; font: 115% 'Open Sans', Helvetica, Verdana, Arial, sans-serif; }

a {	color: #bf56a0; text-decoration: none; }
a:hover { color: #000; }

h1 { color: #b8b8b8; padding: 0px; margin: 0; font: 210% 'Open Sans', Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; }
h2 { line-height: 110%;	padding: 0px 0px 4px 0px; margin: 0; color: #595959; font: 220% 'Open Sans', Helvetica, Verdana, Arial, sans-serif; }
h3 { padding: 0px; margin: 0px;	color: #666; font: 150% 'Open Sans', Helvetica, Verdana, Arial, sans-serif; }
h4 { padding: 0px 0px 10px; margin: 0px; color: #cd128b; font: 160% 'Open Sans', Helvetica, Verdana, Arial, sans-serif; border-bottom: 1px dotted #d289bd; margin-bottom: 15px; }
h5 { padding: 10px 0px 10px; margin: 0px; color: #cd128b; font: 110% 'Open Sans', Helvetica, Verdana, Arial, sans-serif; border-bottom: 2px dotted #999; margin-bottom: 10px; }
h5 a:hover { color: #000; }

hr { border: 3px solid #c9c9c9; }

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 944px;
	max-width: 96%;
	margin: 0 auto;
	padding: 0px 40px;
	background: #fff url("../images/bg-man.png") no-repeat right top;/**/
}
#stage {
	background-color: #fff;
	padding: 24px 25px 20px 25px;
	margin: 0px 0px 0px 0px;
	box-shadow: 0 0 6px #989898;
}
#stageArea {
	background-color: #fff;
	padding: 24px 25px 20px 25px;
	margin: 0px 5px 20px 5px;
	box-shadow: 0 0 6px #989898;
	border: 10px solid #f7f6f6;
}
#stageCamps {
	padding: 0px; margin: 0px; background-color: transparent;
}
#container {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#footer {
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	/*box-shadow: 0 0 6px #989898;*/
}
#footerArea {
	background-color: #ebebeb;
	padding: 0% 12% 1% 18%;
	margin: 0px;
	float: left;
	width: 70.1%;
}
.wrapper { overflow: hidden; }
.clearFloats { clear: both; margin: 0px; padding: 0px; }

/************************************************************************************
COLUMNS
*************************************************************************************/
.col { /*background: #eee; margin-bottom: 30px;*/ float: left; margin-left: 3.2%; }
.fullwidth .col { float: none; margin-left: 0; }
/* grid4 col */
.grid4 .col { width: 22.6%; }
/* grid3 col */
.grid3 .col { width: 31.2%; }
/* grid2 col */
.grid2 .col { width: 48.4%; }
/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.gridTeam .colTeam:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) { margin-left: 0; clear: left; }

/* gridTeam col */
.gridTeam .colTeam { width: 32.5%; }
.colTeam { /*background: #eee; margin-bottom: 30px;*/ float: left; margin-right: 0.8%; }

/* colLeft */
.colLeft { width: 60%; float: left; /*background: #eee;*/ }
/* colRight */
.colRight { width: 35%; float: left; margin-left: 5%; /*background: #eee;*/ }

.newsLeft {
	padding: 0px 0px 0px 0px;
	width: 35%; float: left; /*background: #eee;*/
}
.newsRight {
	padding: 0px 0px 0px 0px;
	width: 62%; float: left; margin-left: 3%; /*background: #eee;*/
}

/************************************************************************************
NAVIGATION
*************************************************************************************/
.bg-nav {
	background-color: #d289bd;
	padding: 0px; margin: 0px 0px 0px 0px; 
	height: 58px;
	box-shadow: 0px 3px 6px #989898;
}

.nav {
	display: inline-block; 
	background-color: #d289bd;
	float: right;
}

@media screen and (max-width: 490px) {
	.bg-nav {
		width: auto;
	}
	.nav {
		width: auto;
		z-index: 200;
	}
	.menu {font-size: 80%; height: 80%; z-index: 200;}
	.hero{
		z-index: -1;}
/*	.hero{display:none;} */

}

.nav ul { padding: 0px; margin: 0px; }
.nav li {
	padding: 0px 0px;
	text-decoration: none;
	border-right: 1px solid #e4b8d7;
	background-color: #d289bd;
	text-transform: uppercase;
	display: inline-block;
	font-weight: bold;
}
.nav a { color: #fff; padding: 20px 20px; }
.nav a:hover { color: #740654; border-bottom: 2px solid #740654; padding: 20px 20px; }
.nav .current a { color: #740654; border-bottom: 2px solid #740654; /*padding: 20px 20px;*/ }
#last { border-left: 1px solid #e4b8d7; }

/* right nav 
.nav.right ul { text-align: right; }*/ /* hack */

/************************************************************************************
NAV DROPDOWN FOR MOBILE NAVIGATION
*************************************************************************************/

#nav-wrap {	margin-top: 0px; }
/* menu icon */
#menu-icon { display: none; /* hide menu icon initially */ }
#nav, #nav li { padding: 0; }
#nav li { list-style: none;	float: left; margin-right: 18px; }
/* nav link */
#nav a { padding: 3px 12px 3px 0px; /*display: block; color: #000; background: #ecebeb;*/ }
#nav a:hover { /*background: #f8f8f8;*/ }
#nav ul { z-index: 2000; background: #fff; margin-top: 3px; padding: 8px; position: absolute; border: solid 1px #ccc; display: none; /* hide dropdown */ width: 200px; }
#nav ul li { float: none; /*margin: 0;*/ padding: 4px 0px 5px 0px; border-bottom: 1px dotted #ccc; width: 100%; }
#nav ul li a { color: #333; }
#nav ul li a:hover { color: #f00; }
#nav li:hover > ul { display: block; /* show dropdown on hover */  }



.noBorder { border: none !important; }

.footerLinks { margin: 20px 0px; padding: 0; text-align: center; }
.footerLinks ul { margin: 0; padding: 0; }
.footerLinks li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	text-transform: uppercase;
	*display:inline; /* ie7 */
}
.footerLinks a {
	padding: 0px;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	color: #bf56a0;
	/*line-height: 100%;*/
}
.footerLinks a:hover { color: #000; }

/************************************************************************************
ICONS
*************************************************************************************/
.left { float: left; padding: 20px 0px; }
.right { float: right; padding: 15px 0px 10px; }

.iconTwitter { font-size: 0%; padding: 0px 0px 32px; margin: 0px; float: left; }
.iconTwitter a { padding: 0px 13px 36px 20px; margin: 0px 0px; background: url(../images/pinterest.png) left top no-repeat; }
.iconTwitter a:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ }

.iconLinkedin { font-size: 0%; padding: 0px 4px 32px 0px; margin: 0px; float: left; }
.iconLinkedin a { padding: 0px 13px 36px 20px; margin: 0px 0px; background: url(../images/icon-linkedin.png) left top no-repeat; }
.iconLinkedin a:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ }

.iconGoogle { font-size: 0%; padding: 0px 4px 32px 0px; margin: 0px; float: left; }
.iconGoogle a { padding: 0px 13px 36px 20px; margin: 0px 0px; background: url(../images/icon-google.png) left top no-repeat; }
.iconGoogle a:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ }

.iconFacebook { font-size: 0%; padding: 0px 4px 32px 0px; margin: 0px; float: left; }
.iconFacebook a { padding: 0px 13px 36px 20px; margin: 0px 0px; background: url(../images/icon-facebook.png) left top no-repeat; }
.iconFacebook a:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ }

.iconTel { font-size: 110%; font-weight:bold; padding: 5px 20px 5px 0px; margin-right: 20px; float: left; border-right: 1px dotted #ccc; }


/************************************************************************************
CONTENT
*************************************************************************************/
#logo {	padding: 8px 40px 13px; margin: 0px 0px 0px 0px; width: 120px; float: left; background-color: #bf56a0; }
#login { text-align: right; width: 100%;  padding: 8px 0px 0px 0px; margin: 0; /*background: #ccc;*/ }

.hero {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	position: relative;
	clear: both;
	z-index: 10;
}

/*
@media screen and (max-width: 490px) {
	.hero{display:none;}
	.headline{position: absolute; top: 62px; z-index: -2;} 
	.newsRight {display:none;}
	.newsLeft {position: absolute; top 3000px;}
	.campaignOne {display: none;}
	.campaignTwo {display: none;}
	.campaignThree {display: none;}
	}
	*/
	
.heroInner {
	padding: 14px 0px 14px 0px;
	margin: 100px 5px 30px 5px;
	background-color: #fff;
	text-align: center;
	position: relative;
	z-index: 20;
}
.headline {
	padding: 14px 0px 14px 0px;
	margin: 0px 5px 30px 5px;
	background-color: #fff;
	text-align: center;
	box-shadow: 0px 0px 6px #989898;
	position: relative;
	z-index: 20;
}

#pageHead {
	padding: 0px 0px 0px 0px;
	margin: 80px 25px -18px 0px;
	z-index: 100;
	position: relative;
	text-align: right;
}
#bar { padding: 0px; margin: 0px 0px 0px 0px; }

.campaignOne {
	padding: 20px 20px;
	margin: 5px;
	color: #FFFFFF;
	border: 10px solid #f7f6f6;
	font-size: 100%;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 0 6px #989898;
}
.campaignOne666:hover {
	border: 8px solid rgb(132, 201, 86);
    border: 8px solid rgba(132, 201, 86, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	padding: 12px 12px 12px 12px;
}
.campaignTwo {
	padding: 20px 20px;
	margin: 5px;
	border: 10px solid #f7f6f6;
	box-shadow: 0 0 6px #989898;
	background-color: #fff;
	color: #333333;
	font-size: 100%;
	text-align: center;
}
.campaignThree {
	padding: 20px 20px;
	margin: 5px;
	border: 10px solid #f7f6f6;
	box-shadow: 0 0 6px #989898;
	background-color: #fff;
	color: #474747;
	font-size: 100%;
	text-align: center;
}

#campaignArea {
	padding: 25px 0px;
	margin: 0;
	text-align: center;
}

.quotes {
	padding: 30px 0px 20px 0px;
	margin: 0;
	color: #474747;
	font-size: 100%;
}

.diagrams {
	padding: 30px 0px 20px 0px;
	margin: 0;
	color: #474747;
	font-size: 100%;
}
.diagramInfo { padding: 15px 17px 20px 17px; margin: 0px 6px; float: left; width: 24%; font-size: 90%; background-color: #fde8db; }
.benefitsInfo { padding: 0px 10px 15px 0px; margin: 0px; }
.itworksInfo { padding: 20px 10px 10px 10px; margin: 10px 0px 20px 0px;	background-color: #f6f6f6; border: 1px solid #f2f2f2; font-size: 90%; }
.startusingInfo { padding: 10px 0px 0px 0px; margin: 0px; }
.benefitsIcons { padding: 0px 10px 15px 0px; margin: 0px;
	background: url(images/bg-campaign-managed.html) left top no-repeat;}

.arrow-div {
	padding: 0px;
	text-align: center;
	border-bottom: 1px dashed #c7c7c7;
}

.footerBlocks {
	padding: 20px 20px 20px 20px;
	margin: 0;
	float: left;
	width: 26%;
}
.midBlockadjust { padding: 0px 0px 0px 20px; margin: 0; }

.pat { font: 85% 'Open Sans', Helvetica, Verdana, Arial, sans-serif; margin: 7px 0px 0px 20px; text-align: center; }

/************************************************************************************
TEAM
*************************************************************************************/
#altRight { float: right; margin: 0px 10px 0px 0px !important; }

/************************************************************************************
EXTRA CONTENT (JQUERY)
*************************************************************************************/
.extra_link { cursor: pointer; color: #39F; }
.extra_link:hover { cursor: pointer; color: #3CF; }
.extra_content { display: none; }

/************************************************************************************
LINKS & BUTTONS
*************************************************************************************/
.linkMore a  { background-color: #cd128b; border-radius: 5px; color: #fff !important; padding: 10px 15px; margin-top: 20px; text-align: center; font-size: 80%; }
.linkMore a:hover { background-color: #e64baf !important; }

.butActivate {	background-color: #20a3ce; border: 0 none; color: #fff; padding: 2px 8px; text-align: center; font-weight: bold; border-radius: 5px; cursor: pointer; font: 100% 'Open Sans', Helvetica, Verdana, Arial, sans-serif; }

.linkButton a { background-color: #cd128b; border-radius: 5px; color: #fff !important; padding: 15px 15px; text-align: center; font-size: 80%; }
.linkButton a:hover { background-color: #e64baf !important; }

#butLogin a { background-color: #EB3E0E; border-radius: 5px; color: #fff !important; padding: 5px 10px; text-align: center; font-size: 95%; }
#butLogin a:hover { background-color: #d289bd !important; }

/* f2ddec - grey out button */
/* #cd128b - button magenta */

/************************************************************************************
FORM STYLES
*************************************************************************************/
.inputText { border: 1px solid #ccc; padding: 3px; background-color: #fff;	font-size: 96%;	color: #666; }
.inputText:hover { border: 1px solid #999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; }
.btnLogin {	background-color: #20a3ce; border: 0 none; color: #fff; padding: 2px 8px; text-align: center; font-weight: bold; border-radius: 5px; cursor: pointer; font: 100% 'Open Sans', Helvetica, Verdana, Arial, sans-serif; }
.btnLogin:hover { background-color: #0d83a9; background-image: -moz-linear-gradient(center top , #20a3ce 0%, #1088af 100%); cursor: pointer; }

#moreInfo.error { color: red !important; }
#moreInfo { padding: 6px 0px 5px 0px !important; }

/************************************************************************************
TABULAR INFO
*************************************************************************************/
#accessForm { padding: 20px 15px; margin: 10px 0px;	background-color: #f6f6f6; border: 1px solid #f2f2f2; font-size: 90%; }
.required { color: #F00; }
.dataTable tr td {
	/*background-color: #e5e5e5;*/
	border-bottom: 1px dotted #c2c2c2;
	font: 120% 'Open Sans', Helvetica, Verdana, Arial, sans-serif;
	color: #666;
	padding: 8px 0px 8px 0px;
	width: 99%;
}
.whichAccount {
	/**/background-color: #fff;
	padding: 8px 8px 8px 8px;
	width: 96%;
}

/*** Existing ***/
em.requiredFields { float: right; font-style: normal; }
.formPanel fieldset, .formPromo fieldset { border-top: 1px solid #EEEEEF; margin: 0 0 0 0px; width: 540px; }
.formItem {
    /*border-bottom: 1px solid #EEEEEF;*/
    clear: left;
    height: 25px;
    margin: 0;
    padding: 4px 0;
    width: 540px;
}
.formItem label, .growingForm label {
    display: block;
    float: left;
    padding: 4px 0 0;
    vertical-align: middle;
    width: 210px;
}
.formPromo fieldset { border: 0 none; }
.formItem .inputText, .growingForm .inputText {
    background-color: #fff;
    border-color: #B3B8BD #D5D7DA #D5D7DA #B3B8BD;
    /*float: right;
	width: 312px;*/
    height: 19px;
    margin: 0;
    padding: 3px 3px 1px;
}
.formPromo {
    background: url("form-promo-bg.html") no-repeat scroll center top transparent;
    margin: 0 0 0 0px;
    padding: 16px 0px 16px 0px;
    width: 600px;
}
.formAction {
    /*background: none repeat scroll 0 0 #28B24C;*/
    margin: 0 0 0 0px;
    padding: 8px 20px 18px;
    /*width: 600px;*/
}
.formAction button {
    background: url("btn-action-combo.html") no-repeat scroll left top transparent;
    border: 0 none;
    cursor: pointer;
    font-family: 'Open Sans', Helvetica, Verdana, Arial, sans-serif;
    /*height: 40px;
    margin-left: 400px;
    padding: 0 0 2px;*/
}
.actionsBtns a, .contentTrial a, .formAction button { background-color: #263548; border-radius: 5px; color: #fff !important; padding: 5px 10px; text-align: center; }
#pagewrap #stageArea .wrapper.fullwidth .col div p strong {
	font-size: 110%;
}