@charset "utf-8";
/* CSS Document */



body {
	font: 90% Geneva, Arial, Verdana, Helvetica, sans-serif;
	
	background: #535738;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	padding-top: 7px;
}
#container {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #535738 ;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #ffffff;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	
	margin: 0;
	padding: 0;
	height: 97px;
	background: url(site_images/bg_header.jpg) no-repeat center top;
}

.homelink	{
	float: left;
	border: none;
}

#cart_upper_right	{
	float: right;
	margin: 10px 20px 0 0;
}
/* featured products */
#featured_middle	{
	float:right; 
	margin: 10px 0px 0 0; 
	color:black; 
	font-size: 10px;
	}
	
#featured_box_top	{
background: url(site_images/featured_box_top.jpg) no-repeat center top;
width: 130px;
height: 9px;
}

#featured_box_middle	{
padding: 0 10px;
background: #ECEDEA url(site_images/featured_box_middle.jpg) no-repeat center top;
width: 110px;
}

#featured_box_bottom	{
background: url(site_images/featured_box_bottom.jpg) no-repeat center bottom;
width: 130px;
height: 9px;
}
/* top sellers */
#topsellers_middle	{
	float:right; 
	margin: 10px 15px 0 0; 
	color:black; 
	font-size: 10px;
	}
	
#topsellers_box_top	{
background: url(site_images/featured_box_top.jpg) no-repeat center top;
width: 130px;
height: 9px;
}

#topsellers_box_middle	{
padding: 0 10px;
background: #ECEDEA url(site_images/topsellers_box_middle.jpg) no-repeat center top;
width: 110px;
}

#topsellers_box_bottom	{
background: url(site_images/topsellers_box_bottom.jpg) no-repeat center bottom;
width: 130px;
height: 9px;
}

#featured_box_middle .top, #topsellers_box_middle .top	{
	font-weight:bold;
	text-align:center;
	font-size: 11px;
}

#shopping_cart_box_top	{
	width: 130px;
	height: 9px;
	background: url(site_images/shopping_cart_box_top.jpg) no-repeat center top;
}

#shopping_cart_box_middle{
	width: 115px;
	padding: 0 0 0 15px;
	background: url(site_images/shopping_cart_box_middle.jpg) no-repeat center top;
	font-size:10px;
	margin: 0;
	
	font-weight:bold;
}

#shopping_cart_box_middle #widgetSidebar {
	float: none;
	width: 115px;
	text-align: left;
	padding: 0;
	margin: 0;
	
}

#widgetSidebar	{
	float: right;
	font-size: 10px;
	font-weight: bold;
}

#shopping_cart_box_middle #widgetSidebar  .top {
	font-size: 10px;
}
#shopping_cart_box_middle #widgetSidebar .body {
	font-size: 10px;
}

#shopping_cart_box_middle  #widgetSidebar .items {
	font-size: 10px;
}

#shopping_cart_box_middle  #widgetSidebar .subtotal {
	font-size: 10px;
}





#shopping_cart_box_bottom	{
	width: 130px;
	height: 9px;
	background: url(site_images/shopping_cart_box_bottom.jpg) no-repeat center bottom;
	clear: both;
}




#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#nav	{
	background: url(site_images/bg_nav.jpg) no-repeat center top;
	height: 24px;
	padding: 3px 0 0 15px;
	color: white;
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:right;
	clear: both;
}

#mainContent1 {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: url(site_images/bg_content1.jpg) no-repeat center top;
	height: 240px;
}

#mainContent2 {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	color: white;
	background-color: #E8E8E8;
	width: 850px;
	
	
}




.table_content p	{
	margin: 3px 0;
}


#mainContent2_left	{
	
	float: left;
	height: 228px;
	width: 269px;
	padding: 7px;
	background:url(site_images/bg_content2_left2.jpg) no-repeat center top;

}




#mainContent2_middle	{
	background: url(site_images/bg_content2_middle2.jpg) no-repeat center top;
	float: left;
	height: 228px;
	width: 269px;
	padding: 7px;
}


#mainContent2_right	{
	background: url(site_images/bg_content2_right3.jpg) no-repeat center top;
	float: left;
	height: 194px;
	width: 249px;
	padding: 37px 10px 7px 20px;
	color: black;
	text-align: center;
}

#content_wrapper	{
	margin: 0;
	padding: 0;
	background-color:#535738;
}

#content_pages_top	{
	width: 850px;
	background: url(site_images/bg_content_pages_top.jpg) no-repeat center top;
	height: 25px;
}

#content_pages_middle_store	{
	width: 810px;
	padding: 0 20px;
	background: url(site_images/bg_content_pages_middle.jpg) no-repeat center top;
	min-height:370px;
}

#store_padding	{
	padding: 15px;
}

