body {
background: url(../images/site-bg.jpg) no-repeat center top #0e0e16;
font: Normal 12px/16px Arial;
color: #4e0c0c;
}

/*Reset Styles*/
img, div{ behavior: url("media/iepngfix.htc") }

body, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tr, td, img {
margin:0;
padding:0;
border:0;
}

input[type=text] { 
border: 1px solid #F7CBCB;
margin: 4px 0;
} 

input.text { 
border: 1px solid #F7CBCB;
margin: 4px 0;
} 


:focus{ outline: none;}
.clear { clear:both;}
.left { float:left;}
.right { float:right;}

h1, h2, h3, h4, h5, h6{
	padding: 20px 20px 6px 2px;
	font-weight: Normal;
	clear: both;
	line-height: 20px;
	color: #980000;
}

h1{font-size: 24px;}
h2{font-size: 22px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 16px; font-weight: bold;}
h6{font-size: 14px; font-weight: bold;}

p{
	padding: 8px 20px 7px 2px;
	clear: both;
}

ul{
	padding: 12px 0 10px 26px;
	list-style: square;
}

ul li{
	padding: 0 0 3px 14px;
}

a:link, a:active, a:visited
	{
	color: #a70101;
	text-decoration: underline;
}

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

/* Wrapper =========================================== */
#wrapper{
	width: 976px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 50px 0;
}

#header{
	width: 976px;
	float: left;
	height: 142px;
	padding: 0 0 17px 0;
}

#header ul{
	width: 710px;
	float: right;
	padding: 0 20px 0 0;
	list-style-type: none;
}

#header ul li{
	float: left;
	padding: 100px 15px 0 0;
	float: right;
}

/* Normal button style starts ============*/
a.g-btn:link, a.g-btn:visited, a.g-btn:active{
	background: url(../images/gold-btn-left-part.jpg) no-repeat left top;
	float: left;
	text-decoration: none;
	font: bold 13px Arial;
	color: #fff;
}

a.g-btn:hover{
	color: #990000;
	cursor: pointer;
}

a.g-btn:link span, a.g-btn:visited span, a.g-btn:active span{
	background: url(../images/gold-btn-right-part.jpg) no-repeat right top;
	padding: 4px 15px 6px 15px;
	float: left;
}
/* Normal button style ends ============*/



/* Input button style starts ============*/
span.input-btn{
	background: url(../images/gold-btn-left-part.jpg) no-repeat left top;
	float: left;
}

span.input-btn input{
	background: url(../images/gold-btn-right-part.jpg) no-repeat right top;
	font: bold 13px Arial;
	color: #fff;
	padding: 3px 15px 7px 15px;
}

span.input-btn input:hover{
	color: #990000;
	cursor: pointer;
}
/* Input button style ends ============*/

/* Input button2 style starts ============*/
span.input-btn2{
	background: url(../images/gold-btn-left-part2.jpg) no-repeat left top;
	float: left;
}

span.input-btn2 input{
	background: url(../images/gold-btn-right-part2.jpg) no-repeat right top;
	font: bold 13px Arial;
	color: #fff;
	padding: 3px 15px 7px 15px;
}

span.input-btn2 input:hover{
	color: #990000;
	cursor: pointer;
}

.spacing{
	float: right !important;
	margin: 5px 25px 0 0;
}
/* Input button2 style ends ============*/

.logo{
	position: absolute;
	left: -17px;
	top: 15px;
}

.logo-part{
	position: absolute;
	left: -5px;
	top: 158px;
}

/* Main Container =========================================== */
#main-container{
	background: url(../images/page-bg.jpg) repeat-y left top;
	float: left;
	width: 976px;
	border-bottom: 8px solid #6a6454;
}

ul.main-nav{
	background: url(../images/main-nav.jpg) repeat-y left top;
	width: 932px;
	margin: 0 0 0 8px;
	display: inline;
	float: left;
	padding: 0 0 0 36px;
	list-style-type: none;
}

ul.main-nav li{
	float: left;
	padding: 0;
	font: normal 12px Arial;
	color: #1e243c;
	padding: 9px 19px 16px 19px;
	text-transform: uppercase;
}

ul.main-nav li.right-list{
	float: right;
	background: url(../images/main-nav-sep.jpg) no-repeat right 10px;
}

ul.main-nav li.more-margin{ margin-right: 70px;}

