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

body {
	 background:#E9E9E9;
	 color: #404040;
	 text-align:center;
	 padding:0;
	 margin:0;
	 background: url(../img/bg.png) fixed repeat-x;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 line-height: 1.25em;
 }
 
a {
	color: #cc1a21;
	text-decoration: none;
}

a:hover  {
	color: #666666;
	text-decoration: none;
}

	a img {
		border: 0;
	}

	#rightcol a, #footer a {
		border-bottom: 1px dotted #cc1a21;
	}
	
	#rightcol a:hover, #footer a:hover {
		border-bottom: 1px dotted #666666;
	}
	
	#rightcol .noborder a, #rightcol .noborder a:hover {
		border-bottom: none !important;
	}

h1 {
	font-size: 23px;
	line-height: 1.1em;
	letter-spacing: -1px;
	text-align: center;
	color: #404041;
	margin-top: 0;
	font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
}

h2 {
	font-size: 19px;
	line-height: 1.1em;
	letter-spacing: -1px;
	text-align: center;
	color: #404041;
	font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
}

h3 {
	font-size: 16px;
	color: #404041;
	font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
}

textarea, field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.25em;
}

div.hr {
  height: 12px;
  background: url(../img/page-rule.png) no-repeat top center;
  margin: 15px 0;
}
div.hr hr {
  display: none;
}

.underline {
	text-decoration: underline;
}

.doublelist {
	margin: 0;
	padding: 0 0 0 12px;
}

.doublelist li {
	width: 50%;
	float: left;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	margin: 0 auto;
}

p.center, h3.center {
	text-align: center;
	margin: 10px auto;
}

img.left, object.left {
	float: left;
	margin: 0 12px 5px 0;
}

img.right, object.right {
	float: right;
	margin: 0 0 5px 12px;
}

.small {
	font-size: 11px;
	line-height: 1.0em;
}

.highlight {
	background-color: #f0d7da;
}

.red {
	color: #cc1a21;
}


/* Layout */ 

#container {
	text-align:left;
	width:965px;
	margin:0 auto 20px auto;
 }

#header {
	 position: relative;
	 width: 965px;
	 margin: 0 auto;
 }
 
 	#topimages {
		margin: 14px 0;	
	}
 
	#logo {
		float: left;
	}
	
	#slogan {
		float: right;
		margin-top: 15px;
	}
	
	#banner {
		border: 1px solid #dbdbdb;
	}
	
#contactline {
	background: #cc1a21;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 4px;
	margin-top: 8px;
}

	#contactline strong {
		font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
		font-size: 19px;
		position : relative;
		top : 0.05em; 
	}
 
#content  {
	border: 1px solid #dbdbdb;
	background: #FFF;
	margin-top: 8px;
}

#rightcol {
	width: 600px;
	padding: 0 25px;
	margin: 15px 0;
	border-left: 1px solid #dbdbdb;
	float: right;
}

#leftcol {
	width: 310px;
	text-align: center;
	padding: 10px 0;
	float: left;
}

	#JFH {
		display: none;
	}
	
	#home #JFH {
		display: block !important;
	}

	#smallguarantee {
		width: 270px;
		margin: 0 auto 12px auto;
	}

.clear {
	clear: both;
}

.imgspacer {
	margin-bottom: 12px;
}

/* SEO Header Area */

#seo {
	background-color: #e9e9e9;
	padding: 3px 0;
}

