@charset "utf-8";
/************ UNIQUE PAGES *******/
#home {
	height: 1%;
	background: url(../images/home-bg.jpg) no-repeat 9px 0;
	overflow: hidden;
	height: 354px;
}

html > body #home {
	background: url(../images/home-bg.jpg) no-repeat 9px 0;
	overflow: hidden;
	height: 354px;
}

#home h1 {
	font-size: 160%;
	color: #38172b;
	font-weight: normal;
	margin: 0;
	display: inline;
}

#home .column {
	width: 300px;
}

html > body #home .column {
	width: 500px;
}

#home .column .left {
	margin-left: 120px; 
	width: 260px;
}


html > body #home .column .left {
	margin-left: 217px; 
	width: 334px;
}

html > body #home #flash-container
{
	margin-right:12px;
	width:275px;
	height:340px;
	position:relative;
}

html > body #home #flash-container img{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
}

html > body #home #flash-container a
{
	color:#5880bd; 
	text-decoration:none; 
	font-weight:bold;
}
html > body #home #flash-container a:hover
{
	text-decoration:underline;
}

#style-profiler {}

#giveaways {}

/************ MAKEOVER *******/
#makeover {}

#makeover h1{
	font-size: 200%;
	color: #38172b;
	font-weight: normal;
	margin: 0;
	display: inline;
}

#makeover h1 strong {
	color: #cc277b;
	font-weight: normal;
}

#makeover ul {
	padding: 0;
}

#makeover ul li {
	padding-bottom: 5px;
	list-style: none;
	font-size: 80%;
}

#makeover ul li.blue-arrow {
	padding-left: 25px;
	background: url(../images/btn-arrow-blue.png) no-repeat left top;
}

#makeover ul li.green-arrow {
	padding-left: 25px;
	background: url(../images/btn-arrow-green.png) no-repeat left top;
}

#makeover ul li a {
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
}

#makeover ul li a:hover {
	color: #ce257b;
}

#makeover .column {
	position: relative;
}

#makeover .column #win {
	position: absolute; 
	top: 0; 
	right: 15px;
}

/************ GIVEAWAYS *******/
#giveaways h1 {
	margin-bottom: 5px;
}

#giveaways #sponsor {
	width: 121px;
	float: left;
	margin-top: 20px;
}

#giveaways #location {
	margin-top: 20px;
	float: left;
	width: 184px;
}

#boutique-overview {
	float: left;
	margin-left: 40px;
	width: 380px;
}

#boutique-overview p {
	margin-top: 15px;
	margin-bottom: 15px;
} 

#boutique-locations {
	width: 460px;
}

#boutique-locations ul {
	margin: 0;
	padding: 0;
}

#boutique-locations ul li {
	margin: 0;
	padding-left: 0;
	padding-bottom: 10px;
	list-style: none;
}

#boutique-locations .column {
	width: 212px;
	margin:20px 15px 0 0;
	float: left;
}

/************ ENTER TO WIN *******/
#enter-to-win a.go {
	font-size: 80%;
}

#content #enter-to-win #flash {
	width: 704px;
	float: right;
}

#content #enter-to-win #form-bounds {
	float: left;
	width: 240px;
}

#content #enter-to-win #form-bounds #makeover-callout {
	position: relative;
	left: -15px;
}

#content #enter-to-win #form-bounds #form {
	margin: 0;
	padding: 0;
}

#enter-to-win input {
	border: 1px solid #666;
	padding: 3px;
	color: #666;
}

#content #enter-to-win #entrant-grid { 
	width: 690px;
	float: right;
	text-align:left;
}

#content #enter-to-win #entrant-grid .row img { 
	
	float: left; 
}

#content #enter-to-win #entrant-grid .row {
	clear: both;
}

#content #enter-to-win #entrant-grid .row .thumb-vote-wrapper {
	float:left;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 4px;
}

