body {
  margin: 0px;
  padding: 0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333;
}
/*------------------------------------------GENERIC DESIGN OPTIONS---------------------*/
/*-------------------------------------------------------------------------------------*/

/* --Page background image and color --*/
	body{background:#C7C0BA;}
/*--Title bar background image/color and font style --*/
	.title_bar{color: #576673;}
/*--Header colors --*/
	h1, .head1 {color: #000;}
	h2, .head2 {color: #000;}
	h3, .head3 {color: #000;}
	h4, h5, h6, .head4 {color: #000;}
/*--Link colors --*/
	a:link, a:visited, a:active{color:#00f;}
	a:hover{color:#f0f;}
/*--Form button colors--*/
	.button{background: #B3BDC6; color: #000;}
	.button:hover{background: #576673; color:#fff;}
/*--Sidebar link color--*/
	#sidebar a:link, #menu a:visited{color: #333;}
/*--Sidebar active link color--*/
	#active a:link, #active a:visited{background: #323232; color:#fff;}
/*--Sidebar link roll-over color--*/
	#sidebar a:hover{background-color: #111; color: #fff;}
/*--Cart table colors --*/
	div.cart_table table {background-color: #ffffff;}
	div.cart_table table tr.row_title td {background-color: #323232; color: #fff;}
	div.cart_table table tr.row_odd td {background-color: #B3BDC6; color: #000}
	div.cart_table table tr.row_even td {backsground-color: #fff; color: #000}
	div.cart_table table tr.row_total td {background-color: #323232; color: #fff;}
	div.cart_table table tr.row_bottom td {background-color: #576673; color: #fff;}
/*--Checkout table colors --*/
	div.checkout_form table {background-color: #ffffff;}
	div.checkout_form table td.col_label {font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color: #B3BDC6; color: #000000; font-weight: bold; text-align: right; padding-right:5px;}
	div.checkout_form table td.col_label_req {font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color: #576673; color: #ffffff; font-weight: bold; text-align: right; padding-right:5px;}
	div.checkout_form input,select {background-color: #efefef; color: #000000; border: solid 1px #666666; padding:2px; margin:0px;}

/*------------------------------------------LAYOUT DIVS---------------------*/
/*--------------------------------------------------------------------------*/
#outer_container{
	width: 1000px;
	margin :auto;
	background: url(images/bg.jpg);
	border: 1px solid #999;
}
#container{
	width: 1000px;
	background: url(images/background.jpg) no-repeat;
}

#content {
	margin-top:125px;
	width: 1000px;
}
 #sidebar {
	width: 206px;
	float:left;
	margin:0px;
}
#main{
	width: 730px; 
	float:right; 
	margin:0px 10px 10px;
	background:#FFF;
	padding:20px
}
#main_2_columns {
	width: 960;
	margin:0px 10px 10px 10px;
	background:#FFF;
	padding: 20px;
	float: left;
}
#footer {
	width:980px;
	margin:auto;
	text-align:center;
	padding:10px;
	border-top: 1px solid #999;
	font-size:10px;
	background: #2D3764;
	color:#FFF;
}

/*------------------------------------------CLASSES/DEFINITIONS---------------------*/
/*----------------------------------------------------------------------------------*/

.clear{clear:both}
.text, p, ol, ul, li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; 
}
.smalltext {
	font-size: 10px;
	color: #000;
}
h1, .head1, h2, .head2, h3, .head3,h4, h5, h6, .head4 {
	font-family:Arial, Helvetica, sans-serif; 
	font-weight: bold;
}
h1, .head1 {font-size: 19px;}
h2, .head2 {font-size: 17px;}
h3, .head3 {font-size: 15px;}
h4, h5, h6, .head4 {font-size: 13px;}

a:link, a:visited, a:active{text-decoration:underline;}
a:hover{text-decoration:none;}

a.category:link, a.category:visited, a.category:active{font-weight:bold; color:#333; text-decoration:underline;}
a.category:hover{text-decoration:none;}

.button{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding: 3px;
   width:0; /* because IE sucks*/
   overflow: visible;
   border:2px outset #ccc;
}
input.button[class] { /* IE ignores [class], so only real browsers will use this to reset normal margin. */
    width: auto;
}

.button:hover{
   border:2px inset #ccc;
}

.title_bar{
	text-align: left;
	vertical-align: middle;
	padding:5px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: bold;
	border-bottom: dotted 1px #576673;
}
#sidebar ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar a{
	display: block;
	font-size:11px;
	padding: 5px 10px;
	width: 186px;
	background:#FFF;s
}
#sidebar a:link, #menu a:visited{text-decoration: none;}
