body {margin:0; padding:0; text-align:center; background:url(../images/bkg_body.gif) #FFF; font-family:Arial, Helvetica, sans-serif;}

#header, #mainwrap, #content, #leftNav, #footer {background:#FFF;}

* {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {color:#007500;}
h1 {font-size:20px; margin-bottom:8px; border-bottom:1px solid #CCC;} /* have the bottom border for the products page */
h2 {font-size:16px;}
h3 {font-size:14px; margin-bottom:3px;}
h4 {font-size:12px; color:#000;}
h5 {font-size:12px;}
h6 {font-size:10px;}

p, ul, ol, td, th {font-size:12px;}

p {margin-bottom:17px;}

a img {border:0;}

a {
	text-decoration:none;
	color:#007500;
}
a:hover {text-decoration:underline;}

ul, ol {
	padding:0 0 5px 17px;
	margin-bottom:10px;
}
ul {list-style:url(../images/list_bullet.gif);}

th {padding-right:5px;}

hr {
	border-top:1px solid #999;
	border-left:none;
	border-right:none;
	border-bottom:none;
	padding:10px;
}

/* Form Styles */
select option {padding-right:10px;}

/* Class styles */
.bkg {background-color:#D3DFBB;} /* #F4F7EE */
.solid_bkg {background-color:#007500; color:#FFF; font-weight:bold;}
.sm {font-size:10px;}
.left {float:left; padding:10px 10px 10px 0;}
.right {float:right; padding:10px 0 10px 10px;}

/* Site layout */
#mainwrap {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background:#FFF;
}

#header {border-right:1px solid #CCC; border-left:1px solid #CCC;}
#content {border-right:1px solid #CCC;}
#leftNav {border-left:1px solid #CCC;}

#header {
	border-bottom:1px solid #007500;
	background:#DFE8CE;
}

#header td {padding-right:7px;}
#header h3 {border-bottom:1px solid #007500; padding-top:10px}
#header h4 {color:#333; margin-top:5px; padding-right:8px;}
#header p {color:#666; margin-bottom:0;}
#header strong {color:#333;}
#header img {margin-right:10px;}

#content {
	padding:20px;
	background:#FFF;
}

/* Fix IE. Hide from IE Mac \*/
* html #content {width:670px;}
/* End */

#subNav {border-bottom:1px solid #CCC; margin-bottom:20px;}

#subNav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#subNav ul li {
	float:right;
	margin:0 0 5px 0; 
	padding:0;
}
#subNav ul li a {padding-left:25px;}
#subNav ul li a:hover {font-weight:bold; text-decoration:none;}

#leftNav {
	width:130px; 
	padding-bottom:15px;
	background:#DFE8CE;
	border-right:1px solid #007500;
	vertical-align:top;
}
#leftNav h4 {
	color:#007500;
	padding-left:5px;
	padding-top:7px;
}	 		
#leftNav p {margin:5px 0;} 

#leftNav ul {
	list-style:none;
	margin-bottom:5px;
	font-size:.7em; 
	line-height:1.6em;
	padding-left:0;
}
#leftNav li {	
	color:#333; 
	padding-left:10px;
	font-size:12px;
	line-height:16px;
}
#leftNav a{display:block;}		
#leftNav li a:hover {
	text-decoration:underline; 
	color:#007500;
	font-weight:bold;
}
/* Fix IE. Hide from IE Mac \*/
* html #leftNav ul li {float: left; height: 1%;}
* html #leftNav ul li a { height: 1%; }
/* End */

#cart {
	background:url(../images/bkg_cart.gif) repeat-y;
	border-bottom:2px solid #C1D29D;
	padding-left:5px;
}
/* Fix IE. Hide from IE Mac \*/
*html #cart, *html #cart ul li {width:100%;}
/* End */
#cart h4, #cart li {padding-left:5px;}

#cart a, #cart h4 {color:#000;}

#category_subNav img {display:block; padding-left:10px; padding-bottom:6px;}