#content #enter-to-win #entrant-grid .row .thumb-wrapper {
	height:80px; 
	width:80px;
	overflow:hidden; 	
}
#content #enter-to-win #entrant-grid .row .vote-btn {
	text-align:center;
	width:80px;
}

#content #enter-to-win #entrant-grid .row a img {
	border: none;
}

html > body #content #enter-to-win #entrant-grid .row .thumb-vote-wrapper {
	border: 1px solid transparent;
}

#content #enter-to-win #entrant-grid .row .thumb-vote-wrapper:hover {
	border: 1px solid #e7248b;
}

#content #enter-to-win #entrant-grid #page-left{
	/*float:left;*/
}

#content #enter-to-win #entrant-grid #page-right{
	/*float:right;*/
}

#content #enter-to-win #entrant-grid #vote-no-flash-img{
	float:left;
}

#content #enter-to-win #entrant-grid #vote-no-flash-data{
	float:left;
	margin:0 0 0 10px;
}

#content #enter-to-win #entrant-grid #vote-no-flash-data h2 {
	color: #4473c1;
	margin:0;
	padding:0;
}

/************ ENTRY FORM *******/
#entry-form #form-container {
	padding-left: 30px;
}

#style-profiler td {
	color: #999;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

#style-profiler table td textarea.textarea,
#entry-form #form-container textarea.textarea { 
	border: 1px solid #666;
	color: #999;
	padding: 3px;
	margin-bottom: 5px;
	width: 375px; 
}

#style-profiler table td textarea.textarea { width: auto; }

table td select.textfield,
table td input.textfield,
#entry-form #form-container select.textfield,
#entry-form #form-container input.textfield {
	color: #999;
	border: 1px solid #666;
	font-size: 90%;
	padding: 3px;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 180px;
}

/************ STACY'S CLOSET *******/
#content #enter-to-win #entrant-grid .row .thumb-check-wrapper {
	float:left;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 4px;
}

#content #enter-to-win #entrant-grid .row .thumb-check-wrapper .thumb-wrapper {
	height:80px; 
	text-align:center;
	width:80px;
}

#content #enter-to-win #entrant-grid .row .thumb-check-wrapper .thumb-wrapper img {
	margin:0 auto;
	display:block;
	text-align:center;
}
#content #enter-to-win #entrant-grid .row .thumb-check-wrapper .vote-btn {
	text-align:center;
	width:80px;
}

#content #enter-to-win #entrant-grid #closet-image-results div, 
#content #enter-to-win #entrant-grid #closet-image-results-correct div{
	height:86px;
	width:70px;
	float:left;
	margin-right:10px;
	padding:5px 0 0 20px;
}

#guessed-item-1-neutral{
	background-image:url(../../_build/images/blue-1.jpg);
}
#guessed-item-1-cor{
	background-image:url(../../_build/images/green-1.jpg);
}
#guessed-item-1-incor{
	background-image:url(../../_build/images/red-1.jpg);
}
#guessed-item-2-neutral{
	background-image:url(../../_build/images/blue-2.jpg);
}
#guessed-item-2-cor{
	background-image:url(../../_build/images/green-2.jpg);
}
#guessed-item-2-incor{
	background-image:url(../../_build/images/red-2.jpg);
}
#guessed-item-3-neutral{
	background-image:url(../../_build/images/blue-3.jpg);
}
#guessed-item-3-cor{
	background-image:url(../../_build/images/green-3.jpg);
}
#guessed-item-3-incor{
	background-image:url(../../_build/images/red-3.jpg);
}
#guessed-item-4-neutral{
	background-image:url(../../_build/images/blue-4.jpg);
}
#guessed-item-4-cor{
	background-image:url(../../_build/images/green-4.jpg);
}
#guessed-item-4-incor{
	background-image:url(../../_build/images/red-4.jpg);
}
#guessed-item-5-neutral{
	background-image:url(../../_build/images/blue-5.jpg);
}
#guessed-item-5-cor{
	background-image:url(../../_build/images/green-5.jpg);
}
#guessed-item-5-incor{
	background-image:url(../../_build/images/red-5.jpg);
}

