﻿#ProductsWrap 
{
	clear:both;
	padding-top: 2px;
	}

#CollectionList .tabs
{	
	margin-top: 20px;
	border-bottom: solid #807966 9px;
	height:20px;
	}

#CollectionList #Lists
{
	clear: both;
	min-height: 500px;	
	_height: 500px;
}

#CollectionList .tabs a
{
	display: block;
	background: #EEEFEF;
	margin-right: 1px;
	width: auto;
	height: 14px;
	padding: 3px 15px;
	color: #000000;
	text-align: center;
	text-decoration: none;
	float: left;

	font-size: 12px;
	}

#CollectionList .tabs a.current {
	background: #807966;
	color: #ffffff;
	}

#CollectionList .tabs a.newcurrent{background: #83688b;color: #ffffff;}
#CollectionList .tabs.new{border-color:#83688b;}


.listColor {
	padding-left: 10px;
	}

.listColor .last {border-bottom: 0px;}

.family
{
	xheight: 107px;
	overflow: hidden;
	border-bottom: solid #E1E1E1 1px;	
	}

.family h2 {
	width: 209px;
	overflow: hidden;
	padding-left: 1px;
	margin-top: 23px;
	padding-top: 2px;
	font-family: times;
	font-size: 28px;
	float: left;
	font-weight: normal;
	cursor: pointer;
}

.family .samples {
	width: 426px;
	xheight: 98px;
	overflow: hidden;
	float: left;
	padding-top: 19px;

	}

.family .samples .samplesWraper
{
	width: 432px;
	xheight: 58px;
	margin-bottom: 11px;
	overflow: hidden;	
	xbackground: blue;
}


.samples .link {
	display: block;
	clear: both;
	color: #000 !important;
	background: url('../Image/Buttons/magnifier.gif') no-repeat 0px 4px;
	font-size: 10px;
	font-weight: normal;
	padding-left: 10px;
	cursor: pointer;
	text-decoration: none;
}

.textureGroup 
{
	clear: both;
	border-bottom: solid #bebdbd 1px;	
	padding-bottom: 10px;
	padding-left: 10px;	
	x_height: 100px;
	}

.textureGroup h2 {
	width: 207px;
	overflow: hidden;
	padding-left: 3px;
	padding-top:0px;
	_padding-top: 25px;
	font-family: times;
	font-size: 28px;
	float: left;
	font-weight: normal;
	xcursor: pointer;
}

.textureGroup .samples {
	width: 426px;
	float: left;
	overflow: hidden;	
	padding-top: 19px;
	xbackground: blue;
	}

.textureGroup .samples .samplesWraper
{
	width: 432px;
	margin-bottom: 11px;
	overflow: hidden;	
	xbackground: green;
}

.textureGroup .samples .thumb {

	width: 42px;
	height: 70px;
	cursor: pointer;
	
}	

.textureGroup div.clear {height: 1px; overflow: hidden;}

#ProductsWrap .thumb {
	float: left;
	margin-right: 6px;
	overflow: hidden;
	position:relative;
	xbackground: green;
	width:42px;
}

#ProductsWrap .thumb img {
	cursor: pointer;
	}

#ProductsWrap .thumb div , #ProductsWrap .thumb span {
	padding-top: 0px;
	font-size: 10px;
	}
	
	
#ProductsWrap .thumb div.magnifier 
{
	height: 13px;
	width: 49px;
	xbackground: url(../Image/Buttons/magnifier.gif) no-repeat 0px 3px;
	xpadding-left: 12px;
	}

#ProductsWrap .thumb div.productHeader
{
	position: relative;
	top: -1px;
	float: left;
	height: 11px;
	line-height: 11px;
	overflow: hidden;	
}

#ProductsWrap .thumb span.productHeader
{
	position: relative;
	top: -1px;
	float: left;
	height: 11px;
	line-height: 11px;
	overflow: hidden;	
	
	
}

#ProductsWrap a.thumb 
{
	text-decoration: none;
	color: #000000;
	background: #ffffff;
}
#ProductsWrap .thumb span.productHeader{padding-left:6px;}
#ProductsWrap .thumb {width:46px;height:60px;margin-bottom:5px;}
#ProductsWrap .thumb img{border:1px solid #ffffff;margin:1px;}
#ProductsWrap a.thumb.True{color:#fff;background:#807966 url('../Image/Icons/starNew.gif') no-repeat 35px 50px ;}
.isnew{display:block;height:14px;margin-top:5px;
	background:#807966 url('../Image/Icons/starNew.gif') no-repeat 5px 4px ;color:#ffffff;padding:1px;padding-left:20px;padding-right:12px;font-size:10px;
	float:right;
	}



.listNew,
.listRC,
.listMotivo
{
	float: left;
	width: 646px;
	overflow: hidden;
	xbackground: green;
}

