/* -------------------------------------
	Site styles 
   ------------------------------------- */
html {overflow: -moz-scrollbars-vertical;}
body {background: #f6e798 url(../images/template/site_back.jpg) center top repeat-y; color: #6f210f; margin: 20px 0 20px 0; font-size: 13px; font-family: 'Tahoma', 'Trebuchet MS', 'Lucida Sans Unicode'; text-align: center;}
body.menu {background-image: url(../images/template/site_back_m.jpg);}
* {margin: 0; padding: 0}
.clearMe {height: 0; font-size: 0; clear: both;}
a {color: #222; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: 0;}

#jContainer {text-align: left; margin: 0 auto; width: 800px;}
.menu #jContainer {width: 1000px;}
/* -------------------------------------
	Template styles 
   ------------------------------------- */
#jTop {background: url(../images/template/soif_winebar.jpg) center top no-repeat; height: 138px;}
.menu #jTop {background-image: url(../images/template/soif_winebar_m.jpg);}
#jTop .header {float: left; width: 241px;}
#jTop .header img {border: 0;}
#jTop .header span {display: none;}
#jTop .header a {display: block; width: 237px; height: 102px; }
#jTop .nav {float: right; width: 524px; height: 60px; padding: 20px 30px 0 0;}
#jTop .nav ul {list-style: none;}
#jTop .nav li {float: left;}
#jTop .nav li a {display: block; height: 50px;}
#jTop .nav li a span {display: none;}
#jTop .nav li.menu a {background: url(../images/template/nav/menu.jpg) center center no-repeat; width: 93px;}
#jTop .nav li.wine a {background: url(../images/template/nav/winelist.jpg) center center no-repeat; width: 141px;}
#jTop .nav li.cald a {background: url(../images/template/nav/calendar.jpg) center center no-repeat; width: 150px;}
#jTop .nav li.cont a {background: url(../images/template/nav/contact.jpg) center center no-repeat; width: 139px;}
#jTop .nav li.menu a:hover {background: url(../images/template/nav/menu_r.jpg) center center no-repeat;}
#jTop .nav li.wine a:hover {background: url(../images/template/nav/winelist_r.jpg) center center no-repeat;}
#jTop .nav li.cald a:hover {background: url(../images/template/nav/calendar_r.jpg) center center no-repeat;}
#jTop .nav li.cont a:hover {background: url(../images/template/nav/contact_r.jpg) center center no-repeat;}

#jTop.nosidebar {background: url(../images/template/header.jpg) center top no-repeat; }
.menu #jTop.nosidebar {background-image: url(../images/template/header_m.jpg);}

#jMain {background: #fafeb4 url(../images/template/main_back.jpg) left repeat-y; padding-bottom: 145px; font-size: 110%; line-height: 21px;}
#jMain .sidebar {width: 30%; float: left; padding: 0 0 10px 0;}
#jMain .sidebar .container {padding: 0 0 0 5px;}
#jMain .sidebar a {text-decoration: none; font-weight: bold; color: #222;}
#jMain .sidebar a:hover {text-decoration: none; color: #555;}
#jMain .mainText {width: 69%; float: right; min-height: 340px; padding: 0 0 15px 0; margin-top: -50px;}
#jMain .mainText .container {padding: 10px;}
#jMain .mainText .header {padding: 0 0 10px 0;}
#jMain .mainText .left {float: left; width: 58%;}
#jMain .mainText .right {float: right; width: 39%;}
#jMain .mainText .sideclear {display: none;}

/*	Disabled sidebar main content styles	*/
#jMain.nosidebar {background: #fafeb4;}
#jMain.nosidebar .sidebar {display: none;}
#jMain.nosidebar .mainText {width: 100%; margin-top: 0;}
#jMain.nosidebar .mainText .header {float: right; width: 35%; margin-top: -20px; text-align: center;}
#jMain.nosidebar .mainText .sideclear {display: block;}
#jMain.nosidebar .mainText .left {float: left; margin-top: -12px; width: 64%; padding-bottom: 20px; text-align: right;}
* html #jMain.nosidebar .mainText .left {margin-top: 0;}
#jMain.nosidebar .mainText .right {float: none; width: 100%; }

/*	Footer styles	*/
#jBottom {margin: -142px 0 40px 0;}
#jBottom .footer {background: url(../images/template/footer.gif) left top no-repeat; height: 230px; text-align: center; }
.menu #jBottom .footer {background-image: url(../images/template/footer_m.gif);}
#jBottom .footer p {padding-top: 230px;}

/* -------------------------------------
	Content Styles 
   ------------------------------------- */
h2 {color: black; font-size: 24px; letter-spacing: -1px; font-weight: normal; padding: 0 0 10px 0;}
h3 {color: black; font-weight: bold; font-size: 16px;}
h4 {font-weight: bold; font-size: 16px;}
p {padding: 0 10px;}

/* -------------------------------------
	Specific site styles
   ------------------------------------- */
.wineContainer {padding: 0 10px;}
.wines {width: 100%; border-collapse: collapse; border: 1px solid #576147; border: 1px solid #FFF; background: #d8efb3; color: #000; font-size: 85%;}
.wines tr.d {background: #f3ffce;}
.wines th {text-align: left; padding: 6px 5px; background: #c8dfa3; border: 1px solid #576147; border: 2px solid #FFF; font-size: 110%;}
.wines th a {color: black; text-decoration: none;}
.wines td {text-align: left; padding: 6px 5px 6px 5px; vertical-align: top; border: 2px solid #FFF; /*border-top: 2px solid #fff; border-bottom: 2px solid #FFF;*/}

.mainText div.menu {width: 94%; margin: 0 auto; height: 700px;}
.mainText div.menu td {vertical-align: top; padding: 3px 7px; text-align: left;}
.mainText div.menu td table td {text-align: right; font-style: italic;}
.mainText div.menu .aright {text-align: left;}

iframe.menu {height: 450px; width: 100%; border: 0;}

.menus {float: right; width: 170px; margin-right: 40px; background: url(../images/site/line.jpg) left top no-repeat; min-height: 414px;}
* html .menus {margin-right: 20px;}
.menus div {float: right; text-align: center; width: 100%; margin: 10px 0;}
* html .menus div {padding-top: 10px;}
.menus .food {width: 154px; background: url(../images/site/menu_top.gif) right top no-repeat; min-height: 148px;}
* html .menus .food {height: 148px;}
.menus .beverages {width: 141px; background: url(../images/site/menu_bottom.gif) right top no-repeat; min-height: 186px;}
* html .menus .beverages {height: 186px;}
.menus .beverages a {margin: 28px 0;}
.menus a {display: block; margin: 16px 0;}
.menus a:hover {background: url(../images/site/buttons/roll.png) center center no-repeat;}
* html .menus a {height: 1%;}
.menus a span {padding: 0; margin: 0; line-height: 0;}

.menu_text {width: 560px; float: left; margin-top: -40px;}