@charset "utf-8";
/* CSS Document */

/* Global Styles */

* {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	background: url(../images/provestra-bg.jpg) center 15px repeat-x;
}

form {
	margin: 0;
	border: 0;
	padding: 0;
	}

textarea {
	font-size: 12px;
}

label {
	display: inline-block;
	width: 150px;
}
	
a {
	color: #721657;
	text-decoration: underline
	}

a:hover { 
	color: #c70065;
	} 
	
H1, H2, H3, H4 {
	letter-spacing: -1px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #555;
}

H1 {
	font-size: xx-large;
	margin-top: 0;
	color: #93377c;
}

h1.seohead {
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 0;
}

H2 {
	font-size: x-large;
	padding-top: 15px;
}

H3 {
	font-size: large;
	padding-top: 8px;
}

H4 {
	font-size: medium;
	letter-spacing: normal;
}

.clear {
	clear: both;
	}

.left {
	float: left;
	}
	
img.left {
	margin: 0 25px 25px 0;
}
	
.right {
	float: right;
	}
	
img.right {
	margin: 0 0 20px 20px;
}
	
.center {
	margin: 0 auto;
	text-align: center;
	}
	
.underline {
	text-decoration: underline;
	}

.italic {
	font-style: italic;
	}
	
.small, .copyrightNoLinks {
	font-size: 0.8em;
	}
	
.highlight {
	background-color: #ede3eb;
}

.purple {
	color: #721657;
	font-weight: bold;
}

.doubleSpaced {
	line-height: 150%;
}
	
div.hr {
	height: 22px;
	background: url(../images/titles/title-line.png) top center no-repeat;
	margin-top: 25px;
}

div.hr hr {
	display: none;
}


/* Layout Styles */

#seo {
	background-color: #f0e2ef;
}

#outer {
	background: url(../images/leaf-flower-bg.jpg) center 225px no-repeat;
	text-align: center;
}

#container {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 856px;
}

#header {
	
}

#logo {
	background: url(../images/header-logo.gif) left 35px no-repeat;
	height: 142px;
	width: 300px;
}

#phone {
	background: url(../images/phone-code.gif) right 50px no-repeat;
	height: 142px;
	width: 432px;
}

#code {
	width: 203px;
	height: 26px;
	text-align: center;
	float: right;
	margin-top: 72px;
	font-size: 20px;
	font-weight: bold;
	color: #93377c;
	padding-top: 1px;
}

#headerImage {
	background: url(../images/header-banner.jpg);
	width: 856px;
	height: 171px;
}

#content {
	margin: 13px 0;
}

#rightCol {
	width: 524px;
	border: 1px solid #E1E1E1;
	background: url(../images/copy-bg.png);
	padding: 20px;
}

#copy {
	width: 524px;
}

#leftCol {}

#quote {
	height: 125px;
	border: 1px dashed #E1E1E1;
	margin: 0 0 13px 0;
	width: 275px;
}

#fadedLogo {
	background: url(../images/left-background-logo.jpg) center top no-repeat;
	height: 960px;
	margin-top: 35px;
}

	
/* Top Nav */
	
#topNav {	
	height: 29px;
	color: #FFF;
	margin-bottom: 4px;
}

