body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin:0px;
	padding: 0;
	background-color: #C7C393;
	background-image: url(../images/bg_main.jpg);
	background-repeat: repeat;

}
html {
	font-size: 100%;
	font-family: Tahoma, verdana, sans-serif;
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}
.clearBoth {
	clear: both;
}

#banner{
	width:962px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 3px;
	
}
/* Header Styles ------------------------------------------------------------- */
.header_bg1{
	background-color: #E2D79F;
	background-image: url(../images/header_img1.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	height:180px;
}

#jssLogo {
	border: 0px;
	padding-top:0px;
	text-align:center;
}

#jssHeader {
	margin: 0;
	width: 100%;
	height: 208px;
	
}
.botomtext_logo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	clear: both;
	padding-left: 0px;
	margin-top: 3px;
	background-color:#EFEBCE;
	height:20px;
	text-align:center;
	padding-top:5px;
}
.tag_line{
	width:700px;
	height:20px;
	text-align:center;
	font-size:14px;
	color:#4C4C4C;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	background-color:#DDD597;
	padding-top:5px;

}


a.link_menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #473F37;
	text-decoration: none;
}
a.link_menu:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.text_25 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.text_40 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.text_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.text_12red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}


#content {
	
	width: 962px;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	margin-top:3px;
}

/* leftpart Styles ------------------------------------------------------------- */
#jssLeftMenu {
	float:left;
	display:inline;
	margin-right: 0px;
	padding-top:0px;
	width: 185px;

}
.jssMenuBox {
	position:relative;

}

.left_bgcolor {
	
	width:185px;
	
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;

	
}


.jssMenuBoxTitle {
	background-color: #EFEBCE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #473F37;
	text-decoration: none;
	height:22px;
	text-align:left;
	padding-top:4px;
	padding-left:10px;

}


.jssSectionList {
	margin: 0px;
	padding:0px;
	list-style:none;
	

}
.jssSectionList li{
	padding-left:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEBCE;
	height:22px;
	padding-top:5px;
	
}
.jssSectionList li:hover{
	background-color:#F8F7EF;

}	


.jssSectionList li a {
	color:#473F37;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
}
.jssSectionList li a:hover {
	color:#990000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
}


a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#483E00;
	text-decoration:none;
}
a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#990000;
	text-decoration:none;
}


#navlist {
	list-style-image: url(../images/best_icon.jpg);
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	padding-right:10px;
	padding-top:5px;
}

/* middletpart Styles ------------------------------------------------------------- */

#jssMainContent {
	float:left;
	margin-left: 6px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width:580px;

	
}
.midbox1{
	position:relative;
	background-image: url(../images/middle-body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
	padding-top:0px;
	
}
.bg_main_gray{
	background-color:#F4F2E6;
	border: 1px solid #C6BB7B;	
}

.middle_bgcolor {
	background-color: #d7d7d7;
}
.bgmid_bg{
	background-color: #d7d7d7;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left:8px;
	margin-right:6px;
	margin-top:1px;
	width:575px;
	
}

a.link_middle {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.link_middle:hover {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}


.arial_red19 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
.arial_37 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 37px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.arial_13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.middle_bglight {
	background-color: #d7d7d7;
}
.middle_whitecolor {
	background-color: #FFFFFF;
}
.arial_15bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.arial_18redbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	padding-top:10px;
	padding-bottom:5px;
}
.arial_12normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.arial_12redbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}


.middle_border {
	background-color: #646464;
	border: 1px solid #919191;
}
.text_midbox2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	padding-right: 10px;
	padding-left: 10px;
}

/* rightpart Styles ------------------------------------------------------------- */

#jssRightMenu {
	float:right;
	display:inline;
	margin-left: 0px;
	padding-top:0px;
	width: 185px;

	
	
}

#jssRightMenu p{
	margin:0px;
	padding:0px;

}


.jssRightMenuBoxTitle {
	background-color: #FCF9EE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #473F37;
	text-decoration: none;
	height:22px;
	text-align:left;
	padding-top:4px;
	padding-left:10px;

}
.right_bgcolor {

	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-color:#EFEBCE;
	padding-bottom:8px;
	color:#333333;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	


	
}

.login_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom:2px;
}
.login_button{
	padding-top: 0px;
	float:left;
	padding-left:5px;
}
.join_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align:center;
	padding-left: 3px;
	padding-right:8px;
	padding-top: 5px;
	padding-bottom:5px;
}
.textfield {
	height: 17px;
}

/* FOOTER Styles ------------------------------------------------------------- */

#jssFooter {
	margin: 0;
	width: 100%;
	clear: both;
	background-color:#C7BC7C;
	height:25px;
	color:#514720;
	
}
#jssFooterLinks {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;

}
a.link_footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #514720;
	text-decoration: none;
}
a.link_mail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
}
.footer_margin {
	padding-bottom: 5px;
}

