body {
	margin: 0px;
	padding: 0px;
}
img {
	margin: 0px;
	padding: 0px;
	border: none;
}
hr {
	border: 0;
	width: 100%;
	height: 1px;
	color: #e1e1e1;
	background-color: #e1e1e1;
	padding: 0;
	margin: 0;
}
form {
	margin:0;
	padding:0;
}
checkbox {
	margin:0px;
}
#preload {
	display:none;
}
#wrapper {
	background-image:url(../images/menu_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 100px;
}
#header_spacer1 {
	height: 15px;
}
#content {
	margin-right: auto;
	margin-left: auto;
	width: 1010px;
}
#header {
	height: 100px;
}
.spacer {
	width:15px;
	float: left;
	clear:left;
}
#header_left {
	float: left;
	width: 400px;
}
#header_right {
	float: right;
	width: 400px;
}
#header_right_section_1 {
	float: left;
	width: 200px;
	text-align: right;
}
#header_right_section_2 {
	float: left;
	width: 200px;
	text-align: right;
}
#header_right_login {
	clear: both;
	width: 400px;
	text-align: right;
}
#header_spacer2 {
	height: 34px;
}
#menu_left {
	float: left;
	width: 700px;
	padding-top: 2px;
}
#menu_right {
	float: right;
}
.flash_container {
	float: left;
}
#title {
	padding-top: 25px;
	clear: both;
}
#title_text {
	float: left;
}
.vertical_spacer {
	height: 15px;
}
#middle_section{
	clear: both;
}
#left_column {
	float: left;
}
#middle_column {
	float: left;
}
#right_column {
	float: right;
}
.column{
	width:217px;
	float: left;
}
.column_left_spacer {
	width:15px;
	padding-top: 21px;
	float: left;
	clear:left;
}
.column_top {
	background-image: url(../images/column_top.gif);
	background-repeat: no-repeat;
	height: 50px;
}
.column_right{
	width:202px;
	float: left;
	background-image: url(../images/column_bg.gif);
	background-repeat: repeat-y;
}
.column_top_spacer {
	height: 21px;
}
.column_top_title {
	padding-left: 16px;
	padding-top: 7px;
}
.column_middle_left {
	float: left;
	width: 27px;
	clear: left;
}
.column_middle_right {
	float: left;
	padding-right: 22px;
}
.column_middle_right_interior {
	width: 153px;
	text-align: left;
}
.dotted_line {
	padding-top: 5px;
	padding-bottom: 5px;
}
.middle_column_horizontal_spacer {
	width: 15px;
	float: left;
}
.middle_column_content {
	width: 554px;
	float: left;
}
.content_box_middle {
	background-image:url(../images/content_box_bg.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-left: 16px;
	padding-right: 16px;
}
.left_cell {
	float: left;
	text-align: left;
}
.right_cell {
	float: right;
	text-align: right;
}
.product_box {
	float: left;
	width: 176px;
}
.subcategory_box {
	float: left;
	width: 120px;
}
.subcategory_box_image {
	clear: both;
}
.subcategory_title_box {
	width: 120px;
	background-color:#f1f1f1;
}
.subcategory_title_box_content {
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	
}
.product_box_image {
	clear: both;
	height: 120px;
}
.text_box {
	padding: 5px;
	text-align: justify;
}
.price_box {
	width: 176px;
	background-color:#f1f1f1;
}
.price_box_content_left {
	float:left;
	padding-left: 5px;
}
.price_box_content_right {
	float:right;
	padding-right: 5px;
}
.product_box_vertical_spacer {
	height: 8px;
}
.product_box_horizontal_spacer {
	width: 9px;
	float: left;
}
#cart_image {
	float: left;
	clear: left;
}
#cart_total {
	float: right;
	padding-top: 17px;
}
#footer {
	background-image:url(../images/footer_bg.gif);
	background-repeat: repeat-x;
}
#footer_wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 1010px;
}
#footer_vertical_spacer {
	height: 44px;
}
#footer_content {
	float: left;
	text-align: left;
}


/* start product page */

