@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#f3e8c9;
	font: 12px Arial, Helvetica, sans-serif;
	background-image: url(images/BKGD_sides.gif);
	background-position:center;
	background-repeat: repeat-y;
	color:#333333;
	behavior: url("csshover3.htc"); 
}
#wrapper {width:980px;
	margin:0 auto;
	background-color:#FFFFFF;
	border: 0px solid #AA5D00;
	overflow:hidden;
}
#header {
	width:980px;
	height: 141px;
	margin:0px;
	padding:0px;
	min-height:141px;
	background: #aa5d00 url(images/Weygandt-Wines.jpg) no-repeat;	
}

/* -- NAVIGATION USED ONLY FOR TEMP HOME PAGE -- */
#primarynav {
	float:right;
	padding-top: 100px;
}
.logo {
	position: absolute;
	height:185px;
	margin-left: -12px;
	margin-top: 0px;
	z-index: 100;
	border:0px solid red;
}
/* -- PRIMARY NAVIGATION -- */

#navcomplete {
	position: relative;
	z-index: 1000;
	clear:none;
	left: 200px;
	top: 111px;
}
/* SPRY ASSETS */

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
	margin: 0;
	padding-bottom: 0px;
	list-style-type: none;
	position: relative;
	cursor: pointer;
	float: left;
	border: 0px solid blue;
}
ul.MenuBarHorizontal li.about {
	width: 92px;
	border: 0px solid red;
	margin-right:40px;
}

ul.MenuBarHorizontal li.prod {
	width: 182px;
	border: 0px solid red;
	margin-right:40px;
}
ul.MenuBarHorizontal li.events {
	width: 72px;
	border: 0px solid red;
	margin-right:40px;
}
ul.MenuBarHorizontal li.blog {
	width: 118px;
	border: 0px solid red;
	margin-right:40px;
}
ul.MenuBarHorizontal li.join {
	width: 112px;
	border: 0px solid red;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding-top: 4px;
	list-style-type: none;
	font-size: 100%;
	z-index: 1000;
	cursor: default;
	position: absolute;
	left: -1000em;
}

ul.MenuBarHorizontal li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal li > ul {
	top: auto;
	left: auto;
}

/*from a list apart */
ul.MenuBarHorizontal li:hover ul {
	display: block; 
	z-index: 1000;
}

/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {
	width: 130px;
/*	background-color:#000000; */
	background: url(images/sub-nav-bg-3.png) repeat-y; 
	z-index: 1000;
	}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	padding: 0;
	text-decoration: none;
	z-index: 1000;
}
/* Menu items that have mouse over or focus have a maroon background*/
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a#active
{	background-color: #5b170e;
	display:block;
	padding:0;
}

/* MAIN CONTENT STYLES */
#mainContent { 
	margin: 0px 160px 0px 165px; /* 655 pixel width the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	min-width: 600px;
} 
#content {
	background-color:#FFFFFF;
	margin: 0 0 0 155px;
}
#content-text {
	margin: 10px 20px;
}


/* LEFT SIDEBAR STYLES */
#leftsidebar {
	float: left;
	width: 155px;
	background: #aa5d00 url(images/grape-sidebar.gif) no-repeat;
	margin: 0;
	padding: 0; 
	border: 0px solid blue;
}
ul#leftnavigation {
	width: 129px;
	height: 292px;
	margin:0;
	padding: 0;
	position:relative;
	top: 50px;
	left: 15px;
	list-style:none;
	border: 0px solid red;
}
ul#leftnavigation li {
	width: 129px;
	float:left; 
}
ul#leftnavigation a {
	display: block;
	background: transparent url(images-nav/left-navigation.gif) 0 0 no-repeat;
}
ul#leftnavigation #home a {background-position: 0px 0px; height: 30px;}
ul#leftnavigation #wineclub a {background-position: 0px -31px; height: 30px;}
ul#leftnavigation #travel a {background-position: 0px -61px; height: 30px;}
ul#leftnavigation #corpgifts a {background-position: 0px -91px; height: 30px;}
ul#leftnavigation #organic a {background-position: 0px -121px; height: 40px;}
ul#leftnavigation #accessories a {background-position: 0px -161px; height: 30px;}
ul#leftnavigation #storeinfo a {background-position: 0px -191px; height: 30px;}
ul#leftnavigation #corkage a {background-position: 0px -221px; height: 43px;}
ul#leftnavigation #contact a{ background-position: 0px -261px; height: 31px;}

