body
{
	background-color: #FA6506;
	background-image: url("/us/_images/home/backgroundGradient.png");
}

div#page
{
	background-image: url("../images/background_main.png");
}

div#promoBar
{
	background-image: url("/us/_images/home/promoGradient.png");
}

div#page div#content
{
	height: 379px;
}

div#page div#find_your_fragrance_factor
{
	position: absolute;
	margin-left: 280px;
	margin-top: 30px;
	background-image: url(../images/find_your_fragrance_factor.png);
	width: 473px;
	height: 104px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	z-index: 1;
}

div#page img#quiz_background
{
	position: absolute;
	margin-left: 310px;
	margin-top: 105px;
	z-index: 1;
}

div#page div#quiz_container
{
	position: absolute;
	margin-left: 310px;
	margin-top: 105px;
	width: 653px;
	height: 257px;

	z-index: 2;
}

div#page div#quiz_container div#intro
{
	position: absolute;
	display: block;
	margin-left: 120px;
	margin-top: 90px;
	width: 420px;
	height: 150px;
	font-size: 120%;
	color: #FFFFFF;
	z-index: 10;
}

div#page div#quiz_container div#intro span#indulge_your_senses
{
	text-align: bottom;
	font-weight: bold;
	color: #FFFF00;
	font-size: 140%;
}

div#page div#quiz_container div#intro span#take_this_quiz
{
	display: block;
	margin-top: 20px;
	font-weight: bold;
}

div#page div#quiz_container div#intro a#take_it
{
	display: block;
	margin-top: 20px;
	margin-left: 313px;
	position: absolute;
	z-index: 100;
}

div#page div#quiz_container div#intro a#take_it img
{
	position: absolute;
	z-index: 101;
}

div#page div#quiz_container div#quiz_steps
{
	position: absolute;
	display: block;
	margin-left: 40px;
	margin-top: 40px;
	width: 550px;
	height: 200px;
	visibility: hidden;
}

div#page div#quiz_container div#quiz_steps div#quiz_step_choose
{
	position: absolute;
	margin-left: 172px;
	margin-top: 1px;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
}

div#page div#quiz_container div#quiz_steps a#quiz_step_option_1
{
	position: absolute;
	margin-left: 20px;
	margin-top: 25px;
}

div#page div#quiz_container div#quiz_steps a#quiz_step_option_2
{
	position: absolute;
	margin-left: 330px;
	margin-top: 25px;
}

div#page div#quiz_container div#quiz_steps img#quiz_or
{
	position: absolute;
	margin-left: 265px;
	margin-top: 85px;
}

div#page div#quiz_container div#quiz_steps div.quiz_step_number
{
	position: absolute;
	margin-left: 260px;
	margin-top: 160px;
	width: 51px;
	height: 28px;
}

div#page div#quiz_container div#quiz_steps div#quiz_step_number_1 { background-image: url(../images/quiz_step_1_4.png); }
div#page div#quiz_container div#quiz_steps div#quiz_step_number_2 { background-image: url(../images/quiz_step_2_4.png); }
div#page div#quiz_container div#quiz_steps div#quiz_step_number_3 { background-image: url(../images/quiz_step_3_4.png); }
div#page div#quiz_container div#quiz_steps div#quiz_step_number_4 { background-image: url(../images/quiz_step_4_4.png); }

div#page div#quiz_container div#quiz_results
{
	position: absolute;
	display: block;
	margin-left: 40px;
	margin-top: 40px;
	width: 550px;
	height: 200px;
	visibility: hidden;
}

div#page div#quiz_container div#quiz_results div.results_icon
{
	position: absolute;
	display: block;
	margin-left: 10px;
	margin-top: 10px;
	width: 57px;
	height: 58px;
	background-repeat: no-repeat;
}

div#page div#quiz_container div.results_fruity div.results_icon,
div#page div#quiz_container div.fruity div.results_icon
{ background-image: url(../images/icon_fruity.png); }
div#page div#quiz_container div.results_fresh div.results_icon,
div#page div#quiz_container div.fresh div.results_icon
{ background-image: url(../images/icon_fresh.png); }
div#page div#quiz_container div.results_floral div.results_icon,
div#page div#quiz_container div.floral div.results_icon
{ background-image: url(../images/icon_floral.png); }
div#page div#quiz_container div.results_urbane div.results_icon,
div#page div#quiz_container div.urbane div.results_icon
{ background-image: url(../images/icon_urbane.png); }