.thumb_pic_cell {
	float: left;
	margin-right: 10px;
}
.thumb_pic_cell_middle {
	background-image:url(../images/thumb_pic_box_bg.gif);
	text-align: center;
}
.horizontal_spacer {
	float: left;
	width: 10px;
}
.short_vertical_spacer {
	height: 8px;
}

/* end product page */

/* start shopping cart page */

.cart {
	background-image: url(../images/dotted_vertical_lines_bg.gif);
	background-repeat: repeat-y;
}
.cell1 {
	width: 90px;
	padding: 3px;
	float: left;
	text-align: center;
}
.cell2 {
	width: 160px;
	padding: 3px;
	float: left;
	text-align: center;
}
.cell3 {
	width: 100px;
	padding: 3px;
	float: left;
	text-align: center;
}
.cell4 {
	width: 145px;
	padding: 3px;
	float: left;
	text-align: center;
}

/* end shopping cart page */






/* --------------------------------- */
/* ------------- MENU -------------- */
/* --------------------------------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.mainbuttons{
background: transparent url('../images/button_left_up.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
/* width: 120px;  Height of button background height */
text-align: center;
padding-left: 20px; /* Width of left menu image */
text-decoration: none;
}
a:link.mainbuttons, a:visited.mainbuttons, a:hover.mainbuttons, a:active.mainbuttons{
color: black; /*button text color*/
text-transform: uppercase;
}
a.mainbuttons span{
background: transparent url('../images/button_right_up.gif') no-repeat top right;
display: block;
padding: 4px 20px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.mainbuttons{ /* Hover state CSS */
text-decoration: none;
color: #FFFFFF;
background: transparent url('../images/button_left_over.gif') no-repeat top left;
}
a:hover.mainbuttons span{
background: transparent url('../images/button_right_over.gif') no-repeat top right;
display: block;
padding: 4px 20px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}


a.detailsbutton{
background: transparent url('../images/button_details_left_up.gif') no-repeat top left;
display: block;
float: left;
font: 9px Arial; /* Change 13px as desired */
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 18px; /* Height of button background height */
width: 64px;
padding-left: 5px; /* Width of left menu image */
text-decoration: none;
}
a:link.detailsbutton, a:visited.detailsbutton, a:hover.detailsbutton, a:active.detailsbutton{
color: white; /*button text color*/
}
a.detailsbutton span{
background: transparent url('../images/button_details_right_up.gif') repeat-x top right;
display: block;
padding: 4px 5px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.detailsbutton{ /* Hover state CSS */
text-decoration: none;
color: #FFFFFFFF;
background: transparent url('../images/button_details_left_over.gif') repeat-x top left;
}
a:hover.detailsbutton span{
background: transparent url('../images/button_details_right_over.gif') repeat-x top right;
display: block;
padding: 4px 5px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}



a.addtocartbutton{
background: transparent url('../images/button_addtocart_left_up.gif') no-repeat top left;
display: block;
float: left;
font: 9px Arial; /* Change 13px as desired */
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 18px; /* Height of button background height */
width: 101px;
padding-left: 5px; /* Width of left menu image */
padding-right: 0px;
text-decoration: none;
text-align: right;

}
a:link.addtocartbutton, a:visited.addtocartbutton, a:hover.addtocartbutton, a:active.addtocartbutton{
color: white; /*button text color*/
}
a.addtocartbutton span{
background: transparent url('../images/button_addtocart_right_up.gif') no-repeat top right;
display: block;
padding: 4px 5px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.addtocartbutton{ /* Hover state CSS */
text-decoration: none;
color: #FFFFFFFF;
background: transparent url('../images/button_addtocart_left_over.gif') no-repeat top left;
}
a:hover.addtocartbutton span{
background: transparent url('../images/button_addtocart_right_over.gif') no-repeat top right;
display: block;
padding: 4px 5px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}





a.addtocartbigbutton{
background: transparent url('../images/add_to_cart_big_button_left_up.gif') no-repeat top left;
display: block;
float: left;
font: 14px Arial; /* Change 13px as desired */
line-height: 37px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 45px; /* Height of button background height */
width: 156px;
padding-left: 20px; /* Width of left menu image */
padding-right: 0px;
text-decoration: none;
text-align: left;

}
a:link.addtocartbigbutton, a:visited.addtocartbigbutton, a:hover.addtocartbigbutton, a:active.addtocartbigbutton{
color: white; /*button text color*/
}
a.addtocartbigbutton span{
background: transparent url('../images/add_to_cart_big_button_right_up.gif') no-repeat top right;
display: block;
padding: 5px 0px 4px 3px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.addtocartbigbutton{ /* Hover state CSS */
text-decoration: none;
color: #FFFFFFFF;
background: transparent url('../images/add_to_cart_big_button_left_over.gif') no-repeat top left;
}
a:hover.addtocartbigbutton span{
background: transparent url('../images/add_to_cart_big_button_right_over.gif') no-repeat top right;
display: block;
padding: 5px 0px 4px 3px; /*Set 10px to be equal or greater than'padding-left' value above*/
}



a.reviewsbigbutton{
background: transparent url('../images/reviewsbigbuttonleftup.gif') no-repeat top left;
display: block;
float: left;
font: 14px Arial; /* Change 13px as desired */
line-height: 37px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 45px; /* Height of button background height */
width: 156px;
padding-left: 20px; /* Width of left menu image */
padding-right: 0px;
text-decoration: none;
text-align: left;

}
a:link.reviewsbigbutton, a:visited.reviewsbigbutton, a:hover.reviewsbigbutton, a:active.reviewsbigbutton{
color: white; /*button text color*/
}
a.reviewsbigbutton span{
background: transparent url('../images/reviewsbigbuttonrightup.gif') no-repeat top right;
display: block;
padding: 5px 0px 4px 3px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.reviewsbigbutton{ /* Hover state CSS */
text-decoration: none;
color: #FFFFFFFF;
background: transparent url('../images/reviewsbigbuttonleftover.gif') no-repeat top left;
}
a:hover.reviewsbigbutton span{
background: transparent url('../images/reviewsbigbuttonrightover.gif') no-repeat top right;
display: block;
padding: 5px 0px 4px 3px; /*Set 10px to be equal or greater than'padding-left' value above*/
}










a.darkgraybutton{
background: transparent url('../images/darkgray_button_left_up.gif') no-repeat top left;
display: block;
float: left;
font: 9px Arial; /* Change 13px as desired */
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 18px; /* Height of button background height */
padding-left: 5px; /* Width of left menu image */
text-decoration: none;
text-align: center;
}
a:link.darkgraybutton, a:visited.darkgraybutton, a:hover.darkgraybutton, a:active.darkgraybutton{
color: white; /*button text color*/
}
a.darkgraybutton span{
background: transparent url('../images/darkgray_button_right_up.gif') repeat-x top right;
display: block;
padding: 4px 5px 4px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.darkgraybutton{ /* Hover state CSS */
text-decoration: none;
color: #FFFFFFFF;
background: transparent url('../images/darkgray_button_left_over.gif') repeat-x top left;
}
a:hover.darkgraybutton span{
background: transparent url('../images/darkgray_button_right_over.gif') repeat-x top right;
display: block;
padding: 4px 5px 4px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}





a.lightgraybutton{
background: transparent url('../images/lightgray_button_left_up.gif') no-repeat top left;
display: block;
float: left;
font: 9px Arial; /* Change 13px as desired */
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 18px; /* Height of button background height */
padding-left: 5px; /* Width of left menu image */
text-decoration: none;
text-align: center;
}
a:link.lightgraybutton, a:visited.lightgraybutton, a:hover.lightgraybutton, a:active.lightgraybutton{
color: white; /*button text color*/
}
a.lightgraybutton span{
background: transparent url('../images/lightgray_button_right_up.gif') repeat-x top right;
display: block;
padding: 4px 5px 4px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.lightgraybutton{ /* Hover state CSS */
text-decoration: none;
color: #FFFFFFFF;
background: transparent url('../images/lightgray_button_left_over.gif') repeat-x top left;
}
a:hover.lightgraybutton span{
background: transparent url('../images/lightgray_button_right_over.gif') repeat-x top right;
display: block;
padding: 4px 5px 4px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}






.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* --------------------------------- */
/* ------------- MENU -------------- */
/* --------------------------------- */