/* ------------------------
 * MAKEOVER LEAF PAGE
 ---------------------------- */
#mymakeover_body {min-height:1230px; text-align:left; background-color:#fff; border:1px solid #4a1414; border-bottom:0px; width:656px;}
#this_makeover {min-height: 400px;position:relative; text-align:left; width:656px;}

#makeover_details {width:654px;background-color:black;margin-left:1px;}
#makeover_details .user_box {position:relative; top:0; margin-left:15px; padding:0;}
#makeover_details .user_box .follow_user_box { width:100%; }
.user_options {padding-left:1px;}
.user_options .vertical_gradient_button { width:100px }

#makeover_title {color:#000; font-size:13px; font-weight:bold; text-transform:uppercase; margin:4px auto 0px; width:305px;}
#makeover_summary {font-size: 11px;height: 58px;margin: 5px auto 0;overflow: auto;width: 305px;}

.feature_item {float: left;}

#makeover_wheel_links {position:relative; width:305px; height:67px; margin:0 auto; text-align:center;} 
#makeover_wheel_links .makeover_wheel_button {background:url('../images/common/try-makeover-btn.png') no-repeat; height:29px; width:45%; cursor:pointer;}
#makeover_wheel_links .makeover_wheel_button a {margin:0px; font-weight:bold; font-size:11px; line-height:12px; text-decoration:none !important; display:block; color:#000;}
#makeover_wheel_links .makeover_wheel{position:absolute;left:110px;top:0px;z-index:1;}
#makeover_wheel_links #makeover_wheel_edit {position:absolute; top:16px; left:0; padding-top:5px;}
#makeover_wheel_links #makeover_wheel_create {position:absolute; top:16px; left:55%; background-position: right top; padding-top:5px;}
#makeover_wheel_links #makeover_wheel_edit:hover {background-position:left bottom;}
#makeover_wheel_links #makeover_wheel_create:hover {background-position:right bottom;}

.makeover_list {margin:0; padding:0; left:0; position:relative; display:inline-block; height:56px;}
.makeover_list .other_makeovers {height:50px; width:50px; }
.makeover_list li {display:inline; list-style-type: none; padding:0; margin:0;float: left;}

#user_makeovers_list { border-bottom:1px solid #888; width:433px; margin-left:10px;}
#user_makeovers_list .center_inline {display: inline-block; margin:5px 0 0 0; width: 446px;}
#user_makeovers_list li {padding-right: 9px;}

 
#makeover_images { position:absolute; top:50px; left:-10px; width:325px; height:325px;}
#makeover_before, #makeover_after { position:absolute; top:0;left:0; width:100%; height:100%; } 
#makeover_images .makeover_image { width:99%; height:99%; background-color:white; }
#makeover_images .makeover_control { position:absolute; z-index:20; cursor:pointer; }

#makeover_before { z-index:15; } 
#makeover_after  { z-index:15; } 
#makeover_dropshadow { position:absolute; bottom:-18px; height:40px; width:100%;z-index:1;}

#before_and_after { bottom:5px; left:5px; }
#after_only       { bottom:5px; left:5px; }
#before_only      { bottom:5px; left:5px; }
#enlarge_image    { bottom:5px; right:5px; }
#shrink_image     { bottom:5px; right:5px; }

/* Classes indicate state of view. */
#makeover_images #before_and_after { display:block }
#makeover_images.show_one #enlarge_image    { display:block }
#makeover_images.show_one #shrink_image     { display:none }

#makeover_images.show_both #enlarge_image    { display:none }
#makeover_images.show_both #shrink_image     { display:none }

#makeover_images.enlarged #before_and_after { display:none }
#makeover_images.enlarged #enlarge_image    { display:none }
#makeover_images.enlarged #shrink_image     { display:block }

/* Assigning one of these classes puts the respective image behind the other */
#makeover_images.show_after #makeover_before { z-index:10 }
#makeover_images.show_before #makeover_after { z-index:10 }

#page_buttons_container { width:635px; height:96px; text-align:center; padding-top:5px;background: #E3E3E3; position:relative; left:10px;}
#page_buttons_container .buttons {display: inline-block;margin-left: 5px;margin-right: 5px;margin-top: 5px;}

#ad_container { /*background: url("../images/common/med-ad-bg.png") repeat-x scroll left top #FFF;*/ height:272px; padding:12px 12px; position:absolute;background: white;}
#ad_container .ad_notice { height:12px; letter-spacing:1px; color:#444; font-size:10px; line-height:11px; text-align:center;}

