body 
{
    margin: 0;
    padding: 0;
    font-family: Georgia, Sans-Serif, Verdana;
    font-size: 12pt;
    text-align: center;
    background-color: #f3f0d8;
}

form
{
    margin: 0;
    padding: 0;
}

.left { float: left; }
.right { float: right; }
.clearfix { clear: both;}
.narrow { width: 230px; }
.wide { width: 700px;}

.content 
{
    width: 950px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    position: relative;
}

.narrow h2
{
    font-weight: normal;
    color: #4b1a1a;
    font-size: 16pt;
}

.narrow h4
{
    margin: 0;
    padding: 4px 0 20px 8px;
    background-position: left bottom;
    background-image: url(Images/menu_header_bg.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    border-top: #bc8c46 1px solid;
    font-weight: normal;
    color: #8b0000;
    position: relative;
}

.narrow h4 em
{
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 8pt;
    font-style: normal;
}

.narrow h4 em a
{
    text-decoration: none;
    color: #ff8c00;
}


.wide h2
{
    font-weight: normal;
    color: #8b0000;
    font-size: 24pt;
    margin: 0 0 14px 0;
    padding: 0;
}

.wide h4
{
    margin: 0;
    padding: 4px 0 15px 8px;
    background-position: center bottom;
    background-image: url(Images/content_header_bg.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    border-top: #bc8c46 1px solid;
    font-weight: normal;
    color: #8b0000;
    position: relative;
    text-align: center;
}

.narrow ul
{
    list-style-type: none;
    margin: 4px 8px 18px 8px;
    padding: 0;
    font-size: 10pt;
}

.narrow ul li
{
    padding: 0;
    margin: 0 16px 4px 8px;
}

.narrow ul a
{
    text-decoration: none;
    color: #a0522d;
}

.narrow ul li.selected a
{
    font-weight: bold;
    color: #8b0000;
}

.narrow dl, .narrow dl dt, .narrow dl dd
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.narrow dl
{
    margin: 8px 0 0 0;
}

.narrow dl a
{
    text-decoration: none;
    color: #8b0000;
}

.narrow dl dt, .narrow dl dd
{
    padding: 0 8px 0 8px;
}

.narrow dl dt
{
    font-size: 10pt;
}

.narrow dl dd
{
    margin: 0 0 8px 0;
    padding: 0 8px 4px 8px;
    font-size: 8pt;
    border-bottom: #cc9933 1px dotted;
    color: #cc9933;
}

.narrow dl dd:last-child {
	border-bottom: none;
}

.narrow ul.categories
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 14pt;
}

.narrow ul.categories li
{
    margin: 0 0 8px 0;
    padding: 0 24px 4px 8px;
    border-bottom: #cc9933 1px dotted;
}



.narrow ul.categories a
{
    text-decoration: none;
    color: #8b0000;
}


#body
{
    margin: 0;
    padding: 25px 0 25px 0;
    background-position: left top;
    background-image: url(Images/body_bg.gif);
    background-repeat: repeat-x;
    background-color: transparent;
    background-color: #f9f8e8;
}

div.image
{
    text-align: center;
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
    padding: 10px 0 10px 0;
    margin: 0 0 10px 0;
    background-color: #ffffff;
    width: 100%;
}

ul.detail
{
    list-style-type: none;
    margin: 12px 0 12px 0;
    padding: 0;
}

p.more
{
    margin: 0 0 24px 8px;
    padding: 0;
    font-size: 10pt;
}

p.more a
{
    text-decoration: none;
    color: #1e90ff;
}

ul.mini
{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 10pt;
}

ul.mini li
{
    margin: 0;
    padding: 0;
    border-bottom: #8b0000 1px dotted;
}

ul.mini a
{
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 4px 8px;
    color: #8b0000;
}

ul.mini a:hover
{
   color: #bc8c46;
}


ul.browse
{
    list-style-type: none;
    margin: 0;
    padding: 10px 0 30px 0;
}

ul.browse li
{
    float: left;
    margin: 0;
    padding: 4px;
    width: 32%;
    list-style: none;
    
}

ul.browse a
{
    display: block;
    float: left;
    border-bottom: #f6e497 1px dotted;
    width: 80%;
    text-decoration: none;
    color: #1e90ff;
    margin: 0;
    padding: 0 4px 4px 4px;
}

ul.browse a:hover
{
    color: #00008b;
}


div.spotlight
{
    margin: 0;
    padding: 0 0 0 15px;
    color: #8b0000;
}

div.spotlight h3
{
    font-weight: normal;
}

div.spotlight a, p.spotlight a
{
    text-decoration: none;
}

div.spotlight div
{
    font-size: 10pt;
}


/* Club Styles */
div.club
{
    margin: 0;
    padding: 0;
}

div.club p
{
    line-height: 18pt;
    margin: 0 0 12px 0;
    padding: 0;
}

div.alt
{
    /*border-top: solid 1px #000;*/
    margin: 15px 0;
    padding: 15px 0;
}

div.club h3
{
    font-weight: normal;
    font-size: 16pt;
    color: #8b0000;
    margin: 0;
    padding :0;
}

div.club h3 a
{
    text-decoration: none;
    color: #8b0000;
}

/*
div.club table td.description
{
    border-right: solid 1px #000;
    padding: 0 10px 0 0;
    margin: 0;
}

table.options
{
	width: 100%;
	margin: 0 0 25px 0;
	padding: 0;
	border: 1px solid #E0D0B1;
}

table.options tr th, table.options tr td
{
    margin: 0 0 0 0;
    padding: 12px 5px;
    border-bottom: 1px solid #F0EADA;
    background-color: #fffffa;
    font-weight: normal;
}


table.options tr.alt th, table.options tr.alt td
{
	background-color: #FFF;
}

table.options caption
{
	margin: 5px 0 0 0;
	padding: 8px 12px 8px 12px;
	border-right: #E0D0B1 1px solid;
	border-top: #E0D0B1 1px solid;
	border-left: #E0D0B1 1px solid;
	background-position: top left;
	background-image: url(Images/caption_bg.gif);
	background-repeat: repeat-x;
	background-color: Transparent;
	font-family: "Trebuchet MS";
	font-size: 11pt;
	text-align: left;
}


table.options p
{
    margin: 4px 0;
    padding: 0;
    font-size: 10pt;
    color: #bc8c46;
    font-style: italic;
}
*/


/* News & Events Styles */
div.post
{
    margin: 0 0 25px 0;
    padding: 0;
}

div.post h2
{
    font-size: 20pt;
    margin: 0;
    padding: 0;
}

div.post h2 a
{
    text-decoration: none;
    color: #8b0000;
}

div.post p
{
    line-height: 18pt;
}

div.post small
{
    font-size: 10pt;
    font-family: "Trebuchet MS", Verdana;
}


p.filed span
{
    margin: 0 8px 0 0;
}

p.filed a
{
    color: #8b0000;
}

/* Site Footer Styles */
#footer
{
    margin: 0;
    padding: 15px 0 50px 0;
    color: #cc9933;
    font-size: 10pt;
}

#footer p
{
    margin: 0 0 10px 0;
    padding: 0;
}

#footer p.copyright
{
    font-size: 8pt;
}

#footer a
{
    text-decoration: none;
    font-family: "Trebuchet MS" , Verdana;
    color: #8b0000;
}

#footer a:hover
{
    text-decoration: underline;
}



.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	text-align: left;
	z-index: 900;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
	border-bottom: 1px dotted #000;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}


p.pager
{
    margin: 8px 0 0 0;
    padding: 0;
    font-family: "Trebuchet MS", Arial;
    font-size: 10pt;
    line-height: 28pt;
    font-weight: bold;
}

p.pager a
{
    margin: 0 2px 0 0;
    padding: 6px;
    text-decoration: none;
    background-color: #fff;
    border-right: #ffe4c4 1px solid;
    border-top: #ffe4c4 1px solid;
    border-left: #ffe4c4 1px solid;
    border-bottom: #ffe4c4 1px solid;
}

p.pager a:hover
{
    text-decoration: underline;
}

p.pager a.selected
{
    background-color: #fff5ee;
}

table.results
{
	width: 100%;
	margin: 0 0 25px 0;
	padding: 0;
	border: 1px solid #E0D0B1;
}

table.results caption
{
	margin: 5px 0 0 0;
	padding: 8px 12px 8px 12px;
	border-right: #E0D0B1 1px solid;
	border-top: #E0D0B1 1px solid;
	border-left: #E0D0B1 1px solid;
	background-position: top left;
	background-image: url(Images/caption_bg.gif);
	background-repeat: repeat-x;
	background-color: Transparent;
	font-family: "Trebuchet MS";
	font-size: 14pt;
	text-align: left;
}

table.results caption select
{
    font-family: "Trebuchet MS";
    font-size: 12pt;
}

table.results tr th, table.results tr td
{
    margin: 0 0 0 0;
    padding: 12px 5px;
    border-bottom: 1px solid #F0EADA;
    background-color: #fffffa;
    font-weight: normal;
}

table.results tr.alt th, table.results tr.alt td
{
	background-color: #FFF;
}

table.results tr th
{
	padding-left: 16px;
	text-align: left;
	font-size: 14pt;
}

table.results tr td
{
    width: 125px;
    text-align: center;
}

table.results th em
{
    display: block;
    font-size: 10pt;
    font-family: Verdana, Arial;
    line-height: 14pt;
    font-style: normal;
    
}

table.results td em
{
    text-transform: lowercase;
    color: #8b0000;
    vertical-align: 4px;
}

table.results td span
{
    margin: 0;
    padding: 0;
    font-size: 12pt;
    color: #8b0000;
}

table.results th a
{
    color: #8b0000;
    text-decoration: none;
    display: block;
}

table.results th a:hover
{
    color: #d2691e;
}

input.buy
{
    text-transform: uppercase;
    width: 114px;
    height: 30px;
    border: none;
    padding: 0;
    margin: 8px 0 0 0;
    background-image: url(Images/add_to_cart.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
}

#body div.rating
{
    margin: 0;
    padding: 0 8px 0 0;
    position: relative;
    display: inline;
}

#body div.rating img
{
    margin: 0;
    padding: 0;
    width: 30px;
    height: 20px;
    border: none;
 
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin: 0;
 width: 500px;
 position: absolute;
 top: 35px;
 right: 15px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin: 0;
 padding: 0;
 font: normal 10px Verdana, sans-serif;
 z-index: 900;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 border-right: solid 1px #fff;
}

ul.tabbernav li a
{
 padding: 4px 10px 13px 10px;
 margin: 0;
 line-height: 35px;
 background: url(Images/search_off_bg.gif) no-repeat center top;
 text-decoration: none;
 color: #fff;
}

/*
ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #fff; }
*/
ul.tabbernav li a:hover
{
 
}

ul.tabbernav li.tabberactive a
{
    background: url(Images/search_on_bg.gif) no-repeat center top;
}

ul.tabbernav li.tabberactive a:hover
{

}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 0 0 0 0;
 border:none;
 margin: 0;
 /*background-color: #fbf9e1;*/

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

  height:50px;

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

  overflow: hidden;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}


.tabberlive .tabbertab form
{
    margin: 0;
    padding: 0;
}
/* Example of using an ID to set different styles for the tabs on the page
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
*/


#tabs
{
    border-bottom: 3px solid #4b1a1a;
    background-color: #ffffff;
    background: url(Images/tab_bg.gif) repeat-x;
}

#tabs ul
{
    list-style: none;
    padding: 0;
    margin: 0 auto;
    height: 25px;
    width: 950px;
    text-align: left;
}

#tabs ul li
{
    display: block;
    float: left;
    margin: 0 -16px -1px 0;}

#tabs ul li a
{
    display: block;
    text-decoration: none;
    position: relative;
}


#tabs li a b.p1 { display: block; width: 25px; height: 25px;
    background: url(Images/tab_off_left.gif); float: left;}
    
