/* -

	Vineland Estates

	wine db display
	- CHDS 2007

	toc
	---
	0 - sub navigation
	1 - general
	2 - columns
	3 - wine menu
	4 - misc

--------------------- */

/* 0 - sub navigation
	 (wines header)
--------------------- */

#container #sub_nav {
	margin: 0 auto 0 auto; padding: 0; width: 800px; height: 25px;
	text-align: center;
	background: transparent url("/images/form_gradient.jpg") repeat top left;
	border-top: 3px double #e7cea0;
	border-bottom: 3px double #e7cea0;
	}
#container #sub_nav h3 {
	display: none;
	}
#container #sub_nav ul {
	float: left;
	width: 300px;
	background: transparent;
	margin: 0 0 0 30px; padding: 0; padding-top: 5px; padding-left: 0;
	text-align: left;
	}
#container #sub_nav li {
	display: inline;
	padding: 0 12px 0 9px; margin: 0 auto;
	border-right: 1px solid #fff;
	}
	#container #sub_nav li.last_item {
	border-right: none;
	}

#container #sub_nav .cart_control {				/* view cart & checkout links */
	float: right;
	margin: 3px 40px 0 0;
	padding: 0;
	}
#container #sub_nav .cart_control a {
	font-style: normal;
	font-size: 12px;
	margin: 6px 0 0 0;
	text-transform: lowercase;
	font-variant: small-caps;
	}
	#container #sub_nav .cart_control a.view_cart_button {
	padding-left: 20px;
	background: transparent url("/modules/store/images/shopping_cart.gif") no-repeat left top;
	}

#sub_nav ul li ul {
	display: none;
	}
	

/* 1 - general
--------------------- */

body.wines #main_content {
	display: block;
	margin: 25px auto 0 auto; padding: 0;
	width: 720px;
	}

/* 2 - columns
--------------------- */
#col1 {
	margin: 0; padding-top: 0;
	width: 160px; float: left;
	text-align: left;
	}
#col2 {
	margin: 0; padding-top: 0;
	width: 150px; float: right;
	text-align: center;
	display: block;
	background: transparent;
	}
#col3 {
	margin: 0 20px 40px 30px; padding: 0 30px 0 40px;
	width: 260px; min-height: 150px;
	text-align: left;
	float: left;
	border-left: 1px dotted #ead7a4;
	position: relative;
	}


/* 3 - wine menu
--------------------- */
#wine_menu h4 { display: none; }
#wine_menu {
	display: block;
	margin: 0; padding: 0; width: auto;
	text-align: center;
	}
#wine_menu ul {
	display: block;
	margin: 0 auto; padding: 0;
	text-align: left;
	border-top: 5px double #302502;
	border-left: 1px solid #e7cea0;
	border-right: 1px solid #e7cea0;
	background: transparent url("/images/form_gradient.jpg") repeat-x top left;
	}
#wine_menu li {
	display: block;
	padding: 10px 0 10px 10px; margin: 0 auto;
	line-height: 1.5em;
	font-size: 11px;
	}
	#wine_menu li:hover {
		background: #f7f2e6;
		}
	.wine_border {
		border-bottom: 1px solid #e7cea0;
		}
	body.wines #col1 #wine_menu a {
		margin: 0; padding: 0;
		width: 140px;
		display: block;
		}
	body.wines #col1 #wine_menu a span {
		width: 120px;
		display: block;
		}
	body.wines #col1 #wine_menu span.smallcaps {
		font-size: 14px;
		font-weight: lighter;
		text-transform: lowercase;
		font-variant: small-caps;
		color: #7b5500;
		}
	
body.wines #col1 #wine_menu a:link {color: #302502; text-decoration: none; background: none; border: none; }
body.wines #col1 #wine_menu a:visited {color: #302502; text-decoration: none; background: none; border: none; }
body.wines #col1 #wine_menu a:hover {color: #7d5310; text-decoration: none; background: none; border: none; }
body.wines #col1 #wine_menu a:active {color: #302502; text-decoration: none; background: none; border: none; }