#content_pages_middle p {
	margin: 0;
}

#content_pages_bottom	{
	width: 850px;
	background: url(site_images/bg_content_pages_bottom.jpg) no-repeat center bottom  ;
	height: 25px;
	margin-bottom: 20px;
}


#categoryDescription	{
	margin-top: -10px;
	}
	
#footer {
	clear: both;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	text-align: center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	
}


/*****images**********/
.rightpic	{
	float: right;
	margin: 3px;
}

.rightpic_margin	{
	float: right;
	margin: 10px;
	border:1px solid black;
}

.leftpic_margin	{
	float: left;
	margin: 10px;
	border:1px solid black;
}

.clear {clear:both;overflow:hidden; height: 0; margin: 0; padding:0;}

.smallfont	{ color:black; 	font-size: 10px;}

/*****headings**********/
h1.table_text	{ font-size: 12pt;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	color: white; margin: 0 0 4px 0; }
h1.white_box  { font-size: 12pt; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	color: black; margin: 0 0 4px 0; }

h1 { font-size: 14pt;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	color: black; margin: 0 0 20px 0; }
h2 { font-size: 12pt;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	color: black; margin: 0 0 20px 0; }
#productDetail h2 { font-size: 12pt;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	color: black; margin: 0 0 20px 0; }
/************links*****************/


	
A.nav:link{ text-decoration : none; color: white; font-size: 14px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin: 0 15px;  font-weight: bold; } 
A.nav:Visited{ text-decoration : none; color: white; font-size: 14px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin: 0 15px; font-weight: bold; } 
A.nav:Active{ text-decoration : underline; color: white; font-size: 14px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin: 0 15px; font-weight: bold; }
A.nav:Hover{ text-decoration : underline; color: white; font-size: 14px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin: 0 15px; font-weight: bold; } 


