html {
	background: 		#1a1a1a url(/images/bg_pattern.gif) repeat;	
	font-family: 		"Times New Roman", Times, serif;
	color:				#572600;
	height:				100%;
}
body {
	height:				100%;
	margin:				0;
	padding:			0;
	background:			url(/images/hr_bg.gif) repeat-x;
}

a {
	text-decoration:	none;
	color:				#b25212;
}
/*------------------------------------------------------------------
/* Wrapper & Centered Content
--------------------------------------------------*/

div#wrapper {
	position:			relative;
	min-height:			100%;
	border-right:		solid 10px #1a1a1a;
	border-left:		solid 10px #1a1a1a;
	background:			url(/images/hr_bg.gif) repeat-x 0 bottom;
}
div#wrapper div#content {
	padding-top: 		51px;
	margin:				0 auto;
	position:			relative;
	width:				828px;
	top:				0;
	left:				0;
}
div#content_top {
	background-image:	url(/images/content_top.png);
	background-repeat:	no-repeat;
	width: 				100%;
	height: 			23px;
	behavior: 			url(/js/iepngfix.htc);
}

div#content_mid {
	background: 		transparent url(/images/content_mid.png) repeat-y;
	width: 				100%;
	behavior: 			url(/js/iepngfix.htc);
}
div#content_paper {
	width:				800px;
	margin:				0 auto;
	padding-bottom:		35px;
	min-height:			596px;
}
div.alt0 {
	background: 		#a88649 url(/images/bg_gradient.jpg) repeat-y;
}
div.alt1 {
	background: 		#a88649 url(/images/bg_gradient1.jpg) repeat-y;
}
div.alt2 {
	background: 		#a88649 url(/images/bg_gradient2.jpg) repeat-y;
}
div.alt3 {
	background: 		#a88649 url(/images/bg_gradient3.jpg) repeat-y;
}
div.alt4 {
	background: 		#a88649 url(/images/bg_gradient4.jpg) repeat-y;
}
div.alt5 {
	background: 		#a88649 url(/images/bg_gradient5.jpg) repeat-y;
}
div.alt6 {
	background: 		#a88649 url(/images/bg_gradient6.jpg) repeat-y;
}
div.alt7 {
	background: 		#a88649 url(/images/bg_gradient7.jpg) repeat-y;
}

div#content_bot {
	background: 		transparent url(/images/content_bot.png) no-repeat;
	width: 				100%;
	height: 			24px;
	behavior: url(/js/iepngfix.htc);
}
/*------------------------------------------------------------------
	Upper Navigation Layout
--------------------------------------------------------------------*/
/* My Account, View Cart, Store Locator, Trade Info
--------------------------------------------------*/
ul#sub-nav {
	position:			absolute;
	right:				5px;
	top:				23px;
	list-style:			none;
	margin: 0;
	padding: 0;
}
ul#sub-nav li.separator {
	padding-top:		4px;
	font-size:			9px;
	color:				#757575;
}
ul#sub-nav li {
	font-family:		"Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	float:				left;
	margin-left:		4px;
}
ul#sub-nav li a {
	font-size:			9px;
	color:				#757575;
	text-transform:		uppercase;
}


div.the_wines li#the_wines a,
div.inside_byron li#inside_byron a,
div.news li#news a,
div.club li#club a,
div.contact li#contact a,
div.buy li#buy a {
	color:				#572600;
}
ul#sub-nav li a:hover {
	color:				#999999;
}

/*------------------------------------------------------------------
	Home page styles
--------------------------------------------------------------------*/
#home img#logo {
	display: 			block;
	padding: 			31px 0 9px 0;
	margin:				0 315px 0 301px;
}

div#home_hero {
	width:				660px;
	height:				299px;
	margin:				0 auto;
	position:			relative;
	z-index:			0;
}
#home ul#nav {
	margin:				0 auto;
	position:			relative;
}
/*------------------------------------------------------------------
	Navigation styles
--------------------------------------------------------------------*/
/* absolute position required for ff/mac for layering, overridden for ie */
ul#nav {
	position:			absolute;
	width: 				530px;
	height:				54px;
	margin:				0 0 0 131px;
	background:			transparent url(/images/home_nav_bg.gif) no-repeat;
	z-index:			5;
}

ul#nav li {
	float:				left;
	height: 			54px;
	font-size:			16px;
}

ul#nav li a {
	height: 			54px;
	color:				#572600;
}
ul#nav li#the_wines:hover a, ul#nav li#inside_byron:hover a {
	cursor:				default;
}
ul#nav li a:hover {
	color:				#b25212;
}
ul#nav li a span {
	padding: 			20px 0 16px 20px;
	display:			block;
}
ul#nav li#buy a span {
	padding-left:		44px;
}
li#tab {
	width:				102px;
	position:			absolute;
}
ul#nav li#the_wines {
	z-index:			12;
	left:				0;
	width:				122px;
	position:			absolute;	
}
li#tab {
	z-index:			9;
	
}
ul#nav li#the_wines_dd, ul#nav li#the_wines_du {
	position:			absolute;
	top:				0;
	left:				-2000px;
	z-index:			11;
}