ul#leftnavigation #home a:hover, ul#leftnavigation #home a#active {background-position: -129px 0px;}
ul#leftnavigation #wineclub a:hover, ul#leftnavigation #wineclub a#active {background-position: -129px -31px;}
ul#leftnavigation #travel a:hover, ul#leftnavigation #travel a#active {background-position: -129px -61px;}
ul#leftnavigation #corpgifts a:hover, ul#leftnavigation #corpgifts a#active {background-position: -129px -91px;}
ul#leftnavigation #organic a:hover, ul#leftnavigation #organic a#active {background-position: -129px -121px;}
ul#leftnavigation #accessories a:hover, ul#leftnavigation #accessories a#active {background-position: -129px -161px;}
ul#leftnavigation #storeinfo a:hover, ul#leftnavigation #storeinfo a#active {background-position: -129px -191px;}
ul#leftnavigation #corkage a:hover, ul#leftnavigation #corkage a#active {background-position: -129px -221px;}
ul#leftnavigation #contact a:hover, ul#leftnavigation #contact a#active {background-position: -129px -261px;} 

#icons {
	position:relative;
	top: 50px;
	left: 15px;
	width: 130px;
	border:0px solid black;
}


/* RIGHT SIDEBAR STYLES */
#rightsidebar {
	float: right;
	width: 150px; 
	background: #f3e8c9; 
	padding: 0; 
	color: #660000;
	border-left: 1px solid #d9c58c;
	border-bottom: 1px solid #d9c58c;
}
ul.right {
	margin-left: 20px;
	list-style-type: none;
}
li.right {font: 12px Arial, Helvetica, sans-serif;
	color: #660000;
	line-height: 20px;
}
ul.right2 {
	margin-left: 30px;
	list-style-type: none;
}
#rightsidebar li a:link {color: #660000;
	text-decoration:none;
	font: 12px Arial, Helvetica, sans-serif;
}
#rightsidebar li a:visited {color: #660000;
	text-decoration:none;
	font: 12px Arial, Helvetica, sans-serif;
}
#rightsidebar li a:hover {color: #660000;
	text-decoration: underline;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.tbox {	display: inline;	
}


/* FOOTER STYLES */
#footer {
	color: #3f2200;
	background-color: #f3e8c9;
	border-top: 1px solid #aa5d00;
}
td.footer {
	font: bold 12px Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
	color: #3f2200;
	vertical-align: top;
	padding: 10px 10px;
}
td.login {
	font: bold 12px Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
	color: #3f2200;
	vertical-align: top;
	padding: 10px 10px;
	background-color:#fcf7ea; 
	border-left:1px solid #d9c58c;
	border-right:1px solid #d9c58c;
	border-bottom:1px solid #d9c58c;
}
td.copyright {
	font: 11px Arial, Helvetica, sans-serif;
	color: #3f2200;
	vertical-align: top;
	padding: 5px 15px 10px 15px;
}
a.footer:link {
	color: #3f2200;
	text-decoration:none;
}
a.footer:visited {
	color: #3f2200;
	text-decoration:none;
}
a.footer:hover {
	color: #3f2200;
	text-decoration: underline;
}
.inputbox {
	margin-bottom:3px;
}


.announcement {float:right; 
	width:255px; 
	border:0px solid red;
	color: #701305;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	line-height: 22px;
	padding-top: 25px;
}

/* GLOBAL STYLES */
h1 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #660000;
}
h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #392d24;
	padding-bottom: 0px;
	margin-bottom: -4px;
}
h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #392d24;
	padding-bottom: 5px;
	margin-bottom: 0;
	text-decoration:underline;
}
h3.feature {
	text-decoration: none;
	padding-top: 8px;
	font: bold 13px Arial, Helvetica, sans-serif;
}
h3.winetravel {
	text-decoration: none;
	padding:0;
}
h4 {font: bold 11px Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 0;
	margin: 0;
	margin-bottom: 0;
}
p, td {	font: 12px Arial, Helvetica, sans-serif;
	color:#333333;
}
p.breadcrumb {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#333333;
}
p.quote {
	color:#666633;
	font: italic bold 18px Georgia, "Times New Roman", Times, serif;
	width: 500px;
	margin: 0 auto;
	text-align:center;
}

/* STYLES FOR LIBRARY ITEMS */
table.feature {
	padding:0;
	margin:0;
}
td.feature205 {
	background: url(images/feature205.jpg) no-repeat;
	width: 205px;
	min-width:205px;
	max-width: 205px;
	height: 215px;
	min-height: 215px;
	max-height:215px;
	margin:0;
	padding-right: 8px;
	vertical-align:top;
	border:0px solid blue;
}
td.feature205right {
	background: url(images/feature205.jpg) no-repeat;
	width: 205px;
	min-width:205px;
	max-width: 205px;
	height: 215px;
	min-height: 215px;
	max-height:215px;
	margin:0;
	vertical-align:top;
	border:0px solid blue;
}
.div205 {
	width:191px;
	margin: 5px 7px;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	border:0px solid green;
!important
	height: 215px;
}
.div205 img {
	float: left;
	margin:8px 10px 0px 0px;
	max-width: 125px;
	max-height: 200px;
}


