body {
	background-color: #232d35;
	background-image: url('../images/bg.gif');
	background-repeat: no-repeat;
    background-position: 50% top;
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif'; 
	font-size: 11px; 
	color: #333333;
	margin-top:10px;
	line-height: 12pt
}

h1 {
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif'; 
	font-size: 15pt; 
	color: #ffffff; 
	font-style: italic;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0px;
}

h2 {
	color: #1f456b;
	font-weight: bold;
	font-size: 13px;
	margin: 0px 0px 7px 0px;
}

h3 {
	color: #1f456b;
	font-size: 11px;
	margin: 0px 0px 7px 0px;
}


p {
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif'; 
	font-size: 11px; 
	color: #333333;
	line-height: 12pt
}

.small {
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif'; 
	font-size: 9px; 
	color: #333333;
	line-height: 12pt
}

.sitemap
{
	padding: 25px;
}


.sitemap li
{
	margin-left: 25px;
}

.specials {
	color: #ffffff; 
}

.specialsred {
	color: #bd1010; 
}

img
{
	border: 0px;
}

.breadcrumbs
{
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif'; 
	font-size: 8pt; 
	color: #ffffff; 
	line-height: 12pt;
	text-transform: capitalize
}


.error {color: #bd1010}


/* Links */

a:link,
a:visited
{	color: #336699;
	text-decoration: underline;
	font-weight: normal;
	background-color: transparent;
}

a:hover {
	color: #336699;
	text-decoration: none;
	background-color: transparent
}

.footer a:link,
.footer a:visited
{
	text-decoration: none;
	color: #7d7d75;
	margin: 0px;
}

.footer a:hover
{
	text-decoration: underline;	
	color: #7d7d75;
	margin: 0px;
}

.categorybottom a:link,
.categorybottom a:visited
{
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

.categorybottom a:hover
{
	text-decoration: none;
	font-weight: bold;
}


.breadcrumbs a:link,
.breadcrumbs a:visited
{
	text-decoration: underline;
	color: #ffffff
}

.breadcrumbs a:hover
{
	text-decoration: none;
	color: #ffffff
}

.pagination a:link,
.pagination a:visited
{
	text-decoration: underline;
	color: #333333;
}

.pagination a:hover
{
	text-decoration: none;
	color: #333333;
}


.header
{
	width: 850px;
	height: 64px;
	background-image: url('../images/header_bg.gif');
	background-repeat: no-repeat;
	padding: 0px 25px;
	margin: auto;
	clear: both;
}

.logo
{
	margin: auto;
	height: 64px;
	width: 377px;
}

.wrapper
{
	width: 888px;
	height: auto;
	margin: auto;
	border: 6px #ffffff solid;
	border-width: 0px 6px;
	background-color: #ffffff;
	clear:both;
	padding-top: 13px;
	min-height: 500px;
}

.navtree
{
	width: 213px;
	background: #ffffff url('../images/navleft_bg.gif') no-repeat;
	float: left;
	margin-top: -6px;
	text-align: left;
	min-height: 500px;
}

.content
{
	width: 675px;
	background-color: #ffffff;
	float: right;
	text-align: left;
	margin-top: -13px;
}

.bottombg
{
	background: url('../images/bottom_bg.gif') no-repeat;
	margin: auto;
	width: 900px;
	height: 4px;
}

.footer
{
	width: 850px;
	margin: auto;
	font-size: 10px;
	color: #7d7d75;
	padding: 10px 25px 10px 25px;
}

.search
{
	float: left;
	margin: 28px 0px 0px 0px;
}

.logincart
{
	float: right;
	margin: 10px 0px 0px 0px;
	font-size: 7pt; 
	color: #43403e;
}

.login
{
	font-size: 7pt; 
	color: #43403e;
}

.login a:link,
.login a:visited
{
	text-decoration: none;
	color: #43403e;
}

.login a:hover
{
	text-decoration: underline;
	color: #43403e;
}

.textbox {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif'; 
	font-size: 10px;
	color: #6f7375;
}

.textbox_cart {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif'; 
	font-size: 10px;
	color: #6f7375;
	text-transform: capitalize;
}

.email {
	background-color: #ffffff;
	font-size: 10px;
	color: #6f7375;
}

.truckmail
{
	width: 645px;
	height: 65px;
	background: url('../images/greenbg.gif') left top no-repeat;
	padding: 10px 15px 0px 15px;
	float: left;
}

.prodheading
{
	background: url('../images/title_bg.gif') no-repeat;
	width: 645px;
	height: 52px;
	padding: 10px 10px 10px 20px;
	margin-bottom: 5px;
}

.proddetail
{
	background: url('../images/title_bg.gif') no-repeat;
	width: 645px;
	height: 13px;
	padding: 10px 10px 10px 20px;
}


.categorygrid
{
	margin: 7px 8px 8px 7px !important;
	_margin: 5px 6px 6px 5px;
	width: 150px;
	height: 150px;
	float: left;
	display:inline;
	background-position: center top;
}

.categorylink
{
	padding-top: 122px;
	height: 28px;
	display: block;
	_padding-top: 0px;
	_height: 0px;
}

.categorygridie6
{
	margin: 7px 6px 7px 6px !important;
	width: 150px;
	height: 150px;
	height: auto;
	float: left;
	display: inline;
}

.categorybottom
{
	background: url('../images/category_bg.png') bottom no-repeat;
	width: 150px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	text-transform: capitalize;
}

.categorybottomie6
{
	height: 41px;
	padding-top: 109px;
	text-align: center;
	color: #ffffff;
	filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/category_bg_ie6.png',sizingMethod='crop');
}

.categorybottomie6 a:link,
.categorybottomie6 a.link
{
	color: #ffffff;
	text-transform: capitalize;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	z-index: 9999 !important; 
	position: relative;
}

.categorybottomie6 a:visited,
.categorybottomie6 a.visited
{
	color: #ffffff;
	text-transform: capitalize;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	z-index: 9999 !important;
}



.product
{
	width: 325px;
	float:left;
	text-align: center;
	padding-top: 5px;
}

.productinfo
{
	width: 325px;
	height: auto;
	float: right;
	padding: 5px 10px 10px 10px
}

.pricetop
{
	background: url('../images/price_top.gif') no-repeat;
	width: 336px;
	margin: 5px 5px 0px 0px;
	float: right;
}

.pricemiddle
{
	background: url('../images/price_middle.gif') repeat-y;
	width: 336px;
	height: auto;
	float: right
}

.price
{
	font-size: 14px;
}

.listprice
{
	text-decoration: line-through;
}

.pricebottom
{
	background: url('../images/price_bottom.gif') no-repeat;
	width: 336px;
	height: 59px;
	float: right
}

.supplier
{
	line-height: 13px;
	width: 295px;
	padding: 20px 10px 10px 20px;
	clear: right;
}

.disclaimer
{
	font-size: 9px;
	font-style: italic
}

.shippingmessage
{
	font-size: 9px;
	color: #8f8f8f;
	line-height: 13px;
	width: 295px;
	padding: 20px 10px 10px 20px;
	clear: right;
}

.descriptivetext
{
	font-size: 9px; 
	color: #b8b6a2;
	padding: 15px 0px 0px 15px;
	width: 625px;
	line-height: 14px
}

.productgrid
{
	
	margin: 7px 8px 8px 7px;
	height: 230px;
	width: 150px;
	float: left;
	position: relative;
	font-size: 10px; 
	color: #333333;
	text-transform: capitalize;
	display:inline;
	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '') "),
	this.style.behavior=null);	
}