#tabs li a b.p2 { display: block; height: 25px;
    padding: 4px 10px 0 10px; background: url(Images/tab_off_center.gif) repeat-x;
    float: left; color: #bc8c46; text-transform: lowercase; text-align: center; font-weight: normal; font-family: Verdana; font-size: 10pt;}
    
#tabs li a b.p3 { display: block; width: 25px; height: 25px;
    background: url(Images/tab_off_right.gif); float: left; position: relative; z-index: 100;}


#tabs li a.home { z-index: 500; }
#tabs li a.wine { z-index: 400; }
#tabs li a.catalog { z-index: 300; }
#tabs li a.clubs { z-index: 200; }
#tabs li a.news { z-index: 100; }

#tabs li a:hover,
#tabs li a:focus,
#tabs li a:active
{
    border: 0; z-index: 700;
}

#tabs li a:hover b.p1,
#tabs li a:focus b.p1,
#tabs li a:active b.p1
{
    position: relative; z-index: 100; background: url(Images/tab_hover_left.gif); cursor: pointer;  
}

#tabs li a:hover b.p2,
#tabs li a:focus b.p2,
#tabs li a:active b.p2
{
    position: relative; z-index: 100; background: url(Images/tab_hover_center.gif) repeat-x; color: #000; cursor: pointer;
}

