body,html {
	margin: 0px;
	padding: 0px;
	font-family: Century Gothic,helvetica,sans-serif;

	
	}
	
	#logo {
	background-image: url(/images/logo.png);
	background-repeat: repeat-x;
	width: 960px;
	height: 150px;
	
	}
	

	
	body {
	background: #000;
	background-image: url(/images/header-background.jpg);
	background-repeat: repeat-x;
	
	}
	
	#sitewrapper {
	width: 960px;
	}
	

	
#sitetopmenu {
width: 950px;
text-align: center;
}

#sitetopmenu ul  {
padding: 0px;
margin: 0px;
margin-bottom: 0px;

} 

#sitetopmenu ul li {
display: inline;
list-style-type: none;
padding: 5px;

width: 90%;
}


#sitetopmenu ul {
border-top: 0px solid #0099FF;
border-bottom: 0px solid #FF0000;
background-image: url(/images/tab-background.jpg);
padding: 6px;
}

#sitetopmenu a {
display: inline-block;
padding: 5px;
padding-left: 8px;
padding-right: 8px;
text-decoration: none;
font-weight: bold;
color: #fff;
}

#sitetopmenu a:hover {
background: #ffffff;
color: #660000;
}

#description {
padding: 5px;
text-align: left;
font-size: 12pt;
color: #fff;
font-weight: bold;
}

#sitefooter {
margin-top: 10px;
color: #fff;
height: 200px;
background-image: url(/images/header-background.jpg);
background-repeat: repeat-x;
padding: 0px;
}

 #sitefooter a {
 color: #fff;
 }

#content {
text-align: left;
}




#searchbrowse a img {
border: 0px;
}

#leftmenu {
float: left;
width :190px;
border: 0px solid red;

background: #fff;
text-align: left;
}

#leftmenu h3, #rightbar h3 {
background-image: url(/images/tab-background.jpg);
margin: 0;
display: block;
padding-top: 12px;
padding-bottom: 12px;
font-weight: bold;
font-size: 16px;
color: #fff;
text-align: center;
}


#l {
width: 200px;
margin-left: 0;
padding: 0;

text-align: left;


}



 
#contentwrapper {
width: 550px;
float: left;
} 

div#l {
      padding:0px;
}


div#l form, div#l hr {
display: block;
height: 0px;
position: absolute;
visibility:hidden;
}


a.iframe {
display: block;
background: url(/images/left-menu.jpg);
color: #990000;
margin-top: 2px;
margin: 0px;
padding: 10px;
padding-left: 40px;
font-size: 10pt;
text-decoration: none;
font-weight: bold;
border-bottom: 0px solid #cccccc;
}


div#l div.indent {
      padding: 0;
}

#homelink a {
background: #ffffff;
text-align: center;
display: block;
}


a.topmenu:hover , #rightbar:hover {
text-decoration: underline;
/*background:url(/images/header-background-hover.jpg);*/
}




.topmenu {
background: #313131;
background-image: url(/images/menu-graphite.jpg);
font-size: 14px;
text-align: center;
display: block;
padding: 10px;
color: #fff;
margin: 1px;
margin-left: 5px;
margin-right: 5px;
font-weight: bold;
margin-top: 5px;
}


a.subcat {

background: #fff;
display: block;
padding:2px;
padding-left: 11px;
margin: 1px;
font-weight: bold;
font-size: 11px;
color: #171717;
margin-left: 5px;
margin-right: 5px;
}

a.subcat:hover {
/*background: url(/images/tab-background.jpg);*/
background: #CC0000;
color: #fff;
text-decoration: none;
}

table.products tr.textrow td a  {
font-size: 11px;
background-image: url(/images/menu-graphite.jpg);
background-repeat: repeat-y;
color: #fff;
display: block;
height: 40px;
padding: 2px;
text-decoration: none;
}

table.products tr.textrow td a:hover {
color: red;
text-decoration: none;
}

table.products {
width:510px;
}
	  

table.products tr.imagerow td {
border: 1px solid #cccccc;
vertical-align: middle;
 height: 150px;
}

div#featuredProducts .price {
color: #fff;
}

table.products tr.textrow td {
background-image: url(/images/header-background.jpg);
}


#rightbar {

width: 190px;
float: right;
background: #fff;
}

#rightbar:hover {
text-decoration: none;
}


#detailheader p {
display: block;
height: 2px;
overflow: hidden;

color: #ffffff;
}

#content h2, #content h3 {
font-size: 14px;
color: #fff;
background: url(/images/header-background.jpg);
padding: 10px;
}

#titleAndByLine h2 {
background: #ffffff;
color: #999999;
}

#productDetails  {
color: #000000;
}

#productDescription p {
color: #000000;
}

tr.pagination td a {
padding-top: 50px;
display: inline-block;
}

div#mainsubheader {
background: url(/images/header-background.jpg);
}

div#subheadertitle, div#subheaderlinks a {
color: #fff;
}




/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/


#leftmenu, #rightbar, #contentwrapper, div#featuredProducts, #wrap {
margin-right: 10px;
margin: 0px;
}

#contentwrapper {
width: 500px;
float: left;

} 

#leftmenu {
margin-right: 15px;
}