/*	-------------------------------------
		Site styles 
	------------------------------------- */
html {overflow: -moz-scrollbars-vertical;}
body {text-align: center; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', 'Tahoma', 'Arial'; font-size: 12px; margin: 20px 0; color: #555;}

* {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;}
a {text-decoration: none; color: #536d80;}
a:hover {color: #f8a422;}
ul {list-style: none;}
.clearMe {display: block; clear: both; height: 0; font-size: 0;}
.left {float: left;}
.right {float: right;}
.hr {height: 1px; background: url(../images/template/sep.gif) left center repeat-x;}

/*	-------------------------------------
		Template styles 
	------------------------------------- */
#jContainer {width: 900px; margin: 0 auto; text-align: left;}

#jTop {background: url(../images/template/handcrafted.gif) 157px 100px no-repeat;}
#jTop .header {float: left;}
#jTop .header h1 {background: url(../images/template/logo.gif) center center no-repeat; width: 147px; height: 150px;}
#jTop .header h1 span {display: none;}
#jTop .nav {float: right; width: 735px; margin: 130px 0 0 0; padding: 0 0 4px 0;}

#jMain {background: url(../images/template/main_back_r.jpg) center top repeat-y; font-size: 110%; line-height: 19px;}
#jMain .back {background: url(../images/template/main_back.jpg) center top no-repeat; min-height: 400px;}
.single #jMain {background: url(../images/template/main_back_s_r.jpg) center top repeat-y;}
.single #jMain .back {background: url(../images/template/main_back_s.jpg) center top no-repeat; min-height: 400px;}
#jMain .side {float: left; width: 151px;}
#jMain .side .gutter {padding: 20px 15px 35px 15px;}
#jMain .content {float: right; width: 747px; padding: 0 0 15px 0;}
#jMain .content .maintext {float: left; width: 593px;}
#jMain .content .maintext .left {width: 251px; margin: 70px 0 0 27px;}
.single #jMain .content .maintext .left {width: 564px; margin: 30px 10px 0 19px;}
#jMain .content .maintext .left img.head {position: relative; float: left; margin-top: -75px; margin-left: -19px;}
#jMain .content .maintext .right {width: 255px; margin: 30px 19px 0 0;}
.single #jMain .content .maintext .right {display: none !important;}
#jMain .content .sidebar {float: right; width: 148px;}
#jMain .content .sidebar .gutter {padding: 35px 15px;}

#jBottom {background: url(../images/template/bottom.jpg) center top no-repeat; min-height: 14px;}
.single #jBottom {background: url(../images/template/bottom_s.jpg) center top no-repeat; min-height: 14px;}
/*	-------------------------------------
		Content styles 
	------------------------------------- */

/*	-------------------------------------
		Other styles 
	------------------------------------- */
/* sidebar styles */
#jMain .side ul {}
#jMain .side li {display: block; margin: 0 0 15px 0;}
#jMain .side a {color: #FBCF50; color: #ffe0a7;}
#jMain .side a:hover {color: #fff; border-bottom: 1px dotted #222;}
#jMain .side ul.wines ul li {padding-left: 3px; font-size: 85%; text-align: right;}
#jMain .side ul.wines ul a {color: #d7d4b6;}
#jMain .side ul.wines a:hover {color: #fff !important;}
#jMain .side ul.wines li.selected a {color: #fff;}
#jMain .sidebar a:hover {color: #fff;}
#jMain .sidebar .cart {font-size: 90%;}
.news {padding: 0 0 10px 0;}

/* wine category listing */
.cat_list .cat {padding-top: 30px; background: url(../images/site/wine_sep.jpg) right top no-repeat;}
.cat_list .img {width: 290px; float: left; text-align: right; padding: 0 0 0 0;}
.cat_list .img img {text-align: right;}
.cat_list .wines {width: 260px; float: right; padding-bottom: 10px;}
.cat_list li {padding: 0 0 3px 0;}

/* wines */
.wine div {margin: 0 0 15px 0;}

/* 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;}