#tabs li a:hover b.p3,
#tabs li a:focus b.p3,
#tabs li a:active b.p3
{
    position: relative; z-index: 100; background: url(Images/tab_hover_right.gif); cursor: pointer;
}

#tabs li a.selected { z-index: 800; }

#tabs li a.selected b.p1,
#tabs li a:hover.selected b.p1,
#tabs li a:active.selected b.p1
{
    position: relative;
    z-index: 200;
    background: url(Images/tab_on_left.gif);
    cursor:default;
}

#tabs li a.selected b.p2,
#tabs li a:hover.selected b.p2,
#tabs li a:active.selected b.p2
{
    position: relative;
    z-index: 200;
    background: url(Images/tab_on_center.gif) repeat-x;
    color: #fff;
    cursor: default;
}

#tabs li a.selected b.p3,
#tabs li a:hover.selected b.p3,
#tabs li a:active.selected b.p3
{
    position: relative;
    z-index: 200;
    background: url(Images/tab_on_right.gif);
    cursor: default;}
    
    
#title
{
    background-color: #4b1a1a;
    padding: 0;
    margin: 0;
    border-bottom: solid 8px #bc8c46;
    color: #fff;
}

#title div.wrapper
{
    margin: 0;
    padding: 25px 15px 25px 0;
}

