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

/* Homepage Page */

body {
    background-color: #d1c5ca;
    background-image: url(/vintages_bg.jpg);
    background-position: center;
    background-repeat: repeat-y;
}


html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
  margin: 0px;
  padding: 0;
  color: #333333; font-size: 14px; font-family: Arial, Helvetica
}
#wrapper {
	width: 800px;
	background-color: #FFF;
	margin: 0 auto;
	overflow: hidden;
}
#topNav {
		width: 800px;
}
#mainContent {
	width: 800px;
	padding-top: 10px;
}
#promos {
	width: 800px;
	padding-top: 10px;
	height: 130px;
}
#secondarypromo1 {
	width: 270px;
	height: 130px;
	float: left;
}
#secondarypromo2 {
	width: 270px;
	height:130px;
	float: left;
}
#secondarypromo3 {
	width: 260px;
	height: 130px;
	float: left;
}
#bannerad {
	width: 800px;
	padding-top: 10px;
	height: 25px;
}
#footerNav {
	width: 800px;
	padding-top: 10px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	float: left;
}
#footerHeader {
	background-color: #464646;
	height: 25px;
	width: 800px;
}
.footerHeader {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 7px;
	}
#footerContent {
	width: 800px;
	height: 180px;
}
#footerColumn1 {
	width: 199px;
	float: left;
	text-align: center;
	border-right-width: 1px;
	border-right-color: #FFF;
	border-right-style: solid;
}
#footerColumn2 {
	width: 199px;
	float: left;
	text-align: center;
	border-right-width: 1px;
	border-right-color: #FFF;
	border-right-style: solid;
}
#footerColumn3 {
	width: 199px;
	float: left;
	text-align: center;
	border-right-width: 1px;
	border-right-color: #FFF;
	border-right-style: solid;
}
#footerColumn4 {
	width: 200px;
	float:left;
	text-align: center;
}
#footerContent1 {
	width: 199px;
	height: 175px;
	float: left;
	text-align: center;
	border-right-width: 1px;
	border-right-color: #464646;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #464646;
	border-bottom-style: solid;
}
#footerContent2 {
	width: 199px;
	height: 175px;
	float: left;
	text-align: center;
	border-right-width: 1px;
	border-right-color: #464646;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #464646;
	border-bottom-style: solid;
}
#footerContent3 {
	width: 199px;
	height: 175px;
	float: left;
	text-align: center;
	border-right-width: 1px;
	border-right-color: #464646;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #464646;
	border-bottom-style: solid;
}
#footerContent4 {
	width: 200px;
	height: 175px;
	float: left;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-color: #464646;
	border-bottom-style: solid;
}
.footerContent {
	color: #464646;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 10px;
}
.footerContent a {
	text-decoration: none;
	color: #464646;
}
.footerContent a:hover {
	text-decoration: underline;
	color: #48192d;
}
#footerTertiaryNav {
	width: 800px;
	padding-top: 10px;
	padding-bottom: 50px;
}
.footerTertiaryNav {
	list-style-type: none;
	text-align: center;
}
ul.footerTertiaryNav li {
	display: inline;
	}
ul.footerTertiaryNav a {
	border: none;
	color: #464646;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#footerTertiaryNav a:hover {
	text-decoration: underline;
	color: #48192d;
}
.AutoCompleteBackground	{
        background-color: white;
}
.AutoCompleteHighlight {
        background-color: #EEEEEE;
}
#theDiv {
		width:230px; background-color: white;
}
#theDiv2 {
		width:230px; background-color: white;
}

/* New Releases Page */

#mainHeader {
	width: 800px;
	padding-top: 50px;
}
#landingContent {
	width: 800px;
	height: 353px;
}
#pastReleaseContent {
	width: 800px;
	height: 175px;
}
#releaseFeaturesContent {
	width: 800px;
	height: 150px;
	padding-top: 10px;
}
#featurepromo1 {
	width: 345px;
	height: 150px;
	float: left;
}
#featurepromo2 {
	width: 345px;
	height: 150px;
	float: left;
}
#leftspacer {
	width: 50px;
	height: 150px;
	float: left;
}
#featurespacer {
	width: 10px;
	height: 150px;
	float: left;
}
#rightspacer {
	width: 50px;
	height: 150px;
	float: left;
}
#bottomText {
	width: 800px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-bottom: thin;
	border-bottom-color: #000;
	border-bottom-style: solid;
}
h1 {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: center;
}
p.vintagestext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin-bottom: 10px;
}
#tertiaryNav {
	width: 800px;
	height: 50px;
}
.tertiaryNav {
	list-style-type: none;
	text-align: center;
}
ul.tertiaryNav li {
	display: inline;
	}