h1.seohead {
	color: #49494a;
	font-size: 11px !important;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal !important;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* Nav Layout */

#imgnav {	
	height: 23px; /* height of nav */
	color: #FFF;
	margin-bottom: 8px;
}

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

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

	#imgnav li a span {
		cursor: pointer;
		left: 0;
		position: absolute;
		top: 0;
	}
	
	#imgnav li a {
		background-repeat: no-repeat;
		background-position: 0 0;
		padding: 0;
		margin: 0;
		height: 22px; /* height of nav */
		display: block;
		border: 1px solid #dbdbdb;
		}
		
	#imgnav li#navOrder a {
		border: 1px solid #ffaeb1;
	}
		
	#imgnav li a span {
		background-repeat: no-repeat;
		background-position: 0 0;
		padding: 0;
		margin: 0;
		height: 18px; /* height of nav */
		display: block;
		border-bottom: 4px solid #dbdbdb;
		}
		
	#imgnav li#navOrder a span {
		border-bottom: 4px solid #ffaeb1;
		}
		
	#imgnav li a:hover {
		border: 1px solid #666666;
		}
		
	#imgnav li#navOrder a:hover {
		border: 1px solid #cc1a21;
	}
		
	#home #imgnav li#navHome a, 
	#science #imgnav li#navScience a,
	#collagen #imgnav li#navCollagen a,
	#formulation #imgnav li#navFormulation a,
	#faqs #imgnav li#navFAQs a {
		border: 1px solid #666666;
	}
	
	#order #imgnav li#navOrder a {
		border: 1px solid #cc1a21;
	}
	
	#home #imgnav li#navHome a span, 
	#science #imgnav li#navScience a span, 
	#collagen #imgnav li#navCollagen a span,
	#formulation #imgnav li#navFormulation a span,
	#faqs #imgnav li#navFAQs a span {
		border-bottom: 4px solid #666666;
	}
	
	#order #imgnav li#navOrder a span {
		border-bottom: 4px solid #cc1a21;
	}
	
	#imgnav li#navHome a, #imgnav li#navHome a span {
		background-image: url(../img/nav-home.png);
		width: 87px;
		margin-right: 8px;
	}
	
	#imgnav li#navScience a, #imgnav li#navScience a span {
		background-image: url(../img/nav-science-beauty.png);
		width: 258px;
		margin-right: 8px;
	}
	
	#imgnav li#navCollagen a, #imgnav li#navCollagen a span {
		background-image: url(../img/nav-collagen-renewal.png);
		width: 179px;
		margin-right: 8px;
	}

	#imgnav li#navFormulation a, #imgnav li#navFormulation a span {
		background-image: url(../img/nav-formulation.png);
		width: 163px;
		margin-right: 8px;
	}

	#imgnav li#navFAQs a, #imgnav li#navFAQs a span {
		background-image: url(../img/nav-faqs.png);
		width: 82px;
		margin-right: 8px;
	}
	
	#imgnav li#navOrder a, #imgnav li#navOrder a span {
		background-image: url(../img/nav-order.png);
		width: 144px;
	}

	#imgnav li a:hover {
		
		}
		
/* Footer */

#footer {
	text-align: center;
	font-size: 12px;
}

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

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

.seofoot {
	width: 950px;
	margin: 0 auto 15px auto;
}
		
/* Content Styles */

#womanlist div {
	
}

	#womantext {
		background: url(../img/list-text.png);
		width: 361px;
		height: 274px;
		float: left;
	}
	
	#womanphoto {
		background: url(../img/list-photo.jpg);
		width: 236px;
		height: 274px;
		float: left;
	}
	
#rightcol ul {
	padding: 0 0 0 10px;
	margin: 0;
}
	
#rightcol ul li {
	list-style-type: none;
	background: url(../img/bullet-dot.png) no-repeat 0 5px;
	padding: 0 0 0 15px;
}

#steps .clear {
	height: 6px;
	border-bottom: 1px dotted #dbdbdb;
}

/* Order Page */

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

#orderpackages img.left {
	float: left;
	margin: 0 auto;
}

#ordertable {
	margin-top: 20px;
}

#ordertable td {
	width: 33%;
	text-align: center;
}

/* Contact Form*/

.contact ul {
	text-align: left;
}

.contact ul li {
	background-image: none !important;
	padding: 0 !important;
}

