/* PDP as quickbuy */
.shade-selector-overlay {
	position: relative !important; 
	width: 700px; 
	min-height: 300px;
	background: #000;
}
#shadeSelector .overlayContent {width: 705px !important;}
#shadeSelector a, #shadeSelector .productName, #shadeSelector .name {
	color: #fff;
}
#shadeSelector .productName {
	margin-bottom: 30px;
}
#shadeSelector .selector {
	display: none;
}	
#shadeSelector .thumbs .swatch-name, #shadeSelector .thumbs .shadeNumber {
	color: #fff;
	font-weight: bold;
	text-align: left;
}

#shadeSelector .thumbs .shadeNumber {
	padding-right: 5px;
	letter-spacing: 0.15em;
}

#shadeSelector .select_list .swatch-name {
	width: 65%;
}

#shadeSelector .purchase .AddTo-dockCart, #shadeSelector  .purchase-simulator, #shadeSelector .Instructions-backOrder .helper .item_content, #shadeSelector .Instructions-backOrderContainer .helper .item_trigger, #shadeSelector .helper .item_content p, #shadeSelector .helper .item_content a {
	color: #000;
	background: #fff;
}
#shadeSelector .purchase .AddTo-dockWishList {
	background-color: #000;
	border-color: #fff;
	color: #fff;
}
#shadeSelector .dd_active .item_content {
	z-index: 10;
}
#shadeSelector #viewAllShades {
	display: none;
}
#shadeSelector .select_dropdown {
	background: #000;
}
#shadeSelector .select_display span.selectLabel {
	background-color: #000;
	color: #fff;
}
#shadeSelector .select_list li.selected .swatch-name, #shadeSelector .select_list li.hovered .swatch-name, #shadeSelector .select_list li.selected .shadeNumber {
	color: #fff
}
#shadeSelector .select_list li.selected, #shadeSelector .select_list li.hovered  {
	color: #fff;
}
#shadeSelector .select_list li.hovered .shadeNumber {
	color: #fff;
}
#shadeSelector .select_list li { zoom: 1;  line-height: 1.4; 
_display: inline-block;}
#shadeSelector .major {width: 375px; float: left; margin-top: 55px; margin-left: 33px; _margin-left: 16px;}
#shadeSelector .select_display span.selectLabel {background-image: url(../img/arrow_down_blackbg.gif); background-position: 97% 50%;}
#shadeSelector .major img.shade {
	margin-bottom: 29px;
}
#shadeSelector .productDetails .price {
	color: #fff;
}

.purchaseInfo .purchase {
	/*_padding-bottom: 35px;
	*padding-bottom: 35px;*/
}
#shadeSelector .major .selectbox {
	float: none;
	display: block;
	margin: 0 auto;
	margin-bottom: 35px;
	width: 230px;
	text-align: left;
}
#shadeSelector .major .selectbox .single {
	border: 1px solid #333;
	font-size: 9px;
	font-weight: bold;
	color: #fff !important;
}
#shadeSelector .major .selectbox .single .label {width: auto; color: #fff;}
#shadeSelector .major .selectbox .single {padding-right: 0 !important;}
#mainProduct .family, #shadeSelector .family {line-height: 1.2;}

#shadeSelector .selectbox .swatch_icon {
	width: 10px;
	height: 10px;
	border: 1px solid #333;
}

#shadeSelector .minor  {
	position: relative;
	width: 250px;
}
#shades div {
	clear: both;
	width: 165px;
	display: block;
}
#shades li {
	float: left;
	display: block;
	margin: 0 1px 1px 0;
	clear: none;
}
#shades li a {
	border: 1px solid #333;
	display: block;
	height: 16px;
	width: 16px;
}
#shades li a.on {
	border-color: #fff;
}
.side-column {
	margin-top: 55px;
	margin-bottom: 150px;
	width: 250px;
	float: right;
}
.tall-column {
	margin-bottom: 30px;
}
#shadeSelector .select_dropdown .select_list li {
	line-height: 1.4;
	padding-bottom: 3px;
}

#shadeSelector .thumbs .select_display span.selectLabel, #shadeSelector .major .selectbox .single {
	padding: 3px 18px 3px 5px
}
#shadeSelector #mainShadeImgContainer {margin-bottom: 25px; overflow: hidden; width: 375px; min-height: 165px;}
#shadeSelector #mainShadeImg {}
#shadeSelector .thumbs {float: none; clear: left; margin-bottom: 25px; text-align: center;}
#shadeSelector .thumbs .select_parent {}
#shadeSelector .thumbs .select_dropdown {}
#shadeSelector .thumbs li {display:block; min-width:0; zoom: 1; padding-right: 18px;}
#shadeSelector .thumbs li.selected {display: none;}
#shadeSelector .thumbs li:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#shadeSelector .thumbs .select_display {
	_zoom: 1;
}
#shadeSelector .major .select_open .select_dropdown {
	_margin-left: -95px;
	_zoom: 1;
}

