/* -

	Vineland

	print styles
	sm - CHDS 2008

	toc
	---
	1 - universal


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


/* 1 - universal
--------------------- */

#container, #content, #masthead, #footer  { background: none; }
body { background: none; }

#nav, #absolut_branches_left, #absolut_branches_right { display: none; }

#content { text-align: center; }

#header {
	margin: 0 auto; padding: 0;
	width: 258px; height: 75px;
	}
	#header h1 {
		margin: 0; padding: 0;
		width: 202px;
		}
		#container #header h1 a {
			margin: 0; padding: 0;
			display: block;
			border: none; text-decoration: none;
			}

#main_content { text-align: left; }

#sidebar {
	margin: 20px 0 10px 30px; padding: 0;
	width: 204px; height: auto;
	float: right;
	text-align: center;
	background: transparent;
	border-left: 1px dotted #ead7a4;
	}
	#sidebar img.border {
		margin: 0 0 -3px 0; padding: 0;
		}
	#sidebar div.article {
		padding: 0px 20px 0 25px;
		clear: both;
		margin-bottom: 20px;
		text-align: left;
		}


#logo img { 
	position: absolute;
	margin: 0 0 0 -95px; padding: 0;
	width: 150px; height: 71px; 
	top: 0; left: 50%;
	}

#footer { background: none; height: 30px; clear: both; display: none;}



/* disabled until the "../../../../../" link glitch is resolved 
#main_content a:link:after, #main_content a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   } 
*/

#container #sub_container #col3 h3.price_bubble { background: none; color: #000; font-size: 14px; border-bottom: 1px solid #ddd; padding: 0; }
#col3 #order_bubble { display: none; }


/* 5 - typography
--------------------- */

/* 1 - headers
--------------------- */
h1 {}									/* main page headers, non-selectable by user */
	#content h1 {
		margin: 10px auto; padding: 0;
		font-size: 14px;
		font-weight: lighter;
		text-transform: capitalize;
		font-variant: small-caps;
		color: #1f1100;
		line-height: 110%;
		letter-spacing: .05em;
		height: 20px;
		text-align: right;
		width: 650px;
		}
		#content h1 span {
			color: #000;
			}
h2 {}									/* article headers, style not user-changeable */
	#main_content h2,
	#main_content .article h2 {
		margin: 0 0 15px 0; padding: 7px 0 5px 35px;
		font-size: 18px;
		font-weight: lighter;
		color: #7a501c;
		line-height: 110%; letter-spacing: .05em;
		text-transform: capitalize;
		font-variant: small-caps;
		background: transparent url("/images/section_ornament.jpg") no-repeat top left;
		}
		#latest_news h2,
		#latest_news .article h2,
		#events h2,
		#events .article h2 {
			margin: 0 0 10px 0; padding: 0;
			font-size: 14px;
			font-weight: lighter;
			color: #7a501c;
			line-height: 110%;
			text-transform: capitalize;
			font-variant: small-caps;
			}	
	#sidebar .article h2 {
		margin: 0 0 10px -20px; padding: 0 5px 0 20px;
		width: auto; 
		font-size: 14px;
		font-weight: normal;
		text-transform: none;
		color: #7a501c;
		text-align: left;
		line-height: 110%;
		background: transparent url("/images/section_ornament_sidebar.jpg") no-repeat 0 2px;
		}
		
h3 {}									/* h3 to h6 */
	#container #main_content h3 {
		margin: 0 0 5px -35px; padding: 7px 0 0 35px;
		font-size: 14px;
		font-weight: lighter;
		font-variant: small-caps;
		text-transform: lowercase;
		line-height: 1.1em;
		color: #7a501c;
		}
h4 {}
	#container #main_content h4 {
		font-size: 11px; margin: 0 30px .3em 0; padding: 0 0 5px 0;
		color: #111;
		}
h5 {}
	#container #main_content h5 {
		font-size: 11px; margin: 0 30px .3em 0; padding: 0 0 5px 0;
		color: #7a501c;
		font-style: italic;
		}
h6 {}
	#container #main_content h6 {
		font-size: 9px; margin: 0 30px .3em 0; padding: 0 0 5px 0;
		color: #7a501c;
		font-weight: lighter;
		text-transform: uppercase;
		}


