/*---------- Content Presentation Stylesheet ------------ */
/*          Created By Ben Stewart - Nov 2007             */

* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	margin-bottom:1px; /* keeps a vertical scrollbar on all pages */
}
body {
 
  
 font:13px/1.4em normal  Arial, Tahoma, Helvetica, sans-serif;

 color: #333;

 
 
 margin: 0px auto;
 
 width:100%;
 
}

/* h1, h2, h3 { font-weight:bold; margin: 0; padding:0 0 15px 0; line-height:140%; } */

h1 {
	color: #4c4c4c;
	font-size:42px;
	text-transform:none;
}
h2 {
	color: #333;
	
	font-size: 2em;
	
	font-family: "museo-1","museo-2",sans-serif; }

h3{ 
	font-size:1.6em; 
	line-height: 1.4em;
	font-weight: 300;
	
	color:#629900; 
	
	font-family: "museo-1","museo-2",sans-serif;
	
	margin:1.4em 0 0.5em -0.2em;
	
	}


#topBanner{text-shadow: 0 1px 0 #fff;}

	#topBanner h2{ margin:0.4em 0 0.5em -0.2em; line-height: 0.9em; }
	#topBanner h2, #topBanner strong{color: #2a4174; }
	#topBanner p{ font-size: 1.1em; line-height: 1.4em; background: #f1f1f1; padding: 10px; /* border: 1px solid #d6d6d6; -moz-border-radius:6px; */	 }
	
#feature-content ul li{ text-shadow: 0 1px 0 #333;  }

.trans75{ filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }




ul{	margin: 1em 1em 1em 1em; }
	li{ list-style: inside; margin:0 0 0 1em; padding:0.35em 2em; }

