@charset "utf-8";
/*  CSS Document 
	Oust.com
	2008
	Color Guide
	---------------------
	Dkr Grey: #333333 (h2)
	Dk Grey: #454545 (body)
	Lt Grey: #999999 (dotted lines)
	Purple: #821188 (a)
	Lt Blue: #27b5e5 (h1)
	Dr Blue: #00529B (a:hover)
	Navy Blue:  #124f86 (legal)
*/
body{font-family: Arial, Helvetica, sans-serif;font-size:12px; line-height:19px;color:#666666;  height:100%;background:url(../images/grds/alignbkLG.jpg) fixed repeat-x bottom;}
a{text-decoration:none;color:#821188;font-weight:bold; outline:none;}
a:hover{ text-decoration:none;color:#00529B;}
label{}
img{border: none;outline: 0; }
li,ul,ol{margin:0;padding:0;}
table,tr,td,h1,h2,h3,p{font-weight:normal;margin:0;padding:0;}

/*Layout  background:url(../images/grds/bodybk.jpg) repeat #FFFFFF;*/
#pageAlignment{position:absolute;top:0px;left:0px;width:100%;}
#container{text-align:left;font-family: Arial, Helvetica, sans-serif;font-size:12px;margin:auto;width:918px;position:relative; background:url(../images/bkgds/bg_shadow.png) repeat-y;padding:0 15px;}
#pageBtm{background:url(../images/elements/footer_shadow_03.png) no-repeat;width:948px;height:28px;margin:0 auto;}
#pageBtmHome{background:url(../images/elements/shadow_middle.png) no-repeat;width:948px;height:20px;margin:0 auto;}

/*Footer*/
#footer{text-align:left;margin:auto;width:918px;position:relative;font-family: Arial, Helvetica, sans-serif;color:#ffffff;height:79px;font-size:11px;}
#footerPad{padding: 0px 10px 20px 0;margin:25px 0px 0px 0px;width:875px;}
#footer a{text-decoration:none;color:#ffffff;font-weight:normal;}
#footer a:hover{ text-decoration:underline;}
#footer a sup{}
#legal{color:#124f86;} 
#legal a{color:#124f86;} 
#SCJLINK{width:251px;height:79px;position:absolute;right:0px;top:0px;}

/* styles below are found within the container */
/*Header Navigation*/
#navBar{height:90px;background:url(../images/bkgds/header_background.jpg) no-repeat;width:918px;}
#navPad{text-align:right;position:absolute;top:62px;right:15px;}
#navPad a{font-size:16px; color:#54C3EE;}

#topNav{color:#27b5e5;position:absolute;right:50px;top:10px;}
#topNav a{color:#27b5e5; font-weight:normal;}
#topNav a:hover{text-decoration:underline;}

/*Drop down menu*/
#productMenu{display:none;position:absolute;top:90px;left:605px; z-index:1000;width:266px;height:320px;}
#productMenu a:hover{ }
#productMenu a img{width:266px;height:40px;display:block;margin:0;padding:0;}

/*Homepage*/
#homeLearnMore{z-index:500; position:absolute;top:420px;left:555px;}
#slideshow{width:537px;height:401px; overflow:hidden; background:url(../images/elements/shot_blank.jpg) no-repeat;}
.slidePic{width:537px;height:401px; position:absolute;top:90px;}
#homeText{z-index:100;}

#productTout{height:401px;width:129px;overflow:hidden;background: url(../images/elements/home_product_bg.jpg) no-repeat;}
#productSwitch{width:128;height:341px; margin-top:60px; overflow:hidden; }
#productSwitch img{width:128;height:341px;}
.productSwap{width:128;height:341px;position:absolute;}

#toutSpace{margin:auto;width:920px;height:116px;display:block; text-align:left;}

#homeTout1{position:relative;background:url(../images/touts/tout_1_off.png);width:450px;height:113px;}
#homeTout2{position:relative;background:url(../images/touts/tout_2_off.png);width:450px;height:113px;}

#tout_1_on{position:absolute;left:35px;top:62px;display:none;}
#tout_2_on{position:absolute;left:34px;top:62px;display:none; margin: 5px 10px 0px 0px;}

#stage{background:#FFFFFF;width:918px;margin:0;height:401px;}

/*Family Of Products*/
.famProduct{line-height:14px;width:410px; height:357px;margin:20px;position:absolute;}
.famProduct a {height:18px;}

#surfaceAirFam{background:url(../images/products/air_surf_disinfect_all.jpg) no-repeat;top:90px;left:10px;}
#airSanFam{background:url(../images/products/air_san_all.jpg) no-repeat;top:90px;left:455px;}
#smallFam{background:url(../images/products/small_space_product.jpg) no-repeat;top:440px;left:10px;}
#carpetFam{background:url(../images/products/carpetupholstery_product.jpg) no-repeat;top:440px;left:306px;}
#airCleanerFam{background:url(../images/products/air_cleaner_product.jpg) no-repeat;top:440px;left:600px;}

#surfaceAirFam .text-replace { float:left; text-indent:-3000px; overflow:hidden; }
#surfaceAirFam .headline-lnk { width:408px; height:39px; }
#surfaceAirFam .h1n1-lnk { width:140px; height:52px; margin:65px 13px 0 16px; }
#surfaceAirFam .product-lnk { width:239px; height:211px; }
#surfaceAirFam .note-right { text-align:right; font-size:9px; color:#999; }

#fopIntro{position:absolute;z-index:20;width:435px;left:455px;top:35px;color:#3399CC;font-size:11px;}
#FOPpage {width:100%; height:490px;position:relative;}
/*#FOPpage {width:100%; height:810px;position:relative;}*/
.fopPad { padding:20px; font-size:11px; line-height:16px; }
.fopPad .learnmore { line-height:21px; }

/*Product Pages*/
#newViolator{position:absolute;z-index:100;right:15px;top:242px;}
#howPlayer{padding:80px 30px 0 30px; }

#marquee img{display:block;height:152px;width:918px;}
#mainPageContent{background:url(../images/grds/footer_gradient_2.gif) repeat-x bottom #FFFFFF; }
#contentDivider{padding:35px 0 0 0;}

#subFooter{background:#FFFFFF; height:35px;width:918px; font-weight:bold;font-size:12px;}
#subFooterPad{padding:10px 20px 0 20px; }
#subFooterPad .nextProductIntro{color:#999999;font-weight:bold;font-size:12px;}
#subFooterPad a{font-weight:bold;font-size:12px;}

#productStage{ width:100%;padding-bottom:20px;}
#productNav{width:216px;display:block;}
#productNav img{width:216px;height:72px; display:block;}

#productOverviewBtnOn{position:absolute; z-index:1000;top:226px;margin-left:-13px; }
#productHowitworksBtnOn{position:absolute; z-index:1000;top:297px;margin-left:-13px;}
#productDirectionsBtnOn{position:absolute; z-index:1000;top:370px;margin-left:-13px;}
#productPrecautionsBtnOn{position:absolute; z-index:1000;top:443px;margin-left:-13px;}

.productPage{padding:35px 15px 0px 20px; width:360px; min-height:400px;}
.productPage h1{ font-size:25px; color:#27b5e5; line-height:30px; }
.productPage h2{ font-size:14px; color: #333333; line-height:19px;} 
h2.subHeader{ font-size:16px; color:#27b5e5; line-height:15px;padding:3px 0;} 
.productPage h3{font-weight:bold;}
.productPage .split{  border-top:dotted 1px #999999;margin:20px 0 0px 0;padding:15px 0 5px 0;}
.productPage #howWorksHead{font-size:16px;color:#27b5e5; line-height:18px;padding:5px 0;}
.productPage ul{list-style-type:disc;}
.productPage ol{list-style-type: decimal;}
.productPage li{margin-left:15px;}

.diamond li{list-style:url(../images/elements/diamond.gif);}

#productPrecautions{margin-top:50px;}
#DirectionsImage{margin-top:50px;}

#productSwap{margin-top:35px;}
#swapIts{margin-left:17px;width:266px;}
#swapIts a{line-height:1px;}
.overview_nav{margin:0;padding:0;height:26px;cursor:pointer;display:block;}
.comericalHeading{padding:5px 0; }


/* commerical PopUp */
.popUpLink{cursor:pointer;}
#popAlign{text-align:left;width:100%;height:100%;z-index:1100; position:absolute;left:0px;top:0px; background: url(../images/spacer.gif);}
#popUpBox{ z-index:1200; width:500px; height:400px;  position:absolute;top:300px;left:29%; background:url(../images/bkgds/commericalBKGD.png) no-repeat; text-align:left;}
/*#popUpBox{ z-index:1200; width:500px; height:400px; background: url(../images/bkgds/commericalBKGD.png) no-repeat; position:absolute;top:260px;left:29%; } behavior: url(/js/iepngfix.htc);*/
#commericalPlayer{width:480px;height:387px;display:block;text-align:left;z-index:1201;}

#popUpClose{cursor:pointer;position:absolute;left:29%;top:270px;font-size:12px; background:#821188;color:#FFFFFF;padding:1px 6px; border-bottom:#660033 1px solid; border-right: #660033 1px solid;border-left:#9966CC 1px solid;border-top:#9966CC660033 1px solid;z-index:1600;}

/*FAQ */
#faqPage{margin:0px;}
.faqList{margin-left:20px;border-bottom:#EFEFEF 1px solid;}

h3.toggler{width:614px;height:45px; background-repeat:no-repeat;cursor:pointer;}
.faqQuesPad{font-size:12px; font-weight:bold;line-height:12px;padding:15px 20px;width:550px;font-size:12px;line-height:12px;font-weight:bold;}

div.atStart{}
.faqAnsPad{padding:12px 20px;border-right:#EFEFEF solid 1px;border-left:#EFEFEF solid 1px;width:572px;}

.faqAnsPad ul{list-style-type:disc;padding:0px;margin:0px;}
.faqAnsPad li{margin:0px 0px 0px 15px;padding:0px;}

#faqNavLeft{padding:0;margin:0;width:252px;display:block;}
#faqNavLeft img{display:block;width:252px;padding:0;margin:0;border:none; }

/*Stories*/
.stories{}
.stories h1{font-size:18px; color:#27b5e5; line-height:20px; margin:20px 0 10px 0;}
.stories p{color:#27b5e5;border-bottom:#27b5e5 dotted 1px;margin:0 0 20px 0;padding:0 0 20px 0;}
.story{margin:20px 0;padding:20px 0px; border-bottom:#27b5e5 dotted 1px;}
.storyLast{margin:20px 0;padding:20px 0px;}
.storyText{font-size:12px;}
.storyTeller{font-size:12px;margin:0px 0 0 0;font-weight:bold; text-transform:uppercase;}
.bigQuote{font-size:16px; color:#27b5e5;float:left; line-height:18px; overflow:visible;}

/*Submit story*/
.blueIt{color:#27b5e5;}
#submitStory{margin-left:250px;width:585px;}

/*Site Map*/
#siteMap{font-size:12px;margin:0 35px;}
#siteMap h1{ font-size:18px; color:#27b5e5; line-height:20px; border-bottom:#27b5e5 solid 2px;} 
#siteMap h2{font-size:18px; border-bottom:dotted #999999 1px;padding:0 0 10px 0;margin:0 0 5px 0; font-weight:normal;}
#siteMap h2 a{color:#666; font-size:18px; font-weight:normal;}
#siteMap td{padding:0 20px 0 0;}
#siteMap a{font-weight:bold;}

/*H1N1*/
#h1n1{ padding:0 35px 30px 35px; font-size:12px; background:url(../images/pics/h1n1_banner.gif) no-repeat 0 0; }
#h1n1 h1{ padding-top:40px; border-bottom:2px solid #27b5e5; line-height:28px; font-size:24px; color:#27b5e5; _height:1px; } 
#h1n1 h2{font-size:18px; border-bottom:dotted #999999 1px;padding:0 0 10px 0;margin:0 0 5px 0; font-weight:normal;}
#h1n1 h2 a{color:#666; font-size:18px; font-weight:normal;}
#h1n1 h3 { padding-bottom:3px; font-size:14px; font-weight:bold; }
#h1n1 a{font-weight:bold;}
#h1n1 .intro { margin:20px 0; padding:15px; border:2px solid #c6c6c6; background-color:#e4f4fc; _height:1px; }
#h1n1 .q-a { padding:0 10px 20px 10px; }
#h1n1 .q-a .answer { padding:0 20px; }
#h1n1 ul{ margin:0; padding:0; list-style-type:disc; }
#h1n1 li{ margin:0 0 0 15px; padding:0; }

/*Coupons*/
#couponPage{padding:20px;}
#couponPage ul{margin-left:15px;}
#couponPage li{margin:10px 0;}
#couponDetails{width:550px;padding-right:20px;}
#couponIntro{color:#27b5e5;font-size:17px;}
#couponTout{width:255px;}
#toPrint{color:#27b5e5;font-size:17px;}
.dottedLine{border-top:dotted 1px #999999;margin:20px 0;}
#couponProdShot{ position:absolute; z-index:1000;top:65px; left:580px;}

/* individual overview product link/image */
#product_candle_3 { float: right; margin-right: 2px; }