html {
	overflow-x: hidden !important;	
}

body { 
	overflow-x: hidden !important; 
	width: auto !important;
}

p {
	margin: 0 0 10px;
	line-height: 18px;
}
form {
	width: 100%;
}

body.init {
	overflow-y: hidden !important;
}

#pagesContainer {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: 100%;
	overflow: visible;
	margin: 0;
	padding: 0;
}
	body.init #pagesContainer { overflow: hidden; }

	#pagesContainer h1 {
		margin: 0 0 25px 0;
		padding: 11px 0 0 20px;
		background: url('../layout/heading-slash.gif') no-repeat top left;
		
		font-size: 26px;
		font-weight: normal;
		color: #373A3B;
	}
	
	#pagesContainer h2 {
		margin: 0 0 10px 0;
		padding: 10px 0 3px;
		min-height: 25px;
		font-size: 16px;
		font-weight: normal;
		color: #819814;
	}
		#pagesContainer h2 object, #pagesContainer h2 object {
			display: block;
		}
	
	
	/* QUESTIONS: ------ */
	
	#pagesContainer .questions {
		position: relative;
		width: 80%;	
	}
		#pagesContainer .questions .question {
			/*display: none;*/
			position: absolute;
			visibility: hidden;
			height: 320px;
			margin: 0 0 0 20px;
			clear: both;
		}
			#pagesContainer .questions .question textarea {
				width: 430px;
				height: 180px;
			}
		
			#pagesContainer .question .choices {
				padding: 0 0 20px;
			}
				#pagesContainer .question .choices .choice {
					margin: 0 0 5px;
				}
					#pagesContainer .question .choices .choice .choiceUserInput {
						margin-left: 24px;
						width: 200px;
					}

			#pagesContainer .question .nav {
				position: absolute;
				bottom: 10px;
			}
				#pagesContainer .question .nav a.nextQuestion { display: none; }
				#pagesContainer .answered .nav a.nextQuestion,
				#pagesContainer .intro .nav a.nextQuestion,
				#pagesContainer .additionalInfo .nav a.nextQuestion	 { display: block; }
	

			#pagesContainer .questions .intro {
				display: block;
				visibility: visible;
			}
				#pagesContainer .questions .intro p {
					margin: 0 0 10px;
					line-height: 18px;
				}
				
			#pagesContainer .questions .additionalInfo {
				
			}
				#pagesContainer .questions .additionalInfo input.text {
					width: 200px;
				}
				#pagesContainer .questions .additionalInfo textarea {
					width: 300px;
					height: 100px;
				}
				#pagesContainer .questions .additionalInfo input.age {
					width: 50px;
				}
	
	
	
	

	
	/* RESULTS: ------ */
	
	#pagesContainer .results {
		position: relative;	
	}	
		
		/* for skin test results: ------ */
		
		#pagesContainer .results .result {
			/*display: none;*/
			position: absolute;
			visibility: hidden;
			width: 430px;
			height: 270px;
			margin: 0 0 0 20px;
			clear: both;
		}
			#pagesContainer .results .result .productRelated {
				margin: 20px 0 0 0;
				float: left;
			}
				#pagesContainer .results .result .productRelated a.product {
					display: block;
					float: left;
					margin-right: 10px;
				}
				#pagesContainer .results .result .productRelated a.step-1, 
				#pagesContainer .results .result .productRelated a.step-1-active, 
				#pagesContainer .results .result .productRelated a.step-2,
				#pagesContainer .results .result .productRelated a.step-2-active, 
				#pagesContainer .results .result .productRelated a.step-3,
				#pagesContainer .results .result .productRelated a.step-3-active {
					margin-bottom: 4px;
					padding-bottom: 15px;
					background-position: bottom;
					background-repeat: no-repeat;
				}
				#pagesContainer .results .result .productRelated a.step-1 { background-image: url('/_content/layout/step-1.gif'); }
				#pagesContainer .results .result .productRelated a.step-2 { background-image: url('/_content/layout/step-2.gif'); }
				#pagesContainer .results .result .productRelated a.step-3 { background-image: url('/_content/layout/step-3.gif'); }
				#pagesContainer .results .result .productRelated a.step-1:hover, #pagesContainer .results .result .productRelated a.step-1-active { background-image: url('../layout/step-1-a.gif'); }
				#pagesContainer .results .result .productRelated a.step-2:hover, #pagesContainer .results .result .productRelated a.step-2-active { background-image: url('../layout/step-2-a.gif'); }
				#pagesContainer .results .result .productRelated a.step-3:hover, #pagesContainer .results .result .productRelated a.step-3-active { background-image: url('../layout/step-3-a.gif'); }
				
				#pagesContainer .results .result .productRelated span.plus {
					float: left;
					width: 19px; height: 90px;
					margin-right: 10px;
					background: url('/_content/layout/plus.gif') no-repeat center 60%;
				}
					#pagesContainer .results .result .productRelated span.plus span { visibility: hidden; }
				#pagesContainer .results .result  .productRelated p {
					float: none;
					clear: left;
					padding: 1px 12px 1px;
					background: #819814;
					text-align: center;
					color: #fff;
				}
			
		
		#pagesContainer .dryResult {
			position: absolute;
			visibility: hidden;
			width: 410px;
			height: 270px;
			right: 0;
			top: 0;
			clear: both;
		}
			#pagesContainer .results .dryResult .dryProduct {
				margin: 20px 0 0 0;
			}
				#pagesContainer .results .dryResult .dryProduct a.product {
					display: block;
					float: left;
					margin-right: 10px;
					color: #819814;
					text-decoration: none;
				}
					#pagesContainer .results .dryResult .dryProduct a.product img {
						display: block;
						margin-bottom: 5px;
					}
		
		
		
		/* links: */
		
		#pagesContainer a.nextQuestion {
			display:block;
			float: left;
			margin: 10px 0 10px -2px;
			padding: 2px 18px 2px 2px;
			background: url('../layout/link-arrow.gif') right 60% no-repeat;
			text-decoration: none;
			text-transform: uppercase;
			color: #819814;
		}
		#pagesContainer a.nextQuestion:hover {
			text-decoration: none;
		}
		#pagesContainer a.endTest {
			margin-left: 10px;
		}
		
		#pagesContainer a.prevQuestion {
			display:block;
			float: left;
			margin: 10px -2px 10px 0;
			padding: 2px 2px 2px 18px;
			background: url('../layout/link-arrow-2.gif') left 60% no-repeat;
			text-decoration: none;
			text-transform: uppercase;
			color: #819814;
		}
		#pagesContainer a.prevQuestion:hover {
			text-decoration: none;
		}