ul#nav li#inside_byron_dd, ul#nav li#inside_byron_du {
	position:			absolute;
	top:				0;
	z-index:			13;
	left:				-2000px;
}
ul#nav li#inside_byron_du, ul#nav li#the_wines_du {
	height:				400px;
	top:				-345px;
}
ul#nav li#inside_byron_dd, ul#nav li#the_wines_dd {
	height:				400px;
}
ul#nav li#inside_byron {
	width:				122px;
	position:			absolute;
	left:				102px;
	z-index:			14;
}

ul#nav li#news {
	width:				76px;
	position:			absolute;
	left:				224px;
	z-index:			16;
}
ul#nav li#club {
	width:				71px;
	position:			absolute;
	left:				300px;
}
ul#nav li#contact {
	width:				70px;
	position:			absolute;
	left:				371px;
}
ul#nav li#buy {
	width:				79px;
	position:			absolute;
	left:				441px;
	background:			transparent url(/images/buy_bg_hover.png) no-repeat;
	behavior: 			url(/js/iepngfix.htc);	
}

div#frame {
	margin:				21px auto 0 auto;
	width:				670px;
	background:			transparent url(/images/frame_mid.jpg) repeat-y;

}
div#frame_top {
	height:				100%;
	background:			transparent url(/images/frame_top.jpg) no-repeat 0 0;
	padding:			35px 0;
}
div#frame_bot {
	background:			transparent url(/images/frame_bot.jpg) no-repeat 0 bottom;
}
div#frame p {
	line-height:		22px;
	width:				544px;
	margin:				0 auto;
	padding:			22px 0;
	font-size:			13px;
}
img#welcome {
	display:			block;
	margin:				0 auto;
}

/*------------------------------------------------------------------
	Global styles
--------------------------------------------------------------------*/	
div#logo {
	display: 			block;
	padding: 			21px 0 9px 0;
	margin:				0 0 0 332px;
}

div#footer {
	font-size:			12px;
	line-height:		17px;
	color:				#999999;
	text-transform:		uppercase;
	padding:			3px 0 40px 14px;
}

div.the_wines li#the_wines, div.compliance li#the_wines {
	background:			url(/images/nav_us_fleft.gif) no-repeat 35px 42px; 
}

div.inside_byron li#inside_byron {
	background:			url(/images/nav_us_left.gif) no-repeat 35px 42px; 
}

div.news li#news {
	background:			url(/images/nav_us_cent.gif) no-repeat 20px 42px; 
}

div.club li#club {
	background:			url(/images/nav_us_rght.gif) no-repeat 16px 42px; 
}

div.contact li#contact {
	background:			url(/images/nav_us_frght.gif) no-repeat 27px 42px; 
}

.column {
	margin:				74px 92px;
}

.column1 {
	margin:				91px 9px 0 73px;
	float:				left;
	width:				288px;
}
.column2 {
	margin-top:			91px;
	float:				left;
	width:				412px;
}
.clearer {
	clear:				both;
}
div.copy {
	padding-left:		17px;
}
div#content h1 {
	font-size:			24px;
	color:				#803700;
	background:			url(/images/h1_us.gif) no-repeat 0 bottom;
	padding:			0 0 5px 3px;
	width:				100%;
}
div.column1 h1 img {
	float:				right;
	padding:			7px 3px 0 0;
}
div.column1 h1 {
	background:			url(/images/h1_us_new_lft.gif) no-repeat 0 bottom;
}
h2 {
	font-size:			12px;
	color:				#572600;
	padding:			9px 0 0 3px;
	width:				100%;
	text-transform:		uppercase;
}
.inside_byron div.column2 h2 {
	font-size:			13px;
	padding:			18px 0 0 3px;
}
div#content {
	font-size:			13px;
	color:				#231f20;
}
div.column1 p, div.column2 p {
	padding:			12px 0 1px 3px;
	width:				325px;
}
#main_image, #product, #flash_map {
	position:			relative; 
	z-index:			0;
}
#product img {
	behavior: url(/js/iepngfix.htc);	
}
div.iframe {
	margin:				22px 0;
	width:				418px;
	height:				114px;
	background:			url(/images/iframe_bg.jpg) no-repeat;
}
div.iframe iframe {
	position:			relative;
	top:				20px;
	left:				14px;
}
div#calendar {
	position:			relative;
	z-index:			0;
	float:				left;
	margin:				50px 80px 21px 80px;
	width:				640px;
	height:				315px;
	background:			transparent url(/images/cal_frame.png) no-repeat;
	padding-bottom:		6px;
}
div#calendar iframe {
	margin:				17px 15px;
}
img.left {
	float:				left;
	padding:			12px 12px 26px 0;
}
div.wht_btn {
	margin-top:			8px;
}
div.wht_btn a {
	float:				left;
	display:			block;
	background:			transparent url(/images/btn_wht_lft.png) no-repeat;
	height:				26px;
	line-height:		25px;
	font-size:			10px;
	text-transform:		uppercase;
	padding:			1px 4px 0 27px;
	color:				#b25212;
}
div.wht_btn span {
	float:				left;
	display:			block;
	background:			transparent url(/images/btn_wht_rht.png) no-repeat;
	height:				26px;
	width:				4px;
}
div.wht_btn:hover a, div.wht_btn:hover span {
	background-position:0 -26px;
}