#topNav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

	#topNav li {
		display: inline;
		float: left;
		padding: 0;
		margin: 0;
	}
	
	#topNav li a {
		display: inline-block;
		overflow: hidden;
		position: relative;
	}

	#topNav li a span {
		cursor: pointer;
		left: 0;
		position: absolute;
		top: 0;
	}
	
	#topNav li a, #topNav li a span {
		background-repeat: no-repeat;
		background-position: 0 0;
		padding: 0;
		margin: 0 4px 0 0;
		height: 29px;
		display: block;
		}
		
	#topNav li.navLast a, #topNav li.navLast a span {
		margin: 0;
		}
		
	#home #topNav li#navHome a, #home #topNav li#navHome a span, 
	#myths #topNav li#navMyths a, #myths #topNav li#navMyths a span, 
	#how #topNav li#navHow a, #how #topNav li#navHow a span,
	#doctors #topNav li#navDoctors a, #doctors #topNav li#navDoctors a span,
	#faq #topNav li#navFAQ a, #faq #topNav li#navFAQ a span, 
	#guarantee #topNav li#navGuarantee a, #guarantee #topNav li#navGuarantee a span,
	#order #topNav li#navOrder a, #order #topNav li#navOrder a span {
		background-position: 0 -58px;
	}
		
	#topNav li a:hover, #topNav li a:hover span {
		background-position: 0 -29px;
		}
	
	#topNav li#navHome a, #topNav li#navHome a span {
		background-image: url(../images/nav-home.png);
		width: 61px;
	}
	
	#topNav li#navMyths a, #topNav li#navMyths a span {
		background-image: url(../images/nav-myths.png);
		width: 181px;
	}
	
	#topNav li#navHow a, #topNav li#navHow a span {
		background-image: url(../images/nav-how.png);
		width: 154px;
	}

	#topNav li#navDoctors a, #topNav li#navDoctors a span {
		background-image: url(../images/nav-doctors.png);
		width: 178px;
	}

	#topNav li#navFAQ a, #topNav li#navFAQ a span {
		background-image: url(../images/nav-faq.png);
		width: 46px;
	}

	#topNav li#navGuarantee a, #topNav li#navGuarantee a span {
		background-image: url(../images/nav-guarantee.png);
		width: 114px;
	}
	
	#topNav li#navOrder a, #topNav li#navOrder a span {
		background-image: url(../images/nav-order.png);
		width: 98px;
	}

	#topNav li a:hover {
		background: 0 -58px; /*IE FIX*/
		}
		
		
/* Content Styles */

#rightCol ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	#rightCol ul li {
		margin: 0;
		padding: 2px 0 8px 28px;
		background: url(../images/bullet-flower.png) no-repeat;
		font-weight: bold;
	}
	
	#rightCol .question li {
		background: url(../images/bullet-question.png) no-repeat !important;
	}
	
	#ingredList li {
		width: 27%;
		float: left;
		font-size: 13px;
	}
	
#rightCol ol li {
	margin: 0;
	padding: 2px 0 8px 12px;
	font-weight: bold;
}


	
.title {
	text-align: center;
	margin-bottom: 25px;
}

.title img {
	margin-top: 10px;
}

.button {
	padding-top: 10px;
}

#step1 h2, #step2 h2, #step3 h2 {
	font-size: 18px;
}

#step1 h2 {
	padding-top: 35px;
}

#step2 h2 {
	padding-top: 15px;
}

#step3 img {
	margin-top: 25px;
}

#how H2, #doctors H2, #order H3, #contact H3 {
	border-bottom: 1px solid #E1E1E1;
}

#videoBox {
	padding: 60px 30px 0 30px;
	font-size: 30px;
	text-align: center;
	background: url(../images/video-bg.png);
	height: 325px;
	width: 447px;
	margin: 0 auto;
}

#videoBoxNew {
	text-align: center;
	margin: 0 auto;
}

#how img.right {
	margin: 0 0 0 20px;
}

.orderHighlight {
	width: 314px;
}

H2.first {
	padding-top: 0;
}

img.first {
	margin-top: 0;
}

H4.highlight {
	color: #b92e90;
}

/* Order Nav */

#orderButtons {
	width: 190px;
	float: right;
	background-color: #FFF;
	border: 1px solid #721657;
	margin-left: 10px;
	padding-top: 8px;
}

ul#orderNav {
	list-style-type: none;
	padding: 5px;
	margin: 0;
	width: 185px;
	height: 200px;
}

	ul#orderNav li {
		display: inline;
		float: left;
		padding: 0;
		margin: 0;
		background-image: none;
	}
	
	ul#orderNav li a {
		display: inline-block;
		overflow: hidden;
		position: relative;
	}

	ul#orderNav li a span {
		cursor: pointer;
		left: 0;
		position: absolute;
		top: 0;
	}
	
	ul#orderNav li a, ul#orderNav li a span {
		background-repeat: no-repeat;
		background-position: 0 0;
		padding: 0;
		margin: 0;
		height: 100px;
		width: 90px;
		display: block;
		}
		
	#orderNav li.navLast a, #orderNav li.navLast a span {
		margin: 0;
		}
		
	#orderNav li a:hover, #orderNav li a:hover span {
		background-position: 0 -100px;
		}
	
	#orderNav li#orderOnline a, #orderNav li#orderOnline a span {
		background-image: url(../images/order-online.png);
	}
	
	#orderNav li#orderFax a, #orderNav li#orderFax a span {
		background-image: url(../images/order-fax.png);
	}
	
	#orderNav li#orderMail a, #orderNav li#orderMail a span {
		background-image: url(../images/order-mail.png);
	}

	#orderNav li#orderPhone a, #orderNav li#orderPhone a span {
		background-image: url(../images/order-phone.png);
	}

	#orderNav li a:hover {
		background: 0 -100px; /*IE FIX*/
		}
		
