html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
background-color:#000000;
}

img { border:none; }

#background { position:fixed; top:0; left:0; width:100%; height:100%;}

#css{
	position: relative;
	z-index: 1;
}

#container { width: 900px; margin: 0 auto 0 auto; }
#header { height: 187px; background-image: url('../images/header-bg.jpg'); text-align: right; padding: 40px 21px 0 0px; }
#header ul { float: right; margin: 12px 0 2px 0; }
#header ul li { list-style-type: none; display: inline-block; float: left; }

#grass-header { height: 187px; background-image: url('../images/grass-header-bg.jpg'); text-align: right; padding: 40px 21px 0 0px; }
#grass-header ul { float: right; margin: 12px 0 2px 0; }
#grass-header ul li { list-style-type: none; display: inline-block; float: left; }

#bb-header { height: 187px; background-image: url('../images/header-bg.gif'); text-align: right; padding: 40px 21px 0 0px; }
#bb-header ul { float: right; margin: 12px 0 2px 0; }
#bb-header ul li { list-style-type: none; display: inline-block; float: left; }

#ww-header { height: 187px; background-image: url('../images/header-bg.gif'); text-align: right; padding: 40px 21px 0 0px; }
#ww-header ul { float: right; margin: 12px 0 2px 0; }
#ww-header ul li { list-style-type: none; display: inline-block; float: left; }

#left-nav {  background-image: url('../images/left-nav-bg-repeater2.gif'); background-repeat: repeat-y; vertical-align: bottom;  }
#left-nav { margin: 0px; padding: 0 20px 10px 17px; }
#left-nav h2 { margin: 0px; padding: 0px; }
#left-nav ul { margin: 0px; padding: 0 0 0 0px; }
#left-nav ul li { margin: 0 0px 0 0px; padding: 5px 0 8px 0px;  border-bottom: solid 1px #5E2E00; list-style-type: none;  }
#left-nav ul ul { margin: 10px 0 0 0px; padding: 0 0 0 0px; border-top: solid 1px #5E2E00; }
#left-nav ul li ul li { margin: 10px 0 0 0px; padding: 2px 0 5px 20px; border: none;  background-image: url('../images/left-nav-bullet.gif'); background-repeat: no-repeat; }

.login { height: 31px; width: 542px; float: right; padding: 44px 10px 0 0 }
.login .textbox { width: 125px; height: 16px; border: solid 1px #ccc; }

.mini-cart { float: right; margin: 8px 0 0 0; }
.mini-cart img { float: left; }

.clear { clear: both; }

#float-left { float: left; width: 190px;  }
#content { float: right; width: 700px; }

h1 { margin: 0px 0 10px 0px; padding: 0px; }

#left-col { width: 470px; float: left; }
#right-col { width: 220px; float: left; margin-left: 10px; } 

#featured-products h2 { margin: 20px 0 0 0px; padding: 0px;}
.action-block ul { margin: 0px; padding: 0px; }
.action-block ul li { float: left; list-style-type: none; margin-right: 5px; margin-top: 20px; }

#top-level-cats ul { margin: 0px; padding: 0px; }
#top-level-cats ul li { float: left; list-style-type: none; margin-right: 14px; }

#special-offers {float:left; margin-right: 10px;}

#featured-products h3 { margin: 20px 0 0 0px; padding: 0px;}
#featured-products ul { margin: 0px; padding: 0px; }
#featured-products ul li { float: left; list-style-type: none; margin: 0 12px 0 12px; }
.product-dets { padding: 5px; line-height: 20px;}

#footer { text-align: center; height: 15px; border-top: solid 1px #666; border-bottom: solid 1px #666; padding: 15px 0 15px 0; margin: 20px 0 20px 0px; }
#footer ul { padding: 0px; margin: 0 auto 0 auto; width: 850px; }
#footer ul li { float: left; list-style-type: none; border-right: solid 1px #fff; padding: 0 10px 0 10px;  }

/* AH IE6 hacks */

/* IE 6 doesn't like position:fixed
http://www.howtocreate.co.uk/fixedPosition.html
So hacking to create background */

* html #background { display:none; }
* html .mini-cart { margin:-3px 0 0 0; }
* html #grass-header { background-image: url('../images/header-bg.jpg'); }

* html #ww-header { 
  background: url('../images/header-bg.jpg') no-repeat -3px -13px; 
  height:199px; 
  margin-top:13px; 
  padding:0 16px 0 0; 
}
* html #ww-header ul { margin:0 4px 0 0; }
* html #ww-header .mini-cart { margin:-3px 5px 0 0; }
* html #ww-header .login { padding:71px 19px 0 0; margin-left:3px; }

