/* -------------- Main layout ---------------- */
html {font: 11px Arial, Helvetica, sans-serif;}
body{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
width: 100%;
margin:auto; 
background:#1e2020 url(images/wood2.jpg) 50% top no-repeat;

}
.banner{position: absolute; top: 22px; right: 12px;}
#shadow {
	width: 960px;
	z-index: 0;
	margin:0 auto;
	background-color:#f2ecd6;
}
.main-area {
	width: 960px;
	height: 336px;
	position: relative;	
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	margin:0px;	
}
#topnavbar img{vertical-align:middle;}
#topnavbar {
	background-image:url(images/links.gif);
	background-repeat:no-repeat;
	font-size: 11px;
	font-weight: bold;
	height:21px;
	color: #333333;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:7px;
	margin-left: 210px;
	width:740px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#topnavbar a:link{	color: #333;	font-size: 11px; font-weight: bold; text-decoration:none;}
#topnavbar a:hover{	color: #333;	font-size: 11px; font-weight: bold; text-decoration:none;}
#topnavbar a:visited{	color: #333;	font-size: 11px; font-weight: bold; text-decoration:none;}
#leftnav {
    width: 235px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	background-color:#f2ecd6;
	}
#leftnav form a:link{font-weight:bold; color:#631c12;}
#leftnav form a:hover{font-weight:bold; color:#631c12;}
#leftnav form a:visited{font-weight:bold; color:#631c12;}
#leftnav form {font-weight:bold; color:#631c12;}
#leftnav p a:link{font-weight:bold; color:#631c12;}
#leftnav p a:hover{font-weight:bold; color:#631c12;}
#leftnav p a:visited{font-weight:bold; color:#631c12;}
#leftnav p{
font-weight:bold;
 color:#631c12;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-top: 0px;
    padding-right: 6px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
