body
{
background-color:#6F605A;
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0px auto auto auto;
color:#000000;
}
a, a:active, a:after, a:visited{
color:#553e1b;
text-decoration:underline;
}
a:hover{
color:#000000;
text-decoration:none;
}
.clear{
clear:both;
}
p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
}
p.details{
padding:5px 15px 5px 15px;
font-size:11px;
}
p.details_cart{
clear:both;
padding:25px 30px 5px 0px;
font-size:11px;
font-style:italic;
}
#no-wrap{
display:none;
font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size:9px;
text-align: center;
padding: 3 5 3 5;

}
#wrap{
width:900px;
height: auto;
margin:auto;
background-color:#FFFFFF;
}
.header{
width:900px;
height:181px;
background:url(images/header.jpg) no-repeat center;
}
.logo{
padding:10px 0 0 30px;
}
.contact_link{
	text-align:center;
}
.contact_link a{
	text-decoration:underline;
}
.contact_link a hover{
	text-decoration:none;
}
/*-----------------------------menu-------------------*/
#menu{
width:900px;
height:30px;
padding:40px 0 0 0;
text-align:center;
}
#menu span{
height:27px;
font-family:Tahoma;
text-decoration:none;
color:#fff;
font-size:11px;
line-height:25px;
}
/*----------------crumb_nav------------------*/
.crumb_nav{
padding:5px 0 10px 0px;
}
.crumb_nav a{
color:#990000;
}
span.red{
color:#990000;
}
.price{
font-size:14px;
padding:0 0 0 15px;
margin:2px 0 5px 0;
}
span.colors{
padding:2px 2px 0 2px;
}


/*------------------------------------center content--------------------*/
.center_content{
width:900px;
padding:0 0 0 0;
}
.left_content{
width:490px;
float:left;
padding:20px 0 20px 20px;
}
.right_content{
height:100%;
width:370px;
float:left;
padding:20px 0 20px 20px;
background:url(images/center_bg.gif) repeat-y -500px 0px;
}
.title{
color:#734633;
padding:0px;
float:left;
font-size:19px;
margin:10px 0 10px 0;
}
span.title_icon{
float:left;
padding:0 5px 0 0;
}
.prod_title{
color:#f8981d;
padding:5px 0 0 15px;
font-size:13px;
}
a.more{
font-style:italic;
color:#f8981d;
float:right;
text-decoration:none;
font-size:11px;
padding:0px 15px 0 0 ;
}
.about{
width:337px;
clear:both;
background:url(images/border.gif) no-repeat bottom center;
padding:0 0 35px 0;
}
.about2{
width:337px;
height:180px;
clear:both;
background:url(images/border.gif) no-repeat bottom center;
padding:8px 0 35px 0;
text-align: center;
}
img.right{
float:right;
padding:0 0 0 10px;
}
.right_box{
width:170px;
float:left;
padding:10px 0 0 0;
}

/*--------feat_prod_box-----------*/
.feat_prod_box{
padding:10px 0 10px 10px;
margin:0 20px 20px 0;
border-bottom:1px #b2b2b2 dashed;
clear:both;
}
.feat_prod_box_details{
padding:10px 0 10px 0;
margin:0 20px 10px 0;
clear:both;
}
.prod_img{
float:left;
padding:0 5px 0 0;
text-align:center;
}
.prod_det_box{
width:295px;
float:left;
padding:0 0 0 25px;
position:relative;
}
.box_top{
width:295px;
height:9px;
background:url(images/box_top.gif) no-repeat center bottom;
}
.box_center{
width:295px;
height:auto;
background:url(images/box_center.gif) repeat-y center;
}
.box_bottom{
width:295px;
height:9px;
background:url(images/box_bottom.gif) no-repeat center top;
}

.new_prod_box{
float:left;
text-align:center;
padding:10px;
}
.new_prod_box a{
padding:5px 0 5px 0;
color:#b5b5b6;
text-decoration:none;
display:block;
}
.new_prod_bg{
width:132px;
height:119px;
text-align:center;
background:url(images/new_prod_box.gif) no-repeat center;
position:relative;
}
.new_icon{
position:absolute;
top:0px;
right:0px;
z-index:200;
}
.special_icon{
position:absolute;
top:0px;
_top:6px;
right:2px;
z-index:250;
}
img.thumb{
padding:10px 0 0 0;
}
.new_products{
clear:both;
padding:0px;
}

ul.list{
clear:both;
padding:10px 0 0 20px;
margin:0px;
}
ul.list li{
list-style:none;
padding:2px 0 2px 0;
}
ul.list li a{
list-style:none;
text-decoration:none;
color:#000000;
background:url(images/left_menu_bullet.gif) no-repeat left;
padding:0 0 0 17px;
}
ul.list li a:hover{
text-decoration:underline;
}
ul.list2 li {
list-style:none;
text-decoration:none;
color:#000000;
background:url(images/left_menu_bullet.gif) no-repeat left;
padding:0 0 0 17px;
}
ul.list2 li a:hover{
text-decoration:underline;
}

