/*
***********************************************************

Title:			main.css
Browser(s): 	All
Created: 		9.23.2008

***********************************************************
*/
.layClear {
	clear: both;
	height: 1px;
	margin-top: -1px;
	line-height: 0px;
	font-size: 0px;
}

#layLogin{
	color:#888888;
position:absolute;
right:16%;
text-align:right;
top:-2px;
width:800px;
	}
	
#layLogin a,#layLogin a:hover {
	color:#999;
	}
	
#loginToggleForm, #loginToggleForm p, #loginToggleForm td, #loginToggleForm tr{
	font-size: 12px;
	}

/* Basic structure */
div#layGlobalWrapper{
position:relative;
width:100%;
}


div#container {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	text-align: left;
}

div#containerAgeVerifier {
	margin-left: auto;
	margin-right: auto;
	width: 984px;
	text-align: left;
}

div#containerInterior {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	text-align: left;
}
	
div.wrapper {
	text-align: left;
	margin: 0 auto; 
	width: 980px;
	position: relative;
}

div.header {
	float: left;
	width: 100%;
	height: 142px;
	padding: 0;
	margin: 0;
	background: url(../images/global/hdrBkgdRpt.jpg) top left repeat-x;
}

div#headerContainer {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	text-align: left;
}

body#pageHome div.primaryContent, html, td {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #4f4f4e;
	line-height: 21px;
	text-align: left;
}

div.logo {
	float: left;
	width: 144px;
	height: 102px;
	padding: 40px 0 0 48px;
	margin: 0;
	background: url(../images/global/logoBkgd.jpg) top left no-repeat;
}


/* Age Verifier */

div#ageVerifier {
	float: left;
	width: 984px;
	height: 526px;
	padding: 0;
	margin: 50px 0 0 0;
}

div#ageVerifierBtm {
	float: left;
	width: 259px;
	padding: 0;
	margin: 0 0 0 108px;
}

html.ie6 div#ageVerifierBtm {
	float: left;
	width: 259px;
	padding: 0;
	margin: 0 0 0 54px;
}

div#ageVerifierFooter {
	float: left;
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 12px;
	color: #b3a789;
	width: 547px;
	padding: 16px 0 0 70px;
	margin: 0;
}

div#ageVerifierFooter p a {
	color: #ad3e22;
	text-decoration: none;
}

div#ageVerifierFooter p a:hover {
	color: #104b7d;
}


/* Welcome */

div#welcome {
	float: left;
	width: 980px;
	height: 217px;
	padding: 0;
	margin: 0;
	background: url(../images/global/welcomeBkgd.png) top left no-repeat;
}

div#welcome p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #e7e2d4;
	line-height: 21px;
	padding: 44px 365px 0 75px;
	margin: 0;
}

div#welcome p a {
	color: #ad3e22;
	text-decoration: none;
}

div#welcome p a:hover {
	color: #104b7d;
}


/* Our Wines */

div#ourWines {
	float: left;
	width: 980px;
	height: 185px;
	padding: 0;
	margin: 0;
	background: url(../images/global/ourWinesBkgd.png) top left no-repeat;
}

div#ourWines H1 {
	width: 156px;
	height: 32px;
	text-indent: -9999px;
	padding: 0;
	margin: 26px 0 10px 67px;
	background: url(../images/global/ourWinesHdrHome.gif) top left no-repeat;
}

div#ourWines p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #3c3c3c;
	line-height: 21px;
	padding: 0 385px 0 67px;
	margin: 0;
}

div#ourWines p a {
	color: #ad3e22;
	text-decoration: none;
}

div#ourWines p a:hover {
	color: #104b7d;
}



/* 3 Columns */

div.threeColumn {
	float: left;
	width: 980px;
	padding: 0;
	margin: 0;
	background: url(../images/global/3columnMainBkgd.png) top left repeat-y;
}

div.threeColumnBtm {
	float: left;
	width: 980px;
	height: 25px;
	padding: 0;
	margin: 0;
}

div.spacerBtm {
	float: left;
	width: 980px;
	height: 140px;
	padding: 0;
	margin: 0;
}

