body,html{height:100%;}
body  {background-image: url(../images/bkgrnd_grdnt_html2.png);background-repeat: repeat-x;margin:0;padding:0 ;font-family: verdana, Tahoma, Arial, Helvetica;font-size: 11px;color: #1c3062;background-color:#FFFFFF;}

/*h1  {margin: 3px 3px 3px 3px;padding:5px 0px 5px 0px;font-family: verdana, Tahoma, Arial, Helvetica;font-size: 26px;color: #018bcf;font-weight: normal;line-height: 18px;}*/
img { border:0 ;}

/***********content*****************/
.c1{ float:left}

/*** your teeth***/
.col_01{ width:700px; float:left}

.ax {/* to be turned on once voting commences*/display:none;}
.nonvote {/*display to be changed to off once voting commences*/}
.videohome {position:relative;	padding-top: 15px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;height: 120px;width: 160px;background-image:url(../images/video_back.gif);}
.sofar {padding-right: 14px;color:#666666;font-size: 10px;}
.sofar strong {color:#f85600;font-size: 10px;}
.videoctner {padding-top: 14px;padding-bottom: 7px;padding-left: 12px;padding-right: 14px;height: 120px;width: 160px;position:relative;}
div.vidvid {height: 120px;width: 160px;display: none;position: absolute;z-index: 23;}
div.vidthumb {height: 120px;width: 160px;display: block;position:relative;z-index: 22;}
div.vidmask {height: 120px;width: 160px;display: none;position: absolute;z-index: 21;}
span.errormsg {color: #CC0000;font-weight: bold;}
.vote {height: 25px;width: 178px;background-color:#0066CC;background-image:url(../images/vote_for.jpg);text-align:right;vertical-align: text-bottom;color:#FFFFFF;font-size: 10px;}
.vote2 {height: 25px;width: 178px;background-color:#0066CC;background-image:url(../images/vote_for2.jpg);text-align:right;vertical-align: text-bottom;color:#FFFFFF;font-size: 10px;}
.voted {height: 25px;width: 178px;background-color:#0066CC;background-image:url(../images/voted_for.jpg);text-align:right;vertical-align: text-bottom;color:#FFFFFF;font-size: 10px;}
.novote {height: 17px;width: 178px;background-color:#0066CC;background-image:url(../images/novote_for.jpg);text-align:right;vertical-align: text-bottom;color:#FFFFFF;padding-top:8px;}
.voteradiobtn {padding-top: 3px;height: 25px;vertical-align:middle;}
.ayms {color: #666666;font-size:11px;}
.aymscolor {color: #0378bc;font-weight: bold;font-size:11px;}

.col_02{ width:200px; float:left;}

/***teeth tips ***/

.col_03{ width:520px; float:left;}

/***your child's teeth***/

.col_04{ width:470px; float:left}
.col_05{ width:280px; float:left}
.personResize{ width:120px!important}

/***ourrange**/

.col_06{width:150px; text-align:left; float:left; padding: 0px 20px 0px 0px;}
.col_07{width:535px; float:left; padding: 0px 0px 0px 20px;}
.col_07 p{padding: 0px 20px 0px 0px;}
.col_08{width:269px;float:left; padding-right:10px}
.col_09{ width:287px;  float:left}

.boxBrush_01{ background: url(../images/box_toothbrush1.png) no-repeat;_background: url(../images/box_toothbrush1.gif) no-repeat; width:217px; overflow:hidden; padding:20px 35px}
.boxBrush_01 .img{ width:46px; float:left}
.boxBrush_01 .txt{ width:150px; float:left; padding-left:10px}
.boxBrush_02{ background:url(../images/box_toothbrush2.png) no-repeat; _background:url(../images/box_toothbrush2.gif) no-repeat; width:287px; height:26px; overflow:hidden}

/***register ***/

.col_10{width:130px; text-align:center; float:left}
.col_11{ width:370px; float:left}

/***ourrange**/

.col_12{ float:left; width:390px}
.col_13{ width:240px; float:left; padding:0px 5px; }
.col_14{ float:left}
.col_15{ width:480px; float:left; padding:0px 5px; }
.col_16{ width:213px; float:left; text-align:center;}
.mainContainer{min-height:350px; margin:0px; padding:0px; width:980px;_width:980px; padding-left:20px;}
.footerangel {border: none;margin:0px 0px 0px -10px;padding: 40px 30px 40px 70px ;width: 450px;height: 235px;font-family: verdana, Tahoma, Arial, Helvetica;font-size: 11px;color: #1c3062;background-image: url(../images/footerAngel3.gif);background-repeat: no-repeat;}
.footerangel .c1{width: 350px;float:left;}
.footerangel .c2{width: 50px;float:left;}
.footerangel2 {border: none;margin:0px 0px 0px -10px;padding: 20px 30px 40px 70px ;width: 450px;height:160px;font-family: verdana, Tahoma, Arial, Helvetica;font-size: 11px;color: #1c3062;background-image: url(../images/footerangel_back2.gif);background-repeat: no-repeat;}
.footerangel2 .c1{width: 350px;float:left;}
.footerangel2 .c2{width: 50px;float:left;}
.footerangel13 {border: none;margin:0px 0px 0px -10px;padding: 20px 30px 40px 12px ;width: 499px;height: 155px;font-family: verdana, Tahoma, Arial, Helvetica;font-size: 11px;color: #1c3062;background-image: url(../images/footerangel_back13.jpg);background-repeat: no-repeat;}
.footerangel13 .c1 {width: 65px;float:left;}
.footerangel13 .c2 {width: 350px;float:left;}
.footerangel13 .c3 {width: 27px;float:left;}
.bodypadd {margin:0;padding-left: 0 ;width: 100%;clear:both ;}
.bodypadd .c1{width: 340px;float:left;}
.bodypadd .c2{width: 50px;float:left;}
.bodypadd .c3{width: 247px;float:left;}
.person{float:left; width:170px;}
.mouthwash{ width:170px;}
.bodypadd table td{vertical-align:		top;}
.bodypadd table .cText{width:				170px;}
.frontpage {background-image: url(../images/bkgrnd_grdnt_html.png);background-repeat: repeat-x;margin:0;padding:0 ;font-family: Verdana, Tahoma, Arial, Helvetica;font-size: 12px;color: #1c3062;background-color:#FFFFFF;}
.style1 {font-family: Verdana, Tahoma, Arial, Helvetica;font-size: 11px;}
.legal {font-family: Verdana, Tahoma, Arial, Helvetica;font-size: 9px;color:#999999;}
li{padding: 3px;}
a {font-family: Verdana, Tahoma, Arial, Helvetica;color: #1c3062;text-decoration:underline;}
a:hover {font-family: Verdana, Tahoma, Arial, Helvetica;color: #ff2c00;text-decoration:underline;}
.clear { clear:both ; height:50px}
.clearing{ clear:both}
.register td { padding: 3px 0 0 3px}
form { margin:0 ; padding:0}
.register input { width:200px ; height: 16px ; margin: 0 ; padding: 0 ;}
.register .check { width:15px ; margin: 5px 5px 2px 5px ; vertical-align:bottom ;}
.subNavs{float: 			right; margin-right: 	40px;}

/* ---------- Structure ---------- */

div.globalWrap{_height:90%;/* this to be put in "conditionnel comment for IE6 and lower */min-height:90%;margin:-50px 0 -50px;padding:50px 0 50px;}

/* ---------- FOOTER ---------- */
div.bottom {padding:0;height:100%; }/* fill up the all footer */


div.footer {/* position:absolute;bottom:0px;top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight - offsetHeight); */
text-align:left;width:980px;height:22px;padding-top:13px;margin:0px 0 0;font-size:10px;color:#999;}

div.firstFooter {margin-bottom:30px;}
div.footer a{color:#999;text-decoration:none;}
div.footerLeft { width:680px ; float:left ; padding: 0 0 0 20px;height:100%;}
div.footerRight { width:100px ; float:right ; text-align:right;height:100%;}
.divShow { visibility: visible; }
.divHide { visibility: hidden; }

/*----------------sifr---------------*/

h1, h2, h3, h4, h5 {font-family: Helvetica, Arial, Verdana, sans-serif;font-weight: bold;letter-spacing: -.05em;margin: 0;padding: 0;line-height: 1em;}
h1 {font-size: 41px;display:inline;padding:0px;margin:0px;letter-spacing:-1px}
h2 {font-size: 20px;display: inline;padding:0px;margin:0px;}
h3 {font-size: 16px;}
h4 {color: #660000;font-size: 10px;margin: 20px 0 20px 0;display: inline;	}
h5 {font-size: 16px;}

/* header */
.header{ width:980px; height:135px}
#logo{ width:308px; height:123px; float:left}
#home a{ background:url(../images/home.gif) no-repeat; width:33px; height:12px; display:block; float:right}
#home a:hover{ background-position:0 -20px; width:33px; height:12px}
#navFlash{width:704px; 	float:left; margin-left:-32px} 

/* flash*/


/* fact */
.fact{ width:280px; float:left; margin-left:10px}
.fact img{float:left;}
.fact .txt{width:175px; float:left; padding-top:20px; padding-left:5px}

/*box lef */

.boxTop{ background: url(../images/box_top.png) no-repeat;_background: url(../images/box_top.gif) no-repeat;  width:210px; height:16px; overflow:hidden}
.boxContent{ background:url(../images/box_content.png) no-repeat;_background:url(../images/box_content.gif) no-repeat; width:185px; overflow:hidden; padding:0px 0px 0px 25px; color:#1c3062; font-size:10px; font-style:normal; font-family:Arial, Helvetica, sans-serif; }
.boxContent p{ width:155px; margin-left:10px}
.boxBottom{ background:url(../images/box_bottom.png) no-repeat; _background:url(../images/box_bottom.gif) no-repeat; width:210px; height:23px; overflow:hidden}
#nav, #nav ul { 

/* all lists */
padding: 0px 0px;margin: 0;list-style: none;height:110px; float:left;margin-left:-20px;width:800px}
#nav{ margin-top:15px}
#nav a {display: block;}
#nav li { 

/* all list items */
float: left; list-style:none;display:inline;}
.nav_looking a{ background:url(../images/nav_looking.gif) no-repeat; width:169px; height:73px; display:block}
.nav_kids a{ background:url(../images/nav_kids.gif) no-repeat; width:131px; height:73px; display:block}
.nav_ourrange a{ background:url(../images/nav_ourrange.gif) no-repeat; width:102px; height:73px; display:block}
.nav_smiles a{ background:url(../images/nav_smiles.gif) no-repeat; width:148px; height:73px; display:block}
.nav_about a{ background:url(../images/nav_about.gif) no-repeat; width:150px; height:73px; display:block}

/* kidsstuff */
.kidsstuffangel01{ width:300px ; float:left ; padding: 0 6px 0 0px;height:100%;}
.kidsstuffangel02{ width:305px ; float:left ; padding: 0 7px 0 0px;height:100%;}
.kidsstuffangel03{ width:305px ; float:left ; padding: 0 7px 0 0px;height:100%;}

.ourrangekidsangel02{ width:305px ; float:left ; padding: 0 60px 0 130px;height:100%;}
.ourrangekidsangel03{ width:305px ; float:left ; padding: 0 0px 0 0px;height:100%;}

/* macleans media centre*/
.tv01{ background:url(../images/box_content.png) no-repeat;_background:url(../images/box_content.gif) no-repeat; width:185px; height:300px; overflow:hidden; padding:0px 0px 0px 25px; letter-spacing:.8px; color:#1c3062; font-size:10px; font-style:normal; font-family:Arial, Helvetica, sans-serif; }
.tv01 p{ width:155px; margin-left:10px}
.tv02{ width:305px ; float:left ; padding: 0 0px 0 0px;height:100%;}
.tv03{ width:305px ; float:left ; padding: 0 0px 0 0px;height:100%;}

/* for kids - milkteeth*/
.milkteethcont01{width:450px ; float:left ; padding: 0 0px 0 0px;height:100%;}
.milkteethbrush{ width:100% ; padding: 0 0px 0 0px;height:100%; float:left}
.milkteethbrush01{ width:350px ; float:left ; padding: 0 0px 0 0px;height:100%;}
.milkteethbrush02{ width:55px ; float:left ; padding: 0 0px 0px 30px;height:100%;}
.milkteethcont02{width:350px ; float:left ; padding: 0 0px 0 0px;height:100%;}
.milkteethsong{ width:55px ; float:left ; padding: 0 0px 0px 0px;height:100%;}
.wigglesong{ width:55px ; float:left ; padding: 0 0px 0px 0px;height:100%;}

/* for kids - juniorjaws*/
.juniorjawscont01{width:450px ; float:left ; padding: 0 0px 0 0px; _padding: 0 0px 0 10px; height:100%}
.juniorjawscont02{width:320px ; float:left ; padding: 0 0px 0 70px; _padding: 0 0px 0 10px;height:100%; height:100%;}
.macattack{  width:350px; margin: 0 0px 0px 0px; float:left }
.mactheshark{ width:350px ; float:left ; padding: 0 0px 0px 0px; height:100%;}

.footerangeljj {border: none;margin:0px 0px 0px -10px;padding: 40px 30px 40px 70px ;width: 450px;height: 135px;font-family: verdana, Tahoma, Arial, Helvetica;font-size: 11px;color: #1c3062;background-image: url(../images/footerangeljj.gif);background-repeat: no-repeat;}
.footerangeljj .c1{width: 300px;float:left;}
.footerangeljj .c2{width: 50px;float:left; margin:15px 0px 0px -20px}

.chart{float:left; width:160px; text-align:left}
.chart02 {float:left;}

.extremefamily{ width:490px; float:left; padding:5px 0px 0px 8px; }

.footerangel_ext_fam {border: none;margin:0px 0px 0px -10px;padding: 20px 30px 40px 12px ;width: 499px;height: 155px;font-family: verdana, Tahoma, Arial, Helvetica;font-size: 11px;color: #1c3062;background-image: url(../images/footerangel_back13.jpg);background-repeat: no-repeat;}
.footerangel_ext_fam .c1 {width: 65px;float:left; padding: 5px 8px 0px 0px; }
.footerangel_ext_fam .c2 {width: 350px;float:left; padding: 8px 0px 0px 0px;}
.footerangel_ext_fam .c3 {width: 27px;float:left;padding: 8px 0px 0px 5px; }

.footerangel_childt {border: none;margin:0px 0px 0px 15px;padding: 30px 30px 40px 40px ;width: 450px;height: 235px;font-family: verdana, Tahoma, Arial, Helvetica;font-size: 11px;color: #1c3062;background-image: url(../images/footerangel_back13.jpg) ;background-repeat: no-repeat;}
.footerangel_childt .c1{width: 380px;float:left;}
.footerangel_childt .c2{width: 50px;float:left; padding: 0px 0px 0px 0px}

.footerangel_wiggles {border: none;margin:0px 0px 0px 15px;padding: 30px 30px 40px 40px ;width: 450px;height: 235px;font-family: verdana, Tahoma, Arial, Helvetica;font-size: 11px;color: #1c3062; background-image:url(../images/footerangel_back13.jpg); background-repeat: no-repeat;}
.footerangel_wiggles .c1{width: 380px;float:left;}
.footerangel_wiggles .c2{width: 50px;float:left; padding: 0px 0px 0px 0px}
.footerangel_wiggles .c3{width: 350px;float:left;}

/*-------- MACLEANS ADVANCED -----------*/
img.MAtop{ display:block; margin:0; padding:0; }
div.advancedBox {background: url(../images/macleans_advanced/macleans_advanced_back.png) repeat-y top left; width: 953px; padding-left:12px; }  
div.advancedBox2 { background: url(../images/macleans_advanced/macleans_back.jpg) no-repeat top left;  padding: 11px 11px 0 0;  }  
div.advancedBox > div.advancedBox2 { position:relative;  }  
div.advancedBox > div.advancedBox2 > a > img.back { position:absolute; right:20px;  }  
div.advancedBox2 .back{ float:right; margin-right:20px; border:0px; }
div.btm { width: 965px; background: url(../images/macleans_advanced/MA_btm.png) no-repeat top left; height:19px; }  
div.advancedBox2 .col1 { padding:127px 0 0 21px;  position:relative; width:293px; float:left; }
div.advancedBox2 .col1 img.productShot{ position:absolute; left:-12px;}
p.productintro { font-weight:700; color:#1288c8; margin-bottom: 30px; margin-left:6px;  }
p.productintro em{ font-style:normal; color:#ec1c24;  }

.enamelock { margin-top:160px; }
div.advancedBox2 h5 { color:#1b2f61; font-size:16px; font-family:Verdana, Geneva, sans-serif; font-weight:400;}

.col2{ width:363px;  float:left; padding: 57px 10px 0 17px;/* line-height:15px;*/ line-height:1.4em; position:relative; height:600px}
.col2 ul{  margin: 0 0 1em ; padding: 0 0 0 1.75em;}
.col2 p{  margin:1em 0 0  ;}

.col2 h5{  margin:0 0 1em  ;}

.col3{ width:236px; float:right;}
.col3 h6{  margin:0px; padding:0px;}
div.amazingmouth {width:221px; background:url(../images/macleans_advanced/col3_angel_back.gif) repeat-y top left; margin:0px;}
div.amazingmouth p { padding: 0 17px 17px; margin:0px;}

.clear2 { clear:both; } 

/*----------- MACLEANS ADVANCED TIPS ------------------*/

div.advancedBox2 div.tips { background:url(../images/macleans_advanced/tips_back1.png) no-repeat top right; _background:url(../images/macleans_advanced/tips_back1.gif) no-repeat top right; margin: 0 13px 0 34px; padding:122px 0 0 0; min-height:278px; }
div.advancedBox2 div.tips div.copy{ margin-right:588px;  }
div.advancedBox2 div.tips div.copy p{ margin: 0 0 1em; }

div.advancedBox2 div.tips h5 { padding:0; margin:0; width:417px;  }
div.advancedBox2 div.tips h6 { padding:0 ; margin:0; width:417px; }
div.advancedBox2 div.tips ul { padding:0 0 0 1.75em ; margin:0 0 1em ;}

div.advancedBox2 div.advancedB { background:url(../images/macleans_advanced/advanced_blue.jpg) no-repeat top left; min-height: 255px; padding: 0 0 0 16px; margin: 14px 0 0 13px;}

div.boxAfterMeals{ float:left; width:285px;  padding: 0 20px 0 5px; color: #fff;}
div.boxHarderBrushing{ float:left; width:260px;  color: #fff;  padding: 0 20px 0 5px; }
div.advancedBox2  h5.myths { font-family:Verdana, Geneva, sans-serif; font-size:18px ; color:#fff; font-weight:700; margin: 1em 0 .5em;  }