.gallerygrid
{
	
	margin: 7px 8px 8px 7px;
	height: 190px;
	width: 150px;
	float: left;
	position: relative;
	font-size: 10px; 
	background: url('../images/gallerygrid_bg.gif') no-repeat;
	display:inline;
}

.specialsgrid
{
	margin: 7px 8px 8px 7px;
	height: 300px;
	width: 150px;
	float: left;
	position: relative;
	font-size: 10px; 
	color: #333333;
	line-height: 13px;
	display:inline;
	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '') "),
	this.style.behavior=null);	
}

.pagination
{
	 font-size: 7pt;
	 padding-bottom: 7px
}

.pagination .textbox
{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	height: auto;
	font-size: 7pt;
	color: #333333
}

.quickview {
	width: 100px;
	height: 35px;
	margin-top: 90px;
	margin-bottom: 50px;
	margin-left: 25px;
	margin-right: 25px;
	left: 0%;
	top: 0%;
	background-color: #ffffff;
	opacity:.55; 
    -moz-opacity: 0.55;
    filter: alpha(opacity=55);
	border-style: none;
    position: absolute;
    display: none;
	text-align: center;
	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '') "),
	this.style.behavior=null);	
}

.quickviewbtn {
	width: 71px;
	height: 15px;
	left: 0%;
	top: 0%;
	border-style: none;
    position: absolute;
	text-align: center;
	margin-top: 100px;
	margin-left: 40px;
    display: none;
	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '') "),
	this.style.behavior=null);	
}

/* Modal Popup Background Style */

.modal_page_background 
{
	background-color: #eeeeee;
	opacity:.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);		
	z-index: 10001 !Important;
}

.modal 
{
	background-color: white;
	border: solid 2px #666666;	
	padding-top: 13px;
	z-index: 10003 !Important;
	position: relative;
}

.modal .html {}
.modal iframe {z-index: 100000000000000 !important; margin-top: 6px;}

.modal_close 
{
	display: block;	
	float: right;
	position: absolute;
	padding-top: 10px;
	padding-right: 10px;
	right: 0%;
	top: 0px;
	z-index: 10002 !Important;
}



.productgrid.hover .quickview,
.productgrid:hover .quickview
{
	display: inline;
	border: none;
}

.productgrid.hover .quickviewbtn,
.productgrid:hover .quickviewbtn
{
	display: inline;
	border: none;
}


.specialsgrid.hover .quickview,
.specialsgrid:hover .quickview
{
	display: inline;
	border: none;
}

.specialsgrid.hover .quickviewbtn,
.specialsgrid:hover .quickviewbtn
{
	display: inline;
	border: none;
}

cartMenuLink {}
.cartMenu {
                background-color: white;
                font-family: inherit;
                font-size: 7pt;
                border: solid 1px #eeeeee;               
                width: 250px;
                padding: 8px;
                
                display: inline;
                
                z-index: 10000000000;
}

.cartMenu .subtotal {text-align: right; margin-bottom: 4px; width:180px; float: right; font-weight: bold;}
.cartMenu .items {}
.cartMenu .btnremove {float: right; clear:both; width: 80px; height: 25px; }
.cartMenu .items .item {position: relative; clear: both;}
.cartMenu  .items .item  img {float: left; width: 50px; margin-bottom: 25px; margin-right: 10px;}
.cartMenu  .items .item  div.content {width: 180px; float:right; margin: 0px;}
.cartMenu  .items .item  .name {font-weight: bold; }
.cartMenu  .items .item  .details {}
.cartMenu  .items .item  input {position: absolute; right: 0%; top: 0%;}
.cartMenu .checkout {clear: both; float: right; margin-top: 10px; vertical-align: top;}