/* CSS Document - Avanguardia */
/* ---- =Reset all styles ---------------------------------------------------------- */

body, div, h1, h2, h3, h4, h5, h6, pre, form {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
img {
	border: 0;
}
/* ---- Set new basic styles --------------------------------------------------------- */


body {
	background: #b3adb8 url(/public/w38655/header.jpg) no-repeat center top; 
	top:13px;
	left:0px;
}
body,td,li,p {
	font: 12px Arial, Helvetica, sans-serif;
	color:#000000;
}

/* ---- Structure --------------------------------------------------------- */
#container {
	position: relative;
	width: 991px;
	background:url(/public/w38655/bg-dropshadow.jpg) repeat-y center top;
	margin: 187px auto;
}
#container1 {
	position: relative;
	width: 991px;
	background: url(/public/w38655/bg-gradient.jpg) no-repeat center bottom;
	margin:0;
}
#container2 {
	position: relative;
	top:20px;
	margin: 0 17px 70px 17px;
	width:820px;
	min-height: 520px;	
	border-right: 3px solid #ad5900; 
	border-bottom:3px solid #c7940a;	
	background:#FFFFFF url(/public/w38655/watermark.jpg) no-repeat center top;
}

/*\ IE/Win min height hack */ 
* html #container2 {height: 520px;} 
/* */ 

/* ---- Homepage Styles --------------------------------------------------------- */
body#home #container2 {	
	background: #FFFFFF url(/public/w38655/watermark_home.jpg) no-repeat left top;
}
body#home #top { /*-- grapestomper --*/
	display:none;
}
body#home #content {
	padding:20px 210px 20px 300px;
}
body#home #navleft a#home {
	display:none;
}
/* ---- Content Styles --------------------------------------------------------- */

#top { /*-- grapestomper --*/
	background: #FFFFFF url(/public/w38655/grapestomper.gif) no-repeat right bottom;
	width:131px;
	height:189px;
	position:absolute;
	z-index:0;
	bottom:0;
	right:0;
}

#content {
	padding:40px 250px 20px 70px;

}
h1, .head1 {
	font: bold 2.0em Calibri, Arial, Helvetica, sans-serif;
	color: #990000;
}
h2, .head2 {
	margin:8px 0px;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #330066;
	text-transform: uppercase;
}
h3, .head3 {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #993300;
}
h4, .head4 {
	font: italic bold 1em Arial, Helvetica, sans-serif;
}

/* ---- Navigation --------------------------------------------------------- */
.header a {
	position: absolute;
	left: 70px;
	top: -180px;
	width: 300px;
	height: 160px;
	z-index: 2;
}
.header a b {
	display: none;
}
#left {
	width: 180px;
	position: absolute;
	top: 40px;
	left: 640px;
	padding-bottom: 10px;
	z-index:99;
}
#navleft { 
	padding: 0;
	margin-top: 0;
	margin-left: 15px;
}
#navleft ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#navleft li { 
	float: left;
	background: #1E0D2F;
	margin-bottom:8px; 
	color: #D76526;
}
#navleft a {
	color: #FFFFFF;
    text-decoration: none;
	display: block;
	padding:6px;
	width: 150px; 
}
#navleft a:hover {
    text-decoration: none;
	background-color:#574963;
}
#navleft a:current {
	color: #8F0000;
}

#navleft li ul { /* second-level lists */
	position: absolute;
	height: auto;
	display: block;
	width: 160px;
	padding: 0;
	left: -999em; 
}
#navleft li ul li {
	background: #FFFFFF;
	opacity:.90;
	filter: alpha(opacity=90);
	width: 160px;
    padding: 4px;
	border: 1px solid #F3DEAF;
	font-size: 12px;
	margin-bottom:0px; 
}
#navleft li ul a{ 
	font-size: 12px;
	color: #9E7B21;
	width: 160px;
}
#navleft li:hover ul, #navleft li.sfhover ul { 
	left: 50px;
	visibility: visible;
}
#navleft li:hover ul li,  #navleft li.sfhover ul li {
}
#navleft li ul a:hover,  #navleft li ul a.sfhover {
}

/* ---- Footer --------------------------------------------------------- */
#footer {
	position:relative;
	clear: both;
	background:  url(/public/w38655/bg-footer.jpg) no-repeat center top;
	width:991px;
	height:44px;
	top:0;
	text-align:center;
}
#footer ul {
	padding: 0;
	margin: 0;
	top:10px;
	list-style: none;
}
#footer ul li {
	display:inline;
	padding:10px;
}
#footer ul li a {
	color:#000000;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}






/* ---- Pod (not currently in use) --------------------------------------------------------- */
.pod {
	position:absolute;
	left:847px;
	top:20px;
	width:98px;
	font-size: 11px;
	padding:10px;	
	background: #FFFFFF;
	opacity:.750;
	filter: alpha(opacity=75);
}
.podheader {
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	color:#330066;
}
.podcontent {
}
.podfooter {
}
#pod1, #pod2, #pod3, #pod4, #pod5, #pod6, #pod7, #pod8 {

	margin-bottom:20px;
}
#pod1 .podheader {
	text-transform:uppercase;
}
#pod1 .podpromo {
	text-align:center;
}
.podbuy {
    text-decoration: none;
	font-weight: bold;
	text-align:center;
	padding-top:8px;
}
.popup, #winepopup, #mdsepopup, #giftcertpg {background: #FFFFFF;}
.normal {  font-size: 12px;}
.note1 {  font-size: 11px;}
.note2 {  font-size: 10px; }
.note3 { font-size: 11px; }
a 	{color: #330066; text-decoration: underline;}
a:hover, a.sfhover		{text-decoration:underline;}
a:link, a:visited, a:active {color: #330066;}
.required {  font-size: 8pt; color: #FF0000;}
.error{color:#CC0000; font-weight: bold;}

.table1 {  margin: 4px; border: 1px #9E7B21 solid ;}
.table2 {  margin: 4px; border: 0}
.tablehead, th, #photogallery #controls li a {  background: #1E0D2F; color: #FFFFFF; font-weight: bold; text-align: center;}
.tablerow1 {  background: transparent;}
.tablerow2 {  background: #EEECEF;}
.orderpage_active {color: #990000; font-weight: bold;}
.orderpage_inactive {color: #CCCCCC; font-weight: normal;}
#winepg#vintagebar {
	position: relative;
	display: block;
	width: 100%;
	background: #EEECEF;
	font-size: 12px;
	font-weight: bold;
    text-decoration: none;
	color: #330066;
	padding: 6px 0px;
	text-align: left;
}
#orderpg1 #shipto, #orderpg2 #billto {
	width:100%;
	background: #1E0D2F; 
	color: #FFFFFF; }
#ordersummary #checkout, #orderpg1 #checkout, #orderpg2 #checkout, #orderpg3 #checkout {
	background: #9E7B21;
	height:28px;
	padding:4px;
	color:#1E0D2F;
	font-weight:bold;
	text-align:center;
 	cursor: pointer;
	margin-left:40px;
}
#ordersummary input#checkout:hover, #orderpg1 input#checkout:hover, #orderpg2 input#checkout:hover, #orderpg3 input#checkout:hover {
	color:#FFFFFF;
}