* html #bb-header { 
  background: url('../images/header-bg.jpg') no-repeat -3px -13px; 
  height:199px; 
  margin-top:13px; 
  padding:0 16px 0 0; 
}
* html #bb-header ul { margin:0 4px 0 0; }
* html #bb-header .mini-cart { margin:-3px 5px 0 0; }
* html #bb-header .login { padding:71px 19px 0 0; margin-left:3px; }

* html #grass-header { 
  background: url('../images/header-bg.jpg') no-repeat -3px -13px; 
  height:199px; 
  margin-top:13px; 
  padding:0 16px 0 0; 
}
* html #grass-header ul { margin:0 4px 0 0; }
* html #grass-header .mini-cart { margin:-3px 5px 0 0; }
* html #grass-header .login { padding:71px 19px 0 0; margin-left:3px; }

* html #header ul { margin:0px; }
* html #right-col { margin:0px; float:right; }
* html div#jssMainContent { padding:20px 3px 0 3px; }
* html #jssMainContent h1 { font-size:16pt; }
* html #jssRightMenu #float-left { float:right; width:180px; }
* html #jssRightMenu #float-left #left-nav { padding: 0 20px 10px 17px; }
* html #left-nav-container { width:180px; }
* html #left_image_1 { margin-top:3px; display:block; }

/* Avoiding transparent PNGS */
#work_back1,#work_back2,#work_back3 {
  background: url('/assets/images/ww_semi.png'); 
  padding: 10px;
}

  * html #work_back1 {
    background-color:#000;
    padding:10px;
  	filter:alpha(opacity=80);
  	-moz-opacity:0.8;
  	-khtml-opacity: 0.8;
  	opacity: 0.8;
  	float:left;
  }
  
  * html #work_back2 {
    background-color:#000;
    padding:10px;
  	filter:alpha(opacity=80);
  	-moz-opacity:0.8;
  	-khtml-opacity: 0.8;
  	opacity: 0.8;
  	float:left;
  }
  
  * html work_back3 {
    background-color:#000;
    padding:10px;
  	filter:alpha(opacity=90);
  	-moz-opacity:0.9;
  	-khtml-opacity: 0.9;
  	opacity: 0.9;
  	float:left;
  }   

#bb_back1,#bb_back2,#gr_back1, #gr_back2 {
  background: url('/assets/images/semi.png'); 
  padding: 10px;
}

  * html #bb_back1 {
    background:none;  
    background-color:#000;
    padding:10px;
  	filter:alpha(opacity=40);
  	-moz-opacity:0.4;
  	-khtml-opacity: 0.4;
  	opacity: 0.4;
  	float:left;
  } 
  
  * html #bb_back2 {
    background:none;
    background-color:#000;
    padding:10px;
  	filter:alpha(opacity=40);
  	-moz-opacity:0.4;
  	-khtml-opacity: 0.4;
  	opacity: 0.4;
  	float:left;
  } 

  * html #gr_back1 {
    background:none;
    background-color:#000;
    padding:10px;
  	filter:alpha(opacity=70);
  	-moz-opacity:0.7;
  	-khtml-opacity: 0.7;
  	opacity: 0.7;
  	float:left;
  } 
  
  * html #gr_back2 {
    background:none;
    background-color:#000;
    padding:10px;
  	filter:alpha(opacity=70);
  	-moz-opacity:0.7;
  	-khtml-opacity: 0.7;
  	opacity: 0.7;
  	float:left;
  } 

.foot_thumbs {
  display:inline-block; 
  height: 50px; 
  width: 60px; 
  background-color: #fff; 
  float: left; 
  margin: 0 15px 15px 0px;
}

* html .foot_thumbs { margin:0 7p 15px 0; }