/* 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: 'Open Sans', arial, serif; color:#333333; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height:1;}
/* 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 styles **/
.floatL{float:left; padding:0 10px 0 0}
.red{color:#f00}
.title1{font-weight:800; font-size:26px; text-transform:uppercase; font-style:italic; letter-spacing:-.05em; padding:15px 0 5px 0; margin-bottom:10px; border-bottom:1px solid #e9e9e9}
.title2{font-weight:800; font-size:22px; text-transform:uppercase; font-style:italic; letter-spacing:-.05em; padding:15px 0 5px 0}
.title3{font-weight:800; font-size:22px; text-transform:uppercase; font-style:italic; letter-spacing:-.05em; padding:0 0 15px 0; color:#f00; text-align:center;}
p{padding:0 0 15px 0}
.back-to-top {text-align:right;}
.back-to-top a{font-size:12px}


/** general layout **/
body {color:#222222;background:#fff; font-size:13px; line-height:22px}
.bars{width:859px; margin:0 auto}
.s3{border:1px solid #e9e9e9; border-top:none; width:806px; margin:0 auto}
.s2{border:1px solid #dedede; border-top:none; width:804px; margin:0 auto}
.s1{border:1px solid #d1d1d1; border-top:none; width:802px; margin:0 auto}
.wrapper{background:#fff; border:2px solid #7bc7bf; border-top:none; width:798px; margin:0 auto; padding:0 0 30px 0}
.content{padding:0 50px}
.footer{width:798px; margin:auto; padding:30px}

/** header **/
.header{background:url(http://www.oxytokin.com/images/header.jpg) no-repeat; width:798px; height:149px; font-size:12px; }
.headerC{background:url(http://www.oxytokin.com/images/headerC.jpg) no-repeat; width:798px; height:149px; font-size:12px; }
.header p, .headerC p{color:#777; line-height:14px; padding:0}
.headT {text-align:right; padding:10px 245px 0 0; font-weight:600;}
.header ul, .headerC ul{list-style:none; margin:14px 0 0 25px}
.header ul li,.headerC ul li{display:inline; }
.header a, .headerC a{color:#777; text-decoration:none; padding-right:3px }
.header a:hover, .headerC a:hover{color:#73c3bb; text-decoration:underline}

/** content banner **/
.bannerFace{background:url(http://www.oxytokin.com/images/banner-face.jpg) no-repeat top; width:481px; height:425px; float:left; margin:0; }
.bannerFace2 {background: url(http://www.oxytokin.com/images/youtube-bkg.png) no-repeat scroll center top transparent;height: 425px;margin: 0 0 0 10px;padding: 15px 18px 0 18px;text-align:center;}
ul.checkmark{list-style:none; margin:0 0 25px 160px}
ul.checkmark li{font-size:17px; font-weight:bold; background:url(http://www.oxytokin.com/images/checkmark.png) no-repeat ; height:20px; padding:0 0 8px 25px; letter-spacing:-.05em}
img.eyes{margin:0 0 15px 85px;}

.bannerR{width:275px; float:right; margin:0 25px 0 0;}
.rBorder {width:265px; border:2px solid #cce9e9; border-bottom:none; margin:10px auto 0 auto; padding:10px 0}
.rBorder p{text-align:right; font-size:11px; padding:0 15px 0 0}
.rBorder p span{color:#009900; font-weight:600}
.info{background:#dfdfdf; padding:5px 0; margin-top:5px}
.info table{margin:0 auto;}
.info table td input{width:160px; height:13px}
.label{text-align:right; padding:0 5px 0 0}
.addtocart p{text-align:left; font-size:15px; font-weight:bold; padding:0 0 0 15px}
.addtocart table{margin:0 auto 5px auto; width:80%}
.price{font-weight:bold}
.greenL{border-bottom:2px solid #CCE9E9; clear:both; margin:0 0 15px 0}

/** content comparison **/
.bar1{clear:both; background:url(http://www.oxytokin.com/images/bar-premium.png) no-repeat; width:859px; height:87px;margin:0 0 0 -31px}
.comparison{clear:both; background:url(http://www.oxytokin.com/images/chart.png) no-repeat; width:799px; height:490px; margin-top:-18px}

/** content industry **/
img.hook{padding:0 0 15px 0}
img.chart{padding:15px 0 30px 0}

/** content testimonials **/
.sub-monials{border:1px dashed #ccc; padding:10px 15px; margin:0 auto 15px auto; background:#FFC; width:75%}
.sub-monials p{padding:0; font-size:12px; line-height:18px}
.monial-name{font-weight:600; font-style:italic; text-align:right;}

/** content ingredients  **/
.check-mark {background:url(http://www.oxytokin.com/images/check-mark-bg2.png); width: 672px; height: 237px; margin:3px auto 30px 0px;font-size: 13px; color: #3fb9b1; padding:15px 0 0 25px;}
.check-mark h2{margin:45px 0 0 160px; font-size:28px; color: #fe9500; border:none; font-weight:800; letter-spacing:-.05em}
.check-mark ul li{background:url(http://www.oxytokin.com/images/check-mark-2.png) no-repeat; list-style:none; line-height:25px; padding:0 0 10px 20px; letter-spacing:-.025EM}
.check-mark ul.list1{float:left; margin:20px 0 0 215px;}
.check-mark ul.list2{margin:20px 0 0 480px;}
img.graph{padding:0 0 15px 0}

/** content guarantee  **/
.guarantee{background:url(http://www.oxytokin.com/images/guarantee-bg.jpg) no-repeat; width:798px; height:228px; margin:30px 0 20px 0}
.guarantee p{width:500px; padding:65px 0 0 250px; color:#000}
.linkR{text-align:right; padding:0 25px 0 0}
.guarantee a{font-weight:800; font-size:16px; text-transform:uppercase; font-style:italic; color:#00f}
.guarantee a:hover{color:#009900}

.guarantee2{background:url(http://www.oxytokin.com/images/guarantee-bg.jpg) no-repeat; width:798px; height:228px; margin:0}
.guarantee2 p{width:500px; padding:65px 0 0 250px; color:#000}

/** content faq  **/
p.ques{padding:0; font-weight:600}
p.ans{padding:0 0 15px 5px; font-size:12px}

/** content buy  **/
#content-buy{background:url(http://www.oxytokin.com/images/buy-table.jpg) no-repeat; width:798px; height:550px;}
.guaranteed p{width:500px; padding:65px 0 0 250px; color:#000}
#content-buy table{padding:155px 0 0 620px}
#content-buy table input{margin-bottom:80px}

/** foot  **/
.footer p{text-align:center; font-size:10px; color:#666}

/** contact **/
form.buy_btn{width:385px; margin:0px auto 15px auto;}
form#email-contact-form{border:1px dashed #cccccc; padding:15px; background:#f2f2f2; }
form#email-contact-form label{display:block; margin:4px 0px; font-size:14px;}
form#email-contact-form input{width:40%;}
form#email-contact-form input#submit{width:125px;}
form#email-contact-form textarea{width:100%; margin-bottom:10px;}

/** chat **/
#chat{ position:fixed; top:90px; left:50%; margin-left:-494px;}

#fade { 
	display: none; /* Hidden as default */
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}

#email-btn{position:absolute; margin:260px 0 0 450px;}
#email-special {
width:600px; height:400px;
	display: none;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
}
#nothanks a{color:#fff;}
#nothanks p{text-align:center;}



.clear{clear:both;}
#contest{background-color:#f4f4f4; padding-bottom:20px;}
#contest-text{width:490px; float:left; margin-left:20px; padding:15px;}
p.contest-title{color:#000; font-size:28px; font-weight:bold; margin-top:15px;}
p.contest-sub-title{margin-left:50px; color:#000;}
p.prize{color:#000; text-align:center; font-size:24px; font-weight:bold;}
p.prize-last{color:#000; text-align:center; font-size:24px; font-weight:bold; margin-bottom:20px;}

ul.contest{margin:-10px 0 0 70px; font-size:12px;}
	ul.contest li{margin-bottom:15px;}

h1.contest{color:#F00; text-align:center; font-weight:bold; font-size:36px; padding:10px 0 0 0;}
h1.contest-sub{color:#F00; text-align:center; font-weight:bold; font-size:28px; margin-bottom:20px;}
h1.content{font-weight:800; font-size:22px; text-transform:uppercase; font-style:italic; letter-spacing:-.05em; padding:15px 0 5px 0}