/* general conditions and resets and helpers*/ body {background: url(../images/bgPage.gif) repeat-x #03121a;margin: 0px; font-family: arial;} ul {padding: 0px; margin: 0px; list-style: none;} img {border: none;} h1,h2,h3,h4,h5 {padding: 0px; margin: 0px;} .clear {clear:both;} form {padding: 0px; margin: 0px;} html { overflow: -moz-scrollbars-vertical; } html { overflow-x: auto; } /* a bunch of divs needed to center everything */ #divBackground { background: url(../images/bgHeader.jpg) no-repeat center top;min-height: 600px;} #divMainContainer {width: 950px;margin: 0px auto;position: relative;} #divMainBodyContainer {width:950px;margin: 0px auto; position: absolute; top: 174px; } #divMainBodyContainerDM {width:950px;margin: 0px auto; position: absolute; top: 174px; } #divBodyContent {width: 928px; margin: 0 auto;} /* Logo, Tagline & Livehelp header */ #divHeader {width:952px;margin: 0px auto; position: absolute; top: 0px; height: 116px;} #header_01 {position: absolute; top: 23px;} #header_02 {position: absolute; top: 37px; left: 323px; color:#FF0000; font-size:19px;} #header_02 a{color:#0000FF;} #header_03 {position: absolute; top: 0px; left: 708px;} /* Main Navigation */ #divNavigation {width:950px;margin: 0px auto; position: absolute; top: 116px; height: 58px;} #mainNav { width: 952px; height: 36px; background: url(../images/navigationT.png); margin: 0px; padding: 0; position: relative;} #mainNav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #mainNav li ul li{ position: relative;} #mainNav li, #mainNav a { height: 36px; display: block; } #nav_01, #nav_01 a{left: 0; width: 191px;} #nav_02, #nav_02 a{left: 192px; width: 162px;} #nav_03, #nav_03 a{left: 355px; width: 117px;} #nav_04, #nav_04 a{left: 473px; width: 60px;} #nav_05, #nav_05 a{left: 534px; width: 147px;} #nav_06, #nav_06 a{left: 682px; width: 91px;} #nav_07, #nav_07 a{left: 774px; width: 66px;} #nav_08, #nav_08 a{left: 841px; width: 111px;} #nav_01 a:hover {background: transparent url(../images/navigationT.png) 0 -37px no-repeat;} #nav_02 a:hover{background: transparent url(../images/navigationT.png) -192px -37px no-repeat;} #nav_03 a:hover{background: transparent url(../images/navigationT.png) -355px -37px no-repeat;} #nav_04 a:hover{background: transparent url(../images/navigationT.png) -473px -37px no-repeat;} #nav_05 a:hover{background: transparent url(../images/navigationT.png) -534px -37px no-repeat;} #nav_06 a:hover{background: transparent url(../images/navigationT.png) -682px -37px no-repeat;} #nav_07 a:hover{background: transparent url(../images/navigationT.png) -774px -37px no-repeat;} #nav_08 a:hover{background: transparent url(../images/navigationT.png) -841px -37px no-repeat;} #nav_01.highlight {background: transparent url(../images/navigationT.png) 0 -37px no-repeat;} #nav_02.highlight {background: transparent url(../images/navigationT.png) -192px -37px no-repeat;} #nav_03.highlight {background: transparent url(../images/navigationT.png) -355px -37px no-repeat;} #nav_04.highlight {background: transparent url(../images/navigationT.png) -473px -37px no-repeat;} #nav_05.highlight {background: transparent url(../images/navigationT.png) -534px -37px no-repeat;} #nav_06.highlight {background: transparent url(../images/navigationT.png) -682px -37px no-repeat;} #nav_07.highlight {background: transparent url(../images/navigationT.png) -774px -37px no-repeat;} #nav_08.highlight {background: transparent url(../images/navigationT.png) -841px -37px no-repeat;} .accessLink { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; color:transparent; } /* Sub Navigation */ .menulist ul {display: none;} #subNav_01 a:hover, #subNav_02 a:hover, #subNav_03 a:hover, #subNav_04 a:hover, #subNav_05 a:hover, #subNav_06 a:hover, #subNav_07 a:hover, #subNav_08 a:hover, #subNav_09 a:hover, #subNav_10 a:hover, #subNav_11 a:hover, #subNav_12 a:hover, #subNav_13 a:hover, #subNav_14 a:hover, #subNav_15 a:hover, #subNav_16 a:hover, #subNav_17 a:hover,#subNav_18 a:hover{background: none;} /*#divNavigation ul li ul {background: url(../images/bgSubNav.png) no-repeat center top;margin: 0px auto; position: absolute; top: 36px; height: 58px; z-index:2; left: 13px; width: 926px;} #divNavigation ul li ul li {float: left; font-family:arial ;font-size: 12px; color: #abd9e1;font-weight: bold;padding:9px 6px 0;position:relative;} #divNavigation ul li ul a {color: #fff;text-decoration: none; width: auto;} #divNavigation ul li ul .highlight a {color: #abd9e1;text-decoration: none;} #divNavigation ul li ul a:hover {color: #abd9e1;} */ #divNavigationSub {background: url(../images/bgSubNav.png) no-repeat center top;width:950px;margin: 0px auto; position: absolute; top: 152px; height: 58px; z-index:0;} .ie6 #divNavigationSub, .ie7 #divNavigationSub{z-index:-1;} #divNavigationSub li {float: left; font-family:arial ;font-size: 12px; color: #abd9e1;font-weight: bold;padding:9px 6px 0;} #divNavigationSub a {color: #fff;text-decoration: none;} #divNavigationSub .highlight a {color: #abd9e1;text-decoration: none;} #divNavigationSub a:hover {color: #abd9e1;} /* Sub Nav per page styles */ #divNavigation ul li ul{position: relative;} #divNavigation ul li ul.subWhatIs{left: 12px;} #divNavigation ul li ul.subTestimonials{left: 0px;} #divNavigation ul li ul.subCustService{left: 0px;} #divNavigation ul li ul.subAbout{left: 0px;} /*#divNavigation ul li ul.subNavEmpty1{left:-179px} #divNavigation ul li ul.subTestimonials{left: -342px;} #divNavigation ul li ul.subNavEmpty2{left:-460px} #divNavigation ul li ul.subCustService{left: -521px;} #divNavigation ul li ul.subAbout{left: -669px;} #divNavigation ul li ul.subNavEmpty3{left:-761px} #divNavigation ul li ul.subNavEmpty4{left:-828px}*/ .subTestimonials { width: 470px; margin: 0 auto;} .subWhatIs { width: 900px; margin: 0 auto;} .subCustService { width: 530px; margin: 0 auto;} .subAbout { width: 260px; margin: 0 auto;} .dhtml{width:auto;} #mainNav.menulist li ul{z-index: 30;} #mainNav.menulist li li a, #mainNav.menulist li li, #mainNav.menulist li ul{height:auto; z-index:20;} #mainNav.menulist li li a{background: #0b7a7c;border-bottom: 1px solid #499ea2; padding:10px 10px 10px 10px;} #mainNav.menulist li li a:hover, #mainNav.menulist li li a.highlighted:hover, #mainNav.menulist li li a:focus {color: #abd9e1;background-color: #22878a;} #divNavigation ul li ul li {font-family:arial ;font-size: 12px; color: #abd9e1;font-weight: bold;} #divNavigation ul li ul a {color: #fff;text-decoration: none;} #divNavigation ul li ul .highlight a {color: #abd9e1;text-decoration: none;} #divNavigation ul li ul a:hover {color: #abd9e1;} /* Right Column */ #divBodyRight {float: left; width: 306px; font-size:12px;color: #333333; line-height: 18px; color: #fff;/*padding: 2px 0 0 0;*/} /* Primary Banner ad section */ #rtBannerMain {background: url(../images/rtBannerMain.png) no-repeat; height: 346px;} #rtBannerMain ul {position: relative;} /*#rtBannerMainBuyNow {position: absolute; top: 120px; left: 160px; background: transparent url(../images/buyNow.png) no-repeat; width: 119px; height: 39px;}*/ #rtBannerMainBuyNow {position: absolute; top: 130px; left: 150px; background: transparent url(../images/buyNow.png) no-repeat; width: 119px; height: 39px;} #rtBannerMainBuyNow a {height: 39px; display: block; } #rtBannerMainBuyNow a:hover { background: transparent url(../images/buyNow.png) 0 -40px no-repeat; } #rtBannerMainLearn {position: absolute; top: 305px; left: 50px; width: 220px;height: 20px} #rtBannerMainLearn a {height: 20px; display:block;background: transparent url(../images/isRightForYou.png) no-repeat;} #rtBannerMainLearn a:hover {background: transparent url(../images/isRightForYou.png) 0 -20px no-repeat;} #rtBannerOrder {background: url(../images/rtBannerOrder.png) no-repeat; height: 352px;} /* Middle Banner ad section */ #rtPromo {padding: 0 0 6px 0; width: 306px; background:url(../pictures/burton-promo.jpg) no-repeat; height:169px;} #rtPromoButton {height: 169px; width: 306px;} #rtPromoButton a {height: 169px; display:block;} /* Bottom Email Capture Promotion */ #rtEmailCapture {width: 306px;} /* Email Promo - Rounded Corner Border */ #rtEmailCapture .hd .c { font-size:1px; height:6px; } #rtEmailCapture .ft .c { height:4px; font-size:1px;} #rtEmailCapture .hd { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/rt-tl.png) no-repeat scroll 0 0; margin-right:5px; } #rtEmailCapture .hd .c { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/rt-tr.png) no-repeat scroll right 0; margin-right:-5px; } #rtEmailCapture .bd { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/rt-ml.gif) repeat-y scroll 0 0; margin-right:5px; } #rtEmailCapture .bd .c { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/rt-mr.gif) repeat-y scroll right 0; margin-right:-5px; } #rtEmailCapture .ft { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/rt-bl.png) no-repeat scroll 0 0; margin-right:5px; } #rtEmailCapture .ft .c { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/rt-br.png) no-repeat scroll right 0; margin-right:-5px; } #rtEmailCapture .bd .c .s {background: url(../images/rt-m.jpg) no-repeat; min-height: 139px; color: #000;} /* Email promo - Content positioning and styles */ #rtEmailCapture .bd .c .s ul {position: relative;} #emailCapt_01 {position: absolute;top: 9px; left: 13px;background:url(../images/rtPromoEmailImage.png) no-repeat;width:59px; height:77px} #emailCapt_02 {position: absolute;top: 9px; left: 76px;background: url(../images/rtPromoEmailText.png) no-repeat; width:165px;height:34px;} #emailCapt_03 {position: absolute;top: 50px; left: 76px;} #emailCapt_04 {position: absolute;top: 92px; left: 12px;} #emailCapt_04 input {padding: 2px 10px 1px; width: 180px; height: 14px; border: solid 1px #cccccc;color: #666666; font-size: 11px; font-family: verdana;} #emailCapt_05 {position: absolute;top: 92px; left: 219px;} #emailCapt_05 input {border: 0px; color: transparent; background: url(../images/signUp.png) no-repeat; width: 63px; height: 21px;cursor: pointer;cursor: hand;} #emailCapt_05 input:hover {border: 0px; color: transparent; background: url(../images/signUp.png) 0 -21px no-repeat; width: 63px; height: 21px;cursor: pointer;cursor: hand;} #emailCapt_06 {position: absolute;top: 118px; left: 195px;} #emailCapt_06 a {color:#073b7f; font-size: 10px; font-family: verdana;} #emailCapt_06 a:hover {text-decoration: none;} /* Footer */ #divFooter {width: 950px;margin: 0px auto;background: url(../images/bgFooter.gif) no-repeat 1px 20px; color: #999999; font-size:11px; height: 75px;padding-top: 20px;} #divFooter ul {position: relative;} #divFooter a {color:#cccccc; text-decoration: none;} #divFooter a:hover { text-decoration: underline;} #footer_01 {width: 500px;position: absolute;top: 18px; left: 19px;} #footer_02 {width: 500px;position: absolute;top: 38px; left: 19px;} #footer_03 {width: 300px;position: absolute;top: 15px; left: 683px;} /* Body Layout Home Page*/ #divBodyLeftHome {float: left; width:614px;font-size:12px;color: #333333; line-height: 18px;padding:0px 8px 0 0;} #divBodyLeftHome ul {position: relative; font-family: arial; font-size: 12px; color: #fff;} #divBodyLeftHome a {font-size: 11px; color: #ff9900;} #divBodyLeftHome a:hover {text-decoration: none;} #divFlash {height: 393px; padding-top: 2px; width:614px;} #divCenterPromo {background:url(../images/centerBanner.gif) no-repeat;width:610px; height:104px;} #hpPromo_01 {width: 210px;position: absolute; top: 35px; left: 95px;} #hpPromo_02 {width: 210px;text-align: right;position: absolute; top: 78px; left: 95px;} #hpPromo_03 {width: 210px; position: absolute; top: 35px; left: 387px;} #hpPromo_04 {width: 210px;text-align: right;position: absolute; top: 78px; left: 387px;} /* Body Layout Second Level*/ #divBodyLeft {float: left; width:614px;font-size:12px;color: #333333; line-height: 18px;padding-right: 8px;} .divBodyLeftPad {padding-top: 20px;} #divBodyLeft .hd .c, #divBodyLeft .ft .c { font-size:1px; height:8px; } #divBodyLeft .ft .c { height:8px; } #divBodyLeft .hd { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/tl.png) no-repeat scroll 0 0; margin-right:6px; } #divBodyLeft .hd .c { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/tr.png) no-repeat scroll right 0; margin-right:-6px; } #divBodyLeft .bd { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/ml.png) repeat-y scroll 0 0; margin-right:6px; } #divBodyLeft .bd .c { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/mr.png) repeat-y scroll right 0; margin-right:-6px; padding: 13px 0 0; } #divBodyLeft .ft {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/bl.png) no-repeat scroll 0 0; margin-right:6px; } #divBodyLeft .ft .c { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/br.png) no-repeat scroll right 0; margin-right:-6px; } /* Body Content */ #divBodyLeft .bd .c .s {padding: 5px 19px 5px 18px; min-height: 570px;} #divBodyLeft .bd .c .s p { margin:10px 0px 0px 0px; padding:0px;} #divBodyLeft .bd .c .s h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; font-weight: bold; line-height: 20px;padding: 16px 0 9px;text-align:center;word-spacing:-0.07em;} #divBodyLeft .bd .c .s h2 span{font-size:12px;} #divBodyLeft h3 {font-size: 13px; font-weight: bold; padding: 10px 0 5px; } #divBodyLeft ul {list-style: disc;margin: 10px 0 0 15px; } #divBodyLeft li {margin: 0 0 5px 5px;padding: 0px; } #divBodyLeft a {color:#073B7F;} #divBodyLeft a:hover {text-decoration: none;} .alignRight {float: right; margin: 0 0 10px 10px;} .alignLeft {float: left; margin: 0 10px 10px 0;} .accessTitle { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; color:transparent; } /* Page Titles */ .titleWhatIs {background: url(../images/pageTitles.png) 0 0 no-repeat; height: 22px; width: 350px; } .titleFeatures {background: url(../images/pageTitles.png) 0 -23px no-repeat; height: 22px; width: 300px; } .titleTestimonials {background: url(../images/pageTitles.png) 0 -46px no-repeat; height: 22px; width: 300px; } .titleFaq {background: url(../images/pageTitles.png) 0 -69px no-repeat; height: 22px; width: 300px; } .titleCustService {background: url(../images/pageTitles.png) 0 -92px no-repeat; height: 22px; width: 300px; } .titleAbout {background: url(../images/pageTitles.png) 0 -115px no-repeat; height: 22px; width: 300px; } .titleBlog {background: url(../images/pageTitles.png) 0 -138px no-repeat; height: 22px; width: 300px; } .titleOrder {background: url(../images/pageTitles.png) 0 -161px no-repeat; height: 22px; width: 300px; } .titlePrivacy {background: url(../images/pageTitles.png) 0 -184px no-repeat; height: 22px; width: 300px; } .titleDisclaimer {background: url(../images/pageTitles.png) 0 -207px no-repeat; height: 22px; width: 300px; } .titleFDA {background: url(../images/pageTitles.png) 0 -230px no-repeat; height: 22px; width: 300px; } .titleThankYou {background: url(../images/pageTitles.png) 0 -253px no-repeat; height: 22px; width: 300px; } .titleError {background: url(../images/pageTitles.png) 0 -276px no-repeat; height: 22px; width: 300px; } .footNote { font-size: 9px; vertical-align: super ; } /* random styles needed to make site look nice */ .questions li {width:500px;} #answers {float: right; list-style:none;} .testimonialSource {text-align: right;} .formName {float: left; width: 120px;padding: 6px 0;} .formField {float:left; width: 400px;padding: 6px 0;} .formField input {border:1px solid #CCCCCC; color:#666666; font-family:verdana; font-size:11px; } #divBodyLeft .bd .c .s textarea {border:1px solid #CCCCCC; color:#666666; font-family:verdana; font-size:11px; margin-bottom: 10px;} .btnSubmit {border: 0px; color: transparent; background: url(../images/submit.png) no-repeat; width: 63px; height: 21px;cursor: pointer;cursor: hand;} .question {float:left;width: 400px; padding: 0 0 10px 0;} .answerY {float:left;width: 75px; padding: 0 0 10px 0;} .answerN {float:left;width: 50px; padding: 0 0 10px 0;} /*.fbPic01 {background: url(../pictures/benefit-image.jpg) no-repeat 200px 50px;}*/ .padBottom {margin-bottom: 40px;} .order p {text-align: center; font-size: 14px;} .order img {margin-top: 18px;margin-bottom: 20px;} .order div.noButton{background: transparent;} .order div.omgOrder {background: transparent url(../images/order_now_button.png) no-repeat; width: 145px; height: 39px; top:10px; left: 353px; float:left; margin: -29px 0px -3px 80px;} .order div.omgOrder a {height: 39px; display: block;} .order div.omgOrder a:hover { background: transparent url(../images/order_now_button.png) 0 -40px no-repeat;} /* .order div {background: transparent url(../images/order_now_button.png) no-repeat; width: 145px; height: 39px; top:10px; left: 353px; float:left; margin: -29px 0px -3px 80px;} .order div a {height: 39px; display: block;} .order div a:hover { background: transparent url(../images/order_now_button.png) 0 -40px no-repeat;} */ .order div#orderButtons div#orderButton1 {background: transparent url(../images/order_now_button.png) no-repeat; width: 145px; height: 39px; top:10px; left: 353px; float:left; margin: -29px 0px -3px 80px;} .order div#orderButtons div#orderButton2 {background: transparent url(../images/order_now_button.png) no-repeat; width: 145px; height: 39px; top:10px; left: 353px; float:right; margin: -29px 80px -3px 0px;} .order div#orderButtons div a {height: 39px; display: block;} .order div#orderButtons div a:hover { background: transparent url(../images/order_now_button.png) 0 -40px no-repeat;} .textCenter {text-align: center;} .press {padding-top: 120px;font-size: 13px; font-weight: bold; } .mac.safari4 #divNavigation ul li ul a {font-size: 10px} #divBodyLeft .bd .c .s h2.override_h2{ padding-top: 4px;} #dmContentTop{width:928px;margin: 0px 0px 0px 11px; position: absolute; top: 174px; } #dmContentTop{background:transparent url(/images/dmTop.png) no-repeat scroll top center;} #dmContentBottom{background:transparent url(/images/dmBottom.png) no-repeat scroll bottom center; padding-bottom:1px;} #dmContentCenter{background-color:#ffffff; margin: 8px 0px 7px 0px; padding: 0px 10px 0px 10px;} #divMainBodyContainerDM {top: 230px; } #divCenterPromoTopCap {background:url(../images/centerBannerCaps.gif) top center no-repeat;width:610px;} #divCenterPromoBottomCap {background:url(../images/centerBannerCaps.gif) bottom center no-repeat;width:610px; padding: 5px 0px 5px 0px;} #divCenterPromoInner {background:url(../images/centerBannerInner.gif) top center repeat-x;width:610px;} #divCenterPromoInner ul{position: static;} #hpPromo_v01{background:url(../images/centerBannerItems.gif) 0px 0px no-repeat; padding: 0px 5px 0px 105px; float:left; width: 30%; display:inline-block;} #hpPromo_v02{background:url(../images/centerBannerItems.gif) -290px 0px no-repeat; padding: 0px 10px 0px 110px;float:left; width: 30%;display:inline-block;} #divCenterPromoInner a{float:right;} #divCenterPromoInner span.title{font-family: Avant-Garde, Trebuchet-ms, Helvetica, Verdana, Arial, Tahoma; display: block; font-size:19px; color:#9ac9dc; padding: 0px 0px 10px 0px; text-transform: uppercase;} #orderWhatsIncluded{width:500px;} .orderTitleMove { margin-top:15px; } .orderButtonBoxRoundRect { height:134px; width:300px; float:left; } .leftRoundRect { margin-left:127px; background-image:url('../images/order-button-box-roundrect-1pay.png'); } .rightRoundRect { margin-left:40px; background-image:url('../images/order-button-box-roundrect-3pay.png'); } .order div#orderButtons div#orderButton3 {background: transparent url(../images/order_now_button.png) no-repeat; width: 145px; height: 39px; top:10px; left: 353px; float:left; margin: 75px 0px 0px 78px;} .order div#orderButtons div#orderButton4 {background: transparent url(../images/order_now_button.png) no-repeat; width: 145px; height: 39px; top:10px; left: 353px; float:right; margin: 75px 78px 0px 0px;} .save5Dollars { margin-top:-35px; margin-left:245px; background-image: url('../images/save-5-dollars.png'); width:69px; height:69px; } .bottomContentContainer { height:120px; width:630px; margin-left:auto; margin-right:auto; font-size:12px; } .ssOrderHeroImage { background-image: url('../images/what-you-get-redo.jpg'); background-position: center center; background-repeat:no-repeat; height:333px; width:500px; border:1px solid #50A3C5; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-top:20px; margin-bottom:33px; padding:0px; }