/*
REVOLVE.com css Version: 1.0
Author: Shannon
*/

		    
/* ----- PRODUCT INDEX -----*/

#product_index {
	width: 770px;
	display: block;
	float: right;
	}

/**top navigation**/

.prod_topbar {
	width: 770px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	}

.prod_breadcrumb {
	float: left;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-transform: uppercase;
	}

.breadcrumb_heart{
	position: relative;
    top: -5px;
	width: 9px;
	height: 8px;
	text-indent: -9000px;
	vertical-align: bottom;
    overflow: hidden; 
	}
							
a.breadcrumb_heart{
	display: inline-block;
	width: 9px;
	height: 8px;
	background: url('../images/prod_heart.gif') 0px -8px no-repeat; 
	}
	
	a.breadcrumb_heart:hover { 
		text-decoration: none;
		background-position: 0px 0px;
		width: 9px;
		height: 8px;
		}
		
	a.breadcrumb_heart:active {
		text-decoration: none;
		background-position: 0px 0px;
		width: 9px;
		height: 8px;
		}
	
	a.breadcrumb_heart_active:link, a.breadcrumb_heart_active:visited {
		text-decoration: none;
		background-position: 0px 0px;
		width: 9px;
		height: 8px;
		}

.prod_page {
	float: right;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}

.prod_page a:hover{
	text-decoration: none;
	color: #00aac1;
	}
	
.prod_page_active {
	color: #00aac1;
	}

.prod_sortby {
	width: 375px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 10px;
	}

#sortby {
	width: 330px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	display: inline;
	border: solid 1px #343434;
	}
	
#sortby li {
	display: inline;
	text-indent: -9999px;
	overflow: hidden;
	}
	
#sortby li a {
	float: left;
    }
	
#sortby li a:hover, .active {
	color: #ababab;
    }
	
		/**new**/
		#sortby li .newest {
			text-transform: none;
			width: 82px;
			height: 23px;
			display: block;
			background: url(../images/prod_btn_sortby.gif) no-repeat 0 -23px;
			}
			
		#sortby li .newest:hover {
			background-position: 0 0;
			}
			
		#sortby li .newest_active {
			text-transform: none;
			width: 82px;
			height: 23px;
			display: block;
			background: url(../images/prod_btn_sortby.gif) no-repeat 0 0;
			}
			
		/**price**/
		#sortby li .price {
			text-transform: none;
			width: 82px;
			height: 23px;
			display: block;
			background: url(../images/prod_btn_sortby.gif) no-repeat -82px -23px;
			}
			
		#sortby li .price:hover {
			background-position: -82px 0;
			}
			
		#sortby li .price_active {
			text-transform: none;
			width: 82px;
			height: 23px;
			display: block;
			background: url(../images/prod_btn_sortby.gif) no-repeat -82 -0px;
			}
			
		/**designer**/
		#sortby li .designer {
			text-transform: none;
			width: 82px;
			height: 23px;
			display: block;
			background: url(../images/prod_btn_sortby.gif) no-repeat -164px -23px;
			}
			
		#sortby li .designer:hover {
			background-position: -164px 0;
			}
			
		#sortby li .designer_active {
			text-transform: none;
			width: 82px;
			height: 23px;
			display: block;
			background: url(../images/prod_btn_sortby.gif) no-repeat -164px 0px;
			}
		
		/**popularity**/
		#sortby li .popularity {
			text-transform: none;
			width: 81px;
			height: 23px;
			display: block;
			background: url(../images/prod_btn_sortby.gif) no-repeat -246px -23px;
			}
			
		#sortby li .popularity:hover {
			background-position: -246px 0;
			}
			
		#sortby li .popularity_active {
			text-transform: none;
			width: 82px;
			height: 23px;
			display: block;
			background: url(../images/prod_btn_sortby.gif) no-repeat -246 0px;
			}

.prod_zoom_btn {
	width: 98px;
	height: 23px;
	margin: 0px;
	padding: 0px 0px 0px 80px;
	float: left;
	font-size: 10px;
	}		

#zoom_btn {
	width: 60px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	display: inline;
	border: solid 1px #343434;
	}
	