ul.bulleted li {
	list-style-type:	disc;
	color:				#231f20;
	text-transform:		none;
	padding:			0;
	margin:				0 0 0 1.5em;
	font-size:			13px;
	width:				315px;
}

div.column2 h2.mini_chardonnay {
	background:			transparent url(/images/mini_chardonnay.png) no-repeat 0 0;
	padding:			8px 0 8px 20px;
	margin:				3px 0;
}
div.column2 h2.mini_pinot {
	background:			transparent url(/images/mini_pinot.png) no-repeat 0 0;
	padding:			8px 0 8px 20px;
	margin:				3px 0;
}

div#flash_map {
	margin-top:			20px;
}

div#button_area, div#button_area {
	height:				189px;
	background:			url(/images/h1_us.gif) no-repeat 0 bottom;
	padding-top:		8px;
}

div#button_area div.wht_btn {
	margin:				0;
	padding:			12px 0 0 3px;
}



/*------------------------------------------------------------------
	Winery page
--------------------------------------------------------------------*/	
ul.thumbs {
	margin-top:			37px;
}
ul.thumbs li {
	width:				99px;
	float:				left;
	text-align:			center;
	position:			relative;
	height:				142px;
}

ul.thumbs li a {
	font-size:			12px;
	color:				#803700;
	width:				99px;
	height:				142px;
}
ul.thumbs li a img {
	display:			block;
	position:			absolute;
	z-index:			200;
	top:				19px;
	left:				9px;
	width:				81px;
	height:				116px;
}
ul.thumbs li a:hover img {
	top:				0;
	left:				0;
	width:				99px;
	height:				142px;
}
ul.thumbs li a:hover {
	color:				#b25212;
	background-position:0 0;
}
ul.thumbs li a span.rollOver {
	display:			block;
	position:			absolute;
	z-index:			201;
	width:				99px;
	top:				112px;
	left:				0;
}


/*------------------------------------------------------------------
	Wine product page
--------------------------------------------------------------------*/	
div.product_page div.column1 {
	margin-left:		141px;
	width:				200px;
}
div.product_page div.copy {
	padding-left:		36px;
}
div#soldOut {
	padding:			40px;
}
div.labelContainer {
	width:				332px;
	margin:				0 auto;
	border:				2px solid #411d00;
	padding:			2px;
}
table {
	width:				90%;
	/*border:				1px solid #411d00;*/
	border-collapse: 	collapse;
}
table th {
	text-transform:		uppercase;
	/*text-align:			center;*/
}
table td, table th {
	color:				#572600;
	font-size:			13px;
	/*border:		 		1px solid #411d00;
	padding: 			7px 10px;*/
}
table td.first {
	padding-left:		17px;
	width:				85px;
}
/*------------------------------------------------------------------
	Buy page
--------------------------------------------------------------------*/	
#buy_top {
	margin-top:			75px;
	background:			transparent url(/images/buy_bg_top.gif) no-repeat;
	padding:			20px 0;
}
#buy_bottom {
	background:			transparent url(/images/buy_bg_bot.gif) no-repeat 0 bottom;
	margin:				0 40px;
}
h3 {
	margin:				8px 0 12px 0;
}
h3 a {
	margin:				0 0 0 59px;
	font-size:			18px;
	color:				#572600;
	display:			block;
}
div#buy_bottom div.buy_vineyard {
	margin:				0;
	padding:			0;
	float:				left;
	width:				239px;
}
div#buy_bottom ul {
	padding-bottom:		1px;
}

div#buy_bottom ul li a {
	padding:			0 20px 0 61px;
	margin-bottom:		15px;
	display:			block;
	color:				#b25212;
	font-size:			14px;
}
div#buy_bottom ul li a:hover {
	background:			transparent url(/images/buy_button.gif) no-repeat 17px 1px;
}