/*Package Images*/

#bonuses {
	margin: 0 0 10px;
}

#packageImages img {
	margin-bottom: 10px;
}

#packageImages a img {
	border: none;
}

#packageImages img.inline {
	display: inline;
	float: left;
	margin-bottom: 20px;
}

#month2 {
	margin-right: 10px;
}		

/* Contact Page */

#contact form li {
	background-image: none;
	padding-left: 0;
}
		

/* Footer */

#footer {
	background: url(../images/footer-bg.png) #f0e0ec repeat-x;
	padding: 8px;
}

#SEOfooter {
	background-color: #f0e0ec;
}

#SEOfooter p {
	width: 700px;
	margin: 0 auto;
	padding: 0 0 15px 0;
}

		
/* Footer Nav */

#footer ul {
	list-style-type: none;
	margin: 12px auto 0 auto;
	padding: 0;
	width: 850px;
	font-size: 12px;
}

#footer li {
	display: inline;
	margin: 8px 15px;
	line-height: 20px;
}

/* Headers */

.indexHeader1 {  
 height: 88px;  
 background-image: url(../images/titles/increase-desire.gif);  
} 

.indexHeader2 {  
 height: 25px;  
 background-image: url(../images/titles/how-does-it-work.png);  
} 

.indexHeader3 {  
 height: 88px;  
 background-image: url(../images/titles/feel-sexual-again.png);  
}

.indexHeader4 {  
 height: 55px;  
 background-image: url(../images/titles/orgasm.png);  
}

.indexHeader5 {  
 height: 53px;  
 background-image: url(../images/titles/vaginal-dryness.png);  
}

.indexHeader6 {  
 height: 76px;  
 background-image: url(../images/titles/100percent-safe.png);  
}

.indexHeader7 {  
 height: 55px;  
 background-image: url(../images/titles/guaranteed-results.png);  
}

.indexHeader8 {  
 height: 55px;  
 background-image: url(../images/titles/free-gift.png);  
}

.indexHeader9 {  
 height: 55px;  
 background-image: url(../images/titles/put-yourself-first.png);  
}

.mythHeader {
	background-image: url(../images/titles/myth-about-womens-desire.gif);
	height: 57px;
}

.doctorsHeader {
	background-image: url(../images/titles/what-doctors-are-saying.gif);
	height: 31px;
}

.howHeader {
	background-image: url(../images/titles/how-provestra-works.gif);
	height: 26px;
}

.guaranteeHeader {
	background-image: url(../images/titles/guaranteed-results.gif);
	height: 53px;
}

.faqHeader {
	background-image: url(../images/titles/faq.gif);
	height: 31px;
}

.orderHeader {
	background-image: url(../images/titles/how-to-order.gif);
	height: 26px;
}

.contactHeader {
	background-image: url(../images/titles/contact.gif);
	height: 78px;
}

.privacyHeader {
	background-image: url(../images/titles/privacy.gif);
	height: 31px;
}

.outdent { 
	text-indent: -300em;
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 28px;
	width: 524px;
}

h2.outdent {
	margin-top: 0;
	margin-bottom: -20px;
}

/* Display ON/OFF Styles */

#how #ingredients, #guarantee #ingredients, #guarantee #fadedLogo, #order #fadedLogo, #myths #fadedLogo, #contact #fadedLogo, #privacy #ingredients, #privacy #fadedLogo {
	display: none;
}

#how #outer, #guarantee #outer, #privacy #outer {
	background: url(../images/flower-bg.jpg) center 225px no-repeat;
	text-align: center;
}

#jfh {
	display: none;
}

#homeJFH #jfh {
	display: block;
	height: 144px;
	width: 276px;
	margin: 0 0 11px 0;
}

#homeJFH #outer {
	background: url(../images/leaf-flower-bg-jfh.jpg) center 225px no-repeat;
}