/*
(c) Copyright 2008 Alta Colina. All Rights Reserved. 
Site: AltaColinaWine.com
Author:KRAFTWERK DESIGN INC.
*/

/* ------------------------------
Base Styles
------------------------------ */
html, body { margin:0; padding:0; font-size:100%; }
body { background:#f4ece2 url(../images/main_bg.gif) repeat-x top left; font:12px/18px Tahoma, "Lucida Grande", Arial, Helvetica, sans-serif; color:#444444; }

h1, h2, h3, h4, h5, h6, p { margin:0 0 18px 0; }
	h1 { font-size:22px; font-weight:normal; }
	h2 { font-size:18px; font-weight:normal; }
	h3 { margin-bottom:5px; color:#ba8748; font-size:16px; font-weight:normal; }
	h4 { margin-bottom:5px; font-size:14px; font-weight:bold; }
h1 { color:#ba8748; }
a { color:#ba8748; text-decoration:none; }
	a:hover { color:#2e2e2e; text-decoration:underline; }
	a:active { outline:none; }
img { border:none; }
	img#main_image { margin-bottom:37px; }
	#second_image { float:right; margin:0 0 16px 16px; background:#fff; border:1px solid #e2c59c; padding:10px; }
.lg { color:#dedede; }

	/* TABLES */
	table { margin:0 0 18px; width:100%; color:#252525; border-collapse:collapse; }
		tr.oddRow { background-color:#f9f6ee; }
			th { text-align:left; font-size:12px; }
			td { padding:4px 0; font-size:13px; }

.red { color:#a30234; }

#wrapper { width:829px; margin:0 auto; overflow:hidden; }


/* ------------------------------
Home Page Styles
------------------------------ */
#home { background:#f4ece2 url(../images/_home_page_bg.gif) repeat-x top left; }
	#home #wrapper { width:1008px; }
		#home #top_logo { width:1008px; height:169px; background:url(../images/_home_page_logo.gif); }
			#home #top_logo a { width:1008px; height:169px; display:block; }
	#home #top_menu { width:858px; height:54px; background:url(../images/_homepage_nav_back.jpg); margin:0; padding:271px 0 0 150px; }
		#home #top_menu li { display:block; float:left; height:54px; }
		#home #top_menu a { background:url(../images/_home_nav1.jpg) no-repeat 0 0; display:block; height:54px; text-indent:-9999px; }
			#home #top_menu #about a { background-position:0 0; width:76px; }
				#home #top_menu #about a:hover { background-position:0 -54px; }
			#home #top_menu #vineyards a { background-position:-76px 0; width:75px; }
				#home #top_menu #vineyards a:hover { background-position:-76px -54px; }
			#home #top_menu #wines a { background-position:-151px 0; width:60px; }
				#home #top_menu #wines a:hover { background-position:-151px -54px; }
			#home #top_menu #purchase a { background-position:-211px 0; width:80px; }
				#home #top_menu #purchase a:hover { background-position:-211px -54px; }
			#home #top_menu #club a { background-position:-291px 0; width:94px; }
				#home #top_menu #club a:hover { background-position:-291px -54px; }
			#home #top_menu #news a { background-position:-385px 0; width:59px; }
				#home #top_menu #news a:hover { background-position:-385px -54px; }
			#home #top_menu #events a { background-position:-447px 0; width:54px; }
				#home #top_menu #events a:hover { background-position:-447px -54px; }
			#home #top_menu #gallery a {background-position:-508px 0; width:66px; }
				#home #top_menu #gallery a:hover { background-position:-508px -54px; }
			#home #top_menu #trade a { background-position:-574px 0; width:58px; }
				#home #top_menu #trade a:hover { background-position:-574px -54px; }
			#home #top_menu #contact a { background-position:-632px 0; width:98px; }
				#home #top_menu #contact a:hover { background-position:-632px -54px; }
#home #content_wrapper { width:1008px; padding:74px 0 0 0; background:url(../images/_home_image_bottom.jpg) no-repeat top left; }
#home #highlight { width:250px; float:left; margin:2px 35px 25px 62px; }
	#home #highlight h2 { color:#2e2e2e; font-size:18px; margin-bottom:16px; }
	#home #highlight h3 { margin:3px 0 5px; font-size:14px; line-height:18px; font-weight:bold; }
	#home #highlight p { font-size:11px; line-height:16px; }
#home #copy { margin:0 0 25px; padding:0; width:600px; float:left; }
	#home #copy h1 { color:#a30234; }
	
	
/* ------------------------------
Header Styles
------------------------------ */
#top_wrapper { overflow:hidden; }
#top_logo { width:259px; float:left; height:179px; background:url(../images/header.gif); text-indent:-9999px; margin-bottom:0; }
	#top_logo a { display:block; height:179px; width:259px; padding:0; }
#top_menu { float:right; display:block; list-style:none; margin:92px 0 0 0; width:522px; padding:0; }
	#top_menu li { display:block; float:left; }
	#top_menu a { background:url(../images/nav1.gif) no-repeat 0 0; display:block; height:30px; text-decoration:none; text-indent:-9999px; }
		#top_menu #about a { background-position:0 0; width:42px; }
			#top_menu #about a:hover { background-position:0 -30px; }
		#top_menu #vineyards a { background-position:-42px 0; width:64px; }
			#top_menu #vineyards a:hover { background-position:-42px -30px; }
		#top_menu #wines a { background-position:-106px 0; width:50px; }
			#top_menu #wines a:hover { background-position:-106px -30px; }
		#top_menu #purchase a { background-position:-156px 0; width:68px; }
			#top_menu #purchase a:hover { background-position:-156px -30px; }
		#top_menu #club a { background-position:-224px 0; width:42px; }
			#top_menu #club a:hover { background-position:-224px -30px; }
		#top_menu #news a { background-position:-266px 0; width:47px; }
			#top_menu #news a:hover { background-position:-266px -30px; }
		#top_menu #events a { background-position:-313px 0; width:54px; }
			#top_menu #events a:hover { background-position:-313px -30px; }
		#top_menu #gallery a { background-position:-367px 0; width:56px; }
			#top_menu #gallery a:hover { background-position:-367px 0; }
		#top_menu #trade a { background-position:-423px 0; width:47px; }
			#top_menu #trade a:hover { background-position:-423px -30px; }
		#top_menu #contact a { background-position:-470px 0; width:52px; }
			#top_menu #contact a:hover { background-position:-470px -30px; }


/* ------------------------------
Copy Styles
------------------------------ */
#content_wrapper { width:829px; overflow:hidden; }
#topImgs { overflow:hidden; margin-bottom:37px; }
	#topImgs img { float:left; display:block; }
		#topImgs .leftImg { margin-right:1px; width:259px; }
#copy { padding-left:30px; width:539px; float:left; overflow:hidden; }
	#copy h1 { color:#ba8748; }
		#copy h3 img { float:right; margin:0 0 16px 16px; background:#fff; border:1px solid #e2c59c; padding:10px; }
.bread_crumb { font-size:10px; }
	.bread_crumb a { text-decoration:none; }

.mainSections { margin:0 10px 10px 12px; width:240px; float:left; overflow:hidden; }
	.mainSecImg { background:#fff; margin:0 0 10px; padding:10px; height:auto; border:1px solid #e2c58c; }


/* ------------------------------
Sidebar Styles
------------------------------ */
#sidebar { padding-left:20px; width:240px; float:left; overflow:hidden; }
	#sidebar p, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 { color:#2e2e2e; }
	#sidebar h2 { font-size:18px; }
#sidebar_news { font-size:11px; }
	#sidebar_news p { clear:left; margin-bottom:8px; }
		#sidebar_news p.sidebar_news_date { display:block; width:60px; float:left; margin-bottom:4px; }
		#sidebar_news p.sidebar_news_title { display:block; width:270px; float:left; clear:none; margin-bottom:4px; }
#sidebar ul { margin:8px 0 24px 0; padding:0; }
#sidebar_submenu li { margin-bottom:12px; font-size:12px; list-style:none; background:url(../images/_plus.gif) no-repeat left 4px; padding-left:20px; }
#sidebar_mailinglist img { border:none; }


/* ------------------------------
Current Releases Page
------------------------------ */
#current_releases .wineLabel { width:100px; height:auto; }
div.wineRelease { float:left; margin:0 0 15px 0; width:535px; overflow:hidden; border-bottom:1px solid #e2c59c; }
img.wineLabel { float:left; margin:0 15px 15px 0; border:1px solid #ba8748; }
.wineWrap { float:left; width:400px; }
p.wineName { float:left; margin:0 5px 5px 0; color:#a30234; font-size:12px; font-weight:bold; width:190px; }
p.winePrice { float:right; margin-bottom:5px; }
p.wineInfo { margin:3px 0 18px; clear:both; }


/* ------------------------------
Additional Styles
------------------------------ */
ul.purchaseWines { margin:-5px 0 15px 15px; }


/* ------------------------------
People
------------------------------ */
#people #copy ul { margin:0 0 18px; padding:0; list-style:none; }
#people #copy li { display:block; float:left; margin:0 0 15px; width:100%; overflow:hidden; border-bottom:1px solid #e2c59c; }
#people #copy li h3 img { float:left; margin:0 10px 15px 10px; padding:0; width:100px; height:82px; border:1px solid #e2c59c; clear:left; }
#people #copy li h3 { margin:0 0 5px; color:#a30234; font-size:12px; font-weight:bold;  }

/* ------------------------------
People / Bios
------------------------------ */
#sales_marketing #copy ul, #vineyard_professional_services #copy ul, #consulting_winemaker #copy ul { margin:0 0 18px; padding:0; list-style:none; }
#sales_marketing #copy li, #vineyard_professional_services #copy li, #consulting_winemaker #copy li { display:block; width:100%; }
#sales_marketing #copy li h3 { clear:both; }


/* ------------------------------
Vineyard
------------------------------ */
.mapThumb { margin:0 15px 3px 0; width:120px; float:left; overflow:hidden; }
	.mapThumb p { width:120px; }
	.mapThumb p img { width:120px; height:auto; }


/* ------------------------------
Wines
------------------------------ */
.winesBox { float:left; margin:0 0 10px 20px; width:260; overflow:hidden; }
.winesImg { margin:0 0 10px 20px; padding:10px; border:1px solid #e2c58c; background:#fff; height:auto; }
	img.wines { width:214px; height:auto; clear:both; }
p.winesName { margin:0 0 3px -10px; color:#a30234; font-size:12px; font-weight:bold; width:214px; }
p.winesInfo { margin:3px 0 15px -10px; width:214px; }


/* ------------------------------
Purchase/Store
------------------------------ */
	.wineInfo_comment { border-bottom:2px solid #e2c58c; margin:0 0 10px; padding-bottom:10px; font-size:11px; line-height:14px; }

.prodCol { margin-right:40px; width:580px; float:left; }
.orderCol { width:200px; float:left; overflow:hidden; }
.prod_list, .preorderInfo { margin:0 0 18px; padding:0; list-style:none; }
	.prod_list li { padding:5px 0; overflow:hidden; border-bottom:1px solid #d8ccbb; }
		.prod_list li span { display:block; }
	.prod_list li.oddRow { background-color:#f3f3f3; }
		.pName { margin-right:10px; padding:6px 0 0 10px; width:285px; float:left; }
			.pName a { margin-right:10px; color:#a30234; float:left; display:block; }
				.icn_new { background:url(../images/icons/icn_new.png) no-repeat; width:41px; height:18px; float:left; display:block; }
			.pName em { color:#555555; }
		.pName2 { padding:6px 0 0; width:420px; float:left; }
		.bSize { margin-right:10px; padding:6px 0 0; width:80px; text-align:left; float:left; }
		.pPrice, .pClub { margin-right:20px; padding:6px 0 0; width:80px; text-align:right; float:left; }
		.pQty { padding:6px 0 0; width:75px; text-align:center; float:right; }
			.pQty .product { margin:-6px 0 0 5px; text-align:center; }
			.pQty em { padding:6px 0 0; width:75px; text-align:center; font-weight:bold; color:#990000; float:right; }
			#wine_checkout .pQty { float:left; }
		.pTotal { padding:6px 0 0; width:75px; text-align:right; float:right; }
	li#headerRow { padding:0; font-weight:bold; color:#2e221a; border-bottom:none; }
		li#headerRow .head_pName { width:290px; padding:0 14px 0 1px; float:left; }
		li#headerRow .head_bSize { width:90px; float:left; }
		li#headerRow .head_pPrice, li#headerRow .head_pClub { margin-right:20px; width:80px; text-align:right; float:left; }
		li#headerRow .head_pQty { padding:0; width:75px; text-align:center; float:right; }
		li#headerRow .head_pTotal { padding:0; width:75px; text-align:right; float:right; }
.preorderInfo { margin-bottom:25px; font-size:12px; }
	.preorderInfo li { padding:2px 0 10px; overflow:hidden; }
	.preorderInfo .label { padding-top:2px; width:120px; display:block; float:left; }
		.preorderInfo li input.textInput {  }
			.gtotal { font-weight:bold; font-size:13px; color:#a30234; }
.checkoutInfo { margin-left:440px; font-size:12px; list-style:none; }
	.checkoutInfo li { overflow:hidden; }
		.checkoutInfo .label { padding-top:2px; width:120px; display:block; float:left; }
	.checkoutInfo #grandTotal { color:#000000; }

#wine_checkout fieldset { width:500px; }
	#wine_checkout li#headerRow .head_pName { width:350px; }
	#wine_checkout li#headerRow .head_pQty { float:left; }
#wine_checkout .pName, #wine_thank_you .wName { width:350px; }
#wine_checkout .pQty, #wine_checkout .wTotal, #wine_thank_you .wQty, #wine_thank_you .wTotal { padding-top:6px; }
	li#headerRow .wQty, li#headerRow .wTotal { padding-top:0; }
	#wine_checkout .pQty, #wine_thank_you .wQty { width:75px; }
	#wine_checkout .pTotal, #wine_checkout li#headerRow .head_pTotal { margin-right:35px; }

#wine_thank_you p .label { font-weight:bold; margin-right:10px; }

.orderDetails1 { width:200px; }
.orderDetails2 { width:200px; }
.checkoutSummary { float:right; margin-right:35px; }
#wine_thank_you .checkoutSummary { margin-right:0; }
		.orderDetails2 #subtotal, .orderDetails2 #discount, .orderDetails2 #tax, .orderDetails2 #shipping, .orderDetails2 #grandTotal, .checkoutSummary #subtotal, .checkoutSummary #discount, .checkoutSummary #tax, .checkoutSummary #shipping, .checkoutSummary #grandTotal { float:right; font-weight:bold; }
		.orderDetails2 li { padding-bottom:2px; }
.ar input { float:right; overflow:hidden; }

.shipContent { margin:0 0 18px 20px; padding:0; font-size:11px; line-height:14px; }
.store_label { float:right; margin:0 0 20px 20px; border:1px solid #ba8748; }


/* ------------------------------
News/Events
------------------------------ */
.newsEvents { margin:0 0 15px; padding:0 0 5px; border-bottom:1px solid #e2c58c; overflow:hidden; }
	.newsEventsImg { margin:0 0 20px 20px; padding:5px; border:1px solid #e2c58c; float:right; }
	.date { margin-bottom:10px; font-style:italic; }


/* ------------------------------
Trade & Media
------------------------------ */
p.trade_th a { margin-bottom:20px; padding:85px 0 0; width:150px; font-weight:bold; float:left; display:block; text-align:center; }
	.tm_logos { margin-right:30px; background:url(../images/tm_logos.gif) no-repeat top center; }
	.tm_photos { margin-right:30px; background:url(../images/tm_photos.gif) no-repeat top center; }
	.tm_labels { background:url(../images/tm_labels.gif) no-repeat top left; }
	.tm_tasting { margin-right:30px; background:url(../images/tm_technotes.gif) no-repeat top left; }
	.tm_press { background:url(../images/tm_press.gif) no-repeat top left; }

.tm_dl { margin-right:25px; width:160px; text-align:center; float:left; }
	.tm_dl img { margin-bottom:10px; }
	.tm_dl a { font-weight:bold; }

	/* High Resolution Photos */
	#photos .tm_dl { margin:0 auto 20px; float:none; width:100%; overflow:hidden; }
	 	#photos .tm_dl ul { list-style:none; margin:0 0 20px; padding:0; }
			#photos .tm_dl ul li { margin:0 15px 10px 0; width:160px; height:160px; float:left; overflow:hidden; }
				#photos .tm_dl ul li a { margin-bottom:5px; height:120px; display:block; overflow:hidden; }
					#photos .tm_dl ul li a img { margin:0 auto 10px; width:160px; display:block; float:none; text-align:center; }
	#photos .tradeTitle { font-weight:bold; font-size:12px; color:#333333; }

	.trade h3 { margin-bottom:5px; }
	.trade td { padding-top:5px; padding-bottom:5px; }
	.file_detail1, .file_detail2 { padding:5px 10px; line-height:16px; }
		.file_detail1 { width:190px; }
		.file_detail2 { width:300px; }
		th.file_detail1, th.file_detail2 { padding-left:0; }
	.cat_dl { padding-right:10px; width:100px; text-align:right; }
	
	.tradeDL { margin:0 10px 10px 0; width:190px; height:150px; float:left; }
	.tradeDL2 { margin:15px 15px 0 0; width:200px; height:150px; float:left; }

	.tradeDL img, .tradeDL2 img { margin:10px auto 20px; display:block; }
	.tradeDL p, .tradeDL2 p { text-align:center; }

#labels .file_detail2, #tasting_notes .file_detail2 { width:430px; }
#press #copy h2 { font-size:14px; font-weight:bold; }
#press h3 { margin:0; font-size:14px; color:#a30234; }


/* ------------------------------
FORM
------------------------------ */
form { margin:0 0 20px; }
fieldset { margin-bottom:25px; padding:10px 15px 20px; border:1px solid #dbc1a0; }
legend { font-size:16px; font-weight:bold; color:#BA8748; }
.formField { background:#f5efe9; margin:0 0 4px; padding:2px 5px; border-bottom:1px solid #dbc1a0; overflow:hidden; }
label { float:left; width:95px; }
	input.textInput, textarea.textInput { padding:5px; line-height:18px; border:2px solid #dbc1a0; }

	/* --- Credit Card Type Selections --- */
	.ccWrap { float:left; display:inline-block; width:300px; overflow:hidden; }
		.ccWrap_row { clear:both; display:block; }
			.ccWrap_row span { margin-right:10px; width:120px; float:left; display:block; }

	/* ---- Sign Up Styles ---- */
	#copy form#signup_form label { width:170px; }
	#copy form#signup_form input { width:auto; }
	#copy form#signup_form h4 { color:#CE2E2E; }
	#copy form#signup_form span.col { width:300px; float:left; padding-bottom:12px; }
	#copy form#signup_form p { clear:both; padding:8px; margin-bottom:3px; }
	label.error { font-weight:bold; color:red; }
	
	
	/* ----- Button Style ----- */
	.button { display:inline-block; outline:none; cursor:pointer; 
			padding:5px 8px; color:#ffffff; text-align:center; 
			font-size:11px; line-height:13px; font-weight:bold; text-transform:uppercase; 
			text-shadow: 0 1px 1px rgba(0,0,0,.3); 
			-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; 
			-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); }
		.button:hover { text-decoration:none; }
		.button:active { position:relative; top:1px; }

		.ac_red {
			color: #ffffff;
			border: solid 1px #730225;
			background:#a30234;
			background: -webkit-gradient(linear, left top, left bottom, from(#bf013c), to(#990231));
			background: -moz-linear-gradient(top,  #bf013c,  #990231);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf013c', endColorstr='#990231');
		}
		.ac_red:hover {
			color:#f0c2c2;
			background: #a90034;
			background: -webkit-gradient(linear, left top, left bottom, from(#a90034), to(#8a032d));
			background: -moz-linear-gradient(top,  #a90034,  #8a032d);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90034', endColorstr='#8a032d');
		}
		.ac_red:active {
			color: #cb5d5d;
			background:#990231;
			background: -webkit-gradient(linear, left top, left bottom, from(#990231), to(#bf013c));
			background: -moz-linear-gradient(top,  #990231,  #ad0036);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#990231', endColorstr='#bf013c');
		}


	/* ----- System Messages ----- */
	.msg_error { background:url(../images/sign_warning.gif) no-repeat 20px 20px; background-color:#fad2ba; border-left:3px solid #dfb196; padding:20px 20px 0 50px; margin-bottom:20px; overflow:hidden; color:#9a2004; font-weight:bold; font-size:14px; }
	.msg_success { background:url(../images/sign_success.gif) no-repeat 20px 21px; background-color:#d8f7bc; border-left:3px solid #bbdb9e; padding:20px 20px 0 50px; margin-bottom:20px; overflow:hidden; color:#426820; font-weight:bold; font-size:14px; }
		p.error { background-color:#e5cfb3; }
		p.error input.textInput, 
		p.error textarea.textInput { background-color:#fff9b5; }
		p.error label { color:#9a2004; }
	
/* ------------------------------
Footer Styles
------------------------------ */
#footer { margin:40px 0 25px; color:#ba8748; font-size:11px; overflow:hidden; }
	#footer_copyright { width:300px; float:right; text-align:right; color:#d5b791; }
		#footer_copyright p { margin-bottom:10px; line-height:normal; }
	#footer .social { float:left; overflow:hidden; }
		#footer .social strong { margin-right:7px; float:left; }
		#footer .social a { width:56px; height:12px; display:block; float:left; text-indent:-9999px; text-align:left; }
		.facebook { background:url(../images/icn_fb.gif) no-repeat 0 0; margin-right:10px; }
		.twitter { background:url(../images/icn_tt.gif) no-repeat 0 0; }
	#footer .copyright { margin-left:10px; padding-left:10px; float:left; border-left:1px solid #d5b791; }
	
	#footer_menu { float:left; display:block; list-style:none; margin:0; padding:0; }
		#footer_menu li { margin:0 5px 0 0; padding-left:5px; float:left; display:block; border-left:1px solid #d5b791; line-height:normal; }
			#footer_menu li.first { padding-left:0; border-left:none; }
	#footer_menu a { color:#ba8748; text-decoration:none; }
		#footer_menu a:hover { color:#2e2e2e; text-decoration:none; }