.listNew h2,
.listRC h2,
.listMotivo h2
{
	width: 210px;
	overflow: hidden;
	padding-left: 10px;
	margin-top: 0px;
	padding-top: 12px;
	font-family: times;
	font-size: 24px;
	float: left;
	font-weight: normal;
	xcursor: pointer;
}

.listNew h4,
.listRC h4,
.listMotivo h4
{
	
	margin-bottom: 0;
}

.listNew .newItem .description,
.listRC .newItem .description,
.listMotivo .newItem .description
{
	padding-bottom: 0; 	
}
	
.listNew .samples,
.listRC .samples,
.listMotivo .samples 
{
	width: 426px;	
	overflow: hidden;
	float: left;
	padding-top: 19px;
	font-size: 11px;
	
}
	
.listNew h3,
.listRC h3,
.listMotivo h3
{
	font-size: 11px;
	font-weight: normal;
	margin: 0px; 
	padding: 0px; 
	padding-bottom: 15px; 
	border-bottom: solid #E1E1E1 1px; 
	display:none;
	}

.newItem 
{
	clear: both;
	padding-top: 15px; 
	padding-bottom: 15px; 
	border-bottom: solid #E1E1E1 1px; 	
	}
	
.newItem .text 
{
	float: right;
	width: 340px;
	}

.newItem .description 
{
	padding-right: 20px; 
	padding-bottom: 10px; 	
	}	
	
#collectionHeader
{
	margin-top: 10px;	
	margin-bottom: 7px;
	padding-left: 9px;
}

#CollectionPanel 
{
	width: 880px;
	height: 130px; 
	overflow: hidden;
	background: #ffffff;
	position: relative;
	}

#CollectionPanel h5 
{
	clear: both;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	background: url('../Image/Bullets/list_bullet.gif') no-repeat 0px 4px;
	padding-left: 13px;
	margin-left: 15px;
}
	
#CollectionPanel h5 #CurrentDetails	
{
	font-size: 12px;
	font-weight: normal;
	margin: 10px;
	width: 200px;
	height: 100px;
	overflow: hidden;	
}
	
#CollectionPanel h5 #CurrentCategoryTitle, #CollectionPanel h5 #CurrentProductTitle
{
	font-size: 12px;
	font-weight: normal;
}	
	
#ColorCubes	
{
	height: 32px;
	width: 660px;
	overflow: hidden;
	position: absolute;
	left: 220px;
	top: 0; 	
	background: url('../Image/Backgrounds/ColorCubesBorderBg2.gif') repeat-x 0 31px;
}
	
.colorCubeGroup
{	
	
	padding: 3px 0 5px 3px;
	margin-right: 1px;
	float: left;	
	height: 22px;
	/*width is calculated in realtime when binding*/
	overflow: hidden;
	border-top: solid #ffffff 1px;
	border-bottom: solid #bebdbd 1px;
	border-left: none; /*#ffffff*/
	border-right: none; /*#ffffff*/
	cursor: pointer;
	
}

.colorCube
{
	cursor: pointer;
	width: 10px;
	height: 10px;
	overflow: hidden;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
}

#ColorCubes.hideCubes .colorCubeGroup.notSelected .colorCube
{
	background: none !important;
	background-color: #F2F3F3 !important;	
}


.selectedCubeGroup 
{
	position: relative;
	left: -1px;
	margin-right: -1px;
	padding-left: 3px;
	xbackground: blue;
	border-top: solid #bebdbd 1px;
	border-bottom: solid #ffffff 1px;
	border-right: solid #bebdbd 1px; 
	border-left: solid #bebdbd 1px; 
}

#ColorCubes	.lastGroup {border-right: solid #ffffff 1px !important;}

#CurrentCategorySamples 
{
	height: 90px;
	width: 660px;
	overflow: hidden;
	float: left;
	position: absolute;
	left: 220px;
	top: 37px; 	
	}

#CurrentCategorySamples .thumb 
{
	overflow: hidden;
	float: left;
	cursor: pointer;
	width:72px;
	height:89px;
	margin-bottom:10px;
	margin-right:3px;
	text-decoration:none;
}	

#CurrentCategorySamples .thumb.last 
{
	margin-right: 0;
}	

#CurrentCategorySamples .thumb img
{
	border: solid #ffffff 1px;
	margin:2px;
}

#CurrentCategorySamples .thumb .magnifier 
{
	xbackground: red;
	position: relative;
	top: -2px;
	float: left;
	height: 18px;
	overflow: hidden;
	color: #807966;
	padding-left:6px;
	font-size: 10px;
}
	
#CurrentCategorySamples .current img 
{
	border: solid #3E3E3E 1px ;	
	}
#CurrentCategorySamples .thumb.True img{border-color:#ffffff;}
#CurrentCategorySamples .thumb.True.current img{border-color:#000000;}
#CurrentCategorySamples a.thumb.True{background-position:60px 75px;}
#CurrentCategorySamples .thumb.True .magnifier{color:#fff;}