a.footerlink:link { text-decoration : underline; color: #CC0000; font-size: 10.5px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;   } 
a.footerlink:Visited { text-decoration : underline; color: #CC0000; font-size: 10.5px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;   } 
a.footerlink:Active { text-decoration : none; color: #CC0000; font-size: 10.5px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;   } 
a.footerlink:Hover {  text-decoration : none; color: #CC0000; font-size: 10.5px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;   } 


#shopping_cart_box_middle a:link { text-decoration : underline;  color: #CC0000; font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;   } 
#shopping_cart_box_middle a:Visited { text-decoration : underline; color: #CC0000; font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;   } 
#shopping_cart_box_middle a:Active { text-decoration : none; color: #CC0000; font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;   } 
#shopping_cart_box_middle a:Hover {  text-decoration : none; color: #CC0000; font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;   } 

A.login:link{ text-decoration : underline; color: #CC0000; font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin-top: 5px;  font-weight: bold; } 
A.login:Visited{ text-decoration : underline; color: #CC0000; font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin-top: 5px; font-weight: bold; } 
A.login:Active{ text-decoration : none; color: #CC0000; font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin-top: 5px; font-weight: bold; }
A.login:Hover{ text-decoration : none; color: #CC0000; font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin-top: 5px; font-weight: bold; } 


a.link:link 	{text-decoration : underline; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
a.link:Visited 	{text-decoration : underline; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
a.link:Active 	{text-decoration : none; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
a.link:Hover 	{text-decoration : none; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }

a.bestseller:link 	{text-decoration : none; color: black; font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
a.bestseller:Visited 	{text-decoration : none; color: black; font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
a.bestseller:Active 	{text-decoration : underline; color: black; font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
a.bestseller:Hover 	{text-decoration : underline; color: black; font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }


a.homepageheading:link	{text-decoration : none; font-size: 12pt;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	color: white; margin: 0 0 9px 0; }
a.homepageheading:Visited	{text-decoration : none; font-size: 12pt;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	color: white; margin: 0 0 9px 0; }
a.homepageheading:Active	{ text-decoration : underline; font-size: 12pt;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	color: white; margin: 0 0 9px 0; }
a.homepageheading:Hover	{ text-decoration : underline;  font-size: 12pt;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	color: white; margin: 0 0 9px 0; }

a.homepageheadingb:link	{text-decoration : none; font-size: 11pt;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	color: black; margin: 0 0 9px 0; }
a.homepageheadingb:Visited	{text-decoration : none; font-size: 11pt;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	color: black; margin: 0 0 9px 0; }
a.homepageheadingb:Active	{ text-decoration : underline; font-size: 11pt;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	color: black; margin: 0 0 9px 0; }
a.homepageheadingb:Hover	{ text-decoration : underline;  font-size: 11pt;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	color: black; margin: 0 0 9px 0; }


A.ytlink:link{ text-decoration : none; color: white;  font: 80% Geneva, Arial, Verdana, Helvetica, sans-serif;	font-weight: bold; } 
A.ytlink:Visited{ text-decoration : none; color:  white; ; font: 80% Geneva, Arial, Verdana, Helvetica, sans-serif;	font-weight: bold;   } 
A.ytlink:Active{ text-decoration : underline; color:  white; font: 80% Geneva, Arial, Verdana, Helvetica, sans-serif;	font-weight: bold;   }
A.ytlink:Hover{ text-decoration : underline; color:  white; font: 80% Geneva, Arial, Verdana, Helvetica, sans-serif;	font-weight: bold; } 


/***********core commerce styles******************/

#categoryGrid	{
	width: 100%;
	

}


#categoryGrid h2 a:link 	{text-decoration : underline; color: #CC0000; font-size: 16px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin-left: 5px; margin-right: 5px; }
#categoryGrid h2 a:Visited 	{text-decoration : underline; color: #CC0000; font-size: 16px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin: 0 5px; }
#categoryGrid h2 a:Active 	{text-decoration : none; color: #CC0000; font-size: 16px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin: 0 5px; }
#categoryGrid h2 a:Hover 	{text-decoration : none; color: #CC0000; font-size: 16px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin: 0 5px; }


#productGrid h2 a:link 	{text-decoration : underline; color: #CC0000; font-size: 16px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin: 0 5px;  }
#productGrid h2 a:Visited 	{text-decoration : underline; color: #CC0000; font-size: 16px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin: 0 5px;  }
#productGrid h2 a:Active 	{text-decoration : none; color: #CC0000; font-size: 16px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin: 0 5px;  }
#productGrid h2 a:Hover 	{text-decoration : none; color: #CC0000; font-size: 16px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin: 0 5px;  }

#productGrid a:link 	{text-decoration : underline; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
#productGrid a:Visited 	{text-decoration : underline; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
#productGrid a:Active 	{text-decoration : none; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
#productGrid a:Hover 	{text-decoration : none; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }

#categoryGrid a:link 	{text-decoration : underline; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
#categoryGrid a:Visited 	{text-decoration : underline; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
#categoryGrid a:Active 	{text-decoration : none; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
#categoryGrid a:Hover 	{text-decoration : none; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }


#productDetail a:link 	{text-decoration : underline; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
#productDetail a:Visited 	{text-decoration : underline; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
#productDetail a:Active 	{text-decoration : none; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }
#productDetail a:Hover 	{text-decoration : none; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  }

#widgetSidebar a:link {text-decoration : underline; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  margin: 0;padding: 0}
#widgetSidebar a:Visited {text-decoration : underline; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;   margin: 0;padding: 0}
#widgetSidebar a:Active {text-decoration : none; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; margin: 0;padding: 0  }
#widgetSidebar a:Hover {text-decoration : none; color: #CC0000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;  margin: 0;padding: 0 }

#productDetail, #productGrid, #categoryGrid	{
	font-size: 12px;
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	line-height: 110%;
}

#productDetail, #productGrid, #categoryGrid span	{
	
	}
#productPhotos	{
	float: left;
	
	padding: 0 15px;
	margin: 0;
	}
	
#extraDetails	{
	float: left;
	padding: 0 5px;
	
	
	text-align: left;
	

}

#productDescription	{
	padding: 0 0 0 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 130%;
	
	}
	
#productReviews	{
	clear: both;
	padding: 15px 0 0 0;
	}
	
	

#productGrid .description	{
	font-size: 12px;
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	line-height: 110%;
}

#categoryGrid .description	{
	font-size: 12px;
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	line-height: 110%;
	
}

#categoryGrid table	{
	font-size: 12px;
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	line-height: 110%;
	text-align:center;
}

#viewCart	{
	width: 100%;
	
	}

table#cartItems	{
	width: 90%;
	}
	
table#cartItems	thead {
	background-color: #CCCCCC;
	text-align:center;
	}
table#cartItems	tbody {
	
	text-align:center;
	}
	
.sort	{
	margin: 15px 0;
}

#productDescription	{
	padding: 0 0 0 0;
	
	}
	
.form-label  {
	
	clear: left;
  	float: left;
	text-align: right;
  	padding: 4px;
  	width: 20%;
	}
	
.form-field	{
	float: left;
	padding: 4px;
	height: auto;
	text-align: left;
	}
	
#price	{
	margin: 0 0 5px 0;
	font-weight:bold;
	font-size: 110%;
	}
	
td.content-even2	{
	width: 50%;
	
	}
	
td.content-odd2 {
	width: 50%;
	
	}
	
#existingCustomer	{
	float: none;
	
	
	}
	
#newCustomer	{
	clear: both;
	margin: 100px 0 0 0;

	}