#makeover_breakdown .majorTitle {margin:5px 0 20px 20px; width:615px;border-bottom: 0px;}
#makeover_features {padding-left:23px}
#makeover_features .hairstyle_thumb {float: left; margin-right:1em; width:70px;height:85px;}
#makeover_features > div {clear:both;}

#more_makeovers { width:90%; clear:both; border: 1px solid #888; padding:10px; margin:20px auto; position:relative; background-color:#FFF2EC; }
#more_makeovers a.return_link {position:absolute; right:8px; top:15px;}
#more_makeovers .navGradientLeft {position:absolute;top:51px;left:0px}
#more_makeovers .navGradientRight {position:absolute;top:51px;right:0px}
#makeover_list_container {text-align:left; width:580px; margin:10px auto 0 auto; overflow:hidden;}
#makeover_gallery_list { width:10000px;}
#makeover_gallery_list li { padding:0 5px; }


#private_makeover_message {display:none;}

.start_your_own_makeover {
	width: 187px;
	height: 89px;
	/*background: url('../images/makeover/start_your_own_makeover_btn_up.png');*/
	background: url('../images/makeover/start_your_own_makeover.png');
	cursor: pointer;
	float: right;
	margin-top: -80px;
	margin-right: 2px;
}

.start_your_own_makeover:hover {
	/*background: url('../images/makeover/start_your_own_makeover_btn_over.png');*/
}

.vertical_gradient_button_content {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.makeover-vote-bar {
	margin-top: 5px;
	margin-left: 3px;
	height: 20px;
	
	width: 647px;
}

.vote_bar {
	margin-left: 265px;
}

.follow_btn_sm {
	position: relative;
	top: 3px;
}
	
.before-after-label {
	 font-family: 'Yanone Kaffeesatz',Arial,Helvetica,sans-serif;
	 position:absolute;
	 color: #e3e3e3;
	 font-size: 18px;
	 font-weight: 500;
	 letter-spacing: 1px;
	 top: 46px;
}

#makeover_breakdown {
	margin-top: 15px;
}

.makeover-summary{
	margin: 15px 15px 0px 15px;
	padding: 0px 15px 15px 15px;
}

.makeover-before, .makeover-after {
	cursor: pointer;
	margin-top: 27px;
}

.photo-frame {
	width: 325px;
	display: inline-block;
}

.user-box {
	height: 66px;
	background: white;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	border: 1px solid #888;
	position:relative;
}

.product-stat {
	background: url('../images/makeover/product_stat_bar.png');
	height: 15px;
	width: 245px;
	position: absolute;
	right: 8px;
	top: 46px;
	font-size: 10px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 20px;
}

.product-stat > span {
	color: #ebeaea;
}

.product-category {
	margin: 0px 0px 10px 0px;
	color: #888;
	font-size: 25px;
	font-family: 'Yanone Kaffeesatz',Arial,Helvetica,sans-serif;
	letter-spacing: 1px;
	position: relative;
	font-weight: 300;
}

.product-category > hr {
	width: 565px;
	position: absolute;
	top: 5px;
	right: 25px;
}

.right-bn-group {
	width: 107px;
	height: 66px;
	display: inline-block;
	position: absolute;
}

.right-bn-group-title {
	font-size: 12px;
	font-weight: bold;
	color: #842125;
	height:14px;
}

.flag-div {
	font-size: 11px;
	display: inline-block;
	position: absolute;
	cursor: pointer;
	right: 15px;
	margin-top: 5px;
}

.flag-div:hover {
	color: #842125
}

.create-your-own-look-small {
	width: 104px;
	height: 64px;
	background: url('../images/makeover/create_your_own_look_small.png');
}

.create-your-own-look-small:before {
	background: url('../images/makeover/create_your_own_look_small_hover.png');
}

.create-your-own-look-small:hover {
	background: url('../images/makeover/create_your_own_look_small_hover.png');
}

.create-your-own-look {
	width: 213px;
	height: 66px;
	background: url('../images/makeover/create_your_own_look.png');
	margin-top: -2px;
	margin-left: -1px;
}

.create-your-own-look:before {
	background: url('../images/makeover/create_your_own_look_hover.png');
}

.create-your-own-look:hover {
	background: url('../images/makeover/create_your_own_look_hover.png');
}