/* 2 - default paragraph
--------------------- */
p {}									
	#container p,
	#container address { 					/* main_content: dark, serif, 12px */
		margin: 0 0 15px 0;
		display: block;
		font-size: 12px;
		color: #000;
		line-height: 150%;
		font-weight: lighter;
		text-align: left;
		}
		#main_content p {
			padding-right: 35px;
			}
		#main_content {  			/* fail-safe size & colour */
			font-size: 12px;
			color: #000;
			line-height: 150%;
			}
		#main_content blockquote {  			/* blockquotes */
			font-size: 12px;
			color: #000;
			line-height: 150%;
			}
	#sidebar p,
	#sidebar address { 					/* sidebar: dark, serif, 11px */
		margin: 0 0 15px 0; padding: 0;
		font-size: 11px;
		color: #7a501c;
		display: block;
		line-height: 140%;
		text-align: left;
		}

	#footer p {
		font-size: 11px;
		color: #463607;
		line-height: 130%;
		position: absolute;
		right: 0; bottom: 0;
		width: 100%;
		}
	#main_content p.more {
		margin: -15px auto 0 auto;
		font-size: 10px;
		color: #222;
		width: 93%;
		text-align: right;
		}
		#main_content p.more a:link { color: #1696cc; text-decoration: none; background: none; }
		#main_content p.more a:visited { color: #1696cc; text-decoration: none; background: none; }
		#main_content p.more a:hover { color: #569259; text-decoration: none; background: none; }
		#main_content p.more a:active { color: #1696cc; text-decoration: none; background: none; }
	strong {
		font-weight: bold;
		}
	#content .sub_header {
		font-size: 14px;
		color: #1290c4;
		font-weight: lighter;
		}
		

/* 3 - special
	 selectable by user
--------------------- */

	/* colours */
	#container #main_content .text_red,
	#container #sidebar .text_red {
		color: #660000;
		}
		#gifting_page #container #main_content .text_red {
			color: #660000;
			}
	#container #main_content .text_light_grey,
	#container #sidebar .text_light_grey {
		color: #999;
		}
	#container #main_content .text_brown,
	#container #sidebar .text_brown {
		color: #60311d;
		}

	/* quote */
	#container #main_content .quoted_text,
	#container #sidebar .quoted_text {
		text-indent: -6px;
		line-height: 1.7em;
		font-size: 11px; margin: 0 0 0 0; padding: 10px 0 0 0;
		font-family: Georgia, Times, Serif;
		font-weight: lighter; color: #222;
		}
	#container #main_content .quote_author,
	#container #sidebar .quote_author,
	#container #main_content .Quoted_Author {
		font-size: 11px; margin: 5px 0px 20px 0px; padding: 10px 0 20px 0;
		font-family: Georgia, Times, Serif;
		font-weight: lighter; color: #222;
		font-size: 12px;
		font-weight: lighter;
		font-variant: small-caps;
		text-transform: lowercase;
		text-align: right;
		line-height: 1.1em;
		/* border-bottom: 1px solid #ddd; */
		}

	/* small caps */
	#container #main_content .small_caps,
	#container #main_content .smallcaps,
	#container #sidebar .smallcaps {
		font-size: 14px;
		font-weight: lighter;
		font-variant: small-caps;
		text-transform: lowercase;
		line-height: 1.1em;
		color: #7a501c;
		}
	#container #main_content .smallcaps_with_borderabove,
	#container #sidebar .smallcaps_with_borderabove {
		margin-top: 2em;
		padding-top: 2em;
		font-size: 12px;
		font-weight: lighter;
		font-variant: small-caps;
		text-transform: lowercase;
		line-height: 1.1em;
		border-top: 1px solid #ddd;
		}
	#container #main_content .smallcaps_with_borderbelow,
	#container #sidebar .smallcaps_with_borderbelow {
		margin-bottom: 2em;
		padding-bottom: 2em;
		font-size: 12px;
		font-weight: lighter;
		font-variant: small-caps;
		text-transform: lowercase;
		line-height: 1.1em;
		border-bottom: 1px solid #ddd;
		}
		
	/* small text */
	#container #main_content .text_small,
	#container #sidebar .text_small {
		font-size: 9px;
		}

/* 4 - anchors + forms
--------------------- */
/* for nav */
#nav #omni li a {
	font-size: 11px;
	font-weight: lighter;
	text-transform: capitalize;
	}	
#nav #main li a {
	font-size: 14px;
	font-weight: lighter;
	text-transform: lowercase;
	font-variant: small-caps;
	}
	#nav #main li ul li a {
		font-size: 11px;
		font-weight: lighter;
		text-transform: uppercase;
		font-variant: normal;
		}
#nav #site_sections li a {
	font-size: 14px;
	font-weight: lighter;
	text-transform: lowercase;
	font-variant: small-caps;
	}