div.spacerBtm2 {
	float: left;
	width: 980px;
	height: 60px;
	padding: 0;
	margin: 0;
}

div.columnBtm {
	float: left;
	width: 255px;
	height: 24px;
	text-align: center;
	padding: 0;
	margin: 0;
	background: url(../images/global/3columnBtm.png) top left no-repeat;
}

div.threeColumnBottom {
	float: left;
	width: 980px;
	padding: 0 0 140px 0;
	margin: 0;
}


/* News & Events */

#threeColumnLeft {
	float: left;
	width: 255px;
	padding: 0;
	margin: 0 30px 0 75px;
}

html.ie6 #threeColumnLeft {
	float: left;
	width: 255px;
	padding: 0;
	margin: 0 30px 0 37px;
}

#threeColumnLeft H2 {
	float: left;
	width: 255px;
	height: 32px;
	text-indent: -9999px;
	padding: 0;
	margin: 15px 0 0 0;
	background: url(../images/global/newsEventsTitle.png) top center no-repeat;
}

div.threeColumnHdr {
	float: left;
	width: 255px;
	height: 61px;
	padding: 0;
	margin: 0;
}

#threeColumn1 {
	float: left;
	width: 255px;
	height: 150px;
	padding: 10px 0 0 0;
	margin: 0;
	background: url(../images/global/3columnBkgd.png) top left repeat-y;
}

#threeColumn1 p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #363636;
	line-height: 21px;
	padding: 0 20px 14px 20px;
	margin: 0;
}

#threeColumn1 ul { 
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #424242;
	line-height: 20px;
	margin: 0;
	padding: 0 20px 14px 24px;
	text-decoration: none;
}
	
#threeColumn1 li { 
	list-style-type: none;
	margin: 0;
	padding: 0 0 4px 12px;
	background: url(../images/global/newsEventsBullet.gif) no-repeat 0 7px;
}
	
#threeColumn1 li a { 
	color: #5a160c;
	text-decoration: none;
}
	
#threeColumn1 li a:hover {
	color: #393961;
}


/* Join Our Wine Club */

#threeColumnMiddle {
	float: left;
	width: 255px;
	padding: 0;
	margin: 0;
}

#threeColumnMiddle H2 {
	float: left;
	width: 255px;
	height: 32px;
	text-indent: -9999px;
	padding: 0;
	margin: 15px 0 0 0;
	background: url(../images/global/wineClubTitle.png) top center no-repeat;
}

div.threeColumnHdr {
	float: left;
	width: 255px;
	height: 61px;
	padding: 0;
	margin: 0;
}

#threeColumn2 {
	float: left;
	width: 255px;
	height: 150px;
	padding: 10px 0 0 0;
	margin: 0;
	background: url(../images/global/3columnBkgd.png) top left repeat-y;
}

#threeColumn2 p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #363636;
	line-height: 21px;
	padding: 0 20px 0 20px;
	margin: 0;
}


/* Join Our Wine Club */

#threeColumnRight {
	float: left;
	width: 255px;
	padding: 0;
	margin: 0 80px 0 30px;
}

html.ie6 #threeColumnRight {
	float: left;
	width: 255px;
	padding: 0;
	margin: 0 0 0 30px;
}

#threeColumnRight H2 {
	float: left;
	width: 255px;
	height: 32px;
	text-indent: -9999px;
	padding: 0;
	margin: 15px 0 0 0;
	background: url(../images/global/buyOurWineTitle.png) top center no-repeat;
}

div.threeColumnHdr {
	float: left;
	width: 255px;
	height: 61px;
	padding: 0;
	margin: 0;
}

#threeColumn3 {
	float: left;
	width: 255px;
	height: 150px;
	padding: 10px 0 0 0;
	margin: 0;
	background: url(../images/global/3columnBkgd.png) top left repeat-y;
}

#threeColumn3 p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #363636;
	line-height: 21px;
	padding: 0 20px 0 20px;
	margin: 0;
}



/* Interior Page */

div.hdrInterior {
	float: left;
	width: 950px;
	height: 130px;
	padding: 0;
	margin: 0;
}

