#csbox {
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 10px;
	height: auto;
	padding: 0px;
	padding-left: 0px;
	height:26px;
	width: 310px;
	border: 1px solid #5D5041;
	/*background-image: url(graphic/csbg.gif);*/
	background-repeat: no-repeat;
	background-color:transparent;
	position: relative;
}
div#seeall {
	height:20px;
	margin:0px;
	margin-top:3px;
	margin-left:3px;
	float:left;
	clear:none;
	width:189px;
	padding:0px;
	background-color:#5D5041;
	cursor:pointer;
	display: inline;
}
ul#selector {
	padding: 0px;
	margin: 0px;
	margin-top: 3px;
	list-style: none;
	font: normal 12px/16px Verdana, sans-serif;
	clear: none;
	float: left;
	width:110px;
	position: absolute;
	left:196px;
	top:0px;
	overflow:visible;
	background-color: transparent;
	display:inline;
	z-index:5;
}
ul#selector li {
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	float: left;
	width: 100px;
	height: 24px;
	background-color: transparent;
	cursor:pointer;
	display:block;
	
}
ul#selector li img {/*height:20px;width:110px;margin:0px;*/}
ul#selector li ul { /* second-level lists */
	clear: none;
	float: left;
	margin: 0px;
	margin-left: 1px;
	padding: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	list-style: none;
	white-space: nowrap;
	text-align: left;
	z-index:10;
	border-top:solid 2px #362A1C;
	
	background-color:transparent;
}

ul#selector li ul li {
	margin:0px;
	padding:0px;
	height:18px;
	text-align:left;
	border:none;
	float:left;
	clear:left;
	position: relative;
	border-bottom:solid 1px #ECDFA7;
	width:auto;
	white-space:nowrap;
	background-color:#5D5041;
}
ul#selector li ul li span{
	display:block;
	background-color:#5D5041;
	color:#ECDFA7;
	width:92px;
	margin:0px;
	margin-left:8px;
	padding:0px;
	height:18px;
}
ul#selector li ul li div{
	position:absolute;
	top:-1px;
	left:100px;
	float:left;
	clear:none;
	background-color: transparent;
	z-index:97;
	white-space:nowrap;
	width:402px;
}
ul#selector li ul li ul { /* third-level lists */
    float:left;
    clear:none;
	margin:0px;
	padding:0px;
	text-align:left;
	border:none;
	background-color: #ECDFA7;
	z-index:99;
	list-style-type:none;
	list-style-position:outside;
	border-bottom:solid 1px #5D5041;
}
ul#selector li ul li ul li a{color:#5D5041}
ul#selector li ul li ul li {
	margin:0px;
	padding:2px;
	height:auto;
	text-align:left;
	border:none;
	float:none;
    clear:both;
	width:128px;
	display:block;
	white-space:normal;
	
	background-color:transparent;
	border-left:solid 1px #5D5041;
	border-top:solid 1px #5D5041;
}
ul#selector li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	/*top: auto;
	left: auto;*/
}
ul#selector ul.hide{ /* lists nested under hovered list items */
	display: none;
}
ul#selector ul.show { /* lists nested under hovered list items */
	display: block;
}
.hide{display: none;}
.show {display: block;}

ul#selector a {text-decoration: none; color: #ECDFA7;}
ul#selector a:hover {color: #f01E34;}
ul#selector a:active {color: #aF0014;} /*#920E24*/

.stats { 
	clear: both;
	float: none;
	width: 340px;
	margin-left: 30px;
	margin-top: 20px;
	height: auto;
	font: 12px/14px Verdana, Arial, Sans-Serif;
	color: #ECDFA7;
}
#lineName { 
	font: 21px/23px Verdana, Arial, Sans-Serif;
	color: #ECDFA7;
}
#lineName a,#lineName a:link,#lineName a:visited,#lineName a:active{color: #ECDFA7;}
#lineName a:hover{color: #fff;}
.tab {
	width: 140px;
	padding-top: 10px;
	float: left;
	clear: none;
	white-space: nowrap;
}
.styleInfo {
	clear: none;
	float: left;
	height: 60px;
	width: 244px;
	display: block;
}
.rule {
	border-top: solid 1px #5D5041;
	margin-top: 3px;
	margin-bottom: 5px;
	height: 1px;
	width: 312px;
	clear: both;
}
#rWindow {
	overflow: visible;
	height: auto;
}
#windowcrop {
	overflow: hidden;
	height: 460px;
	margin:0px;
	padding:0px;
}
#rFrame{
	z-index:1;
	background-image:url(graphic/patience.gif);
}
#lFrame{
	z-index:2;
}
sup {
	font-size: 90%;
	vertical-align: top;
}
sub {
	font-size: 90%;
	vertical-align: text-bottom;
}
#thumbBox {
	margin-left: 30px;
	padding-top: 20px;
	width: 330px;
	height: auto;
	border: 0;
	clear: both;
	z-index:4;
}
#thumbBox img{cursor:pointer;}
.thumb {
	width: 60px;
	height: 60px;
	margin: 2px;
	border: 0;
}
.thumbover {
	width: 60px;
	height: 60px;
	margin: 1px;
	border: 1px solid white;
}
.lFrame div {
	float: none;
	clear: both;
}
#swatchData {
    /*position: absolute;
	bottom: 20px;
    height: 44px;*/
    position: relative;
	left: 20px;
    width: 338px;
    z-index:99;
}
.label {
    position: relative;
    width: 332px;
    color: #ECDFA7;
	background-color: #000000;/*#5D5041;*/
    height: 0px;
	display: none;
	border-spacing: 0px;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.labelShow {
    position: relative;
    width: 334px;
    height: 54px;
	padding:4px 2px 2px 2px;
	color: #ECDFA7;
	background-color: #4a3d2f;/*#362A1C;/*#5D5041;*/
	display: block;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.lLabel {
	position:relative;
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	clear: left;
	float: left;
}
.rLabel {
	position:relative;
	text-align: right;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	clear: right;
	float: right;
}
.rLabel a{
	color: #ECDFA7;
}
#swatchData a {text-decoration: none;color: white}
a {text-decoration: none;color: #6B5D4D}
a:hover {color: #f01E34;/*#B01E34;*/}
#swatchData a:hover {color: #f01E34;}
a:active {color: #6B5D4D;}
