html {
height: 101%;	
margin-bottom: 1px;}
	
body {
background: #ffffff url(backbar.jpg) repeat-x !important;
font: normal .85em Verdana, Arial, Helvetica, sans-serif;
color: #502c12 !important;
text-align: center;
padding: 0;
margin: 0;}
	
img {
border: none;}
	
a {
color: #80940a;
text-decoration: none;
font-weight: bold;
outline: none;}
	
a:hover {
color: #80940a;
text-decoration: underline;
font-weight: bold;
outline: none;}
	
h1 {
color: #80940a;
font: normal 26px Georgia, Georgia, serif;
margin: 0 0 10px 0;}
	
h2 {
color: #80940a;
font: normal 20px Verdana, Arial, sans-serif;
margin: 5px 0;}
	
h3 {
color: #c7612e;
font: normal 20px Verdana, Arial, sans-serif;}
	
h4 {
color: #404040;
font: normal 16px "Trebuchet MS", sans-serif;
margin: 5px 0;}
	
h5 {
color: #ffffff;
background-color: #c7612e;
font: normal 20px "Trebuchet MS", sans-serif;
margin: 5px 0;}
	
h6 {
color: #80940a;
font: bold 12px Verdana, "Trebuchet MS", sans-serif;
letter-spacing: 1px;
margin: 5px 0;}
	
hr {
background-color: #80940a;
color: #80940a;
height: 1px;
width: 100%;}
	
ul {
padding: 0;
margin: 0 0 20px 20px;
list-style: square;}
	
#wrapper {
text-align: left;
background-image: url('wrapper.jpg');
width: 960px;
margin: 0 auto;}

#header {
position: relative;
background-image: url('header.jpg');
height: 370px;}

#global {
position: absolute;
left: 305px;
width: 640px;
top: 85px;
z-index: 1;
color: #462e23;
text-align: left;
height: 36px;}

#global ul {
margin: 0;
padding: 0;
list-style-type: none;}

#global li {
display: inline;}
   
#global li a {
display: block;
text-align: center;
color: #462e23;
text-decoration: none;
font-weight: bold;
margin: 0;
line-height: 36px;
width: 127px;
float: right;
background: url("buttongroup.png") 0 0 no-repeat;}

#global li a:hover {
color: #462e23;
font-weight: bold;
text-decoration: none;
background: url("buttongroup.png") 0 0 no-repeat;
background-position: 0 -61px; }

#global p {
padding: 0;
margin: 0;}

#logoarea {
position: absolute;
z-index: 3;
left: 0;
top: 0;
height: 76px;
width: 960px;
text-align:center;
color: #ffffff;}

#topcontent {
position:absolute;
left: 15px;
top: 100px;
text-align: left;
z-index: 3;
color: #ffffff;
width: 300px;}

#topcontent a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-size: 1.1em !important;}
	
#topcontent a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: bold;
font-size: 1.1em !important;}

#topcontent h3 {
color: #462e23;
font: bold 16px Verdana, Arial, sans-serif;
font-style: italic;
text-align: center;}

#topcontent h4 {
color: #462e23;
font: bold 12px Verdana, Arial, sans-serif;
text-align: center;}

/* Slide Show */

#slideshow {
position:absolute;
top:140px;
left:329px;
height:215px;
width: 615px;}

#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
/* opacity:0.0;*/}

#slideshow IMG.active {
z-index:10;
/* opacity:1.0;*/}

#slideshow IMG.last-active {
z-index:9;}

#maincontent {
width: 635px;
float: right;
line-height: 1.6em;
margin: 10px;}

fieldset {
border: 1px solid #80940a;
padding: 5px;
margin: 10px 0;}

legend {
background-color: #ffffff;
color: #80940a;
font: bold 16px verdana, Arial, Helvetica, sans-serif;
letter-spacing: 2px;
padding: 2px 5px;
margin: 0 0 0 15px;}

#sidebar {
width: 275px;
float: left;
color: #000000;
line-height: 20px;
margin: 10px;
font-size: .85em !important;}
	
#sidebar a {
color: #80940a;
padding: 0 5px;
text-decoration: none;
font-weight: normal;
font-size: 1.1em !important;}
	
#sidebar a:hover {
color: #80940a;
text-decoration: underline;
font-weight: normal;
font-size: 1.1em !important;}

#sidebar ul {
margin: 0;
padding: 0;
list-style-type: none;}

#sidebar li {
display: block;
margin: 0;
padding: 0;}

#sidebar li a {
color: #80940a;
font-weight: bold;
font-variant: small-caps;
text-decoration: none;
font-size: 1.1em !important;}

#sidebar li a:hover {
color: #202020;
font-weight: bold;
font-variant: small-caps;
text-decoration: underline;
font-size: 1.1em !important;}

#sidebar a {
color: #80940a;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}

#sidebar a:hover {
color: #404040;
text-decoration: underline;
font-weight: bold;}

