/*	-------------------------------------
		Site styles 
	------------------------------------- */
html {overflow: -moz-scrollbars-vertical;}
body {text-align: center; font-family: 'Arial'; font-size: 12px; background: #888a8d fixed url(../images/template/back.jpg) top left repeat-x;; margin: 20px 0; color: #000;}

* {margin: 0; padding: 0;}
h1 {font-size: 130%; margin: 0 0 10px 0;}
h2 {font-size: 120%; margin: 0 0 5px 0;}
h3 {font-size: 110%; margin: 0 0 3px 0;}
p {margin: 0 0 10px 0;}
img {border: 0;}
ul {}
.clearMe {display: block; clear: both; height: 0; font-size: 0;}
a {text-decoration: none; color: #a41f22;}
a:hover {color: #f8a422;}
.error {color: red;}

/*	-------------------------------------
		Template styles 
	------------------------------------- */
#jContainer {width: 923px; margin: 0 auto; text-align: left; background: url(../images/template/main_back.jpg) left top repeat-y;}
#jTop {width: 748px; float: right;}
#jTop .header {}
#jTop .header h1 {height: 116px; background: url(../images/template/header.gif) left top no-repeat; margin: 0;}
#jTop .header h1 span {display: none;}
#jTop .nav {background: url(../images/template/nav.gif) left top no-repeat; height: 61px; margin: 1px 0 0 0;}
#jTop .nav ul {list-style: none; margin: 0 0 0 10px;}
#jTop .nav li {float: left; display: block; margin: 6px 0 0 0;}
#jTop .nav a {color: #000; display: block; margin: 0 10px; height: 34px; text-decoration: none; padding: 15px 0 0 39px; background: url(../images/template/nav_li.png) left 50% no-repeat; white-space: nowrap;}
#jTop .nav a:hover {background: url(../images/template/nav_li_h.png) left 40% no-repeat;}
#jTop .nav a span {font-weight: bold; text-transform: uppercase;}
#jTop .nav a span:first-letter {font-size: 500%;}

#jSide {padding: 290px 0 0 0; float: left; width: 173px; min-height:90px; background: url(../images/template/sidebar.gif) left top no-repeat;}
#jSide .gutter {padding: 0 10px 108px 10px;}

#jMain {width: 748px; float: right; margin: 2px 0 0 0; background: url(../images/template/main_top.gif) center top no-repeat; padding-top: 8px; }
#jMain .gutter {background: url(../images/template/main_rep.gif) center top repeat-y;}
#jMain .contentBottom {padding: 5px 15px 15px 15px; background: url(../images/template/main_bottom.gif) center bottom no-repeat; min-height: 450px;}
#jMain ul {margin: 0 0 0 30px;}
#jBottom {background: url(../images/template/sidebar_bottom.gif) left bottom no-repeat; min-height: 102px; margin-top:-102px; width:173px;}


/*	-------------------------------------
		Content styles 
	------------------------------------- */

/*	-------------------------------------
		Other styles 
	------------------------------------- */
/* brews */
.brew div {margin: 0 0 15px 0;}
.brew img {padding: 0 0 0 10px;}
/* brews category listing */
.brewList {border-top: 1px dotted black; list-style: none;}
.brewList li {padding-top: 5px; padding-bottom: 5px; clear:both; }
.brewList img {float: left; margin: 10px 20px 20px 0px; background-color: white; padding: 7px 7px 7px 7px; border:1px solid gray; width:175px;}
.brewList a img:hover { background-color: #eeffcc; }

#jSide ul {margin: 0 0 0 30px;}
#jSide li {margin: 0 0 10px 0; font-size: 115%;}

.news {background: #e0e0e0; margin: 0 0 10px 0; padding: 3px;}
.news h2 {margin: 0; padding: 0; width: 50%; float: left;}
.news .news_info {float: right;}
.news p {margin: 5px 0 0 0; padding: 0 10px;}

.comments {margin: 20px; padding: 10px; background: #e0e0e0;}
.comments input {border: 1px solid #222;}
.comments textarea {border: 1px solid #222;}
.comments table {}
.comments td {padding: 3px;}
.comments .comment {border-bottom: 1px dotted #777; padding: 3px 0; margin: 0 0 10px 0;}
.comments .comment h3 span {color: #a41f22;}
.comments .comment small {color: #777;}


/* gallery */
.gallery .nav {float: left; width: 30%;}
.gallery .nav ul {width: auto; margin: 0; }
.gallery .nav ul ul {margin-left: 15px;}
.gallery .nav li {width: auto; margin: 0; }
.gallery .thumbs {float: right; width: 65%;}
.gallery .thumbs img {margin:  0 6px;}
.gallery .catDesc {margin: 10px 0 0 0;}
.gallery h2 {font-size: 110%; border-bottom: 1px dashed #97a1c5;}

/* osCommerce */
#jMain .content .maintext .oscommerce .main {width: auto; float: none; height: auto; padding: 0 5px;}
#jMain .content .maintext .oscommerce td {vertical-align: top;}
#jMain .content .maintext .oscommerce .productListing {width: 100%;}
#jMain .content .maintext .oscommerce .productListing td {padding: 0px 3px;}
#jMain .content .maintext .oscommerce .productListing a img {padding: 3px; border: 1px solid #536d80;}
#jMain .content .maintext .oscommerce .productListing a:hover img {padding: 3px; border: 1px solid #f8a422;}
#jMain .side ul.osc {padding: 0 0 7px 0; margin: 0 0 5px 0;}
#jMain .side ul.osc li {margin: 0; display: block; width: 100%;}
#jMain .side ul.osc li a {display: block; border: 0; color: #d7d4b6;}
#jMain .side ul.osc li a.selected {color: #ffe0a7;}
#jMain .side ul.osc li a:hover {color: #fff;}