td.feature310 {
	background: url(images/feature310.jpg) no-repeat;
	width: 310px;
	min-width:310px;
	max-width: 310px;
	height: 215px;
	min-height: 215px;
	max-height:215px;
	padding: 0px 8px 15px 0px;
	margin:0;
}
.div310 {
	margin:0;
	padding:0px;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
}
.div310 img {
	float: left;
	margin:8px 10px 0px 8px;
	max-width: 125px;
	max-height: 200px;
}
td.feature150 {
	background: url(images/feature150.jpg) no-repeat;
	width:150px;
	min-width:150px;
	max-width:150px;
	height: 215px;
	min-height: 215px;
	max-height:215px;
	padding: 0px 8px 15px 0px;
	margin:0;
}
.div150 {
	margin:0;
	padding:0px;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	width:150px;
}
.div150 img {
	float: left;
	margin:8px 10px 0px 8px;
	max-width: 55px;
	max-height: 200px;
}

/* STYLES for full width feature boxes */
.box {
	width: 633px; 	
	background: url(images/box-bottom.gif) no-repeat left bottom;
	padding:0;
	margin:0;
	border:0px solid blue;
}
.box h4 {
	background: url(images/box-h4.gif) no-repeat left top;	
	font: bold 13px Arial, Helvetica, sans-serif;
	padding: 10px 10px 0px 20px;
	margin:0;
	color:#660000;
	border:0px solid red;
}
.box p {
	padding: 0px 10px 15px 20px;
	width:600px;
	}

.price {
	font-weight:bold;
}
.number {
	font: bold 22px Georgia, serif;
	color: #660000;
}

/*  GENERAL STYLES FOR LISTS */
.listdiv {
	border: 0px solid #000;
	margin: 0;
	padding: 0;
}
ul {
	margin-left: 15px;
	padding: 0;
	list-style-type: square;
	list-style-position: outside;
}
li {font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 20px;
}

a.inline:link {
	color:#AA5D00;
	color:#663300;
	text-decoration: none;
}
a.inline:visited {
	color:#AA5D00;
	text-decoration: none;
}
a.inline:hover {
	color:#AA5D00;
	text-decoration: underline;
}

a.cgi:link {
	color: #701305;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
a.cgi:visited {
	color: #701305;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
a.cgi:hover {
	color: #701305;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

a.producer:link {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#701305;
	text-decoration:none;
}
a.producer:visited {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#701305;
	text-decoration:none;
}
a.producer:hover {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#701305;
	text-decoration:underline;
}

/* STYLES FOR PDG TEMPLATES */
td.winephoto {
	width:400px;
	vertical-align:top;
	text-align: center;
	max-height:300px;
}
td.verticalspacer {
	width: 50px;
	vertical-align: top;
	text-align:center;
	height: 300px;
}
td.price {
	width: 190px;
	vertical-align:top;
	padding-top: 10px;
	border-bottom: 1px solid #d9c58c;
	height: 65px;
	font: bold 12px Arial, Helvetica, sans-serif;
	
}
td.quantity {
	vertical-align:top;
	padding-top: 10px;
	border-bottom: 1px solid #d9c58c;
	height: 85px;
	font: bold 12px Arial, Helvetica, sans-serif;
}
td.sku {
	vertical-align:top;
	padding-top: 10px;
	height: 75px;
	font: 12px Arial, Helvetica, sans-serif;
}
td.prodlink {
	vertical-align:top;
	padding-top: 10px;
	height: 75px;
	font: bold 12px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #d9c58c;
}
td.checkoutselection {
	padding: 25px 0px;
	border-bottom: 1px solid #d9c58c;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align:middle;
}
td.checkout {
	padding: 8px 0px;
	border-bottom:1px solid #d9c58c;
	vertical-align:middle;
}


/* Corkage Page */

#corkagepage a:link,
#corkagepage a:visited,
#corkagepage a:hover,
#corkagepage a:active {
	color: #701305;
	text-decoration: none;
}

#corkagepage a:hover,
#corkagepage a:active {
	text-decoration: underline;
}

#corkagepage h1 {
	padding-bottom: 10px;
}

#corkagepage #corkage-table {
	border-collapse: collapse;
	border: 1px dotted #aa5d00;
	margin-bottom: 50px;
}

#corkagepage #corkage-table tr.highlight td {
	background-color: #fff;
	border-color: #aa5d00;
	border-style: dotted;
	border-width: 1px 0;
}

#corkagepage #corkage-table th {
	border-color: #aa5d00;
	border-style: dotted;
	border-width: 1px 0;
	font-size: 13px;
	padding: 4px 0 2px 10px;
	text-align: left;
}

#corkagepage #corkage-table th.restaurant {
	width: 20%;
}

#corkagepage #corkage-table th.address {
	width: 35%;
}

#corkagepage #corkage-table th.phone {
	width: 18%;
}

#corkagepage #corkage-table td {
	padding: 5px 10px;
	vertical-align: top;
}

.note {
	font-size: 11px;
	font-weight: bold;
}


/* HACKS */
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>