#sidebar h5 {
color: #80940a;
font: normal 16px "Comic Sans MS", "Trebuchet MS", sans-serif;}

.categories {
margin: 10px 0 0 10px;}

.categories a {
display: block;
padding: 5px 0;}

#footer {
clear: both;
height: 75px;
color: #362f2d;
background: #ffffff url('footer.jpg') no-repeat;	
text-align: center;
letter-spacing: 2px;
font-size: 75%;
line-height: 1.8em;
padding: 25px 20px 0 20px;}
	
#footer p {
padding: 0;
margin: 0;}
	
#footer a {
color: #362f2d;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}
	
#footer a:hover {
color: #362f2d;
text-decoration: underline;
font-weight: bold;}

/* CATALOG DISPLAY TABLE */
table {
padding: 0px;
border-collapse: collapse;
border: none !important;
font-size: 100%;
width: 100%;}

.featured {
padding: 0;
border-collapse: collapse;
margin: 0;
font-size: 100%;
width: 100%;}

.featured img {
padding: 2px;
border: 1px #808080 solid;}
	
.catalogfive {
/*five columns*/
padding: 5px;
text-align: center;
vertical-align: top;
width: 20%;}

/* This sets the add to cart buttons */

.addToCartBtn {
color: #ffffff !important;
font-size: 12px !important;
font-weight: bold;
width:110px;
background-color: #80940a !important;
padding: 0;
border: 3px #808080 double;}

.addedToCart {
background-color:#f0f0f0 !important;
border:2px solid #80940a !important;
margin-bottom:15px;
color:#333333;}

/* This sets the added to cart background color to version v9.3.1*/

.added_to_cart {
background-color:#f0f0f0 !important;
border:1px solid #80940a !important;}
	
/* BUTTONS
----------------------------------------------- */
/******* ACTION BUTTON *******/
 
/* Both browsers apply these styles to the action button */
.actn_button_color {
 border:3px double #c7612e !important; /*recolor to match template light color*/
 background-color:#80940a !important;
 cursor:pointer;
 white-space:nowrap;
 padding:2px 3px 2px 3px;
 font-family:Arial, Helvetica, sans-serif;
 color:#202020;
 font-size:12px;
 font-weight:bold;
 text-align:center
}
/* IE uses the filter for the blend */
.actn_button_color {
 * filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#80940a';)
 }
/* FireFox uses a background color and white gradient image for the blend */
html>body .actn_button_color {
 background: #80940a url("<ss:value source="$system.styleImage['white_gradient.png']"/>") repeat-x top;
}
/******* BEGIN FIREFOX HOVER FOR ACTION BUTTON *******/
.actn_button_color.actn_button:hover {
 border:3px double #80940a; /*recolor to match template dark color*/
 color:#202020;
 background: #80940a url("<ss:value source="$system.styleImage['white_gradient.png']"/>") repeat-x top;
} 
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/
 
/******* REGULAR BUTTON *******/
/* Both browsers apply these styles to the regular button */
.button_color {
 border:3px double #c7612e; /*recolor to match template light color*/
 cursor:pointer;
 background-color:#80940a !important;
 white-space:nowrap;
 padding:2px 3px 2px 3px;
 font-family:Arial, Helvetica, sans-serif;
 color:#202020;
 font-size:12px;
 font-weight:bold;
 text-align:center
}
/* IE uses the filter for the blend */
.button_color {
 * filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#80940a';)
}
/* FireFox uses the background-color and white gradient image for the blend */
html>body .button_color {
 background: #80940a url("<ss:value source="$system.styleImage['white_gradient.png']"/>") repeat-x top;
}
/******* BEGIN FIREFOX HOVER FOR REGULAR BUTTON *******/
.button_color.button:hover {
 border:3px double #80940a; /*recolor to match template dark color*/
 color:#202020;
 background: #c9c9c9 url("<ss:value source="$system.styleImage['white_gradient.png']"/>") repeat-x top;
}
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/

.tab_on {
color:#ffffff !important;
font-weight: bold !important;
background-color: #80940a !important;}

.tab_off {
background-color: #c7612e !important;
color:#ffffff !important;}	

.detaildesc {
border-top:4px solid #e5e5e5;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;	
border-bottom:2px solid #e5e5e5;
padding:5px;
margin-bottom:10px;
line-height: 1.6em;
width:99%;
text-align:left;}
		
.clear {
clear: both;}
	
.center {
text-align: center;}	
		
.imageleft {
margin: 0 10px 0 0;
float: left;
border: 3px double #c0c0c0;}
	
.imageright {
margin: 0 0 0 10px;
float: right;
border: 3px double #c0c0c0;}
	
.imageleft-noborder {
margin: 0 10px 0 0;
float: left;}

.imageright-noborder {
margin: 0 0 0 10px;
float: right;}

.tiny {
font-size: 10px;}