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;
}


#rightbar p {
color: #999;
font-weight: bold;
}

#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;
}

#leftmenu {
margin-right: 15px;
}

#searchproductlisting {
border: 2px solid #cccccc;
background: url(/images/header-background.jpg);
margin-top: 5px;
}

#searchproductlisting a img {
border: 0;
}

#searchtitle {
background: #fff;
padding: 5px;
}

.fromprice {
background:url(/images/tab-background.jpg);
color: #fff;
display: block;
padding: 5px;
}

a.viewlink {
display: block;
padding: 5px;
text-align:center;
border: 2px solid #ffffff;
background: url(/images/description-background.jpg);
color: #fff;
padding-top: 15px;
padding-bottom: 15px;
}

a.viewlink:hover {
background: #000;
color: #fff;
}

/*  Category Page */

#productwrapper {
display: block;
float: left;
width: 160px;
height: 250px;
background-image: url(/images/wrapper-background.jpg);
margin: 3px;
text-align: center;
padding: 5px;
border: 2px solid #333333;
}




#productwrapper p a {
color: #fff;
font-weight: bold;
}



.menuname {
display: block;
height: 28px;

padding: 4px;

}

.red {
display: block;
border: 1px solid #fff;
background: url(/images/tab-background.jpg);
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
}

.red a {
color: #fff;
}

.red a:hover {
text-decoration: underline;
}


#searchproductlisting {
border: 2px solid #cccccc;
background: url(/images/header-background.jpg);
margin-top: 5px;
}






















	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:960px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:960px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:160px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */