/* CSS */
	/* 
		$Id: base.css 454 2006-05-04 22:45:33Z  $
*/

	/* =#= baseline style info =#= */

	*
	{
		margin:					0;
		padding:				0;
		text-decoration: 		none;
	}

	body
	{
		color:					#333333;
		font-family: 			arial, helvetica, sans-serif;
		font-size: 				10px;
		line-height:			1.2em;  
		text-align:				center;
	}

	img
	{
		border:					0;
	}

	img.asblock
	{
		display:				block;
	}

	a:hover
	{
		text-decoration:		underline;
	}

	form
	{
		margin:					0;
		padding:				0;
	}

	td 
	{	
		padding: 				0px;
		margin: 0;
	}
	
	td a
	{ color: #369;}
	
	td img 
	{ 
	padding: 				0px;
		margin: 0;}

	/* =#= layout information =#= */

	div.pseudobody
	{
		margin:					0 auto;
		width:					800px;
		text-align:				left;
	}


	div#shlogo
	{
		width:					199px;
		float:					left;
	}
	
	body#home div#shlogo
	{
		width:					205px;
		float:					left;
	}

	body#landing div#shlogo
	{
		float:					none;
		width:					800px;
		height:					181px;
		padding-top:			27px;
		background:				#ffffff;
		text-align:				center;
	}

	div.bgwrap
	{
		width:					800px;
		background:				transparent url('http://www.sutterhome.com/img/bg_sub_headnav.gif') repeat-y;
		float:					left; /* test this */
	}
	
	body#home div.bgwrap
	{
		background:				none;
		width:					802px;
	}

	div#topnav
	{
		width:					471px;
		float:					left;
	}
	
	body#home div#topnav
	{
		width:					120px;
		float:					left;
	}

	div.navwrap
	{
		float:					left;
		width:					96px;
		background:				#f2f0e9;
	}
	
	body#home div.navwrap
	{
		width:					116px;
		margin-top:				3px;
	}

	ul#navtabs
	{
		padding:				0;
		margin:					0;
		text-align:				right;
		list-style:				none;
		color:					#fff;
		font-family:			palatino, 'times new roman', times, georgia, serif;
		font-size:				1.3em;
		line-height:			normal;
	}
	
	hr 
	{
		border: 1px solid #ccc;
	}

	ul#navtabs li a
	{
		display:				block;
		width:					95px;
		color:					#fff;
	}
	
	body#home ul#navtabs li a
	{
		width:					115px;
		font-weight:			bold;
	}
	
	ul#navtabs li a:hover
	{
		text-decoration:		none;
	}

	ul#navtabs span
	{
		display:				block;
		padding:				6px 15px 4px 0;
	}
	
	body#home ul#navtabs span
	{
		padding:				14px 15px 11px 0;
	}

	ul#navtabs li
	{
		display:				block;
		width:					95px;
		margin-right:			1px;
		margin-bottom:			1px;
	}
	
	body#home ul#navtabs li
	{
		width:					115px;
	}

	ul#navtabs li.last 
	{
		margin-bottom:			0;
	}
	
	div.titlewrap
	{
		float:					left;
		padding:				60px 36px 12px 36px;
		position:				relative;
	}
	
	div.selectwrap
	{
		float:					left;
		padding:				32px 36px 12px 18px;
		position:				relative;
	}
	
	div.titlewrap div#wswrap
	{
		position:				absolute;
	}
	
	div#topright
	{
		width:					129px;
		float:					right;
	}

	div#topright div.wrapper
	{
	
		margin-left:			1px;
		padding:				15px 10px 0 7px;
	}

	div.content
	{
		width:					800px;
		float:					left;
		border-top:				1px solid #fff;
	}
	
	body#home div.content
	{
		width:					802px;
		background:				transparent url('http://www.sutterhome.com/img/bg_home_cols.gif') top right repeat-y;
		position:				relative;
	}

	body#landing div.content
	{
		height:					334px;
	}
	
	body#about div.content, body#wine div.content
	{
		background:				transparent url('http://www.sutterhome.com/img/bg_secondary_content.gif') top right repeat-y;
	}

	div.onethirdcol
	{
		width:					324px;
		height:					334px;
		float:					left;
	}

	div.twothirdcol
	{
		float:					right;
		width:					475px;
		height:					334px;
	}
	
	body#home div.twothirdcol
	{
		width:					477px;
		height:					auto;
		position:				relative;
	}

	body#landing div.twothirdcol
	{
		background:				#d4b547;
	}

	div.twothirdcol div.wrapper
	{
		padding:				69px 35px 0 49px;
	}
	
	div.featcol
	{
		width:					160px;
		float:					left;
	}
	
	body#home div.featcol
	{
		width:					159px;
	}
	
	div.featphotos div.featcol
	{
		padding-bottom:			10px;
		background:				#f2f0e9 url('http://www.sutterhome.com/img/bg_feat_photo_cols.gif') bottom left no-repeat;
	}
	
	div.featphotos img
	{
		border-bottom:			1px solid #f2f0e9;
	}
	
	div#feattext
	{
		width:					800px;
		float:					left;
		background:				transparent url(http://www.sutterhome.com/img//bg_feat_text.gif) bottom left no-repeat;
		position:				relative;
	}
	
	div#featlinks
	{
		clear:					both;
		width:					800px;
		height:					60px;
		float:					left;
		background:				transparent url(http://www.sutterhome.com/img/bg_feat_text.gif) bottom left no-repeat;
		margin-bottom:			12px;
		border-bottom:			1px solid #c7c4ba;
	}
	
	div.featcol div.featwrap
	{
		padding:				24px 12px 12px 12px;
	}
	
	div.featcol div.cFeature
	{
		background:				transparent url(http://www.sutterhome.com/img/bg_feat_home_col.gif) top left no-repeat;
	}
	
	div.featcol div.cWine
	{
		background:				transparent url(http://www.sutterhome.com/img/img/bg_wine_home_col.gif) top left no-repeat;
	}
	
	div.featwrap img
	{
		padding-top:			24px;
	}
	
	div.signup
	{
		position:				absolute;
		bottom:					0;
		left:					325px;
		clear:					both;
		width:					318px;
		float:					left;
		background:				#b06010;
		border-bottom:			1px solid #fff;
	}
	
	div.signup div.wrapper
	{
		padding:				12px 24px 12px 12px;
	}
	
	div.content div.subwrap
	{
		width:					802px;
		float:					left;
		background: #fff;
	}
	
	div.subleftcol
	{
		width:					199px;
		float:					left;
	}
	
	
	
	
	
	/*  THIS IS THE NAV RIGHT HERE! */
	div.subleftcol div.navholder
	{
		background:				#E9C044;
		padding:				3px 3px 3px 30px;
		font-family:			palatino, georgia, 'times new roman', times, serif;
		font-size:				1.2em;
		color:					#900;
	}
	
	div.subleftcol div.imageholder
	{
		text-align:				right;
	}
	
	div.subcentercol
	{
		width:					472px;
		float:					left;
		background:#FFFFFF;
	}
	
	/*This padding is problematic
	
	div.subcentercol img {
	 padding: 0px;}*/
	
	div.subcentercol div.wrapper
	{
		padding:				40px 55px 40px 24px;
	}
	
	div.subrightcol
	{
		width:					129px;
		float:					right;
	}
	
	div.subrightcol img
	{
		display:				block;
		border-bottom:			1px solid #fff;
		
	}
	
	div.subrightcol div.wrapper
	{
		border-top:				10px solid #9faf2a;
		padding:				9px;
	}
	
	div.winedetail
	{
		float:					left;
		width:					671px;
	}
	
	div.crosssell
	{
		width:					160px;
		float:					left;
		margin-top:				313px;
		margin-left:			2px;
		background:				#fff;
		display:				inline;
	}
	
	div.detailtext
	{
		width:					316px;
		float:					right;
		padding:				54px 36px 66px 54px;
	}
	
	div#whitezinfandel
	{
		background:				transparent url(../img/bg_w_wz.jpg) top left no-repeat;
	}
	
	div.buybtn
	{
		margin-left:			-3px;
		margin-bottom:			1em;
	}
	
	div.winelist
	{
		float:					left;
		width:					800px;
		margin-bottom:			24px;
	}
	
	div.winelist div.winepreview
	{
		float:					left;
		width:					195px;
		margin-top:				7px;
		margin-right:			3px;
		margin-left:			2px;
		display:				inline;
	}
	
	div.winepreview div.wrapper
	{
		width:					171px;
		float:					left;
		padding:				8px 6px 2px 16px;
		border-left:			1px solid #c7c4ba;
		border-right:			1px solid #c7c4ba;
		border-bottom:			1px solid #c7c4ba;
		background:				#fff;
	}
	
	div.winepreview img
	{
		float:					right;
		margin-left:			9px;
	}
	
	div.spacer
	{
		clear:					both;
		font-size:				0; 
		height:					0;
		visibility:				hidden; 
	}

	/* -|- footer -|- */

	div.footer
	{
		clear:					both;
		font-size:				1.1em;
		text-align: center;
	}

	div.footer
	{
		height:					20px;
		background:				#d4b547 url(http://www.sutterhome.com/img/bg_footer_ornament.gif) bottom repeat-x;
		padding:				6px 27px 3px 20px;
	}
	
	div.footer div.wrapper
	{
		padding:				6px 27px 6px 20px;
	}
	
	body#landing div.footer
	{
		padding:				16px 14px 16px 7px;
		background:				transparent url(http://www.sutterhome.com/img/bg_footer_ornament.gif) repeat-x;
	}

	div.footlist
	{
		width:					296px;
		float:					left;
	}

	div.aright
	{
		text-align:				right;
	}

	div.footer ul
	{
		float:					left;
		padding:				0;
		display:				inline;
	}

	div.footlist ul
	{
		width:					296px;
	}

	div.footer ul li
	{
		margin-left: 			0;
		padding: 				0 7px;
		border-left: 			1px solid #999;
		list-style: 			none;
		display: 				inline; 
		color:					#666;
	}

	div.footer li.nosep
	{
		border-left: 			none;
	}

	div.footer a
	{
		color:					#336699;
		text-decoration:		underline;
	}

	div#FINE
	{
		float:					right;
		width:					64px;
		text-align:				right;
		color:					#666;
	}

	/* =#= element styling =#= */

	/* -|- h1,h2,h3 -|- */

	body#landing h2, h3
	{
		font-family:			palatino, georgia, 'times new roman', times, serif;
	}

	body#landing h2
	{
		font-size:				3em;
		line-height:			1.2em;
		color: 					#fff;
		font-weight:			normal;
		letter-spacing:			-.025em;
		padding-bottom:			1em;
	}

	body#landing h3
	{
		font-size:				2.1em;
		line-height:			1.1em;
		color:					#000;
		font-weight:			normal;
		padding-bottom:			1em;
	}
	
	div.featcol h3
	{
		padding:				7px 10px 1em 5px;
		font-size:				1.8em;
		line-height:			1.125em;
		font-weight:			normal;
		color:					#7f8d1b;
	}

	div#topnav h1
	{
		font-family:			palatino, georgia, 'times new roman', times, serif;
		font-size:				2.4em;
		color:					#fff;
		font-weight:			normal;
		padding-bottom:			.5em;
	}
	
	body#features div.subcentercol h1
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.7em;
		color: #9A0302;
		font-weight: normal;
		padding: 0;
		margin: 0 0 10px 0;
	}
	
	body#features div.subcentercol h2
	{
		font-family: 		Georgia, "Times New Roman", Times, serif;
		font-size: 			1.2em;
		color: 				#666;
		font-weight: 		normal;
		margin: 			2px 0 10px 0;
		font-style: 		italic;
	
	}
	body#features div.subcentercol h3
	{
		font-family:			palatino, georgia, 'times new roman', times, serif;
		font-size:				1.8em;
		line-height:			normal;
		color:					#b06010;
		font-weight:			normal;
		padding-bottom:			1px;
	}
	

	
	h4
	{
		font-family:			palatino, georgia, 'times new roman', times, serif;
		font-size:				1.3em;
		line-height:			normal;
		color: 					#666;
		font-weight:			normal;
		font-style: 			italic;
		margin: 				5px 0 10px 5px;
	}
	
	
	div.subrightcol h4
	{
		font-family:			palatino, georgia, 'times new roman', times, serif;
		font-size:				1.4em;
		line-height:			1.25em;
		color:					#7f8d17;
		font-weight:			normal;
	}
	
	div.crosssell h5
	{
		font-family:			palatino, georgia, 'times new roman', times, serif;
		font-size:				1.2em;
		line-height:			1.5em;
		color:					#fff;
		background:				#db9704;
		padding:				1px 10px;
	}
	
	div.detailtext h3
	{
		font-family:			palatino, georgia, 'times new roman', times, serif;
		font-size:				1.8em;
		line-height:			1.15em;
		padding-bottom:			1em;
		font-weight:			normal;
	}
	
	div.detailtext h4
	{
		color:					#b47c02;
		font-family:			palatino, georgia, 'times new roman', times, serif;
		font-size:				1.4em;
		line-height:			1.25em;
		font-weight:			normal;
	}
	
	div.winepreview h4
	{
		font-family:			palatino, 'times new roman', times, georgia, serif;
		color:					#fff;
		font-size:				1.3em;
		line-height:			1.3em;
		padding:				2px 14px 2px 14px;
	}
	
	div.featwrap h3
	{
		padding:				0;
		color:					#333;
		padding-bottom:			1em;
	}
	
	div.featwrap h4
	{
		font-family:			palatino, 'times new roman', times, georgia, serif;
		font-size:				1.4em;
		line-height:			1.25em;
		font-style:				italic;
		font-weight:			normal;
	}
	
	div.cFeature h3, div.cFeature h4
	{
		color:					#7f8d1b;
	}
	
	div.cWine h3, div.cWine h4
	{
		color:					#c08404;
	}
	
	div.signup h3
	{
		color:					#fff;
		font-family:			palatino, georgia, 'times new roman', times, serif;
		font-size:				1.8em;
		line-height:			1.15em;
		font-weight:			normal;
		padding-bottom:			.25em;
	}

	/* -|- p,spans,blockquotes -|- */

	div#topright p
	{
		color:					#fff;
		font-family:			palatino, georgia, 'times new roman', times, serif;
		font-size:				1.4em;
		line-height:			1.2em;
		letter-spacing:			-.025em;
		padding:				0 0 .55em 3px;
	}
	
	div.selectwrap p
	{
		font-size:				1.1em;
		line-height:			1.4em;
		padding-bottom:			1em;
	}
	
	div.featcol p
	{
		font-size:				1.1em;
		line-height:			1.4em;
		padding:				0 8px 1em 5px;
	}
	
	div.featwrap p
	{
		padding:				0 0 1em 0;
	}
	
	div.subcentercol p, 
	div.detailtext p
	{
		font-size:				1.2em;
		line-height:			1.35em;
		padding-bottom:			1.5em;
	}
	
	div.subcentercol blockquote
	{
		font-family:			palatino, georgia, 'times new roman', times, serif;
		font-size:				1.5em;
		font-style:				italic;
		line-height:			1.25;
		color:					#b06010;
		border-left:			1px solid #c7c4ba;
		padding:				0 0 0 16px;
		margin-bottom:			1.75em;
	}
	
	div.subrightcol p
	{
		font-size:				1.1em;
		line-height:			1.45em;
	}
	
	div.winepreview p
	{
		color:					#666;
		font-size:				1.1em;
		line-height:			1.45em;
		padding-bottom:			1em;
	}
	
	span.winename
	{
		color:					#b47c02;
	}

	/* -|- ul,ol,dl -|- */
	
	div.featcol ul
	{
		padding:				0;
		margin:					0;
		list-style:				none;
		position:				relative;
	}
	
	div.featcol li
	{
		display:				block;
		position:				absolute;
		left:					0px;
		top:					0px;
	}
	
	div.featcol li a
	{
		text-indent: 			-9999px;
		display:				block;
		height:					100%;
		text-decoration:		none;
	}
	
	div#flBBB { padding-left: 4px;}
	div#flWNRS { padding-left: 6px;}
	div#flSHH { padding-left: 6px; margin-top: 12px}
	div#flCYC { padding-left: 6px; margin-top: 10px;}
	div#flCOOK { padding-left: 6px; margin-top: 10px;}
	
	div.navholder ul
	{
		background:				#fff;
		list-style:				none;
	}
	
	div.navholder ul.outer
	{
		padding:				17px 20px 25px 20px;
		line-height:			1.65em;
	}
	
	div.navholder ul.inner
	{
		line-height:			1.35em;
		border-left:			1px solid #c7c4ba;
		margin-left:			2px;
		padding-left:			9px;
	}
	
	div.crosssell ul
	{
		font-size:				1.1em;
		line-height:			1.6em;
		list-style:				none;
		padding:				1em;
		border-left:			1px solid #c7c4ba;
		border-right:			1px solid #c7c4ba;
		border-bottom:			1px solid #c7c4ba;
	}
	
	div.subcentercol dl
	{
		font-size:				1.2em;
		line-height:			1.35em;
		padding-bottom:			1.5em;
		padding-left:			1em;
	}
	
	div.subcentercol dl dt
	{
		font-weight:			bold;
		padding-bottom:			1em;
	}
	
	div.subcentercol ul
	{
		font-size:				1.2em;
		line-height:			1.35em;
		padding-bottom:			1.5em;
		padding-left:			2em;
	}
	
	/* -|- a -|- */

	body#landing h2 a
	{
		color:					#fff;
	}
	
	h4 a
	{ color: #369;}
	
	h3 a
	{ color: #369;}
	
	h2 a
	{ color: #369;}
	
	div.featcol h3 a
	{
		color:					#7f8d1b;
	}
	
	div.featcol h3 a:hover
	{
		color:					#9faf2a;
		text-decoration:		none;
	}
	
	div.cFeature h3 a, div.cFeature h4 a
	{
		color:					#7f8d1b;
	}
	
	div.cWine h3 a, div.cWine h4 a
	{
		color:					#c08404;
	}
	
	div.cFeature h3 a:hover, div.cFeature h4 a:hover
	{
		color:					#9faf2a;
		text-decoration:		none;
	}
	
	div.cWine h3 a:hover, div.cWine h4 a:hover
	{
		color:					#f3a805;
		text-decoration:		none;
	}
	
	div.featcol p a, 
	div.featwrap p a, 
	div.subcentercol p a, 
	div.subrightcol p a, 
	div.crosssell a, 
	div.detailtext p a,
	div.winepreview p a,
	div.subcentercol ul a 
	{
		color:					#336699;
		text-decoration:		underline;
	}
	
	#features div.navholder a
	{
		color:					#b06010;
	}
	
	div.selectwrap a
	{
		color:					#fff;
		text-decoration:		underline;
	}

	/* -|- form items -|- */

	div#topright input.textbox
	{
		width:					96px;
		border:					1px solid #a6a6a6;
		font-family:			arial, helvetica, sans-serif;
		color:					#999;
		font-size:				1.2em;
		line-height:			normal;
		background:				#fff;
		padding:				2px 4px 2px 4px;
		margin:					0 0 .5em 3px;
	}
	
	div.signup input.textbox
	{
		width:					193px;
		border:					1px solid #a6a6a6;
		font-family:			arial, helvetica, sans-serif;
		color:					#999;
		font-size:				1.2em;
		line-height:			normal;
		background:				#fff;
		padding:				2px 4px 2px 4px;
		margin:					0;
		display:				inline;
	}
	
	input.button
	{
		margin:					0;
		padding:				2px 0 0 2px;
	}
	
	/* =#= Select replacement =#= */
	
	select.replaceable 
	{
		display: 				block;
		margin: 				0 0 10px;
		width: 					291px;
	}
	
	select.replaced 
	{
		width: 					1px;
		position: 				absolute;
		left: 					-999em;
	}
	
	ul.selectReplacement 
	{
		background: 			url(http://www.sutterhome.com/img/dd_top.gif) top left no-repeat;
		margin: 				0 0 10px;
		padding: 				0;
		height: 				1.65em;
		width: 					300px;
		position: 				relative;
		z-index: 				1000;
	}
	
	ul.selectFocused 
	{
		background-image: 		url(http://www.sutterhome.com/img/dd_top.gif);
	}
	
	ul.selectReplacement li 
	{
		background: 			#e3ac36;
		color: 					#fff;
		cursor: 				pointer;
		display: 				none;
		font-size: 				1.2em;
		line-height: 			1.25em;
		list-style: 			none;
		margin: 				0;
		padding: 				2px 24px 1px 12px;
		width: 					255px;
		text-align:				left;
	}
	ul.selectOpen li 
	{
		display: 				block;
	}
	
	ul.selectReplacement li.selected 
	{
		background: 			url(http://www.sutterhome.com/img/dd_bottom.gif) bottom left no-repeat;
		color: 					#fff;
		display: 				block;
	}
	
	ul.selectOpen li.selected 
	{
		background: 			#c68700;
		border: 				0;
		display: 				block;
	}
	
	ul.selectOpen li:hover,
	ul.selectOpen li.hover,
	ul.selectOpen li.selected:hover 
	{
		background: 			#c68700;
		color: 					#fff;
	}
	
	ul.recipelist
	{
		list-style: 			none;
		padding: 				0;
		margin: 				0;
	}
	

.homePhoto {
	float: left;	
	height: 372px;
	width: 294px;
	padding: 0;
	margin: 0;
	border-right: #fff 1px solid;
	}

.homeFeature {
	float: left;
	padding: 0;
	margin: 0;
	height: 371px;
	background-color: #F4F1EC;
	text-align: left;
	line-height: 11pt;
	border-right: #fff 1px solid;
	}
	
	.hofLine {width: 600px; height: 300px; padding: 0px; margin: 0;}
	
	.hof  {width: 190px; height: 300px; padding: 0; margin: 0; float: left; }
	
.HOFText {
	width: 140px;
	padding: 3px 10px 0 20px;
	text-align: left;
	float: left;
	}
	
.hof img {
	border-bottom: #990003 10px solid; 
	border-left: #fff 1px solid;
	padding: 0;
	margin: 0;
	float: left;
	width: 198px;
	height: 130px;}
		
.HOFText a {
	color: #369;
}
	
/*.homeFeature img {
	border-right: #fff 1px solid;
	border-top: #fff 1px solid;}*/

	
.homeFeatureImg { 	
	padding: 0;
	margin: 0;
	text-align: center; 
	vertical-align:middle;
	font-size: 0;
	
	}

.homeFeature a {color: #369;}

.homeFeature h1 a {color: #9A0302;}
.homeFeature h1 a:hover {text-decoration: none;}

/*.homeFeature h1 { padding: 2px 0 0 5px;}*/


.homeText  {
	width: 100px;
	padding: 10px 10px 0 10px;
	margin: 0;
	/* height:197px; */
	/*border-right: 1px solid #CCC;*/}
	
h1 {
	font-family: 				Georgia, "Times New Roman", Times, serif;
	font-size: 					1.8em;
	color: 						#9A0302;
	font-weight: 				normal;
	padding: 					0 0 5px 0;
	margin: 					0;
	line-height: 				1em;
}

.navNote {
		font:					9px Arial, Helvetica, sans-serif}
	
div.recipe {
	
		margin-left:			1px;
		padding:				25px 10px 0 22px;
	}
	
div.recipe img	{ 
		padding: 25px 15px 0 15px;
		float: right; 
	}
	
div.recipe img.finalist	{ 
		float: none;
		clear:both;
		padding:0;
		margin-bottom:10px;
	}


.pullQuote {
	padding: 15px;
	width: 130px;
	display: block;
	float: right;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 50px 0 0 0;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E9C044;
	border-bottom: #E9C044 1px solid;
	border-top: #E9C044 1px solid;
}
	
/* RAILS STUFF */
.fieldWithErrors {
  margin: 0px;
  padding: 5px;
  background-color: #B06010;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 3px solid #B06010;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #E9C044;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #B06010;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 10px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  margin-left: 25px;
}
.red{
    color:red;
}
div.enter{
 
 margin:40px 20px 20px 24px;   
    
}
div.enter p{
    margin:0px 0px 5px 0px;
    padding:0px;
    font-size:12px;
}