#main {
	left: 0px;	
	width:985px;
	position: relative;
	margin-top: 0px;
	height:85%;
}
#mainright {
	width: 700px;
	float:left;
	position:relative;
	margin-left: 10px;
	padding:0 0 10px;
}
#footer {
	margin:0px;
	text-align: center;
	color: #fff;
	font-size: 9px;
	clear: both;
	width: 950px;
	background-color:#000;
	padding: 5px 5px 20px;
}
#footer p{	font-size: 9px;	color: #fff;}
#footer a:link{	color: #fff;}
#footer a:hover{color: #fff;	text-decoration: underline;}
#footer a:visited{	color: #fff;}
/**********Headers****************/
H1 {color:#f2ecd6; background:#72291f url(images/header_bg.jpg) left top repeat-x; padding:13px 5px 0px 15px; height:33px; font: normal 18px 'Trebuchet MS', arial;}
H1 a:link{ color:#f2ecd6; font-size:18px; text-decoration:none;}
H1 a:hover{ color:#f2ecd6; font-size:18px; text-decoration:none;}
H1 a:visited{ color:#f2ecd6; font-size:18px; text-decoration:underline;}
/************* form style **************/
FORM { padding: 0px;
		margin: 3px;
		text-align:left}
.textfield{ font-size: 10px; text-decoration: none; background-color: #EFEFEF; margin-top: 0px; padding-top: 0px;}
/************* end of form style **************/

/************** Homepage Styles **************/
.home_ad {
	float:left;
	width:316px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:6px;
	margin-top:0px;	
	text-align:center;	
	clear:both;
}
.home_ad-right {
	float:right;
	width:345px;
	margin-left:0px;
	margin-bottom:6px;
	margin-top:0px;	
	text-align:center;	
}
.wide_ad {
	width:770px;
	clear:both;	
margin-left:0px;
	margin-bottom:5px;
	margin-top:5px;	
	text-align:center;	
}
.admin_edit  a:link{font-weight:bold;color: #333333;}
.admin_edit  a:hover{font-weight:bold;color: #333333;}
.admin_edit  a:visited{font-weight:bold;color: #333333;}
.admin_edit {
	width:316px;
	margin-left:0px;
	margin-bottom:5px;
	float:left;
	height: 10px;
	text-align:right;
	margin-top:1px;
	font-weight:bold;color: #333333;
}
.wide_edit a:link{font-weight:bold;color: #333333;}
.wide_edit  a:hover{font-weight:bold;color: #333333;}
.wide_edit  a:visited{font-weight:bold;color: #333333;}
.wide_edit {
	width:770px;
	margin-left:0px;
	margin-bottom:5px;
	float:left;
	height: 10px;
	text-align:right;
	margin-top:1px;
	font-weight:bold;color: #333333;
}
/************** end of Homepage Styles **************/
/************** allpage Styles **************/
.bpic {text-align:center; height: 100px;}
.bargain_box {
margin-left:2px;
margin-top:10px;
margin-bottom:10px;
}
.bargain_text {
font-size:11px;
color:#666666;
font-weight:bold;
}
.bargain_desc a:link{
color: #333333;font-weight:bold;font-size:14px;}
.bargain_desc a:hover{
color: #333333;font-weight:bold;font-size:14px;}
.bargain_desc a:visited{
color: #333333;font-weight:bold;font-size:14px;}
.bargain_desc {
font-size:14px;
	color: #333333;
	font-weight:bold;
}
.new {font-weight:bold;
color:#990000;
font-size:14px;
	border: 1px solid #990000;
	padding:3px;
	width:80px;
	text-align:center;}	
.warning {
	border: 2px solid #BF0000;
	font-weight: normal;
	color: #333333;
	background-color: #F5EFF3;
	padding: 4px;
	font-size: 11px;
}
.basket_title{
	background-color: #3A3A63;
	font-weight: bold;
	padding: 2px;
	color: #FFFFFF;
}
.basket_row a:link {color: #666666;}
.basket_row a:hover {color: #666666;}
.basket_row a:visited {color: #666666;}
.basket_row {border: 1px dotted #D0D9DD;padding: 4px;}
.basket_row2 {padding: 4px;background-color: #E9EDEF;}
.price {margin-left: 0px;  color: #A61700;	font-size: 12px; font-weight: bold; padding-top: 0px;}
/************** end of allpage Styles **************/
/* other bits*/
.floatright{
	float: right;
	margin-right: 4px;
	margin-top:-20px;
}
.tc {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;}
HR {border: 1px dashed #C3C3C3; margin: 0px;} 	
UL {padding-right: 5px; padding-bottom:0px; margin: 10px 0px 0px 5px;list-style: square inside;}
a:link {text-decoration:none;}
a:hover {text-decoration:none;}
a:visited {text-decoration:none;}
/* Left Menu Advert Boxes */
.nav_ads {
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
float:left;
clear:left;
}
.nav_left_link {
font-size:15px;
text-align:left;
text-decoration:underline;
font-weight: bold;
}

/************** EVIL CSS NAV ****************************/
	.nav, .nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		width : 227px;
		z-index:40;
	}
	.you_are_here{clear:both;}	
	.nav li { /* all list items */
		width : 227px;
		z-index:40;
		/*used to fix large issue in ie when > at end of link*/
		float:left;
		position:static;}
	
	.nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		/*change margin-left to change child flyout position*/
		margin-left : 235px;
		/*change margin-top to valign child menus*/
		margin-top : -27px;
		z-index:45;
	}
.nav li ul ul { /* third-and-above-level lists */left: -999em;	}
.nav li ul ul ul { /* fourth-and-above-level lists */left: -999em;	}
/*style set here*/
	.nav li a {
		/* width specific for ie 5.5 w/idth then overrides for other browsers*/
		width : 219px;
		w\idth : 219px;
		display : block;
		font-weight : bold;
		text-decoration : none;
		text-indent:5px;
		z-index:40;
		padding:6px;
		margin-bottom:0px;
		margin-left:4px;
		background-color:#f2ecd6;		
		position:static;
		border-bottom:1px solid #631c12;
		color:#631c12;
		}
		.nav li a:hover {
		color:#f2ecd6;		
		background-color:#631c12;
		z-index:40;
		text-indent:5px;
		text-decoration: none;		
		margin-bottom:0px;
		margin-left:4px;
		padding: 6px;		
	}
/*style ends here*/
	.nav li:hover ul ul, 
	.nav li:hover ul ul ul,
	.nav li:hover ul ul ul ul, 
	.nav li.sfhover ul ul, 
	.nav li.sfhover ul ul ul, 
	.nav li.sfhover ul ul ul ul {
		left: -999em;
		z-index:45;
	}
	.nav li:hover ul, 
	.nav li li:hover ul, 
	.nav li li li:hover ul,
	.nav li li li li:hover ul, 
	.nav li.sfhover ul, 
	.nav li li.sfhover ul, 
	.nav li li li.sfhover ul, 
	.nav li li li li.sfhover ul 
	{ 
		/* lists nested under hovered list items */
		left: auto;
		/*z-index:45;*/
	}
	*:first-child+html .nav { 
	height: 1%; 
	} 
	*:first-child+html .nav li { 
	height: 1%; 
	} 
	*+html .nav li:hover ul { 
		left : 0px; /* IE7 fix */ 
	}
	/*fix for new nav, means that h1 tag sits below the nav which is floating in order to display correctly in firefox*/
	h1	{clear:both;}
	/*css hack for ie7*/
	/*styles for hiding the menus*/
	*+html .nav li:hover ul ul, *+html .nav li:hover ul ul ul, *+html .nav li:hover ul ul ul ul
	{left: -999em;}
	/*css hack for ie7*/
	/*styles for showing the menus*/
	*+html .nav li:hover ul, *+html .nav li li:hover ul, *+html .nav li li li:hover ul,	*+html .nav li li li li:hover ul 
	{left : 0px; /* IE7 fix */ 	}
	.nav_right
	{
		position:static;
		w\idth: 220px;
		text-align:right;
		display:block;
		margin-top:-14px;
	}
	.nav li { padding-bottom: 3px;background-color:#f2ecd6;}

/************** end of css nav **************/

/****Hover stuff*****/
.text_description  a {
	display:block;
	text-decoration: none;
	z-index: 10;
	position:relative;
	margin:auto;
	background-image:url(images/delivery.jpg);
}
.text_description  a span { display:none;}

.text_description  a:hover span {
position: absolute;
display: block;
width: 130px;
left: 0px;
top: 50px;
padding: 5px;
border: 1px solid #000000;
background: #FFFED4;
text-decoration: none;
filter: alpha(opacity=90);
opacity: 0.9;
-moz-opacity: 0.9; 
font: normal 11px auto Verdana, Arial, Helvetica, sans-serif;
color: #000;
z-index: 10;
font-size:11px;
}
.text_description a.tick {

	width:130px;
	height:112px;
	margin:auto;
	text-decoration: none;
}
/************end of hover*************/

/*---CUSTOM SHOP MENU---*/
.menu ul{position:absolute; top:249px; width:700px; left:200px;}
.menu ul li{list-style-type:none; float:left;}
.menu ul li a:link, .menu ul li a:visited{display:block; font:bold 21px 'Trebuchet MS', arial; text-transform:capitalize; border-right:2px solid #f2ecd6; padding:0 10px; color:#f2ecd6; margin-left:0px;}
.menu ul li a:hover{text-decoration:none; background-color:#f2ecd6; color:#30504D; text-shadow:1px 1px 1px #ADA585;}

#leftnav div.tracking{padding:10px; background-color:#631c12; color:#f2ecd6; margin-top:-12px;}
#leftnav div.tracking form, #leftnav div.tracking form p{background-color:#631c12; color:#f2ecd6;}
input.textfield{border:0; background-color:#fff; padding:5px; width:160px; margin:5px auto; }
div.search{position:absolute; top:120px; left:700px; height:29px;}
input.textfield.search{border:0; background:#fff url(images/search_bg.png); padding:5px; width:142px; margin:5px auto;  height:19px; padding-left:30px;}

.basket{position:absolute; top:187px; left:750px; height:29px; text-align:right; width:200px;}
.basket p, .basket a:link, .basket a:visited{color:#f2ecd6; font:normal 18px 'Trebuchet MS', arial; padding:0;}
h2 {color:#8f3d32; font:normal 18px 'Trebuchet MS', arial; padding:0; border-bottom:2px solid #8f3d32; display:block; width:100%;}
p, .bargain_text{color:#8f3d32; font:normal 12px 'Trebuchet MS', arial;}
strong, h3{color:#8f3d32; font:bold 16px 'Trebuchet MS', arial; clear:both;}

/*---FOOTER---*/
.footer_bottom{clear:both; padding-top:10px; width:900px; margin:0 auto;}
.footer_col{width:17%; height:130px; float:left; text-align:left; padding:1% 3%; margin-top:10px;}

ul#thumblist{display:block;}
ul#thumblist li{float:left;margin-right:2px;list-style:none;}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{
    border:1px solid red;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	width:340px;
	}
	
#preview img{width:340px; float:left;}
#main_preview_image{margin-top:12px; *margin-top:0;}

#mainright .description table{border:0; display:none}
#mainright table td{border:0;}