@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,  tfoot, thead, tr, th, td {border:0pt none;font-family:inherit;font-size: 100%;margin:0pt;padding:0pt;vertical-align:baseline;}
.clear {clear: both;height:0px;visibility: hidden;display: block;}

body {color: #666;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:20px;margin-top:10px;}
#MainContainer {margin:auto;width:590px;height:auto;}
#Logo {height:80px;background:url(../images/page-bg.gif) no-repeat left 23px;overflow:hidden;}
#Content{width:550px;height:420px;float:left;background:url(../images/content-bg.gif) repeat-y;overflow:hidden;padding:0px 20px 0px;}

#TopNav{padding:0px 20px;height:20px;}
#TopNav a{float: left; width:68px;display: block;background:url(../images/menu.gif) no-repeat 0px 0px;height:20px; text-indent:-999px;}

#TopNav a#About{width:75px; background-position:0px -20px;}
#TopNav a#About:hover, #TopNav a#About.active{background-position:0px 0px;}

#TopNav a#Toothpaste{width:190px;background-position:-84px 0px;}
#TopNav a#Toothpaste:hover, #TopNav a#Toothpaste.active{background-position:-84px -20px;}

#TopNav a#LipBalm{width:173px;background-position:-275px 0px;}
#TopNav a#LipBalm:hover, #TopNav a#LipBalm.active{width:173px;background-position:-275px -40px;}

#TopNav a#DrLinhart{width:68px;background-position:-445px 0px;}
#TopNav a#DrLinhart:hover, #TopNav a#DrLinhart.active{width:68px;background-position:-445px -60px;}

a#Testimonial{background:url(../images/menu.gif) no-repeat 0px -80px; width:259px; display:block; height:24px; text-indent:-999px;}
a#Testimonial:hover{background-position:0px -104px;}

div.content{margin:0px;padding-top:10px;}
.blue{color:#09f; font-size:16px;}
.blueLink {color:#09f; text-decoration:underline;}
.blueLink:hover {text-decoration:none;}

div.content-lipbalm{margin:0px;padding-top:10px; background:url(../images/perlinbrite-lip-balm.jpg) no-repeat 240px 15px;}
div.contenttext{padding:20px; text-align:justify; overflow:hidden;}

div.Toothpaste{background:url(../images/perlinbrite-toothpaste.jpg) no-repeat top right; padding:0px 220px 0px 20px; text-align:center; height:195px;}
div.LipBalm{padding:0px 200px 0px 20px; text-align:center; height:195px;}
h2{color:#538eb5; font-size:15px; line-height:30px;}
h3{color:#386c21; font-size:12px;}
h4{color:#4b88ae; font-size:14px; line-height:18px; font-weight:normal; }
.greenLink, .thickbox{color:#386c21;}
.greenLink:hover{ text-decoration:none;}
a#ClickHere,a#SpearmintLipBalm,a#RespberryLipBalm,a#IngredientLista,a#email{background:url(../images/menu.gif) no-repeat 0px -128px; width:110px; display:inline-block; height:30px; text-indent:-999px;}
a#ClickHere:hover{background-position:0px -158px;}
a#SpearmintLipBalm{width:263px; display:block; height:25px; background-position:-257px -130px; margin:10px 0px;}
a#SpearmintLipBalm:hover{background-position:-257px -159px;}
a#RespberryLipBalm{width:263px; display:block; height:25px; background-position:-259px -80px; margin:10px 0px;}
a#RespberryLipBalm:hover{background-position:-259px -105px;}
a#IngredientLista{width:263px; display:block; height:25px; background-position:0px -188px; margin:10px 0px;}
a#IngredientLista:hover{background-position:0px -218px;}
a#email{width:201px; height:19px; display:inline-block; background-position:-263px -188px; margin-left:150px; }
a#email:hover{background-position:-263px -207px;}
.grayLink{ color:#666; text-decoration:none; font-weight:bold;}
.grayLink:hover {text-decoration:underline;}
.author{ display:block; text-align:right; color:#666666; font-size:13px; margin:10px 0px; font-style:italic; font-weight:bold;}

#Content ul {float:left; width:432px; list-style: none; padding-left:70px; border-bottom:1px #dee7e2 solid; margin-bottom:10px;}
#Content ul.Menu li {float:left;width:72px; display:block; position: relative;cursor: pointer;text-align:center; font-size:12px;}
#Content ul.Menu li a{text-decoration:none; color:#252f59;font-weight:bold;line-height:30px; display:block;}
#Content ul.Menu li a.selected{color:#900; background:url(../images/selection.gif) no-repeat;}
#Content ul.Menu li.m a.selected{color:#900; background:url(../images/selectionm.gif) no-repeat;}

#Fluoride, #AloeVera, #Xylitol, #Allantoin, #Silica, #TubeSize, #Overview, #NaturalOils, #OrganicIngredients, #SunProtection, #IngredientList{line-height:normal; font-size:13px; width:500px; height:175px;}
#TubeSize{background:url(../images/brush.jpg) no-repeat center  bottom;}

#MoneyBackGuarntee{width:485px; height:185px; background:url(../images/money-back-guarntee.gif) no-repeat; padding:20px; }

#Footer{background:url(../images/page-bg.gif) no-repeat left -57px;height:57px; font-size:11px; line-height:11px; color:#fff; padding:40px 0px 0px 50px; overflow:hidden; clear:both;}
#Footer a{ color:#FFF; text-decoration:none; }
#Footer a:hover{text-decoration:underline; }