#home_subnav #main li a {
	font-size: 14px;
	font-weight: lighter;
	text-transform: lowercase;
	font-variant: small-caps;
	}
#sub_nav li a {
	font-size: 12px;
	font-weight: lighter;
	text-transform: lowercase;
	font-variant: small-caps;
	}
		
/* for forms */
#container form fieldset input,
#container form fieldset select,
#container form fieldset textarea {
	font-size: 11px;
	color: #000;
	line-height: 120%;
	font-family: Palatino, "Palatino Linotype", Times, serif;
	}


/* 6 - lists
--------------------- */

#main_content .article ul {
	margin: 15px 50px 25px 0; padding: 0;
	font-size: 12px;
	color: #312604;
	list-style-image: url("images/square.png");
	}
	#main_content .article ul li {
		margin-left: 15px; padding: 0;
		margin-bottom: 4px;
		line-height: 120%;
		}

#sidebar .article ul {
	margin: 0 0 15px 5px; padding: 0;
	width: 100%; 
	font-size: 11px;
	color: #312604;
	list-style-image: url("images/square.png");
	text-align: left;
	}
	#sidebar .article ul li {
		margin-left: 15px; padding: 0;
		margin-bottom: 6px;
		line-height: 120%;
		}


#main_content .article ol {
	margin: 15px 50px 25px 0; padding: 0;
	font-size: 12px;
	color: #312604;
	}
	#main_content .article ol li {
		margin-left: 15px; padding: 0;
		margin-bottom: 4px;
		line-height: 120%;
		}

#sidebar .article ol {
	margin: 0 0 15px 5px; padding: 0;
	width: 100%; 
	font-size: 11px;
	color: #312604;
	text-align: left;
	}
	#sidebar .article ol li {
		margin-left: 15px; padding: 0;
		margin-bottom: 6px;
		line-height: 120%;
		}

		/* 6b - site map
		--------------------- */

		#main_content #site_map_content {
			width: 93%;
			border-right: 3px double #efe3c9;
			border-left: 3px double #efe3c9;
			border-top: 1px solid #bdaa7f;
			}	
		#main_content #site_map_content ul {
			margin: 0 0 25px 0; padding: 0;
			font-size: 12px;
			color: #312604;
			list-style-type: none;
			border: none;
			background: #f4edda url("/images/form_gradient.jpg") repeat-x top left;
			}
			#main_content #site_map_content ul li {
				margin-left: 15px; padding: 6px 0;
				margin-bottom: 4px;
				line-height: 120%;
				border-bottom: 1px solid #efe3c9;
				font-variant: small-caps;
				letter-spacing: 0.1em;
				font-weight: bolder;
				}
				#main_content #site_map_content ul li ul {
					margin: 15px 0 25px 15px;
					padding: 5px 0 0 5px;
					border: none;
					border-top: 1px solid #bdaa7f;
					border-left: 3px double #bdaa7f;
					}
					#main_content #site_map_content ul li ul li {
						margin-left: 15px; padding: 3px 0px;
						margin-bottom: 4px;
						line-height: 120%;
						list-style-type: none;
						border-bottom: 1px solid #efe3c9;
						font-weight: lighter;
						}

		#main_content #site_map_content a {
			width: 100%;
			}

		/* 7 - images
		--------------------- */

		#main_content .article img.inline_right { 
			float: right;
			margin: 5px 0 5px 15px;
			}
		#main_content .article img.inline_left { 
			float: left;
			margin: 5px 15px 5px 0;
			}
		#main_content .article img.standalone_left { 
			float: left;
			margin: 5px 0 15px 0;
			border: none;
			}
		#main_content .article img.none {
			float: none; margin: 0;
			}
			/* removing margins for masthead image, no matter what the settings are */
			#container #masthead .article img.inline_right,
			#container #masthead .article img.inline_left { float: none; margin: 0; }



			/* default image settings */
			#content #sidebar_left img,
			#content #main_content img { }

			#main_content img { padding: 3px; border: 1px solid #ead7a4; }


			/* captions */
			#container .caption {
				background: #ead7a4;
				display: block;
				}
			/* if caption is present, remove margins from the image and add it to the caption div */
			#container div.caption img.inline_right,
			#container div.caption img.inline_left,
			#container div.caption img.none {
				margin: 0 0 3px 0;
				padding-bottom: 0px;
				}
			#container .caption p {
				width: auto;
				padding: 10px;
				border: none;
				font-size: 9px;
				color: #888;
				}

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