#content #enter-to-win #entrant-grid #closet-text-results .closet-item,
#content #enter-to-win #entrant-grid #closet-text-results-correct .closet-item
{
	margin-bottom:10px;
}

#content #enter-to-win #entrant-grid #closet-text-results .closet-item img,
#content #enter-to-win #entrant-grid #closet-text-results-correct .closet-item img {
	height:19px;
	width:19px;
	float:left;
	margin-right:10px;
}
#content #enter-to-win #entrant-grid #closet-text-results .closet-item div,
#content #enter-to-win #entrant-grid #closet-text-results-correct .closet-item div {
	width:520px;
	float:left;
	margin-bottom:5px;
}
#content #enter-to-win #entrant-grid #closet-text-results .closet-item .divider,
#content #enter-to-win #entrant-grid #closet-text-results-correct .closet-item .divider{
	clear:both; 
	margin-bottom:0px; 
	width:10px;
	float:none;
}
#content #enter-to-win #entrant-grid #closet-text-results .closet-item div h3,
#content #enter-to-win #entrant-grid #closet-text-results-correct .closet-item div h3{
	margin:0;
	padding:0;
}
#content #enter-to-win #entrant-grid #closet-text-results .closet-item div p,
#content #enter-to-win #entrant-grid #closet-text-results-correct .closet-item div p {
	margin:0;
	padding:0;
}

/************ SEND TO A FRIEND *******/
#content #style-profiler h2 {
	margin-top: 0;
	color:#38241F;
	font-size:180%;
	font-weight:normal;
	margin-top: 0;
	margin-bottom:15px;
}

/************ PRODUCTS *******/
#content #products {
	overflow: hidden;
	padding-left: 40px;
}

html > body #content #products {
	overflow: hidden;
}

#content #products .product {
	float: left;
	width: 263px;
}

#content #products .product h2 {
	font-weight: normal;
	font-size: 180%;
	color: #38241f;
	margin-bottom: 0;
}

#content #products .product-text p {
	padding-left: 102px;
	font-size: 85%;
}

#content #products .allfabrics {
	background: transparent url("../../_build/images/woolite-allfabrics.jpg") no-repeat scroll top left;
}

#content #products .allcolors {
	background: transparent url("../../_build/images/woolite-allcolors.jpg") no-repeat scroll top left;
}

#content #products .alldarks {
	background: transparent url("../../_build/images/woolite-alldarks.jpg") no-repeat scroll top left;
}

/************ POPUP *******/
#popup-window {
	background-color: #fff;
}

#popup-window img {
	margin: 15px auto;
	display: block;
}

#popup-window #popup-data {
	width: 600px;
	margin: 15px auto;
}

#popup-window #popup-data h2 {
	display: inline;
	color: #4473c1;
}

#popup-window #popup-data small strong,
#content #enter-to-win #entrant-grid #vote-no-flash-data small strong {
	color: #4473c1;
}

#popup-window #popup-data small,
#popup-window #popup-data span ,
#content #enter-to-win #entrant-grid #vote-no-flash-data small,
#content #enter-to-win #entrant-grid #vote-no-flash-data span{
	font-size: 100%;
	text-transform: uppercase;
	font-weight: bold;
}

#popup-window #popup-data .right {
	width: 190px;
}

#popup-window #popup-data .left img {
	display: inline;
	text-align: left;
	margin-top: 0;
}

#popup-window #popup-data .left {
	width: 93px;
}

/************ PROFILER NO FLASH *******/
#content #enter-to-win #entrant-grid .row img {float: none; }
#content #enter-to-win #entrant-grid .row input {border:none;}
.row {margin-bottom:10px;}
#content #enter-to-win #entrant-grid .row .thumb-check-wrapper .thumb-wrapper{margin-bottom:10px;}
