@charset "utf-8";
*{padding:0; margin:0;}
body  {
	font-family: Tahoma, Calibri, Verdana, Arial;
	margin: 0 auto;
	padding: 0;
	text-align: center; 
	color: #777777;
	background:url(../img_site/bg.jpg) repeat-y top center #fff;
	font-size:11px;
	text-align:center;
}
img{
	border:none;	
}
a{
	text-decoration:none;
	color:#777777;
	}
a:hover{
	color:#333;
}
p{
line-height:16px;	
}
.twoColFixLtHdr #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #preface {
	background:url(../img_site/header.jpg) no-repeat;
	margin: 0 auto; 
	margin-left:-10px;
	width:800px; height:50px;
	text-align:center;
} 
.twoColFixLtHdr #header { 
	background:url(../img_site/tagline.jpg) no-repeat;
	margin: 0 auto;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width:780px; height:81px;
} 
.twoColFixLtHdr #topNav { 
	width: 780px;
	background-color: #90B000;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 33px;
} 
.twoColFixLtHdr #topSlides { 
	background:#000;
	margin: 0 auto;padding:0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:286px;
}
.warning{color:#F00;}
/*gwclub*/
.gwclub {
	font:11px  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#90B000;
	margin:3px;
	border:dotted 1px #999999;
	padding: 7px 8px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:270px;
	}
	
.gwclubtext {
	font:11px  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#90B000;
	margin:3px;
	border:dotted 1px #999999;
	padding: 7px 8px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:270px;
	background-image: url(../form/textarea_bg.gif);
	}	
	
.gwclubsmall {
	font:11px  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#90B000;
	margin:3px;
	border:dotted 1px #999999;
	padding: 7px 8px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:25px;
	background-image: url(textfield_bg.gif);
	}

.gwclublist {
	font:11px  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#90B000;
	margin:3px;
	border:dotted 1px #999999;
	padding: 7px 8px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:270px;
	background-color: #Fff;
	}
 /*end gw club styles*/
#leftfill {
	width: 79px;
	float: left;
}
#mastleft {
	width: 240px;
	text-align: left;
	float: left;
	height: 286px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	vertical-align: bottom;
}


#mastright {
	width: 540px;
	float: left;
	height: 286px;
	margin:0;
}
#wrapper{
	margin:0 auto;
	width:780px;
}
#coverall{
	display:none;
position:absolute;
width:100%;
height:100%;
background:url(../img_site/cover.png);
z-index:200;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 20px 15px 20px;
	text-align:right;
	font-size:11px;
	height:300px;
}
#sidebar1 h3{
	color:#555;
	font-size:11px;
	line-height:25px;
}
#sidebar1 img{
padding:0 5px;	
}
#sidebar1 a{
	text-decoration:none;
	color:#777777;
	}
#sidebar1 a:hover{
	border-bottom:dotted 1px #90B000;	
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 40px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

#mainContent img a:hover{ border:none;}
.twoColFixLtHdr #footer {
	background:url(../img_site/footerGOD.gif) no-repeat;
	width:780px;
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	font-size:8.5pt;
	height:50px;
} 
.twoColFixLtHdr #footer p {
	margin: 0 20px 0 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 30px 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:right;
	color:#ccc;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:1%;
    font-size: 1px;
    line-height: 0px;
}
.homelink{
float:right;
width:75px;
margin-top:25px;
height:20px;
}
.contactlink{
float:right;
width:130px;
margin-top:25px;
height:20px;
}
.green{
color:#A1B000;
}
.prodspacer{
height:15px;	
}
.bodytextlight{
color:#999999;
font-size:11px;
font-weight:normal;
line-height:22px;
text-decoration:none;
}
.smalltext{
color:#666;
font-size:9px;
}
.smalltext a{
	color:#777;
border-bottom:1px dotted #666;
text-decoration: none;
}
.smalltext a:hover{
color:#000;	
border-bottom:1px solid #000;
}
.submenuselected{
	color:#777777;
}
.nodots{
border-bottom:none;	
}
.headerbig{
	padding-top:15px;
	font-family: Tahoma, Calibri, Verdana, Arial;
	font-size:22px;
}
.tablegreenthick {
background-color:#90B000;
border:5px solid #698000;
color:#fff;
}
.tradeheading{
color:#698000;
font-weight:bold;
padding-bottom:10px;
}
.hideit{
display:none;	
}
/* navigation */
b-0 { display: block; float: left; width: 79px; height: 33px; background-image: url(../img_site/_menu/fillleft.gif); text-indent: -9999px; margin: 0px; border: 0; }
a.b-0 { display: block; float: left; width: 79px; height: 33px; background-image: url(../img_site/_menu/fillleft.gif); text-indent: -9999px; margin: 0px; border: 0; }
a.b-0:hover { background-image: url(../img_site/_menu/fillleft.gif); }

a.b-1 { display: block; float: left; width: 81px; height: 33px; background-image: url(../img_site/_menu/b1.jpg); text-indent: -9999px; margin: 0px; border: 0; }
a.b-1:hover { background-image: url(../img_site/_menu/b1on.jpg); border: 0; }