a.link_footer:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #990000;
	text-decoration: none;
}
a.link_mail:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #510000;
	text-decoration: none;
}
.footer_repet {
	background-color: #f8f8f8;
	background-image: url(../images/footer-repet.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#product_main{
	width:150px;
	float:left;
	margin-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:15px;

}
.product_bg{
	background-color:#EFEBCE;
	text-align:center;
	width:150px;
	padding-top:5px;
	padding-bottom:5px;
	
}
.product_text_bg{
	text-align:center;
	width:150px;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(../images/mirror_bg.jpg);
	background-repeat: no-repeat;
	text-align:center;
	height:14px;
	background-position: top;
}
.product_img{
	width:140px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.product_right_text{
	padding-left:5px;
	float:left;
	color:#000000;
	font-weight:normal;
	padding-right:2px;
	width:137px;
	text-align:left;
}

.product_title {
	color:#000000;
	font-weight:bold;
	font-size:14px;
	padding-top:10px;
	height:40px;
	
}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding: 2px;
	margin-bottom: 5px;
	margin-top: 5px;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333333; 
	border-bottom: 1px solid #666666;
	padding: 3px;
	margin-bottom: 10px;
	margin-top: 2px;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
}

.jsssectionList ul{
	margin-left:0px;
	
}

li{
	margin-top:-1px;
	margin-left:2px;
	padding-right:2px;
	padding-bottom:0px;
	padding:0px;
}


.pages-container {
	top: 0px;
	padding: 1px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 0.6em;
	text-align: right;
}

/* HELP: Basic list formatting for the paging links, including previous and next links */
.pages-list {
	margin-left: 0px;
	padding-left: 0px;
	white-space: nowrap;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

.pages-list li {
	color: #000000;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin: 0px;
	margin-left: 1px;
	margin-right: 1px;
}

/* HELP: Display style for the page entry in the list that you are currently viewing */
.pages-list span { 
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px; 
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #000000;
}

/* HELP: Actual clickable link for page numbers and previous and next links */
.pages-list a { 
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px; 
	color: #FFFFFF;
	background-color: #666666;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #000000;
}


/* HELP: Clickable link style when mouse hovers over it<br/><br/> */
.pages-list a:hover {
	text-decoration: underline;
	color: #000000;
	background-color: #C5BA78;
}












#breadcrumb {
	font-size: 12px;
	width: 100%;
	margin-bottom: 10px;
}

/* HELP: Style for the breadcrumb links<br/><br/> */
#breadcrumb a {
	text-decoration: none;
}

/* HELP: Style for the breadcrumb links when the mouse hovers over them<br/><br/> */
#breadcrumb a:hover {
	text-decoration: none;
}


/* HELP: Style for the title of the breadcrumb trail shown within the breadcrumb div */
#breadcrumb-title {
	font-weight: normal;
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 3px;
	font-weight: bold;
}
















.product-single {
	clear: both; text-align: left;
	margin-left: auto; margin-right: auto;
	zoom: 1;
}

/* HELP: Used for the left hand column on product lists if you've selected to show two columns in the template options */
.product-column-left {
	width: 49%; float: left;
}

/* HELP: Used for the right hand column on product lists if you've selected to show two columns in the template options */
.product-column-right {
	width: 49%; float: right;
}

/* HELP: Container used if you have selected to show two columns for products in the template options */
.product-double {
	width: 100%; clear: both; text-align: left;
}

/* HELP: Additional formatting for product titles shown on section/search pages */
.section-product-title, .section-product-title a {
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
}

/* HELP: Gap between products if you have selected two columns for products in the template options */
.product-gap {
	width:2%; float: left;
}

/* HELP: Vertical separator been products on product listing pages, e.g. section pages */
.product-separator {
	clear: both; 
	border: 0px; 
	margin-bottom: 8px; 
	height: 1px;
	border-bottom: 1px solid #000000; 
	color: #000000;
}

/* HEADER: Other Product Styles */

/* HELP: Used to contain the product flags where ever they appear, e.g. section pages, product pages */
.product-flag-container {
	float: right; width: 70px; margin-left: 5px; padding: 3px;
}

/* HELP: Used to style each individual product flag when displayed<br/><br/> */
.product-flag {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #666666;
	color: #FFFFFF;
	margin-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	white-space: nowrap;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

/* HELP: Styling for the product image shown on the product page.<br/><br/> */
.product-image {
	border: 1px solid;
	float: left; margin-right: 10px;
	margin-bottom: 10px;
}

/* HELP: Container for add to basket, add to wishlist and more info links */
.links-container {
	font-weight: bold;
	margin: 3px;
}

/* HELP: Style for product links, e.g. add to wishlist and more info links */
.product-link {
	font-size: 12px;
	font-weight: bold;
	border: 0px;
	color: #FF0000;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: underline;
}

/* HELP: Style for product links, e.g. add to wishlist and more info links when mouse hovers over it */
.product-link:hover {
	color: #000000;
	text-decoration: underline;
}

/* HELP: Style for product add to cart buttons in your store<br/><br/> */
.product-add {
	font-size: 0.7em;
	font-weight: bold;
	background-color: #1a5bb0;
	color: #000000;
	padding: 2px;
	border: 1px solid #000000;
	cursor: pointer;
	height: 2em;
}

/* HELP: Style for product add to cart buttons in your store, when mouse hovers over them */
.product-add:hover {
	background-color: #f08100;
}

/* HELP: Overall container for the product extra fields section of the product pages */
.product-extra-fields {
	float: left; margin-left: 5px; text-align: left;
}

/* HEADER: Product Option Tables */

/* HELP: Overall container for the product options section of the product pages */
.product-options-container {
	float: right; width: 254px;
}

/* HELP: Container for the table used to display attribute combinations, option stock levels and price combinations on product page template */
.product-table-div {
	text-align: center;
}

/* HELP: Table used to display attribute combinations, option stock levels and price combinations */
.product-table {
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	width: 100%;
	border: 0px;
}

/* HELP: Caption shown about a product option table on the product page template */
.product-table caption {
	font-weight: bold;
	font-size: 0.70em;
	margin-left: auto;  margin-right: auto;
	text-align: right;
}

/* HELP: Header table cell for the product options table<br/><br/> */
.product-table th {
	font-weight: bold;
	font-size: 0.70em;
	background-color: #aaaaaa;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

/* HELP: Normal table cell for the product options table<br/><br/> */
.product-table td {
	font-weight: normal;
	font-size: 0.70em;
	background-color: #dddddd;
	padding: 2px;
	text-align: left;
}
