/*---------- 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 */
	font-size:100%;
}
body {
 background: #fff;
 
 font-size:0.80em;
 line-height:140%;
 color: #000;

  
 font-family: Arial, sans-serif;
 
 margin: 0px auto;
 width:100%;
 
}

#mainContent{ font-size: 1.1em; line-height: 1.4em;}
#topBanner p { font-size: 1.1em; line-height: 1.4em;}


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: #669900;
	font-size:20px;
	padding:5px 0 10px 0;
}
h3 {
	font-size:18px;
	color:#003E6A;
	padding:0 0 10px 0;
}
h4{ font-size:14px;
	padding:0 0 10px 0; }
	

	
ul {
	margin: 0 10px 15px 40px;
}
li {
	margin:0px;
	list-style: none;
	padding:0 0 5px 5px; 
} 
p {
	margin: 0 0 10px 0;
}
a {
	border:none;
	color:#003E6A;
	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:#003E6A;
	font-weight:bold;
}

#menubar { font-size: 0.8em;}

#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: url(images/tmp092010/bg-heading-rightPanel.png) top right no-repeat; }
#rightPanel h2{ font-size:1em;}
#rightPanel h3{ font-size:1em; }


.greytext{color: #666;}
.greentext{color: #669900;}

.desc { font-size: 0.9em;}

#topBanner h3 span { font-size: 1.8em; line-height: 1.2em; }
#topBanner h3, #topBanner h3 a{ color:#333; font-size: 1.1em; }
#topBanner h3 a:hover{ color:#003E6A;}


/* 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: 0px auto; width:100%; background:#496817 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:30px 0 0; }
	#header .logo { position:absolute; left:18px; top:20px; border:0; }



#header #feature-content { position:absolute; top:115px; left:15px; width:515px; height:260px; overflow:hidden; color:#fff; }
	#header #feature-content h1 { font-size:2em; color:#fff; text-indent:-3000px; height:90px;  /*background: url(images/tmp092010/toenail-fungus-treatment.png) 10px 0px scroll no-repeat;*/ border:1px solid red; }

	#header #feature-content ul{ margin:0.6em 0 0; padding:0;}
	#header #feature-content li { list-style:none; margin:0 0 0 0.8em; padding:0 0 0.3em 1.5em; text-shadow:#000; font-style:italic; font-size:1.5em; background: url(images/tmp092010/header-bullet.png) 0 2px no-repeat; } 
	#header #feature-content p { list-style:none; margin:0 0 0 0.5em;  text-shadow:#000; font-style:italic; font-size:1.5em; line-height:1.5em; } 

#header #media-logos { display:none; position:absolute; left:150px; top:370px; }	

#header .btn-orderNow-main { position:absolute; right:20px; bottom:26px; width:220px; height:75px; }
	#header .btn-orderNow-main a { margin: 22px 0 0 22px; display:block; height:40px;   }
	
#header .btn-orderNow-top { position:absolute; right:0px; top:25px; width:97px; height:40px;  }
	#header .btn-orderNow-top a { display:block; height:40px; text-indent:-3000px; }
	
#header .actionTitle{ position:absolute; left:180px; bottom:45px; }
#header #actionBGtip{ position:absolute; left:-11px; top:424px; width:11px; height:133px; background: url(images/tmp092010/actionBar-leftBit.png) 0 0 no-repeat; }
#header #navBGtip{ position:absolute; right:-10px; top:23px; width:10px; height:62px; background: url(images/tmp092010/navBar-rightBit.gif) 0 0 no-repeat; }






/*************************  TOP MENU  ************************/
#menubar{ position:absolute; top:28px; right:105px; width:630px; 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; font-size:1.3em; }
		.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:#ccc; 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 a { color:#fff; }
	#footer a:hover{ text-decoration:underline; }
	
	#footer ul { margin:0 0 0.5em; padding:0;  }
	#footer ul li { float:left; margin:0; padding:0 1em 0 0; list-style:none; }
	
	#footer .desc{ float:left; width:560px; margin:0.5em 0 0; }
	#footer .copyright { margin:0 0 0.5em; float:right;  }

#topBanner { margin:0 0 1em; padding:1em; text-shadow: border: 1px #d8d8d8 solid; -moz-border-radius:6px; background:#e6e6e6 url(images/tmp092010/bg-fold-top.gif) top right no-repeat; } 

.pad, #bottomContent { padding: 0 1em; }
.leftFloat, .Image_left { float:left; padding:0 1em 1em 0;}
.rightFloat { float:right; padding:0 0 1em 1.6em;}

#mainContent .offsetImage { float: right; }
#mainContent hr {clear: both;}

#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:1em;}
#rightPanel h3{ font-size:1em; }

/*------------- 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;
}