.contactform {
	text-align: left;
	padding: 0 10px 10px 10px;  
	border: 1px solid #ad1a22;
}
	
	.contactform fieldset {  
	margin: 10px 0 0 0;  
	padding: 10px;  
	border: 1px dotted #dbdbdb;  
	text-align: center;
	}
	
	.contactform legend {
		margin-top: 0;
	}
	
	.contactform textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		border-color: #dfdfdf;
		width: 445px;
	}
	
	.contactform input, .contactform select, .contactform textarea {
		border: 1px solid #dbdbdb;
		width: 445px;
	}
	
	.contactform input {
		width: 340px;
	}
	
	.contactform .button {
		background-color: #ad1a22;
		color: #FFF;
		font-weight: bold;
		width: 180px;
		}
	
	.contactform label {
		width: 100px;
		display: inline-block;
		text-align: right;
	}
	
	.contactform ul {
		list-style-type: none;
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
	}
	
	.contactform ul ul li {
		margin: 5px auto;
	}
	
	#submit {
		text-align: right;
		margin-top: 10px;
		margin-right: 65px;
	}
	
ul#answers {
	margin: 20px 0;
	padding: 0;
}

	ul.sublist {
		margin: 8px 0 20px 0;
		padding: 0;
	}
	
	ul#answers li {
		list-style-type: none;
		border-bottom: 1px solid #dbdbdb;
		margin-top: 25px;
	}
	
	ul.sublist li {
		border-bottom: none !important;
		margin-left: 0;
		margin-top: 8px !important;
		list-style-type: none;
		background: url(../img/bullet-dot.png) no-repeat 0 5px !important;
		padding: 0 0 0 15px !important;
	}
		.answers h3{
		font-size: 14px;
		font-weight: bold;
		list-style-type: none;
		border-bottom: 1px solid #dbdbdb;
		margin-top: 25px;
	}
	
/* Application Form */

#challenge ol li {
	margin-bottom: 10px;
}

#appPhotos {
	width: 420px;
	margin: 0 auto;
}

	#appPhotos .photoExample {
		width: 400px;
		padding: 10px;
		margin: 0 0 15px 0;
		border: 1px solid #CCC;
		text-align: center;
	}
	
	#appPhotos .photoExample img {
		border: 1px solid #DDD;
	}
	
.formLine {
	width: 410px;
	margin: 5px auto;
}

	.formLine label {
		width: 125px;
		padding: 3px 10px;
		display: block;
		float: left;
		background: #f0d7da;
		text-align: right;
	}
	
	.formLine input {
		width: 250px;
		display: block;
		float: left;
	}
	
	.grey {
		width: 400px !important;
		background: #E9E9E9;
		padding: 5px;
	}
	
	.formLine input#appButton {
		width: 250px;
		margin: 0 auto;
		float: none;
	}
.textreplacer {
	display: none;
	}
#orderbutton {
	height: 140px;
	background-image: url(../img/buy-now-button.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
#orderbutton a {
    display: block;
    width: 100%;
    height: 100%;
	border: none;
	text-decoration: none;
}
#orderbutton a:hover {
	border: none;
	text-decoration: none;
}
#sidebarbutton1 {
	height: 211px;
	background-image: url(../img/left-try-it.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 8px;
	}
#sidebarbutton1 a {
    display: block;
    width: 100%;
    height: 100%;
}
#sidebarbutton2 {
	height: 324px;
	background-image: url(../img/diamond-pkg-leftbar.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 8px;
	}
#sidebarbutton2 a {
    display: block;
    width: 100%;
    height: 100%;
}
.underline {
	text-decoration: underline;
	}
#orderbonuses {
	height: 400px;
	background-image: url(../img/kollagen_bonuses.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}
#steponeheadline {
	height: 40px;
	background-image: url(../img/step1.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
#steptwoheadline {
	height: 40px;
	background-image: url(../img/step2.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
#stepthreeheadline {
	height: 40px;
	background-image: url(../img/step3.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
#stepfourheadline {
	height: 40px;
	background-image: url(../img/step4.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
#stepfiveheadline {
	height: 40px;
	background-image: url(../img/step5.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
#collquote {
	height: 108px;
	background-image: url(../img/collagen-quote.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
.lesspad {
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	}