/* css browser reset */
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 
{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style: inherit;font-size: 100%; font-family:Arial, Verdana, sans-serif; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color:#333333;background:#ffffff; font-size:14px;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/** general layout **/

body{background:#fff;color:#363636;line-height:17px;font-size:14px;}

#container{width:808px;margin:0px auto;}
img#comodo{position:fixed;bottom:0px;right:0px;z-index:20;}
div#wrapper{background:url(../images/bg-fill.png) repeat-y #ffffff center;padding:0px 4px;}
div#content-body{padding:0px 20px;}
#livechat {
    left: 50%;
    margin-left: -530px;
    position: fixed;
    top: 130px;
}
div#top{background:url(../images/top.png) no-repeat top center;margin:0px auto -123px;position:relative;z-index:19;width:910px;height:121px;}
a#logo-link{height:97px;width:420px;position:absolute;top:0px;left:0px;}

p{font-size:14px; line-height:20px;}
div#general-info{position:relative;margin:0px -20px;}
div#tea-tree-vs-benzoyl{ margin-top:50px; margin-bottom:40px; float: right;}
div#my-story{left:270px;position:absolute;top:517px;width:495px;}
div#my-story h2{color:transparent;}
div#my-story p#heather{text-align:right;font-weight:bold;}
div#bullet{position:absolute;left:235px;top:430px;}
div#bullet ul{list-style:none;background:#e6f1f8;padding:9px 0px 12px 13px;width:510px;border:2px solid #e6eff6;margin-bottom:10px;}
div#bullet ul li{color:#0b61a4;line-height:22px;font-weight:bold;background:url(../images/bullet.gif) no-repeat left center;padding-left:15px;}
div#bullet p{padding-left:10px;width:500px;color:#464646;}


#navigation {
	position:relative;    
}
#navigation-menu{
	color: #fff;
    font-size: 13px;
    height: 30px;
    left: 315px;
    position: absolute;
    top: 8px;
    width: 585px;
    z-index: 20;}
#navigation ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
	display: inline;
    list-style-type: none;
}
#navigation ul li {
    border-right: 1px solid #fff;
    float: left;
    letter-spacing: -0.3px;
    margin: 0;
    padding: 0 8px;
	line-height:12px;
}

#navigation ul li a:link {color:#fff; text-decoration:none; font-weight:bold;}
#navigation ul li a:visited {color:#000; text-decoration:none; font-weight:bold;}
#navigation ul li a:hover {color:#000; text-decoration:none; font-weight:bold;}
#navigation ul li a:active {color:#000; text-decoration:none; font-weight:bold;}

div#acne-forms{float:left;width:302px;}
div#acne-forms p{padding-right:6px;}
div#skin-irritated{float:right;width:298px;}
#acne-forms h4,#skin-irritated h4{text-transform:uppercase;font-weight:bold;height:20px;}

h3{font-weight:bold;color:#464646; margin-bottom:5px;}
.ing img{float:left;margin-top:5px;}
.ing p{margin-left:122px;}
.ing h4{margin-left:122px;font-weight:bold;}
.ing{padding-top:20px;clear:both;}
#seeMoreLess{clear:both;text-align:right;}
#ingredient-desc2{display:none;clear:both;}
#seeLess{display:none;}
#seeMoreLess span{cursor:pointer;text-decoration:underline;color:#0072bc;}

.guarantee{position:relative;clear:both;padding:30px 0px;margin-left:-10px;}
.guarantee p{position:absolute;left:210px;top:120px;width:550px;}

#testimonial-content {
    height: 735px;
    position: relative;
}
.testimonial {
    padding-bottom: 20px;
    padding-top: 20px;
}
.testimonial p {
    padding-bottom: 5px;
}
#testimonials p.name {
    font-weight: bold;
    padding-bottom: 0;
    text-align: right;
}
#testimonials p.date {
    text-align: right;
}
.even {
    background: none repeat scroll 0 0 #f0f5f8;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 13px;
}

div.cell{float:left;width:231px;padding-right:33px;line-height:20px;}
div.cell p.name{text-align:left;padding-top:15px;line-height:17px;}
div.cell p.date{text-align:left;line-height:17px;}

p.ques{font-weight:bold;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;background:#f0f4f7;line-height:25px;}
p.ans{padding-left:20px;padding-bottom:25px;line-height:18px;padding-top:3px;}

#buy-now{position:relative;margin-left:-20px;margin-right:-20px;}
#buy-now input{height:47px;width:187px;position:absolute;left:556px;}
#one-month-btn input{top:789px;}
#two-month-btn input{top:612px;}
#three-month-btn input{top:434px;}
#four-month-btn input{top:256px;}

#footer{padding-top:15px;position:relative;}
#footer img{padding-left:20px;}
#foot-nav{width:500px;position:absolute;top:32px;left:295px;}
#foot-nav ul{list-style:none;}
#foot-nav ul li{display:inline;font-weight:bold;color:#0b61a4;padding-right:4px;}
#foot-nav ul li a{text-decoration:none;font-weight:bold;color:#0b61a4;padding-right:7px;}
#foot-nav ul li a:hover{color:#000;}
#footer p{color:#878787;font-size:12px;text-align:center;border-top:1px solid #e3e3e3;padding-top:10px;margin-top:15px;margin-bottom:100px;}

#contact{padding-top:150px;}
#contact h1{font-size:18px;font-weight:bold;padding-bottom:15px;}
#contact p{padding-bottom:15px;}
#contact form input{margin:0 0 -116px 103px;}
#content-body {
    position: relative;
}
form#email_form {
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
    padding: 15px;
}
form#email_form input {
    margin: 0;
    width: 40%;
}
form#email_form label {
    display: block;
    font-size: 14px;
    margin: 4px 0;
}
form#email_form textarea {
    margin-bottom: 10px;
    width: 100%;
}
form#email_form input#submit {
    margin-left: 305px;
    width: 125px;
}


.back-to-top{text-align:right;font-weight:bold;padding-right:20px;position:relative;top:32px;z-index:1;}
.back-to-top a{text-decoration:underline;color:#fff;}
.back-to-top a:hover{color:#000;}

.header{margin:0px -20px;padding-bottom:30px;}

a{color:#0072bc;}
a:hover{color:#12c;}
