@charset "utf-8";
@import "defaults.css";

body {
			background:repeat-x url(images/background.png);
			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;
		 }

#wrapper {
	background: white;
	width: 750px;
	margin: 0 auto;
	min-height: 500px;
	position: relative;
}

a {color:#006633}
a img {border: none}
h2 {font-size: 18px; color: #009933;}


ul#menu {
	list-style: none;
	margin: 0;
	background: #555 url(images/menu_bg.jpg) no-repeat;
	color: white;
	font-weight: bold;
	height: 25px;
	width: 100%;
	border: solid #BBB;
	border-width: 2px 0;
	text-align: center;
}
#menu img {vertical-align: middle;}
#menu li {margin-left: 0; padding: 0; display: inline; height: 25px;}
#menu a {display: inline; color: white;position:relative;}
/*Stuff for the menu rollovers*/
#menu .over {position: absolute; left: 0px;}
#menu a:hover .over,#menu a .under {display: inline;}
#menu a .over {display: none;}


/************************UNPROCESSED FROM OLD DESIGN*********************/

#maincontainer {width: 801px; margin: 0 auto;}
#mainbody {float: left; width: 750px; background-color: white; min-height: 600px; height:auto !important; height: 600px;}
#content {padding: 1em;  text-align: left}
#leftborder {float: left; width: 25px; height: 684px; background-image: url(images/background_left_border.jpg);}
#rightborder {float: left; width: 25px; height: 684px; background-image: url(images/background_right_border.jpg);}
#footer{clear:both; width:100%; padding: 0 50px; text-align: left;}

#menu a {color: white; text-decoration: none}
#menu td {border: solid white; border-width: 0 1px;}
#menu td:hover {background-color:white}
#menu td:hover a {color: #006633}

#images img {display:block}

#productlist {margin: auto;}
#productlist td{padding: 4px 1em 4px 1em}

.tableheader td {border-bottom: 1px solid black; font-weight: bold}

.product_disabled {background-color: lightgrey}

.details #price {font-size: 14px; font-weight: bold;}

.sideimages img {padding: 1px}