div#contentInterior {
	float: left;
	width: 950px;
	padding: 0;
	margin: 0;
	background: url(../images/global/interiorBkgd.gif) top left repeat-y;
}

div#contentInterior2 {
	float: left;
	width: 950px;
	padding: 0;
	margin: 0;
	background: url(../images/global/interiorBkgd2.gif) top left repeat-y;
}

div.wineBottles {
	float: left;
	width: 950px;
	padding: 0;
	margin: 0;
	background: url(../images/global/ourWinesBkgdBtm.gif) bottom right no-repeat;
}

div.wines {
	float: left;
	width: 950px;
	padding: 0;
	margin: 0;
	background: url(../images/global/winesBtm.gif) bottom right no-repeat;
}

div.grapevine {
	float: left;
	width: 950px;
	padding: 0;
	margin: 0;
	background: url(../images/global/fullPageBtm.jpg) bottom right no-repeat;
}

div.grapevine2 {
	float: left;
	width: 950px;
	padding: 0;
	margin: 0;
	background: url(../images/global/navPageBtm.gif) bottom right no-repeat;
}


#content {
	float: left;
	width: 649px;
	padding: 0 30px 100px 30px;
	margin: 0;
}

#content H2 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 22px;
	color: #a02931;
	line-height: 28px;
	float: left;
	width: 649px;
	padding: 36px 0 16px 0;
	margin: 0;
}

#content H3 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 18px;
	color: #393961;
	line-height: 28px;
	float: left;
	width: 649px;
	padding: 6px 0 14px 0;
	margin: 0;
}

#content p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #363636;
	line-height: 21px;
	padding: 0 0 14px 0;
	margin: 0;
}

#content a { 
	color: #104b7d;
	text-decoration: none;
}
	
#content a:hover {
	color: #5a160c;
}




#wineColumn1 {
	float: left;
	width: 420px;
	padding: 0;
	margin: 0;
}

#wineColumn1 H2 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 22px;
	color: #a02931;
	line-height: 28px;
	float: left;
	width: 420px;
	padding: 36px 0 16px 0;
	margin: 0;
}

#wineColumn1 H3 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 18px;
	color: #393961;
	line-height: 28px;
	float: left;
	width: 420px;
	padding: 6px 0 14px 0;
	margin: 0;
}

#wineColumn1 p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #363636;
	line-height: 21px;
	padding: 0 0 14px 0;
	margin: 0;
}

#wineColumn1 a { 
	color: #104b7d;
	text-decoration: none;
}
	
#wineColumn1 a:hover {
	color: #5a160c;
}


#wineColumn2 {
	float: left;
	width: 199px;
	padding: 0 0 0 30px;
	margin: 0;
}

div.wineBottle {
	float: left;
	width: 199px;
	text-align: center;
	padding: 10px 0 15px 0;
	margin: 0;
}

#wineColumn2 H2 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 22px;
	color: #a02931;
	line-height: 28px;
	float: left;
	width: 199px;
	padding: 36px 0 16px 0;
	margin: 0;
}

#wineColumn2 H3 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 18px;
	color: #6e4820;
	line-height: 28px;
	float: left;
	width: 199px;
	padding: 6px 0 14px 0;
	margin: 0;
}

#wineColumn2 p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #363636;
	line-height: 21px;
	padding: 0 0 14px 0;
	margin: 0;
}

#wineColumn2 a { 
	color: #104b7d;
	text-decoration: none;
}
	
#wineColumn2 a:hover {
	color: #5a160c;
}






#content p.short {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #363636;
	line-height: 21px;
	padding: 0 300px 14px 0;
	margin: 0;
}

#content ul { 
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	color: #424242;
	line-height: 20px;
	margin: 0;
	padding: 0 0 14px 0;
	text-decoration: none;
}
	
#content li { 
	list-style-type: none;
	margin: 0;
	padding: 0 0 4px 12px;
	background: url(../images/global/newsEventsBullet.gif) no-repeat 0 7px;
}
	
#content li a { 
	color: #104b7d;
	text-decoration: none;
}
	
#content li a:hover {
	color: #5a160c;
}



#content2 {
	float: left;
	width: 649px;
	padding: 0 30px 180px 30px;
	margin: 0;
}

