
/* General structure: */
body{
	margin: 0px;
	padding: 0px;
	background:#245a00;
	}
	
.page{
	position: relative;
	top: 0px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	/*background:#ffffff url('../images/bg-textarea.gif') repeat top left;*/
	}

.container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 980px;
	height:auto !important;
	float: left;
	background: url('../images/bg-textarea.gif') repeat-y top left;
	z-index: -1 !ie;
	}

.left-area {
	position: relative;
	top: 0px;
	left: 0px;
	width: 560px;
	float: left;
	padding: 0px 10px 0px 30px;
	z-index: -1 !ie;
	}

.right-area {
	position: relative;
	top: 0px;
	left: 0px;
	width: 330px;
	float: right;
	padding: 30px 20px 0px 0px;
	z-index: -1 !ie;
	}

/* Header styles */
.toplinks {
	position: relative;
	top: 0px;
	margin:10px 0px 20px 0px;
	float:right;
	width: 607px;
	height: 42px;
	background: url('../images/bg-topnav.png') no-repeat top left;
    }
 
.toplinks-content{
	font-family: Trebuchet MS;
	color: #adc69b;
	font-size: 12px;
	letter-spacing:1px;
	font-variant:small-caps;
	font-weight:bold;
	text-align: right;
	text-decoration: none;
	padding:20px 30px 5px 10px;
	} 
    
a.off {
	font-family: Trebuchet MS;
	color: #adc69b;
	font-size: 12px;
	letter-spacing:1px;
	font-variant:small-caps;
	font-weight:bold;
	text-align: right;
	text-decoration: none;
	}

a.off:hover {
	font-family: Trebuchet MS;
	color: #ffffff;
	font-size: 12px;
	letter-spacing:1px;
	font-variant:small-caps;
	font-weight:bold;
	text-align: right;
	text-decoration: none;
	}

a.on {
	font-family: Trebuchet MS;
	color: #ffffff;
	font-size: 12px;
	letter-spacing:1px;
	font-variant:small-caps;
	font-weight:bold;
	text-align: right;
	text-decoration: none;
	}

.login {
	font-family: Trebuchet MS;
	color: #adc69b;
	font-size: 12px;
	letter-spacing:1px;
	font-variant:small-caps;
	font-weight:bold;
	text-align: right;
	text-decoration: none;
	}

.login:hover {
	font-family: Trebuchet MS;
	color: #ffffff;
	font-size: 12px;
	letter-spacing:1px;
	font-variant:small-caps;
	font-weight:bold;
	text-align: right;
	text-decoration: none;
	}

.member {
	position: relative;
	display: block;
	float: left;
	padding:30px 0px 0px 50px;
	font-size: 13px;
	color: #adc69b;
	}
			
.header-area{
	position: relative;
	top: 0px;
	float: left;
	width: 980px;
	height: 340px;
	background:#ffffff url('../images/bg-header.gif') no-repeat top left;
	}
	
.header-img{
	position: relative;
	width: 920px;
	height: 320px;
	margin:5px 30px 5px 30px;
	background:#ffffff url('../images/header-home1.jpg') no-repeat top left;
	}
	
.header-logo img{
	position:absolute;
	margin:5px 0px 5px 5px;
	width: 370px;
	height: 220px;	
	text-decoration:none;
	border:none;
	}

/* Footer styles */
.footer-area{
	position: relative;
	top: 0px;
	float: left;
	width: 980px;
	height: 40px;
	background:#ffffff url('../images/bg-footer.gif') no-repeat top left;
	}
.footer-content{
	font-family: Trebuchet MS;
	color: #cccccc;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
	padding:50px 20px 20px 20px;
	}
.footer-links{
	float:right;
	font-family: Trebuchet MS;
	color: #cccccc;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	text-align: right;
	text-decoration: none;
	padding:0px 10px 20px 20px;
	}	
.footer-links a {
	font-family: Trebuchet MS;
	color: #cccccc;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	text-align: right;
	text-decoration: none;
	}

.footer-links a:hover {
	font-family: Trebuchet MS;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	text-align: right;
	text-decoration: underline;
	}	
	
/* Page styles */
.top-spacer{
	width: 300px;
	height: 30px;
	background:#ffffff url('../images/spacer.gif') no-repeat top right;
	}