#shadeSelector .major .select_open  {
	/*_margin-left: 0px;
	zoom: 1;
	_margin-left: 0px;
	_zoom: 1;*/
}
#shadeSelector .jScrollPaneDrag {
	background: #fff;
}
#shadeSelector .jScrollPaneContainer {
	/*border: 1px solid red;*/
}
#shadeSelector .jScrollPaneContainer .select_scroller  {
	/*_zoom: 1;
	_margin-left: -95px;*/
	left: 0;
}
#shades div {
	/* text-transform: capitalize; */
}
#shadeSelector .select_display span.selectLabel { border: 1px solid #333;}
#shadeSelector .select_display span.selectLabel:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#shadeSelector .thumbs .selectLabel, #shadeSelector .thumbs .selectLabel .label, .thumbs li {line-height: auto;}
/*
	Clear Type Fix
*/
/*.overlay {
	filter:progid:DXImageTransform.Microsoft.Chroma(color=#000000); 
	zoom:1;
	background-color:#000;
}*/
/* PDP as quickbuy */


/*#pageWrapper .thumbs {float: none; clear: left; }*/
#mainProduct .minor {width: 250px;}
#pageWrapper .thumbs .select_dropdown {}
#pageWrapper .thumbs .single {display: block; padding: 3px 12px 3px 0;}
#pageWrapper .thumbs li {min-width:0; zoom: 1;}
#pageWrapper .thumbs li:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#pageWrapper .thumbs .select_display {
	_zoom: 1;
}
#pageWrapper .select_display span.selectLabel, #shadeSelector .select_display span.selectLabel {
	_height: 14px;
}
#pageWrapper .major .select_open .select_dropdown {
	_margin-left: -95px;
	_zoom: 1;
}
#mainProduct .thumbs .swatch-name {
	width: 63%;
	/*_width: 72%;*/
}

#mainProduct .thumbs .single .swatch-name {width: auto;}

#pageWrapper .jScrollPaneContainer .select_scroller  {
	left: 0;
}
/*#pageWrapper .thumbs .selectLabel, #pageWrapper .thumbs .selectLabel .label, .thumbs li {line-height: auto;}*/

.selectbox .long-name {
	height: auto;
	margin-bottom: 0;
}	
.selectbox  .swatch_icon {
	height: 12px;
	width: 12px;
	float: left;
	margin-right: 5px;
	/*_zoom: 1;
	_border: 1px solid red;*/
}
.selectbox .swatch-name, .item_content .shade, .skuName .shade {
	border-left: none;
}

.selectbox .selectLabel .long-name {
	margin-bottom: 0;
}

.selectbox .shadeNumber {
	_position: relative;
	font-size: 9px;
}

#tooltip {
	position: absolute;
	z-index: 13000;
	border: 1px solid #777;
	background-color: #000;
	color: #777777;
	font-size: 9px !important;
	text-transform: capitalize;
	padding: 2px 5px;
}

#tooltip h3, #tooltip div { margin: 0; font-size: 9px; }

#shadeSelector .template2 li a {
	background: #000;
	width: 28px;
	border: 2px solid #000;
	overflow: hidden;
	float: left;
	padding: 1px;
	margin: 0 8px 8px 0;
	padding-right: 0;
	padding-bottom: 0;
	display: block;
	clear: right;
}
#shadeSelector.shades-1 .template2 li a, #shadeSelector.shades-2 .template2 li a, 
#shadeSelector.shades-1 #shades li a.on, #shadeSelector.shades-2 .template2 li a.on   {
	height: 14px;
}

#shadeSelector.shades-4 .template2 li a, #shadeSelector.shades-3 .template2 li a  {
	height: 28px;
}
#shadeSelector .template2 div {
	width: 215px;
}
#shadeSelector .template2 li a.on {
	border: 2px solid #fff;
}
#shadeSelector .template2 ul {
	margin-left: -2px;
	margin-top: 3px;
}
#shadeSelector .template2 li a span {
	height: 13px;
	width: 13px;
	margin: 0 1px 1px 0;
	overflow: hidden;
	display: block;
	float: left;
}

.inactivePrev {font-weight:bold; color:#777; font-size:10px;background-repeat: no-repeat;background-image: url(../img/prev.png);background-position:left; padding-left:7px;}
.inactiveNext {font-weight:bold; color:#777; font-size:10px;background-repeat: no-repeat;background-image: url(../img/next.png);background-position:right;padding-right:7px;float:right;}
.prevProduct, .nextProduct {font-weight:bold; font-size:10px;background-repeat: no-repeat;}
.prevProduct {background-image: url(../img/prev_active.png);background-position:left; padding-left:7px;}
.nextProduct {background-image: url(../img/next_active.png);background-position:right;padding-right:7px;float:right;}
.productPagerRow {margin-bottom:10px;float:right; width:250px;}

