* { padding:0; margin:0; }

br.hid { display:none; }

body { background-color: #704f48; text-align:center; font-family:arial, helvetica, serif; color:#666; font-size:12px; }

div#shell { width: 978px; margin:0 auto; text-align:left; }

div#floater { background:#fff url('images/bodybg.jpg') repeat-y top center; float:left; width:960px; padding:0 9px; }

a {text-decoration:none; color:#a76856;}
a:hover {text-decoration:underline;}



ul#infotop { float:left; display:block; width:960px; height:39px; background:#a96854 url('images/infotop_bg.png') repeat-x top left; list-style:none; }

#infotop li { float:left; background:url('images/infotop_separator.png') no-repeat top right; height:39px; color:#fff; font-size:16px; line-height:39px; text-transform:uppercase; }

#infotop li.basket { width:150px; float:right; text-align:right; background-position:top left; }

#infotop li.basket a { float:right; width:148px; }

#infotop a:hover { background:#a96854 url('images/infotop_hover.png') repeat-x top left; }

#infotop a:hover span { background:url('images/infotop_arrow.png') no-repeat bottom center; filter:Shadow(Color=#7a4939,Direction=155,Strength=0); }

#basketbox { float:right; cursor:pointer; padding:6px 10px; text-align:center; text-transform:none; line-height:10px; }

#basketbox small { font-size:10px; }

.infotop_more { position:relative; float:left; background-color:#fff5eb; color:#ab6855; font-size:12px; text-align:left; line-height:18px; text-transform:none; padding:5px; visibility:hidden; width:400px; border:1px solid #ab6855; border-top:0; }

#infotop li:hover .infotop_more { visibility:visible; }

.infotop_more p { font-size:10px; line-height:14px; }

.infotop_more div { float:left; width:50%; }

.infotop_more div strong { width:50px; }

.basket_list { width:100%;border-left:1px solid #ab6855; border-right:2px solid #ab6855; }

.basket_list td { padding:5px; border-top:1px solid #ab6855; border-left:1px solid #ab6855; text-align:right }

td.heading { padding:2px 4px; background-color:#ab6855; color:#fff5eb; }





img#header { font-size:2em; _font-size:0; width:960px; height:150px; color:#000; font-family:"Trebuchet MS", "Arial", "sans-serif"; font-style:italic; float:left; }

div#subheader { float:left; width:100%; height:33px; background:#eee url('images/subheader.jpg') repeat-x top left; }

#subheader span { float:left; line-height:33px; padding-left:10px; color:#666; font-size:10px; }

.loginform{float:left; margin: 6px 0 0 10px;}

.textbox{font-size:10px; color:#333; height:18px;padding:0 4px; line-height:18px; _height: 16px; border:1px solid #ccc; background: #fff url('images/textboxbg.jpg') no-repeat top left;}

.formmoreopts{float:left; display:inline; padding: 2px 0 0 4px; width:100px;}

.formmoreopts a{float:left; display:block;}

a.small{font-size:10px;}

a:hover.small, #footcopy a:hover, .sidebox_content a:hover, .product_thumb strong a:hover {text-decoration:underline;}

.searchform{float:right; margin-right:10px;}

.searchform .textbox {margin-top:6px;}

.searchform span{margin-right:10px; line-height:10px;}

#breadcrumbs{float:left; font-size:10px; padding-left:10px; margin:8px 0; color:#666; width:100%;}





div#left { background-color: #fff; float:left; width:209px;}

.sidebox_left{background: #e9e9e9 url('images/sideleft_content.jpg') repeat-y top left;}

.sidebox_content{padding:0 15px 25px 10px; font-size:12px;}

.sidebox_content a{color:#a96855; text-decoration:none;}

.sidebox_end {background: url('images/sideleft_end.jpg') no-repeat bottom left;}

.sidetop {display:block; background:#a96855 url('images/sideleft_top.jpg') no-repeat top left; width:209px; height:45px;}

.sidetop a {display:block; position:relative; color:#fff; font-size:16px; height:30px; line-height:34px; padding-left:10px; font-weight:bold; text-decoration:none;}

.sidetop a span {position:absolute; color:#fff; top:0px; text-decoration:none; display:block; filter: Shadow(Color=#704233,Direction=155,Strength=3); cursor:pointer;}

.sidetop a:before {position: relative; display:block; padding: 2px; content: attr(title); color:#704233;  } 

ul.navlist { list-style:square inside url('images/listplus.gif'); color:#a96855; }

.navlist ul{padding: 0 10px; list-style: square outside url('images/listplus.gif'); margin-left:12px;_margin-left:20px;}

.navlist li a{_padding-left:5px; _padding-bottom:20px;}

.navlist li ul a{_padding-left:0;}

ul.navlist li.collapsed{list-style-image:url('images/listplus.gif');}

ul.navlist li.expanded{list-style-image:url('images/listminus.gif');}

ul.navlist li.lastcat{list-style-image:url('images/listrow.gif');}

a.topproduct{display:block; margin-bottom:5px; border-bottom:1px solid #dac5bf; padding-bottom:5px;}
a:hover.topproduct {background-color:#eee;}




div#main { float:right; background-color:#fff; margin:0 5px 0 0; width:740px; }

div.infobox {padding: 5px 0;}

div.infobox p {padding: 0 0 5px 5px; width:500px; text-align:justify;}

div.product_detail { float:left; width:740px; background:#fff url('images/pdetailbg.jpg') no-repeat left top; border-top:1px solid #a96854;}

h1{color:#a76856; font-size:20px;}

.product_detail h1 {float:left; margin:5px; width:100%;}

div.product_thumb { display:inline-block; float:left; width:237px; height:252px; background:#eee url('images/pthumb_bg.jpg') no-repeat left top; margin:0 9px 18px 0; padding:4px 0; overflow:hidden; }

.product_thumb strong

{

padding: 0 10px;
font-size:12px;

float:left;

display:block;

width:100%;

height:35px;

}



.product_thumb strong a{color:#a96855; text-decoration:none;}



.p_thumb

{

clear:both;

display:block;

width:212px;

margin:0 9px;

height:142px;

overflow:hidden;

text-align:center;

vertical-align: middle;

}



.p_thumb img{border: 1px solid #aaa;}



.p_pricebox

{

float:left;

display:inline-block;

width:108px;

padding:6px 10px 0 0;

text-align:right;

}



.p_discount{font-size:10px; color:#a45239; float:right; clear:both; background: url('images/pricescratch.png') no-repeat right center; width:100%;}

.p_price{font-size:24px; color:#8ea842; line-height:22px; float:right; clear:both; width:100%;}

.p_pricevat{font-size:10px; color:#aaa; float:right; clear:both; width:100%;}



.p_addbox

{

float:right;

display:inline-block;

width:101px;

margin-right:6px;

}

.p_avai{font-size:10px; text-align:right; float:right; margin:4px 6px 0 0; color:#8ea842;}

.unavailable{color:#a45239;}

.limited{color:#c90;}



.p_buybtn{width:100%; height:30px; font-size:16px; padding-top:3px;}



.p_buytxt, #infotop a{position:relative; color:#fff; width:100px; height:20px; display:block; text-decoration:none; font-weight:bold;}
input.p_buybtn{text-indent:30px; color:#fff; font-weight:bold; width:104px; cursor:pointer;}
.p_buytxt span, #infotop li a span { position:absolute; display:block; top:6px; left:35px; _top:7px; _left:40px; filter: Shadow(Color=#768144,Direction=155,Strength=3); cursor:pointer;}
.p_buytxt:before,  #infotop li a:before { display:block; padding: 8px 0 0 37px; content: attr(title); color:#768144;} 



#infotop a {height:39px;}

#infotop li a span {left:20px; top:0; filter: Shadow(Color=#7a4939,Direction=155,Strength=3);}

#infotop li a:before {position:absolute; padding:2px 0 0 22px; color:#7a4939;}

.sqbutton, .sqanchor { font-size:10px; background-color:#ab6855;padding:4px 3px 3px 3px; float:left; color:#fff5eb; border:none; display:block; }

.sqanchor { margin-top:5px; text-align:center; border:1px solid #662e1e; }

.p_pricevat

{

color:#aaa;

font-size:10px;

}



div#pdet_main

{

float:right;
width:480px;
margin-right:10px;

}



#pdet_main p

{
line-height:18px;
}



div#pdet_left

{
float:left;
width:240px;
}



.checkout_list

{

width:100%;

border-right:1px solid #aaa;

border-bottom: 1px solid #aaa;

}



.checkout_list td

{

padding:4px;

border-left:1px solid #aaa;

border-top:1px solid #aaa;

vertical-align:middle;

text-align:right;

}



.checkout_list th {background-color:#888; color:#fff; padding:4px;}


div#footer

{

float:left;

background:#ccc url('images/footerbg.jpg') no-repeat bottom left;

width: 960px;

height: 56px;

}



span#footlinks

{

margin: 13px 0 0 5px;

float:left;

font-size:10px;

}



#footlinks a {padding:0 10px;}

span#footcopy, #footcopy a{font-size:10px; color:#666666; text-decoration:none;}

span#footcopy{float:left; clear:left; margin: 10px 0 0 15px;}



ul.errlist{list-style-type: square;list-style-position: inside;width:930px;background-color: #f66;border:1px solid #f00;font-size:12px;color:#600;margin:0;padding:3px 3px 3px 8px;}
ul.errlist li{padding: 2px 0;}

div.errlist{float:left;background-color: #f66;border:1px solid #f00;font-size:12px;color:#600;margin:0;padding:5px; font-size:10px; width:730px;}


/* Administration interface style */

#nav_con

{

width:100%;

border: 1px solid #66c;

background-color:#ccc;

height:30px;

}



#nav, #nav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

	font-size:16px;

	line-height: 12px;

}

 

#nav a {

	display: block;

	width: 130px;

	padding:10px;

	text-decoration:none;

	color: #000;

}



#nav ul a:hover

{

background-color:#f00;

}



#nav li { /* all list items */

	float: left;

	border-right: 1px solid #999;

	width: 150px; /* width needed or else Opera goes nuts */

}

 

#nav li ul { /* second-level lists */

	position: absolute;

	background-color: #eee;

	border:1px solid #999;

	border-top: 1px solid #ccc;

	font-size:12px;

	line-height:12px;

	width: 150px;

	top:30px;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}



#nav li ul li{border-right:none;}

#nav li ul a{color:#a96855;}

#nav li ul a:hover{background-color:#a96855; color:#eee;}



#nav li ul ul { /* third-and-above-level lists */

	top:auto;

  margin: -32px 0 0 150px;

}

 

#nav li:hover ul ul, #nav li.sfhover ul ul {

	left: -999em;

}

 

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}

 

#head {float:left;padding:10px; border-bottom:1px solid #a96855; width:940px;}

#head h1{float:left;}

#head h1 a{color:#a76856;}

#head h2{clear:both;}



#content {

  float:left;

  padding:10px;

  width:940px;

}



.groupbox{float:left; clear:both; border: 1px solid #666; margin: 20px 0; padding:10px; width:920px;}

.field{float:left;margin-bottom:10px; line-height:18px;}

.field label{float:left; display: inline-block; width:120px; text-align:right; margin-right:5px;}

.field * {float:left;}

label small{text-align:right; float:right; width:100%; line-height:10px;}



#content h2 {float:left;color:#a76856; width:100%;clear:both;}

.groupbox h3 {float:left; clear:both;  margin-top:-18px; background-color:#fff;}

.tbl_block{padding:4px; border-right:1px solid #666; border-bottom: 1px solid #666;}
span.tbl_block, small.tbl_block{float:left; border-bottom:0;}
.tbl_block img{height:10px; width:10px; margin-right:3px;}      

.tbl_row1{background-color:#eee;}



.a_form {font-size:12px;}

.a_form td {padding:2px;}

select.small{font-size:10px;}

.tleft { text-align:left; }