#CurrentCategorySamples .link 
{
	display: none;
	}
	
#DetailsTextWrap 
{	
	width: 660px;	
	}
	
#DetailsTextWrap h2 
{
	margin: 0px; 
	float: left;
	width: 200px;
	overflow: hidden;
	margin-left: 15px;
	margin-left: 5px;
	margin-right: 15px;
}
	
#DetailsTextWrap #DetailsText	
{
	width: 405px;
	float: left;	
	}
	
#DetailsTextWrap #DetailsText h3
{
	color: #EF7D0B;
	font-size: 12px;
	margin-top: 0px; 
	margin-bottom: 5px; 
}			

#DetailsTextWrap #DetailsText #RelatedPages h3
{
	color: #000;
	font-size: 11px;
	margin-bottom: 0px; 
	_margin-bottom: 10px; 
}	

#DetailsTextWrap #DetailsText #RelatedPages ul
{
	
}	
	
#DetailsText img {margin-bottom: 8px;}
	
#ProductImages 
{
	position: relative;
	top: 0;
	left: 0px;
	width: 880px;
	height: 349px;
	overflow: hidden;
	background: #ffffff;
	}

#ProductActionLinks 
{
	width: 100%;
	background: #4A4948;
	}	
		
#ProductActionLinks a 
{
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	}
	
#ProductActionLinks a.addToNotebook 
{	
	background: url('../Image/Icons/icon_notebook_dark.gif') no-repeat 14px 3px;		
	padding-left: 25px;	
	}
	
#ProductActionLinks a.viewSimilar 
{
	position: absolute;
	left: 220px;
	top: 2px;
	background: url('../Image/Icons/icon_magnifier_dark.gif') no-repeat 14px 3px;		
	padding-left: 25px;	
	}
	
#ProductImages #ScanImageWrap
{	
	position: absolute;	
	left: 0px;
	top: 19px;	
}
#ProductImages #UseImage1Wrap
{	
	position: absolute;	
	left: 220px;
	top: 19px;	
}
#ProductImages #UseImage2Wrap
{	
	position: absolute;	
	left: 660px;
	top: 19px;	
}

#ProductTextDetails 
{
	min-height: 330px;
	_height: 330px;
	position: absolute;
	left: 0px;
	top: 470px;
	width: 660px;
	background: #ffffff;
}
	
#ProductTextDetails h2
{
	width: 205px;
	overflow: hidden;
	padding-left: 4px;
	padding-top: 6px;
	font-family: times;
	font-size: 28px;
	float: left;
	font-weight: normal;
	cursor: pointer;
	}
	
.checked 
{
	background: url('../Image/Bullets/checked.gif') no-repeat 0px 3px ;
	padding-left: 15px;
	padding-right: 15px;	
	}	
	
.unchecked 
{
	background: url('../Image/Bullets/unchecked.gif') no-repeat 0px 3px ;
	padding-left: 15px;
	padding-right: 15px;	
	}		
	
#SimilarProducts 
{
	position: absolute;
	right: 0px; 
	top: 141px;	
	width: 660px;
	height: 330px;
}

#SimilarProducts .bg 
{
	background-image:url('../Image/Backgrounds/dark_bg.png');
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Resources/Global/Image/Backgrounds/dark_bg.png',sizingMethod='scale');
	_background:none;
	position: absolute;
	right: 0px; 
	top: 0px;	
	width: 660px;
	height: 330px;
	
	}

#SimilarProducts .title 
{
	position: absolute;
	right: 0px; 
	top: 0px;	
	background: #4A4948;
	width: 660px;
	height: 15px;
	padding-top: 1px;
	overflow: hidden;		
	}

#SimilarProducts .title span
{
	color: #EF7D0B; 
	padding-left: 25px;
	background: url('../Image/Bullets/magnifier_on_dark.gif') no-repeat 14px 3px;	
	font-size: 10px;
	}


#SimilarProducts a.close 
{
	position: absolute; 
	right: 1px;
	top: 1px;
	width: 15px;
	height: 15px; 
	display: block;	
	background: url('../Image/Buttons/hover_popup_x.gif') no-repeat left top;
	}
	
#SimilarProductsList 
{
	width: 640px;	
	overflow: hidden;
	position: absolute;
	bottom: 10px;
	left: 10px;	
	}
	
#SimilarProductsList .thumb {cursor: pointer;}	

#SimilarProductsList .magnifier 
{
	color: #ffffff;
	xbackground-image: url(../Image/Bullets/magnifier_white.gif);
}	

#ThumbMarker 
{
	width: 64px;
	height: 64px;	
	position: absolute;
	left: 0px; 
	top: 0px; 	
	}

.colorsPrefix 
{
	padding-left: 6px;
	padding-top: 12px;
	}

.NewTabImage{margin-top:3px;}

#PageMiddle #GalleryHolder { position: static; }