a.b-2 { display: block; float: left; width: 78px; height: 33px; background-image: url(../img_site/_menu/b2.jpg); text-indent: -9999px; margin: 0px; border: 0; }
a.b-2:hover { background-image: url(../img_site/_menu/b2on.jpg); border: 0; }

a.b-3 { display: block; float: left; width: 72px; height: 33px; background-image: url(../img_site/_menu/b3.jpg); text-indent: -9999px; margin: 0px; border: 0; }
a.b-3:hover {background-image: url(../img_site/_menu/b3on.jpg);  border: 0;}

a.b-4 { display: block; float: left; width: 113px; height: 33px; background-image: url(../img_site/_menu/b4.jpg); text-indent: -9999px; margin: 0px; border: 0; }
a.b-4:hover { background-image: url(../img_site/_menu/b4on.jpg); border: 0; }

a.b-5 { display: block; float: left; width: 99px; height: 33px; background-image: url(../img_site/_menu/b5.jpg); text-indent: -9999px; margin: 0px; border: 0; }
a.b-5:hover { background-image: url(../img_site/_menu/b5on.jpg); border: 0; }

a.b-6 { display: block; float: left; width: 85px; height: 33px; background-image: url(../img_site/_menu/b6.jpg); text-indent: -9999px; margin: 0px; border: 0; }
a.b-6:hover { background-image: url(../img_site/_menu/b6on.jpg); border: 0; }

a.b-7 { display: block; float: left; width: 106px; height: 33px; background-image: url(../img_site/_menu/b7.jpg); text-indent: -9999px; margin: 0px; border: 0; }
a.b-7:hover { background-image: url(../img_site/_menu/b7on.jpg); border: 0; }

b-8 { display: block; float: left; width: 67px; height: 33px; background-image: url(../img_site/_menu/fillright.gif); text-indent: -9999px; margin: 0px; border: 0; }
a.b-8 { display: block; float: left; width: 67px; height: 33px; background-image: url(../img_site/_menu/fillright.gif); text-indent: -9999px; margin: 0px; border: 0; }
a.b-8:hover { background-image: url(../img_site/_menu/fillright.gif); }
/* end nav */
/*wine details*/
#leftWineImg{
	float:left;
	width:240px;
	margin:20px 0 5px 0;
	text-align:center;
}
#wineDetails{
	margin:10px;
	margin-left:260px;
	width:360px;
	font-size:11px;
	text-align:left;
	text-decoration:none;
	line-height:16px;
}
#wineDetails .heading{
font-weight:bold;
padding: 20px 0 10px 0;
color:#444444;
}
#rightWineTable{
	width:140px;
	float:right;
	margin: 10px 5px 0 0;
	font-size:9px;
	line-height:15px;
}
#rightWineTable .heading{
padding-top:10px;
font-weight:bold;
}
#rightWineTable a{
	text-decoration:none;
	color:#777;
	border-bottom:dotted 1px #777;
	}
#rightWineTable a:hover{
	color:#000;
	border-bottom:solid 1px #000;
	
}
#rightWineTable ul{
padding-left:15px;	
}
/*end wine details */
/* shopping cart */
#cart{
padding:15px 20px 20px 20px;	
}
#cart .headerbig{
	padding:15px 0 5px 0;
	font-family: Tahoma, Calibri, Verdana, Arial;
	font-size:22px;
	text-align:center;
}
#cart .tableheader{
text-align:center;
font-weight:bold;
color:#90B000;
}
.input{
border: 1px dotted #90B000;	
color:#90B000;	
}
#cart a{
	text-decoration:none;
	color:#777;
	border-bottom:dotted 1px #777;
	}
#cart a:hover{
	color:#000;
	border-bottom:solid 1px #000;
	
}
#cart .disclaimer{
font-style:italic;
padding-bottom:10px;
}
.summary{
background:url(../img_site/bg_cartsummary.png);
padding:5px;
border:dotted 1px #333;
color:#000;
}
.summary a{
color:#90b000;
font-size:9.5pt;
}
.prodlist{
	padding:5px 20px;
	border-bottom:solid 1px #90b000;
}
.prodlist a{
font-size:8.5px;	
}

.finalise{
	padding:20px;
	font-size:18px;
	text-align:center;
}
#cart .navButton a{
	color:#fff;
	padding:5px 10px;
	background:#90b000;
	border:none;
	border:solid 1px #333;
}
#cart .navbutton a:hover{
color:#3F3;	
}
/* end cart */
table{padding:0; margin:0;}
/* form lightbox */
#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #CCA;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}


#box 
{
display:none;
	position: absolute;
	top: 20%;
	left: 30%;
	width: 350px;
	height: 150px;
	padding: 48px;
	margin:auto auto;
	border: 1px solid black;
	background-color: white;
	z-index:101;
	overflow: none;
}

#boxtitle
{
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:100%;
	height:22px;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	margin:0;
	background-color: #90b000;
	color:white;
	text-align:center;
	font-weight:bold;
}
.submit{
background:url(../img_site/bg_button.png) repeat-x;
border:solid 1px #ccc;
height:30px;
padding:0 15px;
}