#title h2
{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 24pt;
}

#title p
{
    margin: 0;
    padding: 0;
    font-weight: normal;
    letter-spacing: 1px;
    font-family: "Trebuchet MS", Verdana;
    font-size: 11pt;
}

#title a
{
    color: #e6e6fa;
}

#header
{
    background-color: #fff;
    border-top: solid 6px #4b1a1a;
    position: relative;
}

#header h1
{
    text-indent: -9999px;
    background: url(Images/logo.gif) no-repeat top left;
    width: 280px;
    height: 100px;
    margin: 0;
    padding: 0;
}

#header h1 a
{
    display: block;
    width: 280px;
    height: 100px;
}

#header ul.menu
{
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    font-size: 10pt;
    font-family: "Trebuchet MS", Verdana;
}

#header ul.menu li
{
    float: left;
}

#header ul.menu li a
{
    border-right: #bc8c46 1px solid;
    height: 15px;
    display: block;
    margin: 0;
    padding: 6px 8px 0 8px;
    color: #8b0000;
}

#header ul.menu li a:hover
{
    color: #b22222;
    text-decoration: underline;
}

#header ul.menu li a.contact
{
    border: none;
}

#header ul.menu li a.basket
{
    display: block;
    float: left;
    width: 160px;
    background: url(Images/basket.gif) no-repeat top left;
    text-indent: -9999px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: none;
}