ul.tertiaryNav a {
	border: none;
	color: #464646;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
ul.tertiaryNav a:hover {
	text-decoration: underline;
	color: #48192d;
}

/* Wines of the Month Page */

#landingContentWOM {
	width: 800px;
	padding-top: 25px;
	padding-bottom: 25px;
}
#imageWOM {
	width: 250px;
	height: 550px;
	float: left;
}
#imageWOMText {
	width: 525px;
	height: 525px;
	float: left;
	padding-top: 25px;
	padding-left: 25px;
}
h2 {
	color: #707070;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-bottom: 10px;
}




			#title { color: #9e8623; font-size: 11px; font-family: arial, helvetica }
			.head { color: #800000; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva }
			.headlight { color: #800000; font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, Geneva }
			.headlightgrey { color: #666666; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva }
			.narrative { color: #333333; font-size: 14px; font-family: Arial, Helvetica}
			.nav { font-size: 10px; font-family: Arial, Helvetica, Geneva; text-decoration: none }
			.navhead {
	color: #333333;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: none;
	text-decoration: none;
	}
			.prodcont { color: #333; font-size: 14px; font-family: Arial, Helvetica, Geneva }
			.prodhead { color: #333; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva; text-transform: uppercase }
			.prod { color: #666666; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva; text-transform: uppercase }
			.headgrey { color: #666666; font-weight: bold; font-size: 17px; font-family: Arial, Helvetica, Geneva }
			.subheadgrey { color: #666666; font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, Geneva }
			.subheadbrown{ color: #754401; font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, Geneva }
			.brownbig{ color: #754401; font-weight: bold; font-size: 36px; font-family: Arial, Helvetica, Geneva }
			.subheadlight { color: #8db4a8; font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, Geneva }
			.uppersubhead { color: #990000; font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-transform: uppercase }
			.vintagesbody { color: #333; font-size: 14px; font-family: arial, helvetica; text-transform: uppercase }
			.vintagesheadlight { color: maroon; font-size: 14px; font-family: arial, helvetica; text-transform: uppercase }
	/*		a href {
	font-style: normal;
	font-size: 14px;
	font-family: Arial, Helvetica, Geneva;
	font-weight: normal;
	color: #000066;
}
			b { color: #333; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva; text-transform: uppercase }
			br { color: #333; font-size: 14px }
			h1 { color: #666666; font-weight: bold; font-size: 17px; font-family: Arial, Helvetica, Geneva }
			h2 { color: #800000; font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, Geneva }
			h3 { color: #8db4a8; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva }
			h4 { color: #8db4a8; font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, Geneva }
			h5 { color: #333; font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-transform: uppercase }
			h6 { color: #800000; font-weight: normal; font-size: 14px; font-family: FontName, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-transform: uppercase }
			p { color: #333; font-size: 14px; font-family: Arial, Helvetica, Geneva }
		
	*/	
.categhead { color: #800000; font-weight: bold; font-size: 20px; font-family: Arial, Helvetica, Geneva ; text-transform: uppercase; line-height: normal;}
.stars { color: #333333; font-size: 16px; font-family: Geneva, Arial, Helvetica, san-serif; font-weight: bold}
.foodmatch { color: #333333; font-size: 14px; font-family: arial, helvetica ; font-weight: bold}
.navhead:hover   { color: #526E00; font-size: 11px; font-family: GillSans, Arial, Helvetica, Geneva; font-weight: bold; text-align: left; text-decoration: none; background-color: #e1ece9;}
.navheadred {
	color: #990000;
	font-weight: bold;
	font-size: 11px;
	font-family: Gillsans, Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: none;
	text-decoration: none;
	font-style: normal;
	
}

.navfooter { 
	
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;

}

.navfooter:hover   { 

	color : #006666;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	text-decoration : underline;
	font-weight: normal;
	font-style: normal;

}




a {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000066;
}

/*
a:visited {
	color : #330033;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight: normal;
	text-decoration: none;

}

a:active {
	color : #330033;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight: normal;
	text-decoration: none;
	
}

a:hover {
	color : #006666;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight: normal;
	font-style: normal;

}
*/

.indexBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	color: #000000;
}
.opening {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, Geneva;
	background-color: #990000;
	text-transform: uppercase;
	text-align: center;
}

.subcategoryWhite {font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight: bold; background-color: #e1ece9;}
.subcategoryAqua {font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight: bold; background-color: #FFFFFF;}
.releaseButton {
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: none;
	text-decoration: none;
	font-style: normal;
	}
.subheadside {
	color: #800000;
	font-weight: bold;
	font-size: 12px;
	font-family: gillsans, Arial, Helvetica, Geneva;
}
.address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
}
.navheadstrip { color: #EEEEEE; font-weight: normal; font-size: 12px; font-family: GillSans, Arial, Helvetica, Geneva; word-spacing: 1px; letter-spacing: 2px ; background-color: #990000}

.border {  border: 1px #FFFFFF solid}
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#999966;
color:#FFFFFF;
text-decoration:none;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	/*/*/border:1px solid #666633;/* */
}
.submenu{
cursor:pointer;
margin-bottom: 5px;
background-color:white;
color:#FFFFFF;
text-decoration:none;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	
}

.white {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva;
	
}
.gifts { color: #330033; font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  }
.promo { color: #330033; font-weight: normal; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  }

.giftsgrey { color: #666666; font-weight: bold; font-size: 36px; font-family: Times New Roman;  }
.giftsblack{ color: #333; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-transform: uppercase }
.giftswhite{ color: #ffffff; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-transform: none }

.bleu{
	font-style: normal;
	font-size: 14px;
	font-family: Arial, Helvetica, Geneva;
	font-weight: normal;
	color: #000066;

}
.releaseRed {font-family: Arial, Helvetica, sans-serif; color : #990000; font-size: 12px;font-weight: bold;}


.borderindex {
border: 1px #993399 solid;
font-family : Arial, Helvetica, sans-serif;
}

.here {cursor:pointer;
margin-bottom: 5px;
background-color:#CCCC99;
color:#FFFFFF;
text-decoration:none;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	}

.bordervintage {border: 1px #330033 solid}

.blackHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.blueTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #089CC2;
	text-transform: none;


}


.bordertype {border: 1px #E8E8E8 solid}


/* ESSENTIALS STYLES */ 
.menuTopNavEssentials
{
	color: white;
	font-size: 10pt;
	font-weight: bold;
	background-color:#330033;
	border-top: 2px outset #663366;
	border-bottom: 1px outset #663366;
	border-left: 2px outset #663366;
	border-right: 1px outset #663366;
	font-family: Arial, Helvetica
}


.textMenuEssentials
{
	color: #333333;  
	font-size: 14px;
	font-weight: normal;
	border-left: 1px outset #CC99CC;
	border-right: 1px outset #CC99CC;
	border-bottom: 1px outset #CC99CC;
	font-family: Arial, Helvetica

}

			.essentials { color: #330033; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva; text-transform: uppercase }
			.subhead { color: #800000; font-weight: normal; font-size: 18px; font-family: Arial, Helvetica, Geneva }
			.esstext { color: #330033; font-weight: normal; font-size: 18px; font-family: Arial, Helvetica, Geneva }
			.smtext { color: #333333; font-size: 12px; font-family: Arial, Helvetica }
			.indextext { color: #CBCE95; font-size: 12px; font-family: Arial, Helvetica }
			.indextitle { color: #C8C591; font-size: 14px;font-weight: bold; font-family: Arial, Helvetica }

.menuVintages
{
	color: white;
	font-size: 10pt;
	font-weight: bold;
	background-color:#48192D;
	border-top: 2px outset #663366;
	border-bottom: 1px outset #663366;
	border-left: 2px outset #663366;
	border-right: 1px outset #663366;
	font-family: Arial, Helvetica
}


.textMenuRetail
{
	color: black;  
	font-size: 14px;
	font-weight: normal;
	border-left: 1px outset #48192D;
	border-right: 1px outset #48192D;
	border-bottom: 1px outset #48192D;
	font-family: Arial, Helvetica
}

.menuRetail
{
	color: white;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	border-top: 2px outset #48192D;
	border-bottom: 1px outset #48192D;
	border-left: 2px outset #48192D;
	border-right: 1px outset #48192D;
	background: #48192D;
	font-family: Arial, Helvetica
}


.textTopEducation { 
color: #663366; 
font-weight: normal; 
font-size: 16px; 
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
}

.menuEducation
{
	font-weight: bold; 
	font-size: 16px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	color: white;
	border-top: 2px outset #CC99CC;
	border-bottom: 1px outset #CC99CC;
	border-left: 2px outset #CC99CC;
	border-right: 1px outset #CC99CC;
	background: #996699;
}

.textMenuEducation
{
	color: #333333;  
	font-size: 14px;
	font-weight: normal;
	border-left: 1px outset #CC99CC;
	border-right: 1px outset #CC99CC;
	border-bottom: 1px outset #CC99CC;
	font-family: Arial, Helvetica
}

.menuGifts
{
	color: white;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	border-top: 2px outset #996699;
	border-bottom: 1px outset #996699;
	border-left: 2px outset #996699;
	border-right: 1px outset #996699;
	background: #663366;

}

.menuClassics
{
	color: white;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica;
	border-top: 2px outset #CCCCCC;
	border-bottom: 1px outset #CCCCCC;
	border-left: 2px outset #CCCCCC;
	border-right: 1px outset #CCCCCC;
	background: #999999;

}

.textMenuClassics
{
	color: #6B799E;  
	font-size: 14px;
	font-weight: normal;
	border-left: 1px outset #CCCCCC;
	border-right: 1px outset #CCCCCC;
	border-bottom: 1px outset #CCCCCC;
	font-family: Arial, Helvetica
}



.textMenuVintages
{
	color: white;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica
}.makethematchtitle {
	font-family: "Times New Roman", Times, serif;
	font-size: xx-large;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #990000;
}
.makethematchsubtitle {
	font-family: "Times New Roman", Times, serif;
	font-size: xx-large;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #990000;
}	
	
.leftpromo {
	position:absolute;
	left:2px;
	width:441px;
	height:146px;
	top: 1037px;

}

.rightpromo {
	position:absolute;
	left:446px;
	width:580px;
	height:145px;
}
.smtext tr td {
	border: 1px solid #CCC;
}