ul.main-nav li a:link, ul.main-nav li a:visited, ul.main-nav li a:active{
	font: bold 12px Arial;
	color: #1e243c;
	text-decoration: none;
}

ul.main-nav li a:hover{
	color: #980000;
	border-bottom: 1px dotted #980000;
}

/* Content =========================================== */
#content{
	width: 929px;
	float: left;
	margin: 9px 0 0 24px;
	display: inline;
	background: url(../images/content-bg1px.jpg) repeat-y left top;
}

/* ============ Left panel ============ */
#left-panel{
	width: 256px;
	float: left;
	margin: 16px 0 20px 1px;
	display: inline;
	background: url(../images/left-panel-bg.jpg) repeat-y left top;
}

#left-panel h2{
	font: bold 16px Arial;
	color: #d9b958;
	padding: 0;
	margin: 4px 0 0 0;
	float: left;
	width: 256px;
	background: url(../images/heading-top-bg.gif) no-repeat left top;
}

#left-panel h2 span{
	float: left;
	padding: 18px 12px 4px 44px;
	background: url(../images/heading-bull.jpg) no-repeat 7px top;
}

#left-panel form{
	width: 256px;
	float: left;
	background: #980000;
	position: relative;
	margin: 0 0 4px 0;
}

#left-panel form input{
	width: 146px;
	height: 22px;
	padding: 8px 8px 0 8px;
	background: url(../images/input-box-bg.jpg) repeat-x left top;
	font: italic normal 12px Arial;
	color: #231f20;
	float: left;
	margin: 10px 0 0 10px;
}

#left-panel form input.go-btn{
	background: none;
	width: 47px;
	height: 30px;
	float: left;
	padding: 0;
	margin: 10px 0 0 2px;
}

.form-sep{
	float: left;
	margin: 8px 0 0 0;
}

#left-panel form select.styled {
	opacity: 0;
	position: relative;
	width: 211px;
	height: 30px;
	float: left;
	margin: 9px 0 0 10px;
	font: italic normal 12px Arial;
	color: #4e0c0c;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#left-panel form select.styled {
	margin: 19px 0 0 10px
}
}

.select {
	background: url(../images/select-bg.jpg) no-repeat left top;
	height: 22px;
	padding: 8px 8px 0 8px;
	position: absolute;
	width: 195px;
	left: 10px;
	top: 57px;
	font: italic normal 12px Arial;
	color: #4e0c0c;
}

#left-panel ul{
	list-style-type: none;
	float: left;
	width: 246px;
	padding: 5px 10px 5px 0;
}

#left-panel ul li{
	padding: 1px 0 2px 24px;
	background: url(../images/left-list-sep.jpg) no-repeat left bottom;
	font: bold 12px Arial;
	color: #353325;
	float: left;
}

#left-panel ul li a:link, #left-panel ul li a:visited, #left-panel ul li a:active{
	text-decoration: none;
	background: url(../images/left-list-bull.jpg) no-repeat left 3px;
	padding: 0 0 0 14px;
	color: #353325;
	float: left;
	width: 196px;
}

#left-panel ul li a:hover{
	color: #980000;
	background: url(../images/left-list-bull-hover.jpg) no-repeat 2px 3px;
}

/* ============ Right panel ============ */
#right-panel{
	width: 652px;
	float: right;
	margin: 16px 1px 0 0;
}

ul.cat-box{
	list-style-type: none;
	padding: 21px 0 0 0;
}

ul.cat-box li{
	width: 201px;
	float: left;
	margin: 0 16px 17px 0;
	padding: 0;
	background: url(../images/cat-box-bg.jpg) repeat-y left top;
	position: relative;
	display: inline;
}

ul.cat-box li p{
	font: bold 13px Arial;
	color: #4e0c0c;
	padding: 2px 12px;
	text-align: center;
}

.sound-icon{
	float: right;
	margin: 4px 7px 0 0;
}

.note-icon{
	float: right;
	margin: 4px 3px 0 0;
}

ul.cat-box li form{
	width: 201px;
	float: left;
}

ul.cat-box li form select{
	width: 185px;
	margin: 8px 0 0 9px;
	font: normal 12px Arial;
	color: #4e0c0c;
}

ul.cat-box li form input.cart-btn{
	width: 72px;
	height: 22px;
	float: right;
	margin: 8px 7px 0 0;
}

