@charset "UTF-8";
/* CSS Document */

#patternControls {

	border:1px solid #FFFFFF;
	float:left;
	height:415px;
	overflow:hidden;
	width:146px;
	
}

#patternControls-inner {
	background-color:#252525;
	height:415px;
	width:146px;
}

#patternMenuItems {
	overflow:hidden;
	height:390px;
}

.patternmenu_content {
	
	height:362px;
}

.patternmenu_content-scroll {
	
	overflow:auto;
	height:362px;
	display:block;
}

.colormenu_content {
	
	overflow:hidden;
	height:362px;
	display:none;
}

.colormenu_content-inner {
	
	height:338px;
	
}

.colormenu_content-scroll {
	
	overflow:auto;
	height:338px;

}


.patternThumb,
.colorwayThumb {
	
	margin-bottom:3px;
	margin-left:3px;
	width:125px;
		
}

#patternDetails {
	float:right;
	width:468px;
	height:415px;
	border:1px solid #ffffff;
}

#patternDetails-inner{}

#patternLargeImg {}


.patternThumbTitle,
.colorwayThumbTitle {
	background-color:#000000;
	background-image:url(../images/swatchTitle.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:9px;
	padding-left:3px;
	
	height:16px;
	overflow:hidden;
}

h3.patternmenu_toggle {
	color:#9F9A7C;
	cursor:pointer;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:6px 7px;
	position:relative;
	background-color:#000000;
	background-image:url(../images/icon_navoff.gif);
	background-position:95% center;
	background-repeat:no-repeat;
}

.patternMenuOn {
	color:#FFFFFF !important;
	background-image:url(../images/icon_navon.gif) !important;
}

h3.patternmenu_toggle a,
h3.patternmenu_toggle a:link, 
h3.patternmenu_toggle a:visited,
h3.patternmenu_toggle a:active,
h3.patternmenu_toggle a:hover {
	color:#9F9A7C;
	text-decoration:none;
}



.patternThumbTitle a,
.patternThumbTitle a:link, 
.patternThumbTitle a:visited,
.patternThumbTitle a:hover,

.colorwayThumbTitle a,
.colorwayThumbTitle a:link, 
.colorwayThumbTitle a:visited,
.colorwayThumbTitle a:hover

 {
	
	color:#ffffff;
	text-decoration:none;
	
}

#patternProperties {
	position:absolute;
	text-align:right;
	width:468px;
	height:415px;
}

#patternProperties-title {
	float:right;
	font-weight:bold;
	height:25px;
	width:468px;
		
}

#patternProperties-title table {

margin-left:auto;
}

#patternProperties-title-text {
	background-image: url(../images/bgd_whitetitle.gif);
	background-repeat: repeat-x;
	background-position: left top;	
}



#patternProperties-content {
	float:right;
	height:390px;
	overflow:hidden;
	width:132px;	
}

#patternProperties-cart {

}

#patternProperties-button {
	
}

.propertiesCell {
text-align:left;
	height:21px;
}

#patternProperties-text {
	background-color:#FFFFFF;
	display:none;
	text-align:left;
	padding-top:5px;
	height:343px;
	overflow:hidden;
}

#patternProperties-text p {
	font-size:10px;
	line-height:120%;
	margin:0;
	padding:0 0 8px 8px;
}

.colorwayItem {
	font-size:11px;
	padding-bottom:1px;
	padding-left:12px;
	padding-top:1px;
}


.colorwayItem a,
.colorwayItem a:link,
.colorwayItem a:visited,
.colorwayItem a:active,
.colorwayItem a:hover {
	text-decoration:none;
	color:#000000;
}

.activeColor {
	/*background-color:#817d62;
	color:#000000;*/
}

.bottomBorder {
	border-bottom:1px solid #ffffff;
}

.topBorder {
	border-top:1px solid #ffffff;
}

#showTransition {
	height:415px;
	position:absolute;
	width:468px;
	z-index:5;
	display:none;
	background-image: url(../images/transBackground.png);
	background-repeat: no-repeat;
	background-position: left top;	
	
}


#cartTrans {
	display:none;
	height:415px;
	position:absolute;
	width:621px;
	z-index:10;
	margin-left:1px;
	margin-top:1px;

}

#showCartTransition {

	width:621px;
	background-image: url(../images/transBackground.png);
	background-repeat: no-repeat;
	background-position: left top;	
	height:265px;
	padding-top:150px;


}

#showTransition-inner {
	margin-left:auto;
	margin-right:auto;
	margin-top:195px;
	width:24px;

}


#showCartTransition-inner {
	background-color:#000000;
	border:1px solid #B1AC8A;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	width:350px;
}

#largeImgLoader {

	display:none;
}

.ruler {

	background-image: url(../images/ruler.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;	
	
}

#cartLoadIcon{padding-top:10px;}

#cartLoadContent {

	color:#B1AC8A;
padding:20px 5px 5px;
text-align:center;
}


#cartLoadContent ul  {

	
}

#cartLoadContent li  {
	display:inline;
	color:#B1AC8A;
	background-image: url(../images/icon_navover.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right:10px;
}

#cartLoadContent li a  {
color:#B1AC8A;
	
}