#container #sub_nav {
	margin: 0 auto 20px 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: 440px;
	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 120px 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("/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: 660px;
	}

/* 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 5px 40px 5px; padding: 0 30px 0 40px;
	width: 230px; 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;
	}
#container #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;
	}
#container #wine_menu li {
	display: block;
	padding: 10px 0 10px 10px; margin: 0 auto;
	line-height: 1.5em;
	font-size: 11px;
	}
	#container #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 10px;
	border: 1px solid #e7cea0;
	width: 98%;
	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: 0; 
	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: #635426; /* purple 672d69 */
	border: 3px double #302502;  /* purple c4adc5 */
	background: #fff;
	}
	
body.wines #container #col3 .price_bubble {
	position: absolute;
	top: 0px; right: 0;
	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: 0;
	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: 0;
		/* 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: 12px;
			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: 0;
		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%;
		}


/* 8A - forms - universal
--------------------- */
form {
	width: auto;
	margin: 15px auto; padding: 0;
	background: transparent;
	border: none;
	}
form fieldset {
	border: none;
	background: transparent;
	margin: 0; padding: 0;
	border: 3px double #efe3c9;
	}
	form fieldset legend {
		display: none;
		}
		form fieldset input,
		form fieldset select,
		form fieldset textarea {
			border: 1px solid #e7cea0;
			background: transparent url("/images/form_gradient.jpg") repeat top left;
			}
		form fieldset input:hover,
		form fieldset select:hover,
		form fieldset textarea:hover {
			border: 1px solid #e7cea0;
			background: transparent url("/images/form_gradient_dark.jpg") repeat top left;
			}
		form fieldset input:focus,
		form fieldset select:focus,
		form fieldset textarea:focus {
			border: 1px solid #e7cea0;
			background: transparent url("/images/form_gradient_dark.jpg") repeat top left;
			color: #ead7a4;
			}
			

	#contact_form {						/* contact form */
		padding: 0;
		margin: 0;
		width: 430px; float: left;
		}
	#contact_form fieldset {
		padding: 0;
		margin: 0;
		width: 94%;
		}
	#contact_form fieldset input,
	#contact_form fieldset select {
		margin: 5px 0; padding: 2px 2px 0 5px;
		width: 150px; height: 15px;
		}
		#contact_form fieldset select { height: 20px; border: none; }
		form fieldset select option { border: none; background: #fff; }
		#contact_form fieldset input.button {
			margin: 0;
			width: auto; height: auto;
			border: none;
			background: transparent;
			}
		#contact_form fieldset textarea {
			margin: 5px 0; padding: 10px;
			width: 220px;
			height: 100px;
			clear: both;
			}

		#contact_form fieldset ol {
			margin: 0;
			padding: 0;
			list-style-type: none;
			}
			#contact_form fieldset ol li {
				margin: 0;
				padding: 4px 10px;
				display: block;
				border-bottom: 1px solid #efe3c9;
				clear: both;
				}
			#contact_form fieldset ol li label {	/* main labels styling */
				display: block;
				float: left;
				width: 120px;
				margin: 5px 0 0 0;
				padding: 5px 0 0 0; 
				clear: both;
				font-size: 11px;
				color: #222;
				}
	

/* 8B - submit / highlighting / errors 
--------------------- */

form input.submit {							/* submit button */
	margin: 5px 100px 0 0; padding: 5px 10px 5px 10px;
	height: 24px;
	color: #ead7a4;
	border: 1px solid #e7cea0;
	text-transform: uppercase; font-size: 11px;
	background: #8ccfec url("/images/drop_down_bg.jpg") repeat-x top left;
	font-family: Palatino, "Palatino Linotype", Times, serif;
	}
	
	form input.submit:hover {
		border: 1px solid #e7cea0;
		background: #8ccfec url("/images/form_gradient_dark.jpg") repeat-x top left;
		color: #111;
		}
	form input.submit:focus {
		border: 1px solid #e7cea0;
		background: #8ccfec url("/images/form_gradient.jpg") repeat-x top left;
		color: #333;
		}
	form#contact_form hr {
		clear: both;
		height: 0;
		visibility: hidden;
		}

form#contact_form fieldset ol li label em {		/* emphasis denoting required fields */
	color: #c98c00;
	}
form#contact_form fieldset ol li.error {		/* emphasis of li if required field was left blank */
	color: #c98c00;
	}
	form#contact_form fieldset ol li.error input,
	form#contact_form fieldset ol li.error select,
	form#contact_form fieldset ol li.error textarea {
		color: #c98c00;
		}