div#page div#quiz_container div#quiz_results div.results_title
{
	position: absolute;
	display: block;
	margin-left: 70px;
	margin-top: 10px;
	width: 168px;
	height: 57px;
	background-repeat: no-repeat;
}

div#page div#quiz_container div.results_fruity div.results_title,
div#page div#quiz_container div.fruity div.results_title
{ background-image: url(../images/header_fruity.png); }
div#page div#quiz_container div.results_fresh div.results_title,
div#page div#quiz_container div.fresh div.results_title
{ background-image: url(../images/header_fresh.png); }
div#page div#quiz_container div.results_floral div.results_title,
div#page div#quiz_container div.floral div.results_title
{ background-image: url(../images/header_floral.png); }
div#page div#quiz_container div.results_urbane div.results_title,
div#page div#quiz_container div.urbane div.results_title
{ background-image: url(../images/header_urbane.png); }

div.results_copy
{
	position: absolute;
	display: block;
	margin-left: 10px;
	margin-top: 75px;
	width: 240px;
	height: 160px;
	visibility: hidden;
}

div#page div#quiz_container div#quiz_results div.results_widget
{
	position: absolute;
	display: block;
	margin-left: 10px;
	margin-top: 250px;
	width: 228px;
	height: 20px;
}

div#page div#quiz_container div#quiz_results div.results_widget img
{
	vertical-align: middle;
}

div#page div#quiz_container div#quiz_results div.results_option_1
{
	position: absolute;
	display: block;
	margin-left: 275px;
	margin-top: 2px;
	height: 129px;
	width: 275px;
}

div#page div#quiz_container div#quiz_results div.results_option_2
{
	position: absolute;
	display: block;
	margin-left: 275px;
	margin-top: 145px;
	height: 129px;
	width: 275px;
}

div.results_option_1 div.results_option_collection_image,
div.results_option_2 div.results_option_collection_image
{
	position: absolute;
	display: block;
	visibility: hidden;
}

div.results_option_1 div.results_option_header,
div.results_option_2 div.results_option_header
{
	position: absolute;
	display: block;
	visibility: hidden;
	margin-left: 148px;
	margin-top: 15px;
	width: 147px;
}

div.results_option_1 div.results_option_ratings,
div.results_option_2 div.results_option_ratings
{
	position: absolute;
	display: block;
	visibility: hidden;
	margin-left: 150px;
	margin-top: 60px;
	font-size: 10px;
}

div#page div#quiz_container div#quiz_results div.results_option_1 div.results_option_ratings a,
div#page div#quiz_container div#quiz_results div.results_option_2 div.results_option_ratings a
{
	text-decoration: none;
	color: #666666;
}

div.results_option_1 div.results_option_learn_more,
div.results_option_2 div.results_option_learn_more
{
	position: absolute;
	display: block;
	visibility: hidden;
	margin-left: 145px;
	margin-top: 75px;
}

div#page div#quiz_container div#quiz_results div.results_or
{
	position: absolute;
	display: block;
	margin-left: 460px;
	margin-top: 125px;
}

span.body_envy { color: #FF9900; }
span.none_of_your_frizzness { color: #FF0000; }
span.hello_hydration { color: #00CCDD; }
span.totally_twisted { color: #C070D0; }
span.color_me_happy { color: #FF4179; }
span.long_term_relationship { color: #FF3080; }
span.dangerously_straight { color: #F750B1; }
span.drama_clean { color: #00E57A; }

span.body_envy a { color: #FF9900; font-weight: bold; text-decoration: none; }
span.none_of_your_frizzness a { color: #FF0000; font-weight: bold; text-decoration: none; }
span.hello_hydration a { color: #00CCDD; font-weight: bold; text-decoration: none; }
span.totally_twisted a { color: #C070D0; font-weight: bold; text-decoration: none; }
span.color_me_happy a { color: #FF4179; font-weight: bold; text-decoration: none; }
span.long_term_relationship a { color: #FF3080; font-weight: bold; text-decoration: none; }
span.dangerously_straight a { color: #F750B1; font-weight: bold; text-decoration: none; }
span.drama_clean a { color: #00E57A; font-weight: bold; text-decoration: none; }

div#page div#quiz_container div.fruity div.case_fruity { visibility: visible; }
div#page div#quiz_container div.fresh div.case_fresh { visibility: visible; }
div#page div#quiz_container div.floral div.case_floral { visibility: visible; }
div#page div#quiz_container div.urbane div.case_urbane { visibility: visible; }