#category_subNav td {border:1px solid #CCC;}

#category_subNav td {width:10px; padding:10px 10px 5px 10px; margin:5px;}
#category_subNav td a {text-decoration:none; display:block;}
#category_subNav td:hover {color:#007500; font-weight:bold; text-decoration:none; border:1px solid #007500; background:#D3DFBB;}

#category_subNav td.empty {border:none; background:none;}

/* Fix IE. Hide from IE Mac \*/
*html #category_subNav td {width:auto; padding:0; border:none;}
*html #category_subNav td.vans a {width:200px;}
*html #category_subNav td a {padding:10px 10px 5px 10px; width:95px; border:1px solid #CCC; height:132px;}
*html #category_subNav td a:hover {font-weight:bold; background:#D3DFBB; border:1px solid #007500;}
/* End */

#category_subNav li a {
	float:left;
	postition:relative;
	width:10px; 
	color:#666; 
	text-align:center;
	padding:10px 10px 5px 10px;
	margin:5px;
	border:1px solid #CCC;
	list-style:none; 
	background:#FFF; /* background to cover up list-style dot that appeared in top right corner in IE 7 */
}

#products {}

#products td {
	border-bottom:1px solid #CCC;
	padding:15px 0 15px 10px;
}

#products h4 {font-weight:normal; color:#C00;}

#detail {margin-top:20px;}
#detail td {vertical-align:top; padding-right:5px;}
#detail img {margin-right:30px;}
#detail img.right, #detail table img {margin-right:0;}

#detail p, #detail ul, #detail ol {line-height:18px;}
#detail h4 {margin-bottom:15px;}
#detail ul {list-style-image:url(../images/list_dash.gif); margin-left:20px;}

#detail table td, #detail table th {line-height:18px; padding-left:5px;}
#detail table th {padding-right:20px; font-weight:normal; vertical-align:top;}

#contact_col1 {padding-right:30px;}

#contact {
	width:185px;
	border-left:1px solid #999;
	padding-bottom:20px;
	color:#666;
}

#contact h4, #contact h3, #contact p {margin-left:10px;}
#contact h4 {color:#333;}

#contact h3 {border-bottom:1px solid #007500; margin-top:20px; margin-bottom:7px;}

#contact h3.solid_bkg {padding-left:5px; margin:0;}

#contact ul {list-style:none;}
#contact li {text-align:right;}

#footer {
	border-top:3px solid #007500;
	margin-top:15px;
	padding:15px;
	text-align:center;
	color:#333;
	font-weight:normal;
	background:url(../images/bkg_body.gif) #FFF;
}
#footer ul {padding-left:130px; padding-bottom:25px;}
#footer li {
	float:left; /* causes the list to align horizontally instead of stacked */
	width: auto;
	text-align:center;
	padding:0 10px; /* creates space each side of menu item's text */
	margin:15px 10px 0 10px;
	list-style:url(../images/list_vert_line.gif);
}
#footer li:first-child {list-style:none;}

.footer, .footer a {color:#C6BFA5; font-weight:bold;}

#print_footer {display:none;}

#creditCards {background:url(../images/credit_cards.gif) no-repeat right; width:235px; margin-left:auto; margin-right:auto; margin-top:10px;}
#creditCards p {text-align:left; padding-top:0;}

.clearthis {/* clears the footer below longest column */
	clear:both; 
	height:0; 
	line-height:0;
} 
/* Alsett Clearing Method code */
.clearfix:after {/* the period is the last thing before the div closes */
	content: "."; /* inline elements don't respond to the clear property */
	display:block; /* ensure the period is not visible */
	height:0; /* make the container clear the period */
	clear:both; /* further ensures the period is not visible */
	visibility:hidden;}
.clearfix {display: inline-block;} /* a fix for IE Mac */
/* hack for a bug in IE6 for Windows */
* html .clearfix {height:1%;}
.clearfix {display: block;}
/* end hack */