#mainContent ul li, #bottomContent ul li {list-style-type: none; background: url(images/tmp092010/bg-li-tick.png) 0  0.4em no-repeat scroll; }
	
	.styleList li { margin: 0; padding: 0.5em 0 0.25em 1.6em; font-size: 1.2em; list-style-type: none; background: url(images/tmp092010/bg-li-tick.png) 0  10px no-repeat scroll; }	

 ul li {list-style-type: disc;}
 ol li {list-style-type: decimal;}

	li h5{ display:inline; font-size:1.2em; color:#1e2e5f; }

blockquote {
	margin: 1em 1em 1em 1em;
	padding:2em;
	
	color: #000;
	border-left: 2px solid #e5e5e5;
	background:#f1f1f1;	
	
	-moz-border-radius-bottomright: 50px 25px;
	border-bottom-right-radius: 50px 25px;
	
	-moz-border-radius-topright: 50px 50px;
	border-top-right-radius: 50px 50px;
	}
blockquote h2 {
	color: navy;
font-size:16px;
margin-bottom:10px;
	}

/*blockquote {
	margin: 1em 20px;
	padding-left: 50px;
	background: transparent url(images/tmp092010/bg-blockquote.png) no-repeat; }	
*/
p {
	margin: 0 0 10px 0;
}
a {
	border:none;
	color:#629900;
	text-decoration: none;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}
hr {
	border-top: 1px solid #d8d8d8;
	margin-bottom: 10px;
}
img {
	border:0;
}
img.Image_left {
	float: left;
	margin: 0px 5px 10px 0px;
}
img.Image_right {
	float: right;
	margin: 0px 0px 10px 5px;
}
img.Image_centre {
	margin: 0 auto 15px auto;
}
span.green {
	color:#629900;
	font-weight:bold;
}
/* IE fix */
.fix:after { clear:both; content:"."; display:block; height:0pt; visibility:hidden; }
	* html .fix { height:1%; }
	.clr { clear: both; }

.clear{ clear:both; }

body{ margin: 10px auto 0; width:100%; background:#aed1f5 url(images/tmp092010/bodyBG.jpg) 0 0 repeat-x scroll; }

#container{	text-align:left; width:990px; margin:0 auto; background: url(images/tmp092010/dev-header.jpg) no-repeat; }

#header { position:relative; height:568px; margin:0; }
	#header .logo { position:absolute; left:18px; top:20px; border:0; }





#header #feature-content { position:absolute; top:130px; left:20px; width:450px; height:260px; overflow:hidden; color:#fff; }
	#header #feature-content h1 { 
		font-size:2em; color:#fff; text-indent:-3000px; height:75px; background: url(images/tmp092010/genital-warts-genital-herpes-HPV-treatment.png) 10px 0px scroll no-repeat; 
		margin:0 0 0.5em; padding:0;
		}

	#header #feature-content ul{ margin:0.3em 0 0; padding:0; }
	#header #feature-content li { list-style:none; margin:0 0 0 0.8em; padding:0 0 0.5em 1.5em; text-shadow:#000; font-style:italic; font-size:1.5em; background: url(images/tmp092010/header-bullet.png) 0 2px no-repeat; } 




#header #media-logos { position:absolute; left:120px; top:422px; }	

#header .btn-orderNow-main { position:absolute; right:13px; bottom:30px; width:260px; height:75px; }
	#header .btn-orderNow-main a { margin: 22px 0 0 44px; display:block; height:75px; }
	
#header .btn-orderNow-top { position:absolute; right:10px; top:30px; width:97px; height:40px; }
	#header .btn-orderNow-top a { display:block; height:40px; text-indent:-3000px; }
	
#header .actionTitle{ position:absolute; left:164px; bottom:40px; }
#header #actionBGtip{ position:absolute; left:-11px; top:442px; width:11px; height:126px; background: url(images/tmp092010/actionBar-leftBit.gif) 0 0 no-repeat; } 



.paymentOptions { margin-bottom: 2em; clear: both; }



/*************************  TOP MENU  ************************/
#menubar{ position:absolute; top:33px; right:105px; width:615px; height:39px; line-height:39px; /* overflow:hidden; border:1px solid red; */ }

.menutab{ padding:0; margin:0; list-style-type:none; }	
	.menutab li{ display:inline; margin:0; padding:0; }
	.menutab li.last{}
	
	.menutab li a{ margin:0; padding:5px 4px; font-size:1em;   }
		.menutab li a, .menutab li a:visited { text-decoration:none; color:#fff; }
		.menutab li a:hover, .menutab li.active a { background: #5783ad; color:#FFF; -moz-border-radius:6px; }




#header .toplinks { display:none; margin:20px 50px 0 0; float:right; font-size:11px; }
#header .toplinks a { color:#666; height:18px; display: inline-block; padding-left: 20px; margin-left:5px; text-decoration:none; }
#header .toplinks a:hover { text-decoration:underline; } 
#header .toplinks a.cart { background:url(images/mini_cart.gif) no-repeat left; }
#header .toplinks a.home { background:url(images/mini_home.gif) no-repeat left; }
#header .toplinks a.contact { background:url(images/mini_contact.gif) no-repeat left; }


#wrapper{ padding:0 0 7px; background:#fff url(images/tmp092010/bg-cont.jpg) top right repeat-y; }

	#leftPanel{ float:left; width:664px; margin:0 0 0 7px; }
	#rightPanel{ float:right; width:287px; margin: 0 7px 0 0;}

#footer{ position:relative; min-height:200px; padding:140px 2em 0; color:#7c7d79; background: url(images/tmp092010/bg-footer.png) 0 0 no-repeat; }
	#footer #orderNow a{ position:absolute; width:190px; height:55px; top:65px; right:20px; text-indent:-3000px; }
	
	#footer ul { margin:0 0 0.5em; padding:0; }
	#footer ul li { float:left; margin:0; padding:0 0.75em 0 0; list-style:none;}
	
	#footer .desc{ float:left; width:560px; margin:4em 0 0; }
	#footer .copyright { margin:0 0 0.5em; float:right;  }


#topBanner { 
	
	margin:0 0 1em; padding:1em;
	
	border: 1px solid #dfe0de; -moz-border-radius:6px; 
	
	/*  background:#e6e6e6 url(images/tmp092010/bg-fold-top.gif) top right no-repeat;  */
	background:#ccc url(images/tmp092010/bg-topBanner.jpg) 0 0 repeat-x;
	
	} 



.pad, #bottomContent { padding: 0 1em; }
.leftFloat { float:left; padding:0 2em 1em 0;}
.rightFloat { float:right; padding:0 0 1em 1.6em;}




#rightPanel h1{ font-size:1.6em; color:#fff; font-style:italic; font-weight:100; padding:0.45em 0.35em; margin:0 0 0.75em; background:#16224f url(images/tmp092010/bg-heading-rightPanel.jpg) top right no-repeat; }
#rightPanel h2{ font-size:1.35em;}
#rightPanel h3{ font-size:1em; }

#rightPanel p.order { text-align:center;}/*------------- Contact Form --------------*/

div.contactForm {
	width:365px;
	padding: 0px;
	margin: 30px;
}
div.row {
	clear: both;
	padding-top: 5px;
	vertical-align: middle;
}
div.row span.label {
	float: left;
	width: 140px;
	text-align: right;
	padding:0px 10px 0px 0px;
}
div.row span.formw {
	float: right;
	width: 210px;
	text-align: left;
}
input, textarea, select, .button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 210px;
	border: 1px solid #333;
	background: #fff;
	padding-left: 3px;
}
select, input {
	width:143px;
}
div.row span.formw textarea {
	height:60px;
}
div.spacer {
	clear: both;
}
.button{
  width:75px;
  cursor:pointer;
}