#zoom_btn li {
	padding: 0px;
	margin: 0px;
	float: left;
	text-indent: -9000px;
	}
	
#zoom_btn li a{
	display: block;
	width: 30px; 
	height: 23px;
    }
	
		/**zoom on**/
		
		a.zoomon_active:link, a.zoomon_active:visited{
		background: url('../images/prod_btn_zoomon.gif') no-repeat left top;
		}	
			
		a.zoomon:link, a.zoomon:visited{
		background: url('../images/prod_btn_zoomon.gif') no-repeat left bottom;
		}
			
		a.zoomon:hover, a.zoomon_active:hover{
		background: url('../images/prod_btn_zoomon.gif') no-repeat left top;
		}
		
		/**zoom off**/
		
		a.zoomoff_active:link, a.zoomoff_active:visited{
		background: url('../images/prod_btn_zoomoff.gif') no-repeat left top;
		}	
			
		a.zoomoff:link, a.zoomoff:visited{
		background: url('../images/prod_btn_zoomoff.gif') no-repeat left bottom;
		}
			
		a.zoomoff:hover, a.zoomoff_active:hover{
		background: url('../images/prod_btn_zoomoff.gif') no-repeat left top;
		}
		
		
.prod_view {
	width: 175px;
	float: left;
	height: 23px;
	margin: 0px;
	padding: 0px;
	float: right;
	font-size: 10px;
	}
	
#view_num {
	float: right;
	width: 50px;
	height: 21px;
	padding: 2px 0px 0px 8px;
	margin-right: 5px;
	border: 1px solid #474747;
	color: #00aac1;
	background: url(../images/drop_down_arrow2.gif) no-repeat right;
	}

#view_side {
	float: right;
	width: 66px;
	height: 21px;	
	padding: 2px 0px 0px 8px;
	border: 1px solid #474747;
	color: #00aac1;
	background: url(../images/drop_down_arrow2.gif) no-repeat right;
	}		
			
/**brand divider**/

.brand_divider {
	width: 770px;
	height: 32px;
	padding: 0px;
	margin: 0px;
	float: left;
	}
	
.brand_divider .brand{
	width: inherit;
	}

.brand_divider_heart{
	width: 9px;
	height: 8px;
	padding: 8px 0px 0px 4px;
	margin: 0px;
	text-indent: -9000px;
	float: left;
	overflow: hidden;
	}
							
.brand_divider_heart a {
	display:block;
	width: 9px;
	height: 8px;
	background: url('../images/prod_heart.gif') 0px -8px no-repeat;
	}
	
	.brand_divider_heart a.heart:hover { 
		background-position: 0px 0px;
		width: 9px;
		height: 8px;
		}
		
	.brand_divider_heart a.heart:active {
		background-position: 0px 0px;
		width: 9px;
		height: 8px;
		}
	
	.brand_divider_heart a.heart_active:link, .brand_divider_heart a.heart_active:visited {
		background-position: 0px 0px;
		width: 9px;
		height: 8px;
		}

.brand_divider_spacer{
	float: left;
	width: 770px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	}

/**product list**/

#prod_list {
	width: 770px;
	float: right;
	}

.magazine_prod_row {
	width: 926px;
	height: 320px;
	background-color: black;
	margin-left: auto;
	margin-right: auto;
}

.clickaddtxt {
	margin: 8px 0px 14px 0px;
	padding: 0px;
	}
	
.magazine_product {
	float: left;
	margin-right: 10px;
	padding: 0px;
	width: 146px;
	height: 308px;
	}

.magazoine_product2 {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 146px;
	height: 308px;
	}
		
.prod_list_heart{
	width: 16px;
	height: 8px;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	text-indent: -9000px;
	float: left;
	overflow: hidden;
	}
							

.heart_select {
	height: 8px;
	width: 9px;
	display: block;
	background: url(/images/3.0/heart_icon.gif) no-repeat 0 -8px;
	float: left;
	overflow: hidden;
}
 .heart_select:hover {
	background: url(/images/3.0/heart_icon.gif) no-repeat 0 0;
	width: 9px;
	height: 8px;
	display: block;
	overflow: hidden;
}
.heart_select_on {
	background: url(/images/3.0/heart_icon.gif) no-repeat 0 0;
	width: 9px;
	height: 8px;
	display: block;
	float: left;
	overflow: hidden;
}
	
	
.prod_list_descript{
	
	}
	
	a.prod_list_descript:hover{
		text-decoration: none;
		color: #7f7f7f;
		}
	
		
