@charset "utf-8";

/* @group General */

/* @group Reset *  /
/*Resets default browser CSS styles.
Original by Erik Meyer:meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
------------------------------------------------------------------------- */
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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}
/* @end Reset */

/* @group Dev Classes */

	/* Invisible Content Just for Screen Reader Users*/
	.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
	/* Clearfix */
	.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */
	.hidden {left:-9999px; position:absolute;}
	.debug {border:1px solid red;}
	.alignLeft {text-align:left !important;}
	.alignRight {text-align:right !important;}
	.alignCenter {text-align:center !important;}
	.floatLeft {float:left !important;}
	.floatRight {float:right !important;}
	.clearBoth {clear:both; overflow:hidden; height:0px; font-size:1px;}
	.clearLeft {clear:left !important;}
	.clearRight {clear:right !important;}
	.hide,.greenish {display:none !important;}
	
	.highlight {background-color:#ffc;}
	.noBackground {background:none !important;}
	.noBorder {border:none !important;}
	.noMargin {margin:0 !important;}
	.noPadding {padding:0 !important;}
	.noBold {font-weight:normal !important;}
	.highlight {background:#ffc;}
	
	.topSpace{margin-top:110px;}


/* @group Clear Fix */
div#wrap:after,
{content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#wrap,
{display:inline-block;}
/* Hide from IE Mac \*/
div#wrap,
{display:block;}
/* End hide from IE Mac */
/* @end Clear Fix */
/* @end Dev Classes */
/* @end General */

/* @group Typography */
/* Body
----------------------------------------------------------------- */

body {font-family: Arial; line-height: 1.4; font-size: 12px; color: #000;}

/* Titles
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {clear:both; cursor:default; font-weight:normal;}

h1 { font-size: 26px; line-height: 1.3;}
h2 { font-size: 25px; margin-top: 0.6em; margin-bottom: 0.6em;}
h3 { font-size: 13px; font-weight: bold; line-height:1.3; margin-bottom: -5px; font-weight:bold; color: #EB3D1B;}
h4 { font-size: 12px; font-weight: bold; line-height:1.25;}
h5 { font-size: 12px; font-weight: bold; }
h6 { font-size: 12px; font-weight: bold; }

h1.tagline {font-size: 16px; font-weight: bold; color: #186da3; margin-bottom: 20px;}
h1.tagline span{font-size: 20px;}

/* Text Elements
-------------------------------------------------------------- */

ul, ol      { margin: 1em 0 1em 1.5em; }
ul li		{ list-style-type:square; }
ol          { list-style-type: decimal; }
ol li		{ margin-left: 5px; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }
blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }
hr 			{ display: none; }

p           { margin: 1em 0 1.2em 0; text-align:left; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }

a           { text-decoration: underline; outline: none; font-weight: bold; color: #EB3D1B;}
a:hover     { text-decoration: none; color: #EB3D1B;}

.left{float: left;margin-right: 10px;} 
.right{float: right;margin-left: 10px;} 


/* Tables
-------------------------------------------------------------- */

table   { margin: 1.2em 0; }
thead 	{ background-color: #006ab5; }
th		{ padding: 5px 10px; font-size: 15px; color: #fff; }
td		{ padding: 15px 10px;  }
th      { font-weight:bold; }

/* @end Typography */



/* @group Layout Structure */
/* BODY 
-------------------------------------------------------------------------- */
body {text-align: center; background: #eeeeee url('../images/bg-body.jpg') repeat-x 0 0;}
div#wrap { position: relative; width: 1000px; margin: 0 auto; text-align: left; background: #fff url('../images/bg-wrap.jpg') no-repeat center 0;}
div#wrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* HEADER
-------------------------------------------------------------------------- */

div#header {width: 1000px; height: 216px; position: relative;}

	div#logo {width: 225px; height: 106px; position: absolute; top: 28px; left: 41px;}
	
	div#contact-supplemax {width:251px; height: 61px; display: block; position: absolute; top: 55px; right: 44px;}

/* NAVIGATION
-------------------------------------------------------------------------- */

div#nav {width: 978px; height: 57px; position: absolute; top: 159px; left: 12px;}

	div#nav ul {background: url('../images/nav.jpg') no-repeat 0 0; margin: 0; padding: 0;}
	div#nav ul li {margin: 0; padding: 0; list-style: none; float: left;}
	div#nav ul li a {height: 57px; width: 50px; float: left; display: block; text-indent: -999px; overflow: hidden; background: url('../images/nav.jpg') no-repeat;}
	div#nav ul li#nav-home a {width: 77px; background-position: 0 0;}
	div#nav ul li#nav-premature-ejaculation a {width: 124px; background-position: -77px 0;}
	div#nav ul li#nav-testosterone-deficiency  a {width: 140px; background-position: -202px 0;}
	div#nav ul li#nav-erectile-dysfunction a {width: 127px; background-position: -342px 0;}
	div#nav ul li#nav-feminine-libido a {width: 148px; background-position: -469px 0;}
	div#nav ul li#nav-testimonials a {width: 132px; background-position: -617px 0;}
	div#nav ul li#nav-media a {width: 114px; background-position: -749px 0;}

	div#nav ul li#nav-contac-us a {width: 116px; background-position: -863px 0;}
	
	div#nav ul li#nav-home a:hover {background-position: 0 bottom;}
	div#nav ul li#nav-premature-ejaculation a:hover,div#nav ul li#nav-premature-ejaculation.current a {background-position: -77px bottom;}
	div#nav ul li#nav-testosterone-deficiency  a:hover,div#nav ul li#nav-testosterone-deficiency.current a {background-position: -202px bottom;}
	div#nav ul li#nav-erectile-dysfunction a:hover,div#nav ul li#nav-erectile-dysfunction.current a {background-position: -342px bottom;}
	div#nav ul li#nav-feminine-libido a:hover,div#nav ul li#nav-feminine-libido.current a {background-position: -469px bottom;}
	div#nav ul li#nav-testimonials a:hover,div#nav ul li#nav-testimonials.current a {background-position: -617px bottom;}
	div#nav ul li#nav-media a:hover,div#nav ul li#nav-media.current a {background-position: -749px bottom;}

	div#nav ul li#nav-contac-us a:hover,div#nav ul li#nav-contac-us.current a {background-position: -863px bottom;}

/* CONTENT
-------------------------------------------------------------------------- */

div#container {width: 976px; padding: 23px 12px; float: left;}
div#container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

	#content {float: left; width: 100%;}
	
	#areas {float: left; width: 100%;}
	
	a.learn-more {width: 96px; height: 29px; position: absolute; bottom: 3px; right: 3px; display: block; text-indent: -999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;}
	a:hover.learn-more {background-position: 0 bottom;}
	
	a.coming-soon {width: 233px; height: 57px; display: block; cursor: pointer; text-indent: -999px; overflow: hidden; float: left; margin-top: 10px; background: url('../images/bt-comingsoon.png') no-repeat 0 0;}
	a.bt-libido {width: 233px; height: 57px; display: block; cursor: pointer; text-indent: -999px; overflow: hidden; float: left; margin-top: 10px; background: url('../images/contact-us-now.jpg') no-repeat top left;}
	a.bt-libido:hover {width: 233px; height: 57px; display: block; cursor: pointer; text-indent: -999px; overflow: hidden; float: left; margin-top: 10px; background: url('../images/contact-us-now.jpg') no-repeat bottom left;}

	
	a.quiz {width: 233px; height: 57px; display: block; cursor: pointer; text-indent: -999px; overflow: hidden; float: left; margin-top: 10px; background: url('../images/bt-quiz.png') no-repeat 0 0;}
	a:hover.quiz {background-position: 0 bottom;}

	.box {width: 233px; height: 252px; position: relative; float: left; background-repeat: no-repeat; background-position: 0 bottom;}
	.box h2 {width: 233px; height: 46px; margin: 0; display: block; text-indent: -999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;}
	.box img {margin-left: 1px;}
	.box p {font-size: 12px; padding: 10px 10px; margin: 0; line-height: 120%;}
	* html .box p {padding: 5px 10px; line-height: 115%;}

	div#premature-ejaculation {width: 233px; float: left; margin-right: 15px; clear:both; overflow:hidden;}
	div#premature-ejaculation {_margin-right: 7px;}
	div#premature-ejaculation .box {background-image: url('../images/bg-box-green.jpg');}
	div#premature-ejaculation .box h2 {background-image: url('../images/tit-premature-ejaculation.jpg');}
	div#premature-ejaculation .box a.learn-more {background-image: url('../images/bt-learn-more-green.jpg');}

	div#testosterone-deficiency {width: 233px; float: left; margin-right: 15px;}
	div#testosterone-deficiency {_margin-right: 7px;}
	div#testosterone-deficiency .box {background-image: url('../images/bg-box-blue.jpg');}
	div#testosterone-deficiency .box h2 {background-image: url('../images/tit-testosterone-deficiency.jpg');}
	div#testosterone-deficiency .box a.learn-more {background-image: url('../images/bt-learn-more-blue.jpg');}

	div#erectile-dysfunction {width: 233px; float: left;}
	div#erectile-dysfunction .box {background-image: url('../images/bg-box-green2.jpg');}
	div#erectile-dysfunction .box h2 {background-image: url('../images/tit-erectile-dysfunction.jpg');}
	div#erectile-dysfunction .box a.learn-more {background-image: url('../images/bt-learn-more-green2.jpg');}

	div#feminine-libido-enhancement {width: 233px; float: right;}
	div#feminine-libido-enhancement .box {background-image: url('../images/bg-box-pink.jpg');}
	div#feminine-libido-enhancement .box h2 {background-image: url('../images/tit-feminine-libido.jpg');}
	div#feminine-libido-enhancement .box a.learn-more {background-image: url('../images/bt-learn-more-pink.jpg');}

	div.supplemax-description {width: 470px; padding: 20px 0 20px 10px; float: left;}
	div.supplemax-description p {font-size: 16px; margin: 10px 0; line-height: 130%;}
	a.online-enquiry {width: 218px; height: 42px; display: block; margin-top: 15px; float: left; text-indent: -999px; overflow: hidden; background: #fff url('../images/bt-online-enquiry.jpg') no-repeat 0 0;}
	a:hover.online-enquiry {background-position: 0 bottom;}
	div.supplemax-description a.order-here {width: 218px; height: 42px; display: block; margin:15px 0 0 10px; float: left; text-indent: -999px; overflow: hidden; background: #fff url('../images/bt-order-here.jpg') no-repeat 0 0;}
	div.supplemax-description a:hover.order-here {background-position: 0 bottom;}

	
	div.discount {width: 465px; float: right; padding-top: 25px;}
	div.discount .splash {width: 220px; float: left;}
	div.discount .text {width: 240px; float: right;padding-top: 20px;}
	div.discount .text h2 {line-height: 120%; padding-bottom: 10px; margin: 0;}
	div.discount .text h2 strong {color: #cc3300; font-weight: normal;}
	div.discount .text p {font-size: 17px; margin: 5px 0 10px 0; line-height: 130%;}
	div.discount .text p strong {font-size: 24px;}
	
	
	a#tv-ad-btn { display: block; position:absolute; top:45px;  left: 360px; text-indent:-99999px;  overflow:hidden; width:280px; height:76px; background: transparent url('../images/bt-tvad2.png') no-repeat top left; cursor:pointer;}
	a#tv-ad-btn:hover { background-position: bottom left;} 

/* Side banners
-------------------------------------------------------------------------- */
div#side-banner-right {
position:absolute; right:-130px; top:160px 	
}

div#side-banner-left {
position:absolute; left:-130px; top:160px 	
}

div.banner-divider { display:block; height: 10px; }
div.banner-divider hr {display:none;} 


/* FOOTER
-------------------------------------------------------------------------- */
div#footer {width: 976px; margin-left: 12px; padding: 10px 0 30px 0; border-top: 6px solid #00a7e4; float: left;}
* html div#footer {margin-left: 6px;}
div#footer p {font-size: 11px; margin: 0; color: #196da4;}
div#footer p a {color: #196da4; text-decoration: none; }
div#footer p a:hover,div#footer p a.current  {text-decoration: underline;}


/* General Internal Sections
-------------------------------------------------------------------------- */
div#right-column { float:right; width:589px; padding: 0 50px 0 0 }
div#left-column { float:left; width:300px; padding: 20px 0 0 20px }


p.indent-1 { padding-left:30px}
div#subnav p a { font-size:16px; margin:0; font-weight:normal; text-decoration:none !important ;}
div#subnav p { font-size:16px; line-height:52px; margin:0; padding:0}
div#subnav p span { margin:0 1px 0 10px}
div#subnav { width:638px; height:52px; padding-left:338px; display:block;}

div#left-column div#promotion { width:290px; height: 150px;padding-left:10px;}
div#left-column div#promotion p { font-size: 14px; line-height: 21px; }
a.enquire { width: 282px; height: 42px; display: block; text-indent: -999px; margin: 20px 0; }





	/* FORMs 
	-------------------------------------------------------------------------- */
	div.form-row { padding: 3px 0}	
	div.form-row .txt-field { width: 200px; height: 13px; font-size:13px; line-height: 13px; font-family: arial; padding: 3px 5px ; }
	div.form-row .textarea-field {width: 200px; font-size:13px; line-height: 13px; font-family: arial; padding: 3px 5px ; }
	div.form-row .dropdown-field { width: 100px; }
	form.quiz { width: 500px !important; }


/* Contact
-------------------------------------------------------------------------- */
body#page-contact form { float: right; width: 220px; padding: 20px 80px; background:#f6fdfe; margin-right:80px}
body#page-contact .txt-field,body#page-contact div.form-row .textarea-field { border: 1px solid #022964; color: #9022964; }



/* Libido 
-------------------------------------------------------------------------- */
body#page-feminine-libido { background:#f8e9e9; }
body#page-feminine-libido div#wrap { background:  #fff url('../images/bg-wrap-libido.jpg') no-repeat top center;}
span.pink{ color:#961d66}
body#page-feminine-libido div#subnav {background: transparent url('../images/bg-subnav-libido.jpg') top left no-repeat !important;  }
body#page-feminine-libido h2,body#page-feminine-libido h2 a { font-weight:bold; font-size:18px; color:#961d66; text-decoration: none; }
body#page-feminine-libido div#footer { border-top-color:#961d66;}
body#page-feminine-libido div#footer a { color:#961d66}
body#page-feminine-libido div#subnav p a,body#page-feminine-libido div#subnav p { color:#a05080;}

	body#page-feminine-libido form { width: 220px; padding: 20px 40px; background:#faf5f8;}
	body#page-feminine-libido .txt-field,body#page-feminine-libido div.form-row .textarea-field { border: 1px solid #961d66; color: #961d66; }

	body#page-feminine-libido a.enquire { background: transparent url('../images/bt-enquiry-libido.png') no-repeat top left;}
	body#page-feminine-libido a.enquire:hover { background: transparent url('../images/bt-enquiry-libido.png') no-repeat bottom left;  }



/* PE
-------------------------------------------------------------------------- */
body#page-premature-ejaculation { background:#d5e5d5; }
body#page-premature-ejaculation div#wrap { background:  #fff url('../images/bg-wrap-pe.jpg') no-repeat top center;}
body#page-premature-ejaculation div#subnav {background: transparent url('../images/bg-subnav-pe.jpg') top left no-repeat !important;  }
span.green-pe { color:#2c5022}

body#page-premature-ejaculation h2, body#page-premature-ejaculation h2 a { font-weight:bold; font-size:18px; color:#2c5022; text-decoration: none; }
body#page-premature-ejaculation h3 { font-weight:normal;color:#2c5022 }

body#page-premature-ejaculation div#footer { border-top-color:#2c5022;}
body#page-premature-ejaculation div#footer a { color:#2c5022}
body#page-premature-ejaculation div#subnav p a,body#page-feminine-libido div#subnav p { color:#2c5022;}

body#page-premature-ejaculation form {width: 220px; padding: 20px 40px; background:#f6fbf6;}
body#page-premature-ejaculation .txt-field,body#page-premature-ejaculation div.form-row .textarea-field { border: 1px solid #2c5022; color: #2c5022; }

body#page-premature-ejaculation a.enquire { background: transparent url('../images/bt-enquiry-pe.png') no-repeat top left;}
body#page-premature-ejaculation a.enquire:hover { background: transparent url('../images/bt-enquiry-pe.png') no-repeat bottom left;  }


/* TD
-------------------------------------------------------------------------- */
body#page-testosterone-deficiency { background:#d4dce5; }
body#page-testosterone-deficiency div#wrap { background:  #fff url('../images/bg-wrap-td.jpg') no-repeat top center;}
body#page-testosterone-deficiency div#subnav {background: transparent url('../images/bg-subnav-td.jpg') top left no-repeat !important;  }
span.green-pe { color:#2c5022}

body#page-testosterone-deficiency h2,body#page-testosterone-deficiency h2 a { font-weight:bold; font-size:18px; color:#2098bf; text-decoration: none; }
body#page-testosterone-deficiency h3 { font-weight:normal;color:#2098bf }

body#page-testosterone-deficiency div#footer { border-top-color:#2098bf;}
body#page-testosterone-deficiency div#footer a { color:#2098bf}
body#page-testosterone-deficiency div#subnav p a,body#body#page-testosterone-deficiency div#subnav p { color:#2098bf;}

body#page-testosterone-deficiency form {width: 220px; padding: 20px 40px; background:#f5f9fa;}
body#page-testosterone-deficiency .txt-field,body#page-testosterone-deficiency div.form-row .textarea-field { border: 1px solid #2098bf; color: #2098bf; }

body#page-testosterone-deficiency a.enquire { background: transparent url('../images/bt-enquiry-td.png') no-repeat top left;}
body#page-testosterone-deficiency a.enquire:hover { background: transparent url('../images/bt-enquiry-td.png') no-repeat bottom left;  }


form {width: 220px; padding: 20px 40px; background:#f5f9fa;}

/* ED
-------------------------------------------------------------------------- */
body#page-erectile-dysfunction { background:#cbecdd; }
body#page-erectile-dysfunction div#wrap { background:  #fff url('../images/bg-wrap-ed.jpg') no-repeat top center;}
body#page-erectile-dysfunction div#subnav {background: transparent url('../images/bg-subnav-ed.jpg') top left no-repeat !important;  }
span.green-pe { color:#2c5022}

body#page-erectile-dysfunction h2,body#page-erectile-dysfunction h2 a { font-weight:bold; font-size:18px; color:#007f07; text-decoration: none; }
body#page-erectile-dysfunction h3 { font-weight:normal;  color:#007f07 }

body#page-erectile-dysfunction div#footer { border-top-color:#007f07;}
body#page-erectile-dysfunction div#footer a { color:#007f07}
body#page-erectile-dysfunction div#subnav p a,body#page-erectile-dysfunction div#subnav p { color:#007f07;}

body#page-erectile-dysfunction form {width: 220px; padding: 20px 40px; background:#f1f8f2;}
body#page-erectile-dysfunction .txt-field,body#page-erectile-dysfunction div.form-row .textarea-field { border: 1px solid #007f07; color: #007f07; }

body#page-erectile-dysfunction a.enquire { background: transparent url('../images/bt-enquiry-ed.png') no-repeat top left;}
body#page-erectile-dysfunction a.enquire:hover { background: transparent url('../images/bt-enquiry-ed.png') no-repeat bottom left;  }


/* @end */