#content2 H2 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 22px;
	color: #a02931;
	line-height: 28px;
	/*float: left;*/
	width: 649px;
	padding: 36px 0 16px 0;
	margin: 0;
}

#content2 H3 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 18px;
	color: #393961;
	line-height: 28px;
	float: left;
	width: 649px;
	padding: 6px 0 14px 0;
	margin: 0;
}

#content2 p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #363636;
	line-height: 21px;
	padding: 0 0 14px 0;
	margin: 0;
}

#content2 a { 
	color: #104b7d;
	text-decoration: none;
}
	
#content2 a:hover {
	color: #5a160c;
}

#content2 p.short {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #363636;
	line-height: 21px;
	padding: 0 300px 14px 0;
	margin: 0;
}

#content2 ul { 
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #424242;
	line-height: 20px;
	margin: 0;
	padding: 0 0 14px 0;
	text-decoration: none;
}
	
#content2 li { 
	list-style-type: none;
	margin: 0;
	padding: 0 0 4px 12px;
	background: url(../images/global/newsEventsBullet.gif) no-repeat 0 7px;
}
	
#content2 li a { 
	color: #104b7d;
	text-decoration: none;
}
	
#content2 li a:hover {
	color: #5a160c;
}



#contentFullPage {
	float: left;
	width: 850px;
	padding: 0 50px 180px 50px;
	margin: 0;
}

#contentFullPage H2 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 22px;
	color: #a02931;
	line-height: 28px;
	float: left;
	width: 850px;
	padding: 36px 0 16px 0;
	margin: 0;
}

#contentFullPage H3 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 18px;
	color: #393961;
	line-height: 28px;
	float: left;
	width: 850px;
	padding: 6px 0 14px 0;
	margin: 0;
}

#contentFullPage p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #363636;
	line-height: 21px;
	padding: 0 0 14px 0;
	margin: 0;
}

#contentFullPage a { 
	color: #104b7d;
	text-decoration: none;
}
	
#contentFullPage a:hover {
	color: #5a160c;
}

#contentFullPage p.short {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	color: #363636;
	line-height: 20px;
	padding: 0 300px 14px 0;
	margin: 0;
}

#contentFullPage ul { 
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	color: #424242;
	line-height: 20px;
	margin: 0;
	padding: 0 0 14px 0;
	text-decoration: none;
}
	
#contentFullPage li { 
	list-style-type: none;
	margin: 0;
	padding: 0 0 4px 12px;
	background: url(../images/global/newsEventsBullet.gif) no-repeat 0 7px;
}
	
#contentFullPage li a { 
	color: #104b7d;
	text-decoration: none;
}
	
#contentFullPage li a:hover {
	color: #5a160c;
}



#layAuthenticationVeil {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: #666; 
	filter: alpha(opacity=50); 
	-moz-opacity: 0.50; 
	opacity: 0.50;
	}
	
#layAuthentication {
	position: absolute;
	top: 152px; left: 363px;
	width: 440px; margin: auto; 
	border-bottom:10px solid #1a120a;
	padding-top:3px;
	background-color:#f2efe7;
	text-align:center;
	}

#loginToggleFormHolder {
	position:absolute;
	right:0;
	top:26px;
	width:250px;
	z-index:50;
	text-transform:none;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

#loginToggleForm {
	background-color:#FFFFFF;
	border:1px solid #A09177;
	display:none;
	width:248px;
	z-index:50;
}

#formbodyToggle{
	padding-top:20px;
}


/* ********Div Styles******** */
div.formHeader {
	text-align: left;
	padding: 5px 10px;
	background-color:#1a120a; 
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	color:#E4D0AF;
	}
	
#content2 div.formHeader a, div.formHeader a:active, div.formHeader a:visited {
	color:#E4D0AF;
	}
	
#content2 div.formHeader a:hover{
	color:#7399C6;
	}
	
div.formbody {
	text-align: left;
	padding: 10px; margin-bottom: 10px;
	border-top: 0px solid #7F794A;
	border-bottom: 2px solid #999;
	}
	
div.formSubmit {
	text-align: right;
	padding: 0px; margin: 0px;
	}