/* Aquafresh Products.css */

@import url("Main.css");

/* Layout 
-------------------------------------------------------------- */
h1 { margin-bottom: 20px; }

h2.smallpadding { padding-top: 0px; padding-bottom: 5px; }
h2.slight { font-weight: normal; }
h2.subtitle {color:#123060;}

#content_main .hexBulletRow { margin-top:10px; padding-left: 45px; background-repeat: no-repeat; background-position: left top; background-color: Transparent; min-height: 50px; display: block; zoom: 1; }
#content_main .hexBulletRowRight { margin-left:235px; padding-left:50px; background-repeat: no-repeat; background-color: Transparent; display: block; zoom: 1; }
#content_main .hexBulletTip { font-size: 1.3em; font-weight: bold; } 
#content_main .hexBulletTipShort { font-size: 1.3em; font-weight: bold; width:300px; }

#content_main .hexArrowBulletRow { color: #103575; padding-left: 40px; margin-left: 20px; background-repeat: no-repeat; background-position: left top; background-color: Transparent; min-height: 50px; display: block; text-decoration: none; zoom: 1; }
#content_main .hexArrowBulletTop { font-size: 1.1em; float:right; width:350px; color: #103575; padding-left: 40px; background-repeat: no-repeat; background-position: 0% 5%; background-color: Transparent; display: block; text-decoration: none; zoom: 1; }
#content_main .hexArrowBulletRow .header { font-size: 1.3em; font-weight: bold; color: #0059c8; }
#content_main .hexArrowBulletTop .topheader { font-size: 1.8em; font-weight: bold; color: #0e3776;}
#content_main .hexArrowBulletTop .topfooter { float:right; text-transform:uppercase; color:#0059c8; width:185px; height:15px; cursor:pointer; padding-right:6px; font-weight: bold; margin-bottom:8px; background-image: url(../Images/en/bluearrow.png);background-repeat: no-repeat; background-position: right; background-color: Transparent; min-height:15px; display: block; zoom: 1; }

#content_main .tabular td { vertical-align: top; }

.miniProduct { float:left; margin-right: 10px; }

.inset { margin-left: 40px; }

div.hr { font-size: 1px; height: 2px; background-color: #9EF7FA; display: block; margin: 15px 0px; }

#contentHeader { margin: 30px 0px 10px 0px; }
#contentHeader h1 { margin: 0px; padding: 0px; }
#contentHeader h2 { margin: 0px; padding: 0px; }

#content_main { color: #123060; padding-top:0px; width:682px; left:-4px; /*top:-2px;*/ position:relative; }

#content_main ul.whitelist { margin-top: 25px; margin-left: 50px; }
#content_main ul.smallmargin { margin-top: 0px; margin-left: 30px; }
#content_main ul.whitelist li { list-style-image: url(../Images/en/dot.gif); list-style-position: outside; margin-top:8px; }

#content_main ul.bluelist { margin-top: 0px; margin-left: 50px; }
#content_main ul.bluelist li { list-style-image: url(../Images/en/bluedot.gif); list-style-position: outside; }

#content_main table.whitechecklist { width: 100%; }
#content_main table.whitechecklist td { color: #ffffff; padding-left: 23px; background: transparent url(../Images/en/whitecheck.jpg) left top no-repeat; font-size: 1.1em; font-weight: bold; zoom: 1; }

#demo {float: right; margin: 0px 0px 15px 15px; width:193px; height:170px; display:block; color: #ffffff; text-decoration: none;}
#demo em { text-transform:uppercase; font-size: .8em; font-style: normal; }

#content_main a.traysDemo { margin: 0px 0px 15px 0px; display:block; color: #ffffff; text-decoration: none; }
#content_main a.traysDemo em { text-transform:uppercase; font-size: .8em; font-style: normal; }

#content_main .maneuver { text-transform: uppercase; font-weight: bold; width: 100%; margin: 0px 0px 15px 0px; clear: both; }
#content_main .maneuver a, #content_main .maneuver a:hover, #content_main .maneuver a:visited { text-decoration: none; color:#0059c8; }
#content_main .maneuver .back { text-align: left; }
#content_main .maneuver .forward { text-align: right; }

#badBreathCauses { width: 100%; font-size: 1.2em; }
#badBreathCauses td { padding: 15px; }
#badBreathCauses td.divider { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }

#content_main .faqIndex { font-size: 1.25em; font-weight: bold; padding: 0px 0px 0px 60px; margin: 20px 40px; }
#content_main .faqIndex a, #content_main .faqIndex a:hover, #content_main .faqIndex a:visited { color: #1c2d5e; text-decoration: none; }

#content_main .faq { margin: 30px 0px; }
#content_main .faq .question { font-size: 1.25em; font-weight: bold; color: #1c2d5e; margin-left:40px; }
#content_main .faq .answer {margin-left:40px;}
#content_main .faq .returnLink { text-transform: uppercase; font-size: .75em; margin-top: 10px; margin-left:40px;}
#content_main .faq .returnLink a, #content_main .faq .returnLink a:hover, #content_main .faq .returnLink a:visited { color: #0059c8; text-decoration: none; }


#content_main .calloutLeft { float: left; margin: 3px 15px 15px 0px; background: transparent url(../Images/en/calloutLeftBg.jpg) top left repeat-y; width: 149px; color: #ffffff; padding: 15px; }
#content_main .calloutLeft .header { font-size: 1.4em; font-weight: bold; }

#content_main .calloutRight { float: right; margin: 3px 0px 15px 15px; background: transparent url(../Images/en/calloutRightBg.jpg) top left repeat-y; width: 149px; color: #ffffff; padding: 15px; }
#content_main .calloutRight .header { font-size: 1.4em; font-weight: bold; }

a.lBlue, a.lBlue:hover, a.lBlue:visited { text-decoration: none; color:#0059c8; }
.lBlue a, .lBlue a:hover, .lBlue a:visited { text-decoration: none; color:#0059c8; } 


/*  For Mom */

#activities {width:666px; height:168px; margin: 30px 8px; background: transparent url(../Images/en/momBabyActBG.jpg) top left no-repeat; }
#activities a, #activities a:hover, #activities a:visited { text-decoration: none; border: none; }
#activities img { display: block; }
#activities table { margin: 0px auto; }

.tblActivities {height:108px;vertical-align:middle;width:662px;display:inline-table;}
.tblActivities td {height:108px;vertical-align:middle;padding-left:12px;width:218px;}

.momTxtCallout { position:relative; bottom:144px; left:50px; }
.momCapCall { font-size:14px; text-decoration:none; color:#052664; }
.momSubCall { font-size:18px; text-decoration:none; color:#2185cf; font-weight:bold; }


/* FAQ */
#faq_wrap h1 { margin: 0px 0px 25px 0px; }
#faq_wrap .qa { margin: 0px 0px 25px 10px;}
#faq_wrap .qa .question { font-weight: bold; margin-left:40px; }
#faq_wrap .qa .answer { margin-left:40px; }

#FaqIndex .question a, #FaqIndex .question a:hover,#FaqIndex .question a:visited {color:#0059c8;}

/* Savings */
#savings_wrap h2 { margin: 0px; padding: 0px; text-transform: uppercase; }
#savings_wrap h3 { font-size: 14px; text-transform: uppercase; }
#savings_wrap p { text-transform: uppercase; font-size: .8em; }
#savings_wrap a { font-size: 14px; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #123060; margin: 15px 0px 20px 0px; display: block; } 
#savings_wrap .arrow { color: #E93125; font-size: 20px; position:relative; bottom:5px;}
#savings_wrap img.hbar { display: block; z-index:9999;}


/* Contact Us */

#contact_wrap .ContactTable {margin:0px 12px 12px 12px;}
#contact_wrap .ContactTable a {text-decoration:none;}
#contact_wrap .contactheader { display: none; font-family:Verdana; font-size:24px; color:#002469; font-weight:bold; text-align:left;}
#contact_wrap .legal {text-align:left;}
#contact_wrap .contactSpamStatement {text-align:left;}
#contact_wrap .contactOptInStatement {text-align:left;}
#contact_wrap .contactOptInStatement a {font-weight:bold; color:#002469;}
#contact_wrap .GroupLabel {text-align:left;font-weight:bold;}
#contact_wrap .RequiredMarkerLabel {color:#ff0000;}
#contact_wrap .registrationRequiredTable {text-align:left; vertical-align: top; padding-top:2px; }
#contact_wrap .NonRequiredTd {text-align:left; vertical-align: top; padding-top:2px;}
#contact_wrap .LeftTd {text-align:right; width:100px; padding-right:3px;}
#contact_wrap .MidTd {text-align:left; width:100px;}
#contact_wrap .RightTd { /*border-right:1px solid #777777;*/ }
#contact_wrap .InstructionsLabel {float:left;}
#contact_wrap .contactSubTitle { text-align: center; }
#contact_wrap .contactCheckBox { text-align: center; }

#contact_wrap .thankYouHeader {font-family:Verdana; font-size:24px; color:#002469; font-weight:bold; text-align:left;}
#contact_wrap .thankYouContent {text-align:left; height:330px;}