#header a
{
    text-decoration: none;
}

#header form, #header p
{
    margin: 0;
    padding: 0;
}

#header #search form input.text
{
    width: 400px;
    height: 22px;
    font-size: 12pt;
    margin: 0;
    padding: 2px 0 0 4px;
    border-right: none;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
    vertical-align: middle;
    color: #a9a9a9;
    font-weight: normal;
}

#header #search form input.search
{
    background: url(Images/search_btn_bg.gif) no-repeat center center;
    height: 26px;
    width: 80px;
    margin: 0 0 0 -4px;
    padding: 0;
    border: solid 1px #dcdcdc;
    vertical-align: middle;
}

#home #title div.wrapper
{
    background: url(Images/title_home_bg.gif) no-repeat bottom left;
    height: 215px;
    position: relative;
    margin: 0;
    padding: 0;
}

#home #title h2
{
    position: absolute;
    top: 25px;
    left: 200px;
    
}

#home #title p
{
    position: absolute;
    top: 70px;
    left: 200px;
    width: 700px;
}

/** Cart Styles **/
table.itemlist
{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	border: 1px solid #F0EADA;
	background-position: top left;
	background-image: url(Images/caption_bg.gif);
	background-repeat: repeat-x;
	background-color: Transparent;
}



table.itemlist tr td
{
	margin: 0 0 0 0;
	padding: 12px 5px;
	border-bottom: 1px solid #F0EADA;
	/*background-color: #FBF8EB;*/
}


table.itemlist td
{
	vertical-align: top;
}

/*
div.cart form table
{
	width: 520px;
	margin: 0;
	padding: 0;
}
*/

table.itemlist tr td span
{
	display: block;
}

table.itemlist tr td span.left
{
	text-align: left;
}

table.itemlist tr td span.right
{
	text-align: right;
}

table.itemlist tr td span.center
{
	text-align: center;
}

table.payment
{
	width: 730px;
	margin-left: 10px;
}

table.billing
{
	width: 100%;

}


table.totals
{
	width: 100%;
	padding:0;
}

table.totals tr td b
{
	font-weight: normal;
	font-size: 10pt;
}

table.totals tr td span
{
	font-size: 10pt;
	font-weight: bold;
}


table.grid
{
	margin: 0 0 25px 0;
	padding: 0;
	border: 1px solid #E0D0B1;
}

table.grid tr th, table.grid tr td
{
    background-color: #fffffa;
}

table.grid tr.alt th, table.grid tr.alt td
{
    background-color: #fff;
}




table.ItemList
{
    width: 100%;
	border: 1px solid #E0D0B1;
	background-position: top left;
	background-image: url(Images/caption_bg.gif);
	background-repeat: repeat-x;
	background-color: Transparent;
}

table.ItemList tr td
{
}

table.ItemList a
{
    text-decoration: none;
}

td.Totals table
{
     width: 100%;
    margin: 0 0 25px 0;
	padding: 0;
	border: 1px solid #E0D0B1;   
}

td.Totals table tr td
{
    padding: 8px;
    margin: 0;
    text-align: right;
    background-color: #fffffa;
    /*border-bottom: solid 1px #E0D0B1;*/
}

table.Info
{
}

table.Info tr td
{
    text-align: left;
}