.prod_list_info{
	float: right;
	width: 130px;
	font-size: 11px;
	line-height: 13px;
	}

.prod_list_price{
	color: #00aac1;
	font-weight: bold;
	line-height: 18px;
	}

.prod_list_sale{
	text-decoration: line-through;
	font-weight: bold;
	line-height: 18px;
	}

.prod_list_swatch {
	margin: 3px 0px 0px 0px;
	padding: 0px;
	list-style-position: inherit;
	}
	
.prod_list_swatch li{
	display: block;
	float: left;
	width: 13px; 
	height: 11px;
	margin-right: 5px;
	}

.popup_quickview {
	position: relative;
	display: block;
	padding: 0px;
	margin: 0px;
	top: -90px;
	left: 28px;
	}

.popup_clicktoadd {
	position: relative;
	display: block;
	padding: 0px;
	margin: 0px;
	top: -65px;
	left: 51px;
	visibility: visible;
	z-index: 10px;
	}

/**product zoom**/
#zoom1_wrap{
	width: 231px;
	height: 427px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background-color: #000;
	border: 2px solid #474747;
	}

.zoom1_img{
	position: absolute;
	top: 7px;
	left: 7px;
	}

.zoom1_text{
	position: absolute;
	top: 369px;
	width: 231px;
	margin: 0px 7px 0px 7px;
	padding: 0px;
	text-align: center;
	}

.zoom1_price{
	position: absolute;
	top: 386px;
	width: 231px;
	margin: 0px 7px 0px 7px;
	padding: 0px;
	color: #00aac1;
	font-weight: bold;
	text-align: center;
	}

.zoom1_size{
	position: absolute;
	top: 404px;
	width: 231px;
	margin: 0px 7px 0px 7px;
	padding: 0px;
	color: #fff;
	text-align: center;
	}

#zoom2_wrap{
	width: 231px;
	height: 427px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background-color: #000;
	border: 2px solid #474747;
	}

.zoom2_img{
	position: absolute;
	top: 7px;
	left: 7px;
	}

.zoom2_text{
	position: absolute;
	top: 369px;
	width: 231px;
	margin: 0px 7px 0px 7px;
	padding: 0px;
	text-align: center;
	}
	
.zoom2_info{
	position: absolute;
	top: 387px;
	width: 231px;
 	margin: 0px;
	padding: 0px;
	}
	
	.zoom2_info .price{
		float: left;
		margin: 0px;
		padding: 0px 0px 0px 22px;
		color: #00aac1;
		}
	
	.zoom2_info .swatch {
		float: right;
		margin: 2px 0px 0px 0px;
		padding: 0px 17px 0px 0px;
		list-style-position: outside;
		}
		
	.zoom2_info .swatch li{
		display: block;
		float: left;
		width: 13px; 
		height: 11px;
		margin-right: 5px;
		}
		
.zoom2_size{
	position: absolute;
	top: 404px;
	width: 231px;
	margin: 0px 7px 0px 7px;
	padding: 0px;
	color: #fff;
	text-align: center;
	}

.zoom_arrow1{
	position: absolute;
	top: 340px;
	left: 11px;
	z-index: 10px;
	}

.zoom_arrow2{
	position: absolute;
	top: 340px;
	right: 11px;
	z-index: 10px;
	}

.zoom_close{
	position: absolute;
	top: 11px;
	right: 11px;
	z-index: 11px;
	}
	
/* ----- MAIN CONTENT AREA -----*/

#main_feature_sub {
	width: 990px;
	display: block;
	margin: 27px 0px 50px 0px;
	padding: 0px;
	float: left;
	background-color: #000;
	}	
	
.clear {
	_display: inline;
	height: 0px;
	padding: 0px;
	margin: 0px;
	clear: both;
	}