@charset "UTF-8";
body { background: url(../png/background.png) repeat; behavior:url("/assets/css/csshover.htc"); margin:0; padding:0; overflow:auto; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; }
#container { min-width:900px; overflow:hidden; }
#header {background: url(../png/header.gif) left no-repeat; height:150px; overflow:hidden;}
#menu { position:relative; height:50px; background:url(../png/menu_background.png) repeat-x; padding-left:116px; white-space:nowrap; overflow:hidden; z-index:1; }
#main { position:relative; height:375px; min-width:900px; overflow:auto; background:#666; top:-25px; margin-bottom:-25px; }
#footer { clear:both; height:25px; background:url(../png/footer_background.png) repeat-x; }
#copyright { float:right; background: url(../png/footer_copyright.png) right no-repeat; width:276px; height:25px; right:0px; position:absolute; }
.copy { margin-left:116px; height:375px; overflow:hidden; }
.copy #copyImage img { margin-bottom:20px; }
.swatchListing { display:block; margin:0px; padding:0px; white-space:nowrap; margin-top:15px; width:450px; height:195px; overflow:hidden; }
.swatchListing ul { margin:0px; padding: 0px; list-style:none; list-style-position:outside; position:relative; }
.swatchListing ul li { width:50px; height:45px; padding:0px; margin:0px; margin:0px 20px 20px 0px; float:left;} /* top=1em, right=2em, bottom=3em, left=2em */
.swatchListing ul li img { border:1px solid #999; }
.swatchListing ul li:hover img { border:1px solid #FFF; cursor:pointer; }
.swatchListing ul li span { display:none; }
#foilListing { overflow:hidden; }
.swatchListing ul li:hover span { position:absolute; display:block; font-size: .6em; color:#D7D7D7; width:200px; }
.mainImage { clear:both;position:static;display:inline; height:375px; float:right;overflow:hidden; }
.mainImage img { padding:0px; margin:0px; }
#scrollTip { display:none; margin-top:-15px; margin-left:115px; font-size:0.7em; color:#999; }

#styleSlider { margin-top:-10px; height:200px;width:533px; white-space:nowrap; overflow:hidden; }
#styleSlider .style { float:left; width:108px; margin-right:25px; white-space:nowrap; }
#styleSlider span label { float:left; width:50px; font-size:0.7em; line-height:1.6em; color:#FFF; }
#styleSlider span { width:108px; margin-right:25px; }
#styleSlider span img { border:1px solid #666; }
#styleSlider span:hover img { border:1px solid #FFF; }
	
/* top & bottom = 1em, right & left = 2em */

.fltright { float:right; display:inline; margin-left:20px; }
.fltleft { float:left; margin-right:20px; }

ul#navigation { height:50px; padding:0; margin:0; top:0px; overflow:hidden; }
ul#navigation li { display:block; float:left;text-indent:-9999;}
ul#navigation li a, ul#navigation li ul li { border:0; margin:0;padding:0;display:block; }
ul#navigation li ul li img { border:none; } 
ul#navigation li ul {	display: inline;margin:0;padding:0;visibility:hidden; position: absolute; margin-left:-1px; }
ul#navigation li:hover ul { visibility: visible; }

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .swatchListing ul li { margin:0px 15px 15px 0px; }
/* End hide from IE5/mac */

h2 { font-size:0.9em; line-height:0.8em; font-weight:bold; }
h3 { font-size:0.9em; line-height:1.3em; font-weight:normal; }