/* demo */

div.demolayout {
width:460px;
margin: 0 0 20px 0;
}

ul.demolayout {
list-style-type: none;
float: left;
margin:0px;
padding:0px;
}

ul.demolayout li {
margin: 0 10px 0 0;
float: left;
}
.tab{
border:1px #DFDFDF solid;
padding:0 0 25px 0;
}
ul.demolayout a {
float: left;
display: block;
padding: 5px 25px;
border: 1px solid #DFDFDF;
border-bottom: 0;
color: #666;
background: #eee;
text-decoration: none;
font-weight: bold;
}

ul.demolayout a:hover {
background: #fff;
}

ul.demolayout a.active {
background: #fff;
padding-bottom: 5px;
cursor: default;
color:#795636;
}

.tabs-container {
clear: left;
padding:0px;
}
/*-----------------------languages_box---------*/
/*------------------------cart---------------------*/
.head-enter{
width:337px;
float:left;
height:95px;
margin:10px 0 10px 0;
background:url(images/border.gif) no-repeat bottom center;
padding:0 0 30px 0;
text-align: center;
}
.head-enter p{ color:#553e1b; text-align:center; padding-top:5px; }
.head-enter2{
width:345px;
float:left;
height:160px;
margin:10px 0 10px 0;
background:url(images/border.gif) no-repeat bottom center;
padding:0 0 30px 0;
text-align: center;
}
.cart{
width:337px;
float:left;
height:40px;
margin:10px 0 10px 0;
background:url(images/border.gif) no-repeat bottom center;
padding:0 0 30px 0;
}
.home_cart_content{
float:left;
padding:3px;
border:1px #eeedee solid;
margin:10px 0 0 15px;
}
a.view_cart{
display:block;
float:left;
margin:12px 0 0 10px;
color:#990000;
}
/*---------------contact_form------------------*/
.contact_form{
width:355px;
float:left;
padding:25px;
margin:20px 0 0 15px;
_margin:20px 0 0 5px;
border:1px #DFD1D2 dashed;
position:relative;
}
.form_row{
width:335px;
_width:355px;
clear:both;
padding:10px 0 10px 0;
_padding:5px 0 5px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
input.register{
width:71px;
height:25px;
border:none;
cursor:pointer;
text-align:center;
float:right;
color:#FFFFFF;
background:url(images/register_bt.gif) no-repeat center;
}
a.contact{
width:53px;
height:24px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(images/contact_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:24px;
color:#fff;
}
a.checkout{
width:71px;
height:25px;
display:block;
float:right;
margin:10px 30px 0 10px;
background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;
}
a.continue{
width:71px;
height:25px;
display:block;
float:left;
margin:10px 0 0 0px;
background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;
}
.terms{
padding:0 0 0 80px;
}
.form_subtitle{
position:absolute;
top:-11px;
left:7px;
width:auto;
height:20px;
background-color:#795636;
text-align:center;
padding:0 7px 0 7px;
color:#FFFFFF;
font-size:11px;
line-height:20px;
}
/*--------------cart_table-------------*/
.cart_table{
width:440px;
border:1px #CCCCCC solid;
text-align:center;
}
tr.cart_title{
background-color:#DFDFDF;
}
td{
padding:3px;
}
td.cart_total{
text-align:right;
padding:5px 15px 5px 0;
}
img.cart_thumb{
border:1px #b2b2b2 solid;
padding:2px;
}
/*--------------*/
div.pagination {
width:420px;
padding:5px;
margin:5px;
text-align:center;
float:left;
clear:both;
font-size:10px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #795636;
text-decoration: none; 
color: #795636;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #795636;
color: #fff;
background-color: #795636;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #795636;
font-weight: bold;
background-color: #795636;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}
/*---------------footer------------------------*/
.footer{
height:11px;
background:url(images/footer_bg.gif) no-repeat bottom;
}
.footer_links{
margin-left: 10px;
margin-right: 10px;
text-align: center;
font-family: Tahoma;
font-size: 10px;
color: #5e5e5e;
line-height:10px;
}
.footer_links a{
text-decoration:none;
padding:0 5px 0 5px;
color:#afaeaf;
}


#slider	{ width:460px; height:190px; overflow: hidden; position: relative; background-image:url(images/citation_back.gif); background-repeat:no-repeat;}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ width:460px; float:left; position:relative; }
.citation  { position:relative; padding-top:40px; font-family:"Times New Roman", Times, serif; font-style:italic; padding-left:15px; padding-right:15px; vertical-align:middle; color:#553e1b; font-size:20px; }
.slide p.legend   { text-align: right; font-size:11px; font-family:Tahoma; padding-right:20px;}
.slide img { visibility:hidden; display:none; }
#slider-stopper	{ position: absolute; top: 8px; right: 15px; color: #553e1b;
				padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #C6C6C6;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
font-family: Tahoma;
font-size: 11px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 190px;
border: 1px #666666 dashed;
background-color: #FFFFFF; 
height: 18px;
text-indent: 4px;
font-family: Tahoma;
font-size: 11px;
color: #553e1b;
}
.cssform select{ /*width of text boxes. IE6 does not understand this attribute*/
width: 290px;
border: 1px #666666 dashed;
background-color: #FFFFFF; 
height: 18px;
font-family: Tahoma;
font-size: 11px;
color: #553e1b;
}
.cssform textarea{
width: 290px;
height: 50px;
border: 1px #666666 dashed;
text-indent: 4px;
background-color: #FFFFFF; 
color: #553e1b;
font-family: Tahoma;
font-size: 11px;
}
.cssform .submit{
width: 90px;
height: 20px;
border: 1px #666666 solid;
background-color: #FFFFFF; 
color: #553e1b;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
}
.cssform .submit:hover{
border: 1px #553e1b solid;
color: #000000;
}
.formwait{
text-align:center;
color: #000000;
}
.img_pr_center{
border: 1px #C6C6C6 solid;
text-align: center;
}
.title_o{
color:#666666;
}
.citations2{
position: relative;
margin: 0 15px 10px 5px;
border: 1px #cec8be solid;
width: 420px;
height: 110px;
font-family: Tahoma;
font-size: 14px;
background-color: #FFFFFF;
background: url("images/back_page_citation2.jpg") bottom repeat-x;
text-align: center;
}
.citations2 div.text{
position:absolute;
top:50%;
left: 0;
height:60px;
margin-top:-33px;
text-align:justify;
margin-left: 6px;
margin-right: 6px;
}
.citations2 div.stars-box{
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
position:absolute;
top:2px;
left: 338px;;
}
.citations2 div.stars-cmt{
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
position:absolute;
top:4px;
left: 85px;;
color:#808080;
}
.citations{
position: relative;
margin: 0 15px 10px 5px;
border: 1px #cec8be solid;
width: 420px;
height: 110px;
font-family: Tahoma;
font-size: 14px;
background-color: #FFFFFF;
background: url("images/back_page_citation.jpg") bottom repeat-x;
text-align: center;
}
.citations div.text{
position:absolute;
top:50%;
left: 0;
height:60px;
margin-top:-33px;
text-align:justify;
margin-left: 6px;
margin-right: 6px;
}
.citations div.stars-box{
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
position:absolute;
top:2px;
left: 338px;;
}
.citations div.stars-cmt{
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
position:absolute;
top:4px;
left: 85px;;
color:#808080;
}
.oMini{
margin-left:1px;
margin-right:1px;
border: 1px #666666 solid;
}
.oMini:hover{
border: 1px #666666 dashed;
cursor:pointer;
}
#oMini{
padding-top:8px;
}
#oMini-Lgd{}
.l_img_center{
border: 1px #C6C6C6 solid;
text-align: center;
}
.l_center{
text-align: center;
}
.p_l_center{
text-align: center;
}
.paginationstyle{
text-align: center;
padding: 2px 0;
margin: 10px 0;
}
.paginationstyle select{
border: 1px solid #553e1b;
margin: 0 15px;
}
.paginationstyle a{
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: #553e1b;
background-color: white;
}
.paginationstyle a:hover, .paginationstyle a.selected{
color: #FFFFFF;
background-color: #553e1b;
}
.paginationstyle a.imglinks{
border: 0;
padding: 0;
}
.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}
.paginationstyle a.imglinks a:hover{
background: none;
}
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{
color: #FFFFFF;
background-color: #553e1b;
}
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
p.top_link{ text-align:center; }
#cssform2 { text-align:center; }
#cssform2 input[type="text"]{
width: 160px;
border: 1px #666666 solid;
background-color: #FFFFFF; 
height: 20px;
font-family: Tahoma;
font-size: 14px;
color: #553e1b;
vertical-align:middle;
}
#cssform2 .submit{
width: 140px;
height: 24px;
border: 1px #666666 solid;
background-color: #FFFFFF; 
color: #553e1b;
font-family: Tahoma;
font-size: 11px;
vertical-align:middle;
}
#cssform2 .submit:hover{
border: 1px #553e1b solid;
color: #000000;
}
fieldset.search {
	border: none;
	width: 244px;
	height:36px;
	margin: 0 auto;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #000000;
	font-size: 14px;
	width: 182px;
	height: 30px;
	padding: 8px 5px 0;
	background:url(images/search_bg.png) no-repeat left top;
	margin-right:3px;
}
.search input.box:focus {
	background:url(images/search_bg.png) no-repeat left -36px;
	outline: none;
}
.search button.btn {
	width: 48px;
	height: 36px;
	cursor: pointer;
	text-indent: -9999px;
	background:url(images/search_bg.png) no-repeat top right;	
}
.search button.btn:hover {
	background:url(images/search_bg.png) no-repeat bottom right;	
}
#src_wait{
	float:right;
	top:-40px;
}