/*------------------------------------------------------------------
	Contact page
--------------------------------------------------------------------*/	
.contact div.column1 {
	margin:				74px 0 0 79px;
	width:				327px;
}
.contact div.column2 {
	margin:				74px 0 0 63px;
	width:				auto;
}
.contact div.wht_btn {
	float:				none;
	margin:				0 0 0 3px;
	clear:				both;
	padding:			10px 0 18px 0;
}
.contact div.second {
	padding-top:		4px;
}
.contact div.info_block {
	clear:				both;
	margin-bottom:		22px;
}
.contact div.column1 h1, .contact div.column2 h1 {
	margin-bottom:		3px;
}
div#form_top {
	background:			transparent url(/images/form_bg_top.gif) no-repeat;
	padding:			0 9px 20px 10px;
}
div#form_bottom {
	padding-left:		15px;
	background:			transparent url(/images/form_bg_bottom.gif) no-repeat;
	height:				25px;
}
div#form_top h5 {
	color:				#803700;
	font-size:			14px;
	background:			url(/images/form_h5_us.gif) no-repeat 0 bottom;
	padding:			10px 0 8px 0;
	width:				241px;
}
div#form_top p {
	width:				241px;
	color:				#a67449;
}
div#form_top dl dt {
	color:				#a29061;
	text-transform:		uppercase;
	margin:				7px 0 5px 0;
	font-size:			12px;
}
div#form_top dl dd input,
div#form_top dl dd select {
	width:				238px;
	font-size:			12px;
}

div#form_bottom input#submit_btn {
	width: 				75px;
	height: 			25px;
	background: 		transparent url(/images/form_submit.png) no-repeat;
}
div#form_bottom input#submit_btn:hover {
	background-position:0 -25px;
}

/*------------------------------------------------------------------
	Club page
--------------------------------------------------------------------*/	
div#club_form {
	background:			transparent url(/images/club_form_top.jpg) no-repeat;
	text-align:			center;
	width:				327px;
	margin-top:			20px;
}

div#club_form_bottom {
	width:				327px;
	height:				37px;
	background:			transparent url(/images/club_form_bottom.png) no-repeat;
}

div#form_inputs {
	text-align:			left;
	padding:			9px;
	margin:				31px 28px 0 27px;
	background-color:	#e3cfa9;
	display:			none;
}

div#club_form h2 {
	text-transform:		none;
	font-family: 		"Times New Roman", Times, serif;
	color:				#572600;
	font-size:			16px;	
	padding-top:		25px;
}

div#club_form p {
	padding:			7px 0 0 0;
}

div#club_form p, div#club_form p a#expand_club {
	font-size:			10px;
	font-family: 		Helvetica, Arial, sans-serif;
	color:				#803700;
	text-decoration:	none;
}

div#club_form p a {
	color:				#990000;
	text-decoration:	none;
}

div#club_form p a#expand_club {
	padding:			1px 15px 0 0;
	background:			transparent url(/images/club_form_expand.gif) no-repeat right 0;
}
div#form_inputs dl dt {
	font-size:			10px;
	margin-bottom:		5px;
	width:				250px;
}

div#form_inputs p {
	padding:			0 0 10px 0;
	margin-bottom:		12px;
	border-bottom:		#b18354 solid 1px;
	width:				250px;	
}

div#club_form dl dd input,
div#club_form dl dd select {
	width:				250px;
	font-size:			12px;
	margin-bottom:		10px;
}

div#club_form dl dd textarea {
	width:				250px;
	font-size:			12px;
	height:				72px;
	padding-bottom:		10px;
}

div#club_form dl dd.birth_date input {
	width:				92px;
}
div#club_form dl dd.birth_date select {
	width:				67px;
	margin-right:		6px;
}

span.highlight {
	color:				#990000;
	font-style:			italic;
}

input#club_submit_btn {
	display:			none;
	margin:				11px 0 0 38px;
}
/*------------------------------------------------------------------
	News page
--------------------------------------------------------------------*/
div#video_overlay {
	position:			absolute;
	top:				65px;
	left:				14px;
	display:			none;
	width:				800px;
	height:				700px;
	z-index:			1000;
}
div#video_overlay a {
	position:			absolute;
	top:				150px;
	right:				160px;
}
img#video_overlay_bg {
	position:			absolute;
	top:				0;
	left:				0;
	behavior: 			url(/js/iepngfix.htc);
}
div#flashVideo {
	position:			absolute;
	top:				170px;
	left:				160px;
}
.news .column1 {
	width:				328px;
	margin:				91px 0 0 80px;
}
.news .column2 {
	width:				260px;
	margin:				91px 0 0 62px;
}

.news div.column1 h1, .news div.column2 h1 {
	margin-bottom:		8px;
}

.news div.column1 p, .news div.column2 p {
	width:				auto;
}

.news h2 {
	padding-left:		0;
}