ul.cat-box li em{
	font: normal 12px Arial;
	float: left;
	padding: 10px 10px 0 12px;
}

.cart-icon{
	float: right;
	margin: 8px 2px 0 0;
}





/* Footer =========================================== */
#footer{
	width: 910px;
	float: left;
	margin: 25px 0 0 8px;
	display: inline;
	padding: 35px 25px 0 25px;
	background: url(../images/footer-bg.jpg) repeat-x left top #4e4d44;
}

#footer ul{
	float: right;
	width: 280px;
	list-style-type: none;
	padding: 0;
}

#footer h3{
	font: bold 15px tahoma;
	color: #cbcbbd;
	padding: 0 0 10px 0;
}

#footer li{
	font: normal 12px Arial;
	color: #fff;
	padding: 0 0 0 54px;
}

#footer p.email{
	color: #fff;
	border-bottom: 1px solid #fff;
	padding: 12px 0 2px 0;
	text-align: right;
}

#footer p.email a:link, #footer p.email a:visited, #footer p.email a:active{
	text-decoration: none;
	color: #e1d5b4;
}

#footer p.email a:hover{
	border-top: 1px dotted #fff;
}

#footer p.copyright{
	color: #cbcbbd;
	padding: 5px 0;
}

/* Product Page styles =============================== */
.product-box{
	width: 634px;
	 float: left;
	 background: url(../images/product-box-bg.jpg) repeat-y left top;
	 margin: 20px 0 0 0;
}

.prod-img{
	float: left;
	margin: 8px 0 0 20px;
}

.right-product{
	width: 404px;
	float: right;
	margin: 0 1px 0 0;
	display: inline;
}

.right-product h3{
	background: url(../images/product-box-hed-bg-top.gif) no-repeat left top;
	padding: 8px 0 0 0;
	width: 381px;
	font: bold 15px Arial;
	color: #fff;
	margin: 7px 0 0 9px;
}

.right-product h3 b{
	padding: 0 10px;
}

.right-product ul{
	list-style-type: none;
	padding: 5px 0 5px 12px;
	clear: both;
}

.right-product ul li{
	font: bold 14px Arial;
	color: #353325;
	background: url(../images/product-box-list-bull.gif) no-repeat left 3px;
	padding: 2px 0 2px 17px;
}

.right-product form{
	width: 404px;
	float: left;
	padding: 12px 0;
	background: url(../images/product-box-form-bg.gif) repeat-y left top;
}

.right-product form label{
	float: left;
	font: bold 14px Arial;
	color: #353325;
	background: url(../images/product-box-list-bull2.gif) no-repeat left 3px;
	margin: 0 0 0 12px;
	padding: 0 10px 0 17px;
}

.right-product form select{
	font: normal 12px Arial;
	color: #4e0c0c;
	width: 185px;
	float: right;
	margin: 0 40px 0 0;
}

.right-product h5{
	font: bold 14px Arial;
	color: #353325;
	background: url(../images/product-box-list-bull.gif) no-repeat left 10px;
	margin: 0 0 0 12px;
	padding: 8px 10px 0 17px;
}

.right-product p{
	font: normal 11px Arial;
	color: #353325;
	padding: 7px 20px 5px 13px;
}

/* New pages styles 22 April 2010 */
.content-short{
	width: 889px;
	display: inline;
	float: left;
	margin: 9px 0 0 44px;
	background: url(../images/short-content-bg.jpg) repeat-y left top;	
}

.short-left-panel{
	width: 198px;
	padding: 64px 0 0 0;
	float: left;
	background: url(../images/water-mark1.jpg) no-repeat 10px 133px;
}

.pad-none{ padding: 0;}

ul.left-nav{
	float: left;
	width: 198px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background: url(../images/left-nav-sep.jpg) no-repeat 7px top;
}

ul.left-nav li{
	padding: 7px 11px;
	font: bold 12px Georgia;
	color: #bcaf93;
	float: right;
	width: 176px;
	text-align: right;
	text-transform: uppercase;
	background: url(../images/left-nav-sep.jpg) no-repeat 7px bottom;
}

ul.left-nav li a:link, ul.left-nav li a:visited, ul.left-nav li a:active{
	color: #bcaf93;
	text-decoration: none;
}