.rednote {
	color: red;
	}	
	
div{
	font-family: Trebuchet MS;
	color: #533a28;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	}

p {
	font-family: Trebuchet MS;
	color: #533a28;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
	margin-bottom: 25px;
	}

i{
	font-family: 'Trebuchet MS';
	font-size: 12px;
	color: #904200;
	font-weight: bold; 
	line-height: 18px;
	text-decoration: none;
	margin-top: 28px;
	}

h1 {
	font-family:'Times New Roman';
	color: #914603;
	font-size: 36px;
	font-weight: normal;
	font-style:italic;
	line-height: 35px;
	text-align: left;
	letter-spacing: -1px;
	text-decoration: none;
	margin: 20px 0px 30px 0px;
	}

h2 {
	font-family:'Trebuchet MS';
	color: #f47f22;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 20px 0px;
	}
	
h3 {
	font-family:'Trebuchet MS';
	color: #f47f22;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	}	
	
h4 {
	font-family:'Trebuchet MS';
	color: #f47f22;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	}		
	
a.link {
	font-family: Trebuchet MS;
	color: #f47f22;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
	}
a.link:hover {
	font-family: Trebuchet MS;
	color: #f47f22;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	text-decoration: underline;
	}
		
a.button{
	width:140px;
	height:27px;
	border:none;
	text-decoration:none;
	}
a.button:hover{
	width:140px;
	height:27px;
	border:none;
	text-decoration:none;
	}		

a.link-big {
	font-family: Trebuchet MS;
	color: #f47f22;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
	}
a.link-big:hover {
	font-family: Trebuchet MS;
	color: #f47f22;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	text-decoration: underline;
	}

ul.olist {
	list-style: none;
	margin-top: 5px;
	}

.olist li {
	margin-left: -3px;
	margin-top:0px;
	padding: 0px;
	list-style-type:decimal;
	font-family: 'Trebuchet MS';
	font-size: 12px;
	font-weight: normal;
	line-height: 1.8em;
	color: #333333;
	}
	
.img-border{
	border: solid 1px #8dc30f;
	}
	
.content-selected{
	font-family: Trebuchet MS;
	color: #f47f22;
	font-size: 14px;
	}
	
/* Side Section styles */
.section-title-store{
	position: relative;
	width:330px;
	height:120px;
	margin-bottom:0px;
	text-align:center;
	background:#ffffff url('../images/logo-store.jpg') no-repeat top right;
	}
	
.section-store {
	margin: 0px 0px 0px 0px;
	top:0px;
	width:330px;
	height: 200px;
	float:right;
	background:#ffffff url('../images/bg-store.jpg') no-repeat top right;
	}
	
.store-content {
	padding: 20px 60px 0px 20px;
	font-family: Trebuchet MS;
	color: #533a28;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	text-decoration: none;	
	}

.section-title-news{
	position: relative;
	width:330px;
	height:100px;
	margin-top:0px;
	text-align:center;
	border:0px;
	background:#ffffff url('../images/logo-news.jpg') no-repeat top right;
	}
		
.section-news {
	margin: 0px 0px 0px 0px;
	top:0px;
	width:330px;
	height:auto !important;
	float:right;
	background:#ffffff;
	}
	
.news-content {
	padding: 0px 20px 0px 20px;
	font-family: Trebuchet MS;
	color: #533a28;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	text-decoration: none;	
	}	

.search-spacer{
	position: relative;
	width:20px;
	height:3px;
	background: url('../images/spacer.gif') no-repeat top left;
	}
	
.section-title-search{
	position: relative;
	width:330px;
	height:120px;
	margin-bottom:0px;
	text-align:center;
	background:#ffffff url('../images/logo-search.jpg') no-repeat top right;
	}
	
.section-search {
	margin: 0px 0px 0px 0px;
	top:0px;
	width:330px;
	height: 160px;
	float:right;
	background:#ffffff url('../images/bg-search.jpg') no-repeat top right;
	}
	
.search-content {
	padding: 10px 60px 0px 20px;
	font-family: Trebuchet MS;
	color: #533a28;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	text-decoration: none;	
	}	
	
.section-title-krclub{
	position: relative;
	width:370px;
	height:120px;
	margin-bottom:0px;
	text-align:center;
	background:#ffffff url('../images/logo-krclub.jpg') no-repeat top right;
	}	
	
.section-title-calendar{
	position: relative;
	width:330px;
	height:120px;
	margin-bottom:0px;
	text-align:center;
	background:#ffffff url('../images/logo-calendar.jpg') no-repeat top right;
	}	

.section-title-ask{
	position: relative;
	width:330px;
	height:100px;
	margin-bottom:0px;
	text-align:center;
	background:#ffffff url('../images/logo-ask.jpg') no-repeat top right;
	}
.section-title-ask2{
	position: relative;
	width:313px;
	height:100px;
	margin-bottom:0px;
	text-align:center;
	background:#ffffff url('../images/logo-ask2.jpg') no-repeat top right;
	}	
.section-ask {
	margin: 0px 0px 0px 0px;
	top:0px;
	width:330px;
	height:auto !important;
	float:right;
	background:#ffffff;
	}
	
.ask-content {
	padding: 0px 20px 0px 20px;
	font-family: Trebuchet MS;
	color: #533a28;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	text-decoration: none;	
	}		

.checkout-billing {
	top:10px;
	left:20px;	
	margin-top: 10px;
	margin-left: 20px;
	background: url("../images/nav-checkout-bs.jpg") no-repeat top right;
	width: 500px;
	height: 60px;
	}
.checkout-payment {
	top:10px;
	left:20px;	
	margin-top: 10px;
	margin-left: 20px;
	background: url("../images/nav-checkout-pmt.jpg") no-repeat top right;
	width: 500px;
	height: 60px;
	}	

.checkout-review {
	top:10px;
	left:20px;	
	margin-top: 10px;
	margin-left: 20px;
	background: url("../images/nav-checkout-ro.jpg") no-repeat top right;
	width: 500px;
	height: 60px;
	}	

.checkout-confirm {
	top:10px;
	left:20px;	
	margin-top: 10px;
	margin-left: 20px;
	background: url("../images/nav-checkout-cnf.jpg") no-repeat top right;
	width: 500px;
	height: 60px;
	}
	
/* Breadcrumb Style */
.breadcrumb {
	font-family: 'Verdana';
	font-size: 11px;
	font-weight: normal;
	line-height: 1.5em;
	color: #588522;
	margin-bottom:20px;
	}
	
.breadcrumb a, .breadcrumb a:link, 
.breadcrumb a:visited{
	background: url("../images/breadcrumb-icon.gif") no-repeat center right;
	font-family: 'Verdana';
	font-size: 11px;
	color: #588522;
	text-decoration: none;
	padding-right: 10px;
	}
	
.breadcrumb a:hover, .breadcrumb a:active {
	font-size: 11px;
	text-decoration: underline;
	}
	
.breadcrumb a.last, .breadcrumb a.last:link, 
.breadcrumb a.last:visited {
	background: url("../images/spacer.gif") no-repeat center left;
	font-size: 11px;
	color: #8dc30f;
	text-decoration: none;
	padding-right: 10px;
	}
	
.breadcrumb a.last:hover, .breadcrumb a.last:active {
	font-size: 11px;
	text-decoration: underline;
	}	

/* --- Form Styles --- */

.form{
	margin: 30px;
	}
	
.errorText {
	padding:5px 5px 15px 0px;
	font-family: 'Trebuchet MS', Arial, Verdana;
	color: #e87806;
	font-size: 10pt;
	font-weight: bold;
	line-height: 14px;
	}
	
.form input.field{
	width: 207px;
	height:16px;
	border: 1px #999999 solid;
	font-family:Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}
	
.form .label{
	width: 207px;
	height:16px;
	border: 1px #999999 solid;
	font-family:Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}
	
.form input.promo{
	width: 207px;
	height:16px;
	border: 1px #999999 solid;
	font-family:Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	color:Red;
	}	

.form select.multiple {
	width: 194px;
	border: 1px #999999 solid;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}
.form select.dropdown {
	width: 210px;
	height:20px;
	border: solid 1px #999999;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}

.form textarea{
	width: 400px;
	height: 55px;
	border: solid 1px #999999;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}
	
	
input.quantity {
		width: 30px;
		margin-bottom: 0px;
		border: 1px #999999 solid;
		text-align:center;
		font:12px Trebuchet MS;
		color:#333333;
		}

.fieldset{
	border: none 0px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
.searchform{
	margin: 0px;
	}	
		
.searchform input.field{
	width: 177px;
	height:16px;
	border: 1px #999999 solid;
	font-family:Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}	
.searchform .lable{
	width: 177px;
	height:16px;
	border: 1px #999999 solid;
	font-family:Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}	
	
		
.searchform select.dropdown {
	width: 180px;
	height:20px;
	border: solid 1px #999999;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}
	
/* Buttons Styles */
.submit {
	width:140px;
	height:27px;
	border:none;
	text-decoration:none;
	text-align: center;
	background: url(../images/nav-submit.gif) no-repeat left top;
	}
.search {
	width:140px;
	height:27px;
	border:none;
	text-decoration:none;
	text-align: center;
	background: url(../images/nav-search.gif) no-repeat left top;
	}
.cart {
	width:130px;
	height:27px;
	border:none;
	text-decoration:none;
	text-align: center;
	background: url(../images/nav-cart.gif) no-repeat left top;
	}
.checkout {
	width:140px;
	height:27px;
	border:none;
	text-decoration:none;
	text-align: center;
	background: url(../images/nav-checkout.gif) no-repeat left top;
	}	
		
.store {
	width:140px;
	height:27px;
	border:none;
	text-decoration:none;
	text-align: center;
	background: url(../images/nav-store.gif) no-repeat left top;
	}		

.continue {
	width:140px;
	height:27px;
	border:none;
	text-decoration:none;
	text-align: center;
	background: url(../images/nav-continue.gif) no-repeat left top;
	}	
	
.verify {
	width:140px;
	height:27px;
	border:none;
	text-decoration:none;
	text-align: center;
	background: url(../images/nav-verify.gif) no-repeat left top;
	}	
	
.confirm {
	width:140px;
	height:27px;
	border:none;
	text-decoration:none;
	text-align: center;
	background: url(../images/nav-confirm.gif) no-repeat left top;
	}
		
.cancel {
	width:140px;
	height:27px;
	border:none;
	text-decoration:none;
	text-align: center;
	background: url(../images/nav-cancel.gif) no-repeat left top;
	}	
		
		
/* --- Shopping Cart Styles --- */

a.cart-green {
	font-family: 'Arial';
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	
	padding: 5px 7px 5px 7px;
	background-color: #525252;
	border: 1px #999999 solid;
	}
	
a.cart-green:hover {
	color: #ffffff;
	background-color: #e87806;
	text-decoration: none;
	}
		
a.cart-orange {
	font-family: 'Arial';
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	
	padding: 5px 7px 5px 7px;
	background-color: #e87806;
	border: 1px #999999 solid;
	}
	
a.cart-orange:hover {
	color: #ffffff;
	background-color: #525252;
	text-decoration: none;
	}

.cart-header{
    background: #ffffff url('../images/bg-cart-title.png') no-repeat top left;
    width:570px;
	height:35px;
	}
.cart-title{
	padding-left:10px;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:12px;
	left:5px;
	}	

.cart-spacer{
	width:15px;
	}	
	
.cart-item{
	/*background: #ececec;*/
	height: 25px;
	left:3px;
	border: solid 1px #ececec;
	}
	
.cart-footer{
	border-top: solid 2px #999999;
	height:35px;
	top:5px;
	padding-left:10px;
	color:#693d15;
	font-family:Tahoma;
	font-size:12px;
	left:5px;
	}
	
.cart-item-small{
	background: #ffffff;
	font:normal 11px Tahoma;
	}	
.cart-item-spec{
	background: #ffffff;
	font:normal 12px Tahoma;
	color:#e87806;
	}	
	
.cart-line-small{
	border-top:solid 2px #cccccc;
	}	

.cart-total{
	background: #cccccc;
	font:normal 11px Tahoma;
	}
.order-total{
	font-family: Tahoma;
	color: #e87806;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
	}	
		

/* Store Styles */
.inside-page-bar {
	position: relative;
	top: 0px;
	left: 0px;
	width: 605px;
	height: 26px;
	margin-bottom: 15px;
	margin-top: 6px;
	background-color: #388465;
	}

.catalog-area {
	position: relative;
	top: 0px;
	left: 0px;
	width: 600px;
	margin-bottom: 20px;
	margin-top: 0px;
	}

.inside-page-bar {
	position: relative;
	top: 0px;
	left: 0px;
	width: 605px;
	height: 26px;
	margin-bottom: 15px;
	margin-top: 6px;
	background-color: #388465;
	}
	
.catalog-page-bar {
	position: relative;
	top: 0px;
	left: 0px;
	width: 585px;
	height: 26px;
	padding-right: 20px;
	margin-bottom: 15px;
	/*background-color: #217801;*/
	background-color: #ffffff;
	text-align: right;
	}
	
	.catalog-page-bar a {
	font-family: 'Arial';
	color: #525252;
	font-size: 13px;
	font-weight: normal;
	line-height: 26px;
	text-decoration: none;
	}
	
.catalog-area {
	position: relative;
	top: 0px;
	left: 0px;
	width: 600px;
	margin-bottom: 20px;
	margin-top: 0px;
	}
	
.prod {
	position: relative;
	top: 0px;
	left: 0px;
	width: 195px;
	margin-bottom: 20px;
	padding-bottom: 20px !ie;
	float: left;
	
	font-family:Trebuchet MS;
	color: #533a28;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	text-decoration: none;
	}

.prod-content{
	display:block;
	width:175px;
	height:30px;
	font-family:Trebuchet MS;
	color: #533a28;
	font-size: 12px;
	font-weight: normal;
	line-height:14px;
	text-align:left;
	text-decoration: none;
	}

.prod-info {
	display:block;
	position:relative;
	padding-top: 10px;
	}
		
.prod img {
	padding: 10px;
	border: 1px #666666 solid;
	}
	
.prod img:hover {
	padding: 10px;
	border: 1px #e87806 solid;
	}
	
.price {
	font-family: Trebuchet MS;
	color: #e87806;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	text-decoration: none;
	}
	
.icon-new2{
	position: relative;
    background: url('../images/icon-new2.gif') no-repeat top left;
	width: 40px;
	height: 20px;
    font: bold 10px Arial;
    font-variant:small-caps;
    color: #ffffff;
	line-height: 16px;
	}
	
.icon-new{
    background-color: #F51D2D;
	width: 40px;
	height: 20px;
    font: bold 11px Arial;
    font-variant:small-caps;
    color: #ffffff;
	}
	
.col-pageLink-normal {
	padding: 0px 2px 0px 2px;
	color: #525252;
    font: 12px Arial;
    text-decoration: none;	
	}

.col-pageLink a{
	padding: 0px 3px 0px 3px;
	color: #525252;
    font: 12px Arial;
    text-decoration: none;	
	}
.col-pageLink a:hover{
    color: #525252;
    font: 12px Arial;
    text-decoration: underline;	
	}
.col-pageLink a:active{
	color: #525252;
	font: 14px Arial;
    text-decoration: underline;	
	}
.col-pageLink-active
{
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #ff9600;
	padding: 0px 3px 0px 3px;
	color: #ff9600;
	font: bold 14px Arial;
	text-decoration: none;
}

/* Facebox */
.afacebox-div{
	font-family: Trebuchet MS;
	color: #533a28;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	padding-bottom:10px;
	}
.popup-top{
	position:relative;
	margin-top:-20px;
	padding-bottom:5px;
	width:126px;
	height:59px;
	}

/* Mysc Styles */
.bar {
	position: relative;
	top: 0px;
	left: 23px;
	background:url('../images/bg-textarea.gif') repeat-y top left;
	}

.vertical-div {
	margin-top:0px;
	margin-left:15px;
	width:300px;
	height:11px;
	background: url("../images/vert-divider.gif") no-repeat center left;
	}	
.horizontal-div {
	position: relative;
	top:60px;
	left: 10px;
	width:7px;
	float: left;
	height:550px;
	background: url("../images/horiz-divider.gif") repeat top left;
	}

.horizontal-div2 {
	position: relative;
	top:60px;
	left: 10px;
	width:7px;
	float: left;
	height:700px;
	background: url("../images/horiz-divider.gif") repeat top left;
	}

.clear {
	clear: both;
	}