span.wine_selected {
	padding-right: 20px;
	background: transparent url("/images/section_ornament_sidebar.jpg") no-repeat top right;
	}
.wine_selected img {
	display: none;
	}


/* 4 - extended wine 
	   information
--------------------- */

#container div.winedescription table.wine_specs {
	margin: 0 0 15px 0; padding: 15px 15px;
	border: 1px solid #e7cea0;
	width: 100%;
	background: #fff;
	}
	#container div.winedescription table thead tr td { 
		margin-bottom: 5px;
		background: transparent;
		padding: 0 0 10px 0;
		color: #000;
		font-size: 11px;
		border-bottom: 1px solid #e7cea0;
		}
	#container div.winedescription table tbody tr td { 
		margin: 0; padding: 6px 10px 6px 0;
		vertical-align: top;
		width: 50%;
		color: #302502;
		font-size: 11px;
		border-top: 1px solid #f9f4ec;
		}
		#container div.winedescription table tbody tr.last_item td { 
			border: none;
			}


/* 5 - misc
--------------------- */

body.wines #container #col2 img { 
	margin: 0;
	padding: 0px; 
	border: 1px solid #ead7a4;
	border-top: 5px double #302502;
	}

body.wines #container #col3 h2 {
	height: auto;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .1em;
	text-align: left;
	}
body.wines #container #col3 .text_brown { /* new release, etc. */
	padding: 4px 10px;
	color: #672d69;
	border: 3px double #c4adc5;
	background: #fff;
	}
	
body.wines #container #col3 .price_bubble {
	position: absolute;
	top: 0px; right: -30px;
	margin: 0; padding: 17px 0 0 0;
	width: 50px; height: 30px;
	background: transparent url("/images/form_gradient_dark.jpg") repeat-x top left;
	text-align: center;
	color: #000;
	font-weight: lighter;
	font-size: 12px; border: 0;
	border: 1px solid #e7cea0;
	border-top: 5px double #302502;
	}
body.wines #container #col3 .price_bubble_soldout {
	position: absolute;
	top: 0px; right: -30px;
	margin: 0; padding: 17px 0 0 0;
	width: 50px; height: 30px;
	background: transparent url("/images/drop_down_bg.jpg") repeat-x top left;
	text-align: center;
	color: #7a501c;
	font-weight: lighter;
	font-size: 12px; border: 0;
	border: 1px solid #e7cea0;
	border-top: 5px double #302502;
	}
	body.wines #container #col3 #order_bubble {
		margin: 7px 0 0 0; padding: 0;
		top: 40px; right: -30px;
		/* uncomment to position the order button below the price bubble */
		position: absolute;
		}
		body.wines #container #col3 #order_bubble a {
			margin: 0; padding: 3px 0;
			display: block;
			width: 50px; height: auto;
			font-size: 12px; text-align: center;
			border: 1px solid #e7cea0;
			background: transparent url("/images/drop_down_bg.jpg") repeat-x top left;
			font-weight: normal;
			font-size: 11px;
			color: #ead7a4;
			text-decoration: none;
			}

		body.wines #container #col3 #order_bubble a:visited { color: #ead7a4; text-decoration: none; }
		body.wines #container #col3 #order_bubble a:hover { color: #7a501c; text-decoration: none; 
			
			background: transparent url("/images/button_bg.jpg") repeat-x bottom left;
			}
		body.wines #container #col3 #order_bubble a:active { color: #ead7a4; text-decoration: none; }

	/* bottle max reached notice */
	body.wines #container #col3 p.bottle_max {
		position: absolute;
		top: 60px; right: -30px;
		margin: 0; padding: 2px 0;
		width: 60px; height: auto;
		font-size: 11px; text-align: right;
		font-weight: normal; font-style: italic;
		color: #6c2706;;
		line-height: 110%;
		}