ul.left-nav li a:hover{ color: #fff;}

ul.left-nav li.nav-hed{ font: normal 18px Georgia;}

ul.sub-nav{
	width: 198px;
	float: left;
	padding: 32px 0 5px 0;
	list-style-type: none;
}

ul.sub-nav li{
	float: right;
	padding: 0 11px;
	text-align: right;
	width: 176px;
	font: normal 17px Georgia;
	color: #e3dfd3;
	text-transform: uppercase;
}

ul.sub-nav li a:link, ul.sub-nav li a:visited, ul.sub-nav li a:active{
	text-decoration: none;
	color: #e3dfd3;
}

ul.sub-nav li a:hover{ color: #ffdf84;}

.short-right-panel{
	width: 691px;
	float: left;
}

form.top-form{
	width: 686px;
	float: left;
	background: url(../images/top-form-bg.jpg) repeat-y left top;
}

form.top-form input.find-field{
	width: 528px;
	float: left;
	margin: 0 0 0 65px;
	display: inline;
	height: 18px;
	border: 1px solid #49546e;
}

form.top-form input.find-btn{
	float: right;
	padding: 1px 12px;
	*padding: 1px 8px;
	cursor: pointer;
	font: bold 11px Arial;
	margin: 0 30px 0 0;
	background: url(../images/find-brn-bg.jpg) repeat-x left top;
}

form.top-form label{
	width: 600px;
	float: left;
	margin: 0 0 0 65px;
	display: inline;
	padding: 4px 0 3px 0;
	color: #fff;
	font: normal 10px verdana;
}

.paper{
	width: 444px;
	float: left;
	background: url(../images/paper-bg.jpg) repeat-y left top;
}

.paper h1{
	padding: 15px 36px 14px 40px;
	font: normal 34px Georgia;
	text-transform: uppercase;
}

.book1{
	float: left;
	margin: 0 0 0 72px;
}

.paper p.description{
	font: normal 10px verdana;
	color: #6a6454;
	margin: 0 0 0 31px;
	padding: 0;
}

.paper p.description a:link, .paper p.description a:visited, .paper p.description a:active{
	text-decoration: none;
	color: #6a6454;
}

.paper p.description a:hover{ color: #A70101; text-decoration: underline;}

.paper p.description img{ float: left; margin: 0 17px 0 0;}

.paper p.description span{
	font: normal 16px Georgia;
	color: #520c0a;
	text-transform: uppercase;
}

.paper p.description strong{
	font: normal 32px Georgia;
	color: #520c0a;
	text-transform: uppercase;
}

.paper p.description i{
	font-style: normal;
	float: right;
	padding: 0 60px 0 0;
}

.items{
	float: left;
	width: 230px;
	padding: 25px 0 0 0;
}

.items h3{
	padding: 0 0 10px 0;
	background: url(../images/double-bdr.jpg) no-repeat left bottom;
	font: normal 17px Georgia;
	text-transform: uppercase;
	text-align: center;
}

.items img.smallbook1{
	float: left;
	margin: 6px 0 0 30px;
}

.items img.smallimg{
	float: left;
	margin: 6px 0 0 9px;
}

.items p{
	font: normal 10px verdana;
	color: #6a6454;
	padding: 0 15px 20px 15px;
}

.items p.xtra-pad{ padding-top: 10px;}

.specials{
	width: 618px;
	float: left;
	background: url(../images/bieg-bg.jpg) no-repeat left top;
	padding: 28px 40px 11px 27px
}

.specials h1{
	color: #6a6454;
	padding: 0 0 5px 0;
	font: normal 34px Georgia;
	text-transform: uppercase;
}

.specials p{
	width: 220px;
	color: #6a6454;
	font: normal 10px verdana;
	padding: 8px 0 8px 40px;
	float: left;
}

.specials p.special-hed{
	font: bold 14px Georgia;
	color: #26263e;
	padding: 0 0 0 25px;
}

.special-book{
	float: right;
	margin: -20px 0 0 0;
}

ul.by-key{
	width: 188px;
	float: left;
	padding: 0;
	margin: 0 0 0 7px;
	display: inline;
	list-style-type: none;
}

ul.by-key li{
	float: left;
	width: 166px;
	background: #c6baa0;
	border-bottom: 2px solid #d0c7b3;
	padding: 1px 11px;
	font: bold 14px Georgia;
	color: #27273f;
}

ul.by-key li.key-hed{
	background: #27273f;
	color: #bcaf93;
	font-size: 16px;
	padding: 7px 11px;
}

ul.by-key li a:link, ul.by-key li a:visited, ul.by-key li a:active{
	color: #27273f;
	text-decoration: none;
}

ul.by-key li a:hover{ color: #fff;}

.browse{
	width: 660px;
	float: left;
	margin: 0 0 150px 10px;
	display: inline;
}

.extra-margin{ margin-top: 25px !important;}

.browse div{
	width: 658px;
	float: left;
	padding: 0 0 18px 0;
	margin: 12px 0 0 0;
	border: 1px solid #dedfda;
}

.browse div h6{
	font: normal 11px Arial;
	color: #851e25;
	padding: 3px 9px;
	background: url(../images/browse-products-hed-bg.jpg) repeat-x left top;
}

.browse div h6 span{
	background: url(../images/grove-sep.jpg) no-repeat right top;
	padding: 0 10px 0 0;
}

.browse div h3{
	font: normal 22px Arial;
	color: #6e685e;
	padding: 20px 26px 15px 40px;
}

.browse div h3.hed3{
	float: left;
	padding: 20px 26px 0 28px;
}

ul.pageno{
	float: right;
	padding: 0;
	list-style-type: none;
	padding: 0 26px 0 0;
}

ul.pageno li{
	padding: 0;
	clear: both;
}

.page-num{
	float: right;
	font: normal 22px Arial;
	color: #6e685e;
	padding: 20px 6px 2px 0;
}

ul.pageno li strong{
	font: normal 12px Arial;
	color: #938c5f;
	width: 110px;
	height: 23px;
	padding: 7px 0 0 0;
	background: url(../images/sample-btn-bg.jpg) no-repeat left top;
	text-align: center;
	float: right;
}

ul.pageno li strong a:link, ul.pageno li strong a:visited, ul.pageno li strong a:active{ color: #938c5f; text-decoration: none;}
ul.pageno li strong a:hover{ color: #5a0606;}

.browse div h3 span{
	text-transform: uppercase;
	font: normal 12px Arial;
	color: #7f7f7f;
	float: left;
	padding: 8px 0 8px 15px;
}

.browse div p{
	padding: 0 40px 20px 29px;
	color: #666;
}

.browse div table{
	margin: 0 0 0 29px;
	color: #000;
}

.browse div table td.single-sep{
	background: url(../images/td-sep.jpg) no-repeat right 1px;
	border-bottom: 1px solid #aca899;
	padding: 0 0 3px 0;
}

.browse div table input{
	width: 25px;
	height: 18px;
	text-align: center;
	border: 1px solid #7f9db9;
}

span.browse-btns{
	width: 596px;
	float: left;
	margin: 6px 0 0 29px;
	display: inline;
}

span.browse-btns strong.left-float{
	float: left;
	margin: 0 12px 0 0;
}

span.browse-btns strong{
	background: url(../images/input-btn-left-bar.jpg) no-repeat left top;
	float: right;
	margin: 0 0 0 12px;
}

span.browse-btns input{
	background: url(../images/input-btn-right-bar.jpg) no-repeat right top;
	padding: 0 16px;
	*padding: 0 4px;
	height: 30px;
	color: #706c54;
	cursor: pointer;
	border:medium none;
}

span.browse-btns input:hover{ color: #520c0a;}
span.browse-btns a:link, a:visited, a:active{
		text-decoration: none;
}
span.browse-btns input.more-input{ color: #999275;}
span.browse-btns input.more-input:hover{ color: #520c0a;}

.white-bg{
	background: url(../images/bg-2.jpg) repeat-y left top;
}

.inner-left{
	background: url(../images/inner-left-bg.jpg) repeat-y left top;
	float: left;
	width: 198px;
	padding: 0 0 230px 0;
}

.right-float{
	float: right;
}

form.top-form2{
	width: 660px;
	float: left;
	padding: 10px 0 5px 0;
}

form.top-form2 input.field-find{
	float: right;
	width: 334px;
	height: 18px;
	border: 1px solid #7f9db9;
	font: normal 11px Arial;
	padding: 0 0 0 4px;
}

form.top-form2 input.find-btn2{
	float: right;
	margin: 0 0 0 6px;
	width: 67px;
	height: 22px;
	text-align: center;
	background: url(../images/default-btn.jpg) no-repeat left top;
	cursor: pointer;
}