body {
margin: 10px auto;
padding:0;
width:900px;

background: url(../images/main-background.gif) 0 0 repeat-x;

background-color: #242925;
font-family:verdana,arial,sans-serif;
/*min-width:600px;		*/
/* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
font-size:100%;
border: #7C4D2E 1px solid;
}

#header {
float:left;
height:120px;
width:100%;
padding:0px 0 0 0;
margin:0;
/*background-color:#fff;*/
background:#FDFDCC; 	
border-bottom: 1px solid #7C4D2E;

}

#header p {
padding:.5em 15px .2em 15px;
margin:0;
}

#header h1  {
padding:.2em 15px;
margin:0;
color:#966A35;
}

#header h2  {
padding:.2em 15px .7em 15px;
margin:0;
color:#966A35;
}
div.clear_admin {
clear: both;
height: 2px;
border-top:1px solid #7C4D2E;
}

div.clear_top {
clear: both;
height: 10px;
background-color: #1E633E;
/*background: url(../images/top_bar.gif) 0 0 no-repeat;*/
border-bottom:1px solid #7C4D2E;
border-top:2px solid #7C4D2E;
}

a {
color: #00f;
text-decoration: underline;
}
a:hover {
color: #00f;
background: none;
text-decoration: none;
}

#colmask {
position:relative;	
/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden;		
/* This chops off any overhanging divs */
/* background:#fff; Left column background colour */
background:#FDFDCC; 	

}

#colmid {
float:left;
width:200%;
position:relative;
left:200px;
/*  background:#fff;Centre column background colour */
background:#FDFDCC; 
border-left: 1px dashed #ccc;
}

#colright {
float:left;
width:100%;
position:relative;
left:50%;
margin-left:-400px;
background:#FDFDCC; 	
/* Right column background colour */
}

#col1wrap {
float:right;
width:50%;
position:relative;
right:100%;
}


#col1pad {
margin:0 15px 0 415px;
overflow:hidden;
}

#col1 {
width:100%;
overflow:hidden;
padding: 20px 0 0 0;
}

#col1 p {
font-family: arial,verdana,garamond,sans-serif;
font-size:0.8em;
/*color:#966A35;*/
color:#333;
}

#col1 ul {
font-size:0.8em;
color:#966A35;
}

#col1 h1  {
font-size:1.2em;
padding:.2em 5px;
margin:0;
color:#966A35;
}

#col1 h2  {
font-size:1.0em;
padding:.2em 15px .7em 0px;
margin:0;
color:#966A35;
}

#col1 h3  {
font-size:0.9em;
padding:.2em 5px;
margin:0;
color:#966A35;
}

#col1 img {
margin: 5px 5px 5px 5px;
border: 3px solid #fff;
}

#col2 {
float:left;
width:170px;
position:relative;
margin-left:-50%;
left:215px;
overflow:hidden;
}

#col3 {
float:left;
width:170px;
position:relative;
left:15px;
overflow:hidden;
}
#col3 p {
font-family: arial,verdana,garamond,sans-serif;
font-size:0.8em;
color:#966A35;
}
span.col3-header {
font-family: times new roman, arial,verdana,garamond,sans-serif;
font-size: 1.6em;
font-style: italic;
padding-left: 30px;
text-decoration: none;
background: url(../images/nav-spot-2.gif) 0 0 no-repeat;
border-bottom:1px solid #D3C9AF;
}
div.clear_bottom {
clear: both;
height: 12px;
background: url(../images/top_bar.gif) 0 0 no-repeat;
border-bottom:1px solid #7C4D2E;
border-top:1px solid #7C4D2E;
}
#footer {
clear:both;
float:left;
width:100%;
/*height:80px;*/
padding:0;
margin:0;
border-top:1px solid #FDFDCC;
/*background:#FDFDCC; 	*/
}
#footer p {
font-size:0.8em;
padding:.5em 15px;
}
div.lower-footer {
background-color:#fff;
padding: 0px 0 5px 45px;
font-size: 0.8em;
color: #666;
background:#FDFDCC; 	
}
a.footer {
color: #aaa;
font-size: 0.8em;
text-decoration: none;
}
a.footer:hover {
color: #aaa;
background: none;
font-size: 0.8em;
text-decoration: underline;
}
.bfw-link {
font-size:0.9em;
text-align:right;
}
a.bfw-link{
border-left: #fff 2px solid;
color: #f00;
text-decoration: none;
}
a.bfw-link:hover,
{
color: #f99;
text-decoration: none;
}	

ul.navigation {
margin: 0 0 0 0px;
padding: 0;
display: block;
list-style-type: none;
}
li.navigation{
margin: 8px 0 1px 0px;
display: block;
}
li.navigation_active{
margin: 8px 0 1px 0px;
display: block;
}
a.navigation,a.navigation_active
{
font-family: times new roman, arial,verdana,garamond,sans-serif;
padding: 3px 0 2px 34px;
height:17px;
color:#5B4323;
font-size: 1.2em;
font-style: italic;
text-decoration: none;
display: block;
background-color: #eee;
background: url(../images/nav-spot-2.gif) 0 0 no-repeat;
border-bottom:1px solid #D3C9AF;
}
a.navigation:hover,
a.navigationf:hover,
a.navigation_active{
font-weight:bold;
display: block;
background-color: #fff;
background: url(../images/nav-spot-1.gif) 0 0 no-repeat;
border-bottom:1px solid #5B4323;
}
.mail_input{
padding:1px 5px; 
font-size:0.85em; 
width: 279px;
}
.mail_input_narrow{
padding:1px 5px; 
font-size:0.85em; 
width: 74px;
}
  
span.required{
font-weight: bold;
color: red;
}
contact_button{
padding-left:12px;
font-size:0.8em;
width: 100px;
font-size: 0.75em;
}
contact_field {
font-size: 0.85em;
padding-left:15px;
}
div.errors{
margin: 2px 0;
width: 450px;
padding: 2px 0;
border: #f00 1px solid;
background-color: #fcc;
}
div.errors p{
margin: 2px 0 2px 15px;
font-size: 1em;
font-weight: bold;
color: #000;
}
div.errors ul{
margin: 3px 0 3px 30px;
}
div.errors li{
margin: 0px 0;
font-size: 1em;
color: #000;
}	
	div.product_detail {
	float:left; 
	width:460px;
	}
	div.product_detail table {
	width:460px;
	}
	div.product_detail td {
	font-weight:normal;
	font-size:0.9em;
	}
	div.product_detail th {
	text-align;left;
	font-size:0.8em;
	color:#333;
	padding:2px 0 2px 5px;
	}
	div.product_detail td img {
	border:1px;
	border-color: #311C8F;
	}
	
span.show-full-price {
font-size:1.2em;
font-weight:bold;
}
span.show-sale-price {
color:red;
font-size:1.4em;
font-weight:bold;
}