/* 	
	----------------------------------------------------------------------
	RESET
	Remove the styling from all the elements on the page, just so we 
	can then start from scratch, explicitly setting styles as we need.
	---------------------------------------------------------------------- 
*/
* {
	padding:0;
	margin:0;
	font-size:1em;
	color:#000000;
	font-weight:normal;
}

/* 	
	----------------------------------------------------------------------
	BODY TAGS
	Margins, Backgrounds and Default Font 
	---------------------------------------------------------------------- 
*/
body {
	margin:0;
	font-family:Lucida Sans, Lucida Grande, Candara, Tahoma, Helvetica, sans-serif;
	font-size:71%;
	background:#000000 top center no-repeat url(../ui_dark/bkg_body.jpg);
}

/* 	
	----------------------------------------------------------------------
	BODY TAGS
	Margins, Backgrounds and Default Font 
	---------------------------------------------------------------------- 
*/
h1 {
	font-size:1.7em;
}
h2,
h3,
h4,
h5 {
	color:#3D3833;
}
h2 {
	font-size:2em;
}
h3 {
	font-size:1.4em;
}
h4 {
	font-size:1.2em;
}
h5 {
	font-size:1.1em;
	margin-bottom:0.8em;
}
p {
	margin-bottom:1.5em;
	line-height:1.2em;	
}
a:link {
	text-decoration:none;
	color:#3B5A9F;
}

a:hover {
	text-decoration:underline;
	color:#3B6EDF;
}

a:visited {
	text-decoration:none;
	color:#6B4D98;
}

a:link img {border-color:#161611;}
a:hover img {border-color:#695A33;}

ul {
	list-style:none;
}
strong {
	font-weight:bold;
}
/* 	
	----------------------------------------------------------------------
	PAGE CONTAINER
	---------------------------------------------------------------------- 
*/
#wrapper {
	width:760px;
	margin:0 auto;
	/* Fancy background, ow la la bebe */
	background:#E1DDD6 url(../bkg/bkg_wrapper.jpg) bottom right no-repeat;
}

#home #wrapper {
	background:#000000;
}

/* 	
	----------------------------------------------------------------------
	GENERAL PURPOSE CONTAINERS
	---------------------------------------------------------------------- 
*/
.featurePanel {
	background:#161611 url(../ui_dark/bkg_featurePanel_home.jpg) repeat-x top left;
	clear:both;
	float:left;
	width:100%;
}

.topicBox {
	padding:1em 0;
	margin:1em 0;
	float:left;
	width:100%;s
	clear:both;
}

.topicBox .article {
	clear:both;
}

/* adjusters */

.minor {
	float:left;
	width:224px;
	clear:none;
	padding-left:16px;
}


.major {
	float:left;
	width:484px;
	_width:444px!important;
	clear:none;
	padding:1em 16px;
	border-right:1px solid #202020;
}

.wide {
	float:left;
	clear:both;
	padding:1em 16px;
	width:728px;
}


#home .topicBox .summary {
	width:46%;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	/*background:no-repeat url(../ui_dark/bkg_topicBox.gif) bottom center);
	background-image:url(../ui_dark/bkg_topicBox.gif);
	background-repeat:no-repeat;
	background-position:bottom center;*/
}
#home .topicBox .summary div {
	float:none;
	width:100%;
}

#home .topicBox .summary h3{
	color:#B79F69;
}

.topicBox .summary p{
	border-bottom:0;
	color:#EEEEEE;
	font-size:1.15em;
	margin-bottom:1em;
}

.topicBox .summary p.moreLink {
	float:right;
}

.topicBox .summary img {
	float:left;
	margin:1em 1em 1em 0;
}

.topicBox .summary div {
	margin-top:0.5em;
	float:right;
	width:320px;
	_width:290px;
}

/* 	
	----------------------------------------------------------------------
	HEADER CONTAINER
	---------------------------------------------------------------------- 
*/
#header {
	float:left;
	width:100%;
	background-repeat:no-repeat;
	background-position:0 2em;
	height:120px;
	margin-bottom:20px;
	background-image:url(../ui_dark/bkg_header.gif);
	position:relative;
	background-color:#000000;
}
#home #header {
	background-image:url(../ui_dark/bkg_header_home.jpg);

}
.mooclub #header {
	background-image:url(../ui_dark/bkg_header_moo.gif);
	background-position:left bottom;
	background-color:#004E0D;
}
html>body #header {
	min-height:150px;
	_height:150px;
	height:auto;
}
#header img {
	float:left;
}

/*
#history #header,
#ourstory #header {
	background-image:url(../bkg/bkg_about.jpg);
	height:230px;
}

#ourstory #header h1 {
	
}
#cellar #header,
#contactus #header {
	background-image:url(../bkg/bkg_cellarDoor.jpg);
	height:230px;
}
#wines #header {
	background-image:url(../ui_dark/bkg_header.gif);
}
#order #header {
	background-image:url(../ui_dark/bkg_header.gif);
}



#wines #header {
	height:120px!important;
	min-height:0;
}

/* Mini header for promo page: */
body#promo #header {
	height:187px!important;
	min-height:6em!important;
	background-image:none;
	clear:both;
}



.medialibrary #header,
#resources #header{
	margin-bottom:0;
}

.formStructure {
	list-style:none;
	width:40%;
}

.formStructure li {
	margin-bottom:0.25em;
	width:100%;
	clear:both;
}

.formStructure li label,
.formStructure li input {
	padding:0.5em;
}

.formStructure li.controls {
	text-align:right;
}
#login fieldset{
	margin-top:1em;
	padding-top:1em;
}

#login .error {
	position:static;
	width:auto;
	clear:both;
	margin-top:1em;
	margin-bottom:0;
}

/* 	
	----------------------------------------------------------------------
	NAV CONTAINER
	Clearing the navigations
	---------------------------------------------------------------------- 
*/
#navWrapper {
	float:left;
	width:100%;
}

/* 	
	----------------------------------------------------------------------
	MAIN NAVIGATION
	---------------------------------------------------------------------- 
*/
#navWrapper ul {
	float:left;
	background:#221F19 url(../bkg/bkg_nav.jpg) no-repeat top left;
	width:760px;
}
#navWrapper ul li {
	float:left;
	margin-left:0.5em;
	padding:0 1em;
}

#navWrapper ul li.selected {
	background:url(../ui_dark/bkg_nav_selected.gif) repeat-x top left;
}

#navWrapper ul a {
	text-decoration:none!important;
	text-transform:uppercase;
	float:left;
	font-size:1.05em;
	color:#ffffff;
	padding:0.7em 0 0.5em 0;
}

#navWrapper ul li:hover {
	background-color:#313131;
}
/* 	
	----------------------------------------------------------------------
	MAIN NAVIGATION
	Setting the Active States
	---------------------------------------------------------------------- 
*/
#home #navHome,
#history #navHistory,
#cellar #navCellar,
#wines #navWines,
#order #navOrder,
#contactus #navContact {
	background-color:#3E372D;
	border-bottom:5px solid #9E0A00;
}

/* 	
	----------------------------------------------------------------------
	SUB NAVIGATION
	---------------------------------------------------------------------- 
*/
#subNav {
	float:left;
	padding:0.4em 0;
	border-top:2px solid #9E0A00;
	border-bottom:1px solid #CCC5B9;
	width:60%;
}
#subNav li {
	float:left;
	margin-left:0.3em;
	padding:0 1em;
}
#subNav a {
	text-decoration:none!important;
	float:left;
	font-size:1.3em;
	color:#2B2826;
	
}
#subNav #subActive a {
	color:#9E0A00!important;
}

/* 	
	----------------------------------------------------------------------
	LOGO AND PAGE HEADING TEXT
	Logo is floated right and Page Heading floated left
	Front Page Logo is floated left over header img
	---------------------------------------------------------------------- 
*/
#seLogo,
#seLogoFP {
	overflow:hidden;
	background-repeat:no-repeat;
	letter-spacing:-1000em;
	text-indent:-1000em;
}
#seLogo {
	background-image:url(../ui_dark/logo_header.gif);
	float:right;
	width:250px;
	height:70px;
}
#home #seLogo {
	background-image:url(../ui_dark/heading_mainLogo_home.gif);
	width:310px;
	height:81px; /* Hack for IE 5 */
	float:left;
	margin-top:140px;
	margin-left:32px;
	_margin-left:16px;
}
.mooclub #seLogo {
position:absolute;
left:-999em;
}
#header a.homeLink {
	float:right;
	width:240px;
	clear:none;
	position:absolute;
	right:0;
	bottom:0;
}
#pageTitle {
	font-family:Lucida grande, Tahoma, Arial, Helvetica, sans-serif;
	float:left;
	font-size:2.7em;
	text-transform:capitalize;
	letter-spacing:-0.02em;
	display:inline; /* Hack to stop IE margin doubling */
	position:absolute;
	color:#F4F1EA;
	left:18px;
	bottom:-2px;
}
.mooclub #pageTitle {
	letter-spacing:-1000em;
	text-indent:-1000em;
	overflow:hidden;
	width:200px;
	display:block;
}
#history #pageTitle {

	margin:65px 0 0 130px;
	color:#ffffff;
	letter-spacing:-0.04em;
	font-size:4.4em;
	line-height:1.0em;
}
#history #pageTitle .pageTitleSml {
	margin-left:2.7em;
	color:#ffffff;
	text-transform:lowercase;
	
	letter-spacing:0.1em;
}
#history #pageTitle .pageTitleLrg {
	margin-left:1.7em;
	color:#ffffff;
}
#cellar #pageTitle .pageTitleLrg {
	margin-left:1.7em;
}
#cellar #pageTitle,
#contactus #pageTitle {
	margin:2.4em 0 0 1.1em;
}
.longTitle {
	margin-top:1.2em!important;
	margin-left:2em!important;
}
#wines #pageTitle {
	margin:0.7em 0 0.7em 1em;
}
#order #pageTitle {
	/*margin:1.5em 0 0 1em;
	letter-spacing:0.4em;
	line-height:1.5em;*/
}
#order #pageTitle .exLongTitle {
	margin-left:5.8em;
}

/* 	
	----------------------------------------------------------------------
	ARTICLE STYLES
	Position of text and image blocks
	---------------------------------------------------------------------- 
*/
	.article .imageFrame{
		float:left;
		padding:1em 1em 1em 0;
	
	}
	.article .imageFrame .caption {
		margin-top:0.3em;
	}
	.mooclub .article .imageFrame {
		float:right;
		padding:0 0 1em 1em;
	}
	
	.featurePanel .feature {
		float:left;
		margin:1.5em 0 1em 0;
		padding:0 1%;
		width:98%;
	}
	
	
	.featurePanel .feature a:hover h4,
	.featurePanel .feature a:hover p {
		color:#CBA54B!important;
	}
	.featurePanel .feature a:hover h3 {
		color:#EDCB7E!important;
	}
	.featurePanel .feature div {
		float:left;
		padding:1em 0 0 1em;
		width:50%;
	}
	
	.featurePanel .feature h3 {
		font-size:2em;
	}
	.featurePanel .feature p {
		font-size:1.1em;
	}
	.featurePanel .feature img {
		float:right;
		margin-bottom:1em;
		margin-top:3em;
	}
	
	.featurePanel .feature a img {
		border:0;
	}
	
	.featurePanel .feature h4 {color:#6D6E68;}
	.featurePanel .feature h3 {color:#BABDA8;}
	.featurePanel .feature p {color:#BABDA8 !important;}
	
	
	/* Colour variations */
	
	.Riesling .adaptive,
	.riesling .adaptive {
		color:#9CAE38!important;
	}
	
	.Cabernet .adaptive,
	.cabernet .adaptive,
	.Merlot .adaptive,
	.merlot .adaptive {
		color:#A13257!important;
	}
	
	.Shiraz .adaptive,
	.shiraz .adaptive {
		color:#B4262D!important;
	}
	
	.featurePanel .contentBox {
		margin-right:0!important;
		width:30%;
	}
	
/* 	
	----------------------------------------------------------------------
	CATEGORY TITLES
	---------------------------------------------------------------------- 
*/

.categoryContents h2 {
	border-bottom:1px solid #B6AD9E;

}

/* 	
	----------------------------------------------------------------------
	WINE TITLES
	Multiple text styles within a single heading tag & some positioning
	---------------------------------------------------------------------- 
*/
#wines .wineTitle {
	margin-top:3.5em!important;
	width:400px;
}
#wines .long {
	margin-top:2.8em!important;
}
#wines #pageTitle strong {
	float:left;
	font-size:1.5em;
	letter-spacing:-0.03em;
	width:130px;
	height:2em;
	padding-right:40px;
	text-align:right;
}
html>body h1 strong {
	line-height:0.7em;
}
#wines #pageTitle .subTitle {
	font-size:0.7em;
	text-transform:none;
	letter-spacing:0;
}
#wines #pageTitle .type {
	display:block;
	font-size:0.7em;
	letter-spacing:0.15em;
}

/* 	
	----------------------------------------------------------------------
	BOTTLE IMAGES IN HEADER
	---------------------------------------------------------------------- 
*/
#bottleShot {
	float:left!important;
	background-image:url(../img/wines/bottleshadow.png);
	_background-image:url(../img/wines/bottleshadow.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	margin:24px 0 0 -294px;
	padding: 0 4px 0px 4px;

}

/* 	
	----------------------------------------------------------------------
	CONTENT WRAPPER
	This box wraps around the two columns that make up the actual content
	of the page. This has a background image in it to fake the gold border.
	---------------------------------------------------------------------- 
*/
#contentWrapper {
	width:720px;
	float:left;
	padding:0 20px 2em 20px;
}
#home #contentWrapper {
	padding:0 0 2em 0;
}
/* 	
	----------------------------------------------------------------------
	FRONT PAGE
	---------------------------------------------------------------------- 
*/
#home #intro {
	clear:both;
	width:100%;
	/*border-bottom:1px solid #ffffff;*/
	padding:24px 0 0 0;
	margin-bottom:0.5em;
}
#home #intro .quote {
	padding-left:16px;
	/*background-image:url(../ui/open_quote.gif);
	background-repeat:no-repeat;*/
}
#home #intro .quote div {
	/*background-image:url(../ui/close_quote.gif);
	background-repeat:no-repeat;
	background-position:bottom right;*/
	padding-left:25px;
	padding-right:24px;
}
#home #intro .quote p {
	line-height:1.2em!important;
	color:#909090;
	font-size:1.2em;
}
#home #intro .quote p span {
	font-weight:normal;
	color:#90805A;
}
#home #contentWrapper {
	background-image:none!important;
	width:100%;
	display:inline;
}
#home .summary {
	float:left;
	width:30%;
	margin-right:3.3%;
}
#home .summary label {
	color:#777;
	margin-right:1em !important;
}
#home .contentBox h3,
#home .contentBox h3 a {
}

#home p { 
	color:#EFEFEF;
}

.contentBox div {
	float:right;
	width:70%;
}

.contentBox form {
	float:right;
	width:90%;
}

.contentBox div p,
.contentBox form p{
	margin-bottom:0.25em;
	color:#5C5649;
	border-bottom:1px solid #FFFFFF;
}

.featurePanel .contentBox form p{
	font-size:1.1em;
	color:#6D6E68;
	border-bottom:0;
	margin-bottom:0;
}

.featurePanel .contentBox {
	margin:1.5em 0 1em 0;
	border-left:1px solid #282923;
}


.contentBox div h3 {
	font-style:normal;
	font-size:1.4em;
	
	margin-bottom:0.25em;
}

.contentBox div h4 {
	font-size:1.1em;
}


.contentBox img {
	float:left;
	border:0!important;
}

#home .contentBox form {

}

#home .contentBox form label{
	width:auto;
	padding:0;
	margin:0;
}

#home .contentBox form input{
	background-color:#FFFFFF;
	background-image:url(../images/form_input_bkg.gif);
	border:2px solid #999999;
	padding:0.4em;
}

#home .news,
#home .mailingList,
#home .events {
	background-repeat:no-repeat;
	background-position:top right;
	height:85px;
	overflow:visible;
	margin-bottom:2em;
}
#home .news p,
#home .mailingList p,
#home .events p {
	margin-right:80px;
}
#home .news {background-image:url(../img/home/icon_news.gif);}
#home .mailingList {background-image:url(../img/home/icon_mailing_list.gif);}
#home .events {background-image:url(../img/home/icon_events.gif);}

#home .facebook a div {
	padding-right:190px;
	width:535px;
	background:url(../img/facebookBadge.gif) no-repeat right;
}
#home .facebook h2.tagline {
	color:#BABDA8 !important;
	margin-bottom:0.3em;
}
#home .facebook a:hover h2 {
	color:#CBA54B !important;
}

/* 	
	----------------------------------------------------------------------
	SIDE NAVIGATION
	---------------------------------------------------------------------- 
*/
#sideNav {
	width:150px;
	float:left;
	clear:both;
	text-align:right;
	padding-left:20px;
	padding-right:10px;
	border-right:1px solid #B6AD9E;
}
#sideNav ul {
	float:right;
}
#sideNav a,
#contactus #sideNav li {
	
	font-size:1.2em;
	line-height:2em;
}
#sideNav #subActive a {
	text-decoration:underline;
}

/* 	
	----------------------------------------------------------------------
	PAGE CONTENT
	This is the actual meat and potatoes of the site.
	---------------------------------------------------------------------- 
*/
#content {
	width:500px;
	float:left;
	margin-left:30px;
}
#contentWrapper h2 {
	margin-top:0.2em;
	margin-bottom:0.5em;
	clear:both;
}

#order #contentWrapper h3,
#contactus #contentWrapper h3 {
	border-bottom:1px solid #C9C3B6;
}

#order #contentWrapper h3,
#order #contentWrapper h4,
#contactus #contentWrapper h3,
#contactus #contentWrapper h4 {
	margin-bottom:0.5em;
}

/* 	
	----------------------------------------------------------------------
	WINES
	---------------------------------------------------------------------- 
*/


.bottleShot {
	float:left;
	width:130px;
	text-align:center;
}

.bottleInfo {
	float:left;
	width:370px;
	margin-left:20px;
}

#content.wineListing {
	margin-left:10px;
	width:550px;
}

.wineListing .vintage {
	margin-top:1em;
	border-top:1px solid #FFFFFF;
}

.wineListing h1{
	margin-top:1em;
	font-size:1.8em;
	line-height:1.2em!important;
	color:#191513;
}

.wineListing h1.primary {
	font-size:2.4em;
	letter-spacing:-0.06em;
	margin-top:0.5em;
}

.wineListing .vintage h1 {
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.wineListing h2{
	font-size:1.4em;
	line-height:1.2em!important;
	color:#5C5649;
	margin-bottom:0.5em;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:0.5em;
}

.wineListing .bottleInfo h2 {
	border-bottom:0;
}

.wineListing h3,
.wineListing h4 {
	
	color:#3D3833;
}
#wines .wineListing li {
	font-size:1em;
	
	color:#908B84;
}
#wines .wineListing h3 {
	font-size:1.4em;
	margin:1em 0 0.3em 0;
	color:#80714F!important;
}

#wines .wineListing h3 a {
	color:#80714F!important;
}


#wines .wineListing h3 a:hover {
	color:#90805A!important;
}

#wines .wineListing h4 a {
	font-size:1.4em;
}
#wines .wineListing h4 {
	margin-left:2em;
}
#wines .wineListing .reviews h4 {
	margin-left:0;
}
#wines .wineListing p {
	/*margin-left:2em;*/
	margin-bottom:1em;
}
#premiumWines {
	width:100%;
	background-color:#D5CEC4;
	padding:1em 0 0.7em 0;
	margin-top:1em;
	margin-bottom:1em;
	border:1px solid #aaaaaa;
	/* The background */
	background-repeat:repeat-x;
	background-position: top left;
	background-image:url(../img/wines/premium_bkg.gif);
}
#premiumWines h3 {
	margin-top:0 !important;
}
#premiumWines p {
	margin-right:1em;
}
#wines #content .lrgImg {
	border:2px solid #ffffff;
	float:left;
	margin:0 15px 0.5em 0;
}

/* 	
	----------------------------------------------------------------------
	WINE VINTAGE SUBNAV
	---------------------------------------------------------------------- 
*/
.indexVintageNav h5,
.indexVintageNav ul {
	margin-left:2em;
}
.indexVintageNav,
#vintageNav {
	margin-bottom:1.5em;
}
.indexVintageNav h5,
#vintageNav h2 {
	font-size:1.2em;
}
.indexVintageNav ul {
	margin-top:0.4em;
	padding-top:0.2em;
	padding-bottom:0.4em;
}
#vintageNav ul {
	margin-top:0.6em;
	border-bottom:1px solid #ffffff;
	padding-bottom:0.4em;
}

.bottleInfo .indexVintageNav {
	margin-top:0;
}

.bottleInfo .indexVintageNav ul {
	margin-left:0!important;
}

.indexVintageNav li,
#vintageNav li {
	display:inline;
}
.indexVintageNav a,
#vintageNav a {
	margin-right:1em;
	font-size:1.2em;
	
}


/* 	
	----------------------------------------------------------------------
	ADD TO CART FUNCTIONS
	---------------------------------------------------------------------- 
*/


form.addToCart {
	margin:0;
	padding:1em;
	clear:both;
	background-color:#EAE8E1;
}

form.addToCart button,
form.addToCart input {
	padding:0.25em;
	margin:0 0.5em;
	float:none;
	
}

form.addToCart h2 {
	margin-bottom:0;
}

form.addToCart p {
	margin-bottom:0;
}


/* 	
	----------------------------------------------------------------------
	HISTORY
	---------------------------------------------------------------------- 
*/
#history #content {
	width:400px;
}
#history #content .quote {
	
}
#history #content img,
#cellar #content img,
#winemaking {
	border:2px solid #ffffff;
}
#content .lrgImg {
	margin-bottom:1em;
}
#content .imgCaption p  {
	background-color:#C8C0B3;
	
	padding:0.5em 0 0.7em 0.7em;
	width:auto;
	display:inline;
}

#content p.caption {
	padding:4px 8px;
	float:left;
	max-width:200px;
	width:200px;
	background-color:#C8C0B3;
}

#history #content .photoA,
#wines #content .photoA {
	float:right;
	margin-left:10px;
}
#history #content .photoB,
#wines #content .photoB {
	float:left;
	margin-right:15px;
}
#history #content #vineyardNav ul {
	margin-top:0.6em;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding-bottom:0.6em;
}
#history #content #vineyardNav li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top:0.4em;
	padding-left:0.2em;
}
#history #content h3 {
	padding-bottom:0.5em;
} 
#history #content #vineyardNav h4 {
	padding-top:1em;
} 

/*
	----------------------------------------------------------------------
	CELLAR DOOR
	---------------------------------------------------------------------- 
*/
#cellar #content img {
	margin:0 15px 10px 0.5em;
	float:left;
}
#cellar #content #location {
	border:0;
	margin:0;
}

/*
	----------------------------------------------------------------------
	CONTACT
	---------------------------------------------------------------------- 
*/
#contactus #content a {
}

/* 	
	----------------------------------------------------------------------
	WINE LISTINGS AND TASTING NOTES:
	---------------------------------------------------------------------- 
*/
	
		
	.note {
		float:left;
		clear:both;
		width:100%;
		border-bottom:1px solid #D5CEC4;
		margin-bottom:0.5em;
	}
	
	.note .overview {
		float:left;
		width:420px;
		margin-left:5em;
	}
	
	.note h3 {
		margin-top:0!important;
		font-style:normal;
	}
	
	.note a img {
		border:0;
	}
	
	.note img {
		float:left;
	}

	


/* 	 
	----------------------------------------------------------------------
	PROMOTIONAL LAYOUTS:
	FRONT PAGE:
	---------------------------------------------------------------------- 
*/

body #promo {
	margin:0 20px 10px 20px;
	padding-top:20px;
	width:720px;
	border:1px solid #AAAAAA;
	float:left;
	background-image:url(../ui/promo/bkg_vines_blur.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	position:relative;
}

body #promo h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:-0.025em;
	font-size:2.4em;
	margin-left:20px;
	float:left;
	width:30%;
}

body #promo .panel {
	background-color:#C1332E;
	clear:both;
	padding:10px 20px;
	_padding-top:5px;
	background-image:url(../ui/promo/bkg_panel_blur.jpg);
	background-position:top;
	background-repeat:repeat-x;
	border-top:1px solid #AAAAAA;
}

body #promo h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1.6em;
	margin-bottom:0.25em;
	font-weight:bold;
	clear:both;
}

body #promo img {
	float:left;
	margin:0 15px 0 35px;
	_margin:0 15px 0 15px;
	position:relative;
	top:-10px;
	_top:0;
}

body #promo #register {
	position:relative;
	top:8px;
	_top:16px;
	margin-right:20px;
	float:right;
	width:auto;
	text-align:right;
}

body #promo #register a{
	display:block;
	background-image:url(../ui/promo/button_register.gif);
	background-repeat:no-repeat;
	width:150px;
	height:0;
	padding-top:48px;
	overflow:hidden;
}

body #promo #register a:hover{
	background-image:url(../ui/promo/button_register_hover.gif);
}
body #promo p {
	clear:both;
	margin:0 0 0 0;
}

/* 	
	----------------------------------------------------------------------
	PROMOTIONAL LAYOUTS
	Detail Page:
	---------------------------------------------------------------------- 
*/

#promo #header {
	background-image:url(../ui/promo/bkg_promo_header.jpg)!important;
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}
#promo #header h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:-0.025em;
	font-size:3em;
	line-height:1.1em;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:10px;
	float:right;
	text-align:right;
	width:45%;
}

#promo #header h2 {
	color:#FFFFFF;
	
	font-weight:bold;
	clear:both;
	text-align:right;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:20px;
}

#promo #content {
	padding-top:10px;
}
#promo form {
	margin-bottom:1em;
}
#promo form label,
#promo form input,
#promo form select,
#promo form textarea{
	margin-bottom:0.75em;
	padding:0.25em;
	clear:right;
}

#promo form label{
	float:left;
	clear:left;
	width:30%;
}

#promo form input,
#promo form textarea{
	margin-right:20%;
	_margin-right:0;
	width:40%;
	border:1px solid #A8A8A8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

#promo form textarea{

}

#promo form select {
	margin-right:40%;
	_margin-right:20%;
	width:20%;
}

#promo form input.required {
	border:1px solid #C1332E;
}

#promo span.required {
	color:#C1332E!important;
}

#promo form .buttonBar {
	background-color:#C1332E;
	clear:both;
	padding:10px 20px;
	margin-bottom:1em;
	background-image:url(../ui/promo/bkg_panel_blur.jpg);
	background-position:top;
	background-repeat:repeat-x;
	border-top:1px solid #AAAAAA;
	float:left;
	position:relative;
	_width:100%;
}

#promo form .buttonBar button {
	padding:0.25em;
	border:2px solid #665653;
	float:right;
}
#promo form .buttonBar p {
	text-align:left;
	float:left;
	position:relative;
	top:6px;
}

#promo form .checkBoxLabel {
	width:100%;
}

#promo form input.check {
	float:left;
	clear:none;
	margin:0 2em 0 1em;
	width:auto;
	border:0;
}

#promo h2 {
	margin-top:0.5em;
}

#promo .error {
	padding:0.5em;
	background-color:#FFFFAE;
	border:1px solid #FFFF00;
}
/*
	----------------------------------------------------------------------
	FOOTER
	img replacement on logo
	---------------------------------------------------------------------- 
*/
#footer {
	float:left;
	background:#161611 url(../ui_dark/bkg_featurePanel_home.jpg) repeat-x top left;
	width:760px;
	padding-bottom:0.5em;
}
#footer a {
	color:#CDB622;
}
#footerLogo {
	width:100px;
	float:left;
	overflow:hidden;
	background-repeat:no-repeat;
	background-image:url(../img/logo_footer.gif);
	width:165px;
	height:45px; /* Hack for IE 5 */
	height/**/:0;
	padding-top:45px;
	margin:20px 18px 0 20px;
	display:inline;
}
#contact {
	width:520px;
	float:left;
	margin-top:1.3em;
	border-top:1px solid #474330;
	padding-top:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding-bottom:1em;
	border-bottom:1px solid #474330;
	margin-bottom:1.5em;
}

#contact p {
	color:#ffffff!important;
	margin-bottom:0.25em;
}

/* 	
	----------------------------------------------------------------------
	NASTY HACK TO CLEAR THE WRAPPER 
	Includes structural markup
	---------------------------------------------------------------------- 
*/
#clearer {
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
/* 	HOLLY HACK 
	Hide this additional element from IE */
* html #clearer {
	display:none;
} 




/* Nasty hack to hide the H1 in the wines section. 
Does it makes sense to have a title of 'our wines' on the 'our wines' page?
Apparently not - but what would I know? 

@media screen {
	#wines h1#pageTitle {
		visibility:hidden;
		height:0;
	}
}*/

.galleryThumb {
	float:left;
	margin:0 16px 16px 0;
	border:2px solid #000000;
}

.mediaContent {
	padding-left:20px;
}

.mediaContent img{
	margin-bottom:1em;
}

.medialibrary h2.folder,
#resources h2.folder {
	margin:0.5em 0 0 0;
	font-size:1.7em;
	font-style:normal;
	clear:both;
}

.medialibrary h2.folder a,
#resources h2.folder a  {
	text-decoration:none;
}

.medialibrary #contentWrapper,
#resources #contentWrapper {
	padding:0 2%;
	width:96%;
}

form#upload {
	width:100%;
	clear:both;
}

form#upload ul{
	width:46%;
}

h3.crumbs {
	font-weight:normal;
	font-style:normal;
	margin-bottom:0;
	margin-top:1.2em;
	padding-bottom:0.5em;
	float:left;
	font-size:1em;
	
	/*border-bottom:1px solid #857E64;*/
}

h3.crumbs a {
	text-decoration:none;
}

table.documentLibrary {
	float:left;
	
	margin:0 0 1em 0;
	margin-top:0;
	width:100%;
	
	clear:both;
}

table.documentLibrary thead th{
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #C9C4C1;
	color:#FFFFFF;
	padding:0.5em;
	background-color:#35322B;
}

table.documentLibrary td,
table.documentLibrary th {
	border:1px solid #C9C4C1;
	border-width:0 1px 1px 0;
	margin:0;
}

table.documentLibrary tr.folder th {
	text-align:left;
	padding:0.25em;
	background-color:#C3C0BE;
	color:#7B002B;
	border-bottom:1px solid #F2F1EF;
	padding:0.5em;
}
table.documentLibrary tr.folder .name{
	background-image:url(../ui/icon_folder.gif);
	background-repeat:no-repeat;
	background-position:12px 4px;
	padding-left:36px!important;
	padding-top:8px;
}
table.documentLibrary tbody td{
	background-color:#FFFFEF;
	border-bottom:1px solid #C9C4C1;
	padding:0.5em;
}

table.documentLibrary tbody td.name,
table.documentLibrary tbody td.file {
	width:24em;
}

table.documentLibrary tbody td.name {
	width:18em;
}

table.documentLibrary .name a {
	text-decoration:none;
	color:#222222;
}

table.documentLibrary .name a:hover {
	text-decoration:underline;
}

table.documentLibrary tbody td.date {
	font-size:0.85em;
	width:8em;
}

table.documentLibrary tbody tr:hover td. {
	background-color:#E5D7B5;
}

table.documentLibrary .name {
	padding-left:18px!important;
}

table.documentLibrary tbody td.file a{
	color:#3333FF;
}

table.documentLibrary tbody td.description {
	padding-left:1em;
	font-size:0.8em;
}

/*-------------- Quick Search box ----------------*/

#quickSearch {
	display:inline;
	text-align:right;
	float:right;
}

#quickSearch h4 {
	display:inline;
	padding-right:2em;
}

#quickSearch span {
	display:block;
}

#quickSearch label {
	display:inline!important;
	clear:none;
	margin:0;
	padding:0 0 0 2em;
	width:auto;
	font-weight:normal;
}

#quickSearch label input {
	margin-right:0.5em;
}

/*-------------- Details of individual items - profile view ----------------*/


div.mediaBox {
	float:left;
	border:1px solid #C9C4C1;
	border-width:0 0 1px 0;
	width:99%;
	margin:0 0 1em 0;
}

div.mediaBox h1 {
	margin:0.25em 0!important;
}

div.mediaBox .description,
div.mediaBox .summary {
}

div.mediaBox .description {
	width:60%;
	margin:1em;
	float:left;
}

div.mediaBox .summary {
	width:240px;
	padding:0.25em 0;
	float:left;
	border-right:1px solid #C9C4C1;
	margin:1em 0;
}

div.mediaBox .summary dd {
	padding-bottom:0.5em;
}

div.mediaBox a img {
	border-color:#C9C4C1;
}

div.mediaBox a:hover img {
	border-color:#FFFFEF;
}

div.mediaBox .downloadLink {
	font-size:1.1em;
	display:block;
	margin-top:0.5em;
	padding:0.75em 0.5em;
	font-weight:bold;
	text-decoration:none;
	border:2px solid #AAE796;
	background:#90D17B;
}

div.mediaBox .downloadLink:hover{
	text-decoration:underline;
	background-color:#FFFFEF;
}

.medialibrary div.thumbnailGrid div.thumbnail,
#resources div.thumbnailGrid div.thumbnail {
	margin:0 10px 10px 0;
	background-color:#FFFFEF;
	border:1px solid #C9C4C1;
	width:108px;
	float:left;
	font-size:0.8em;
	min-height:180px;
	position:relative;
	text-align:center;
}

.thumbnail a.block {
	display:block;
	text-decoration:none;
	padding:8px;
}

.thumbnail a.block:hover {
	background-color:#FFFFFF;  

}
.thumbnail a:visited {
	color:#AF9765!important;
}

.thumbnail a img {
	border:0;
	margin:0 auto 0.5em 0;
}

.thumbnail h3 {
	font-style:normal;
	font-size:1.3em;
	text-wrap:unrestricted;
	border-bottom:none !important;
}

.thumbnail a.downloadLink {
	display:block;
	position:absolute;
	bottom:0.5em;
	right:1em;
	color:#0D3689;
	display:inline;
	text-decoration:none;
	font-family:verdana, arial, helvetica, sans-serif;
}

.thumbnailGrid .folder a{
	background:url(../ui/ico_library_folder.gif) no-repeat center 10px #FFFFEF;
	padding-top:90px;
	display:block;
	text-align:center;
	text-decoration:none;
}

.thumbnailGrid .folder h3 {
	text-align:center;
	text-transform:capitalize!important;
}

.thumbnailGrid {
	float:left;
	width:720px;
	margin-top:0;
}

a.displayToggle {
	position:relative;
	color:#0D3689;
	float:right;
	top:-1.5em;
	text-decoration:none;
	display:inline;
	padding-right:10px;
}

#cartContainer {
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
}

#basket a#cartLink {
	padding:0.6em 0.8em 0.6em 42px;
	color:#ffffff !important;
	text-decoration:none !important;
	/* Background icon */
	background-image:url(../images/widget_basket_icon.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
/* THE PANEL WITH TABLE */
#header #cartPanel {
	display:none;
	/* Position */
	position:absolute;
	right:0;
	top:2.3em;
	/* Style */
	z-index:4;
	background-color:#ffffff;
	padding:0.8em;
	width:25em;
	border:1px solid #999999;
	border-bottom-width:0;
	border-bottom-width:3px;
}
#header #cartPanel table {
	width:100%;
	margin-bottom:0.5em;
	border-bottom:1px solid #cccccc;
}
#header #cartPanel table thead th {
	font-weight:bold;
	border-bottom:2px solid #cccccc;
}
#header #cartPanel table tbody th {
	text-align:right;
	font-size:1.4em;
	padding:0.1em 0.1em 0 0;
}
#cartPanel table td {
	border-bottom:1px solid #cccccc;
}
#header #cartPanel table th,
#header #cartPanel table td {
	padding:0.2em 0;
}
#cartPanel table .total {
	text-align:right;
	padding-right:3px;
}
#cartPanel #finalTotal {
	padding-top:0.7em;
	border-bottom:0;
}
#cartPanel #finalTotal,
#cartPanel table tbody th {
	background-color:#eeeeee;
}

#cartPanel #editOrderLink {float:left;}
/* Remove link */
#cartPanel .remove {
	float:left;
	width:16px;
	height:16px;
	height/**/:0;
	padding-top:16px;
	overflow:hidden;
	background-image:url(../images/widget_remove.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-right:6px;
}

 #cartPanel table{
	width:100%;
	padding:0.25em;
}

 #cartPanel tbody{
	font-size:0.9em;
}

 #cartPanel thead th {
	font-weight:bold;
	border-bottom:1px solid #cccccc;
}

 #cartPanel tbody td {
	border-bottom:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:0.25em 0;
	text-align:left;
}

 #cartPanel table td.controls{
	width:16px;
	text-align:right!important;
}

 #cartPanel table td.productName span {
	text-align:left;
}

 #cartPanel table input.quantity {
	width:1.5em;
	margin:0;
}

#checkoutLink {
	float:right;
	font-size:1em!important;
	margin:0.5em;
	padding:0.35em 0.7em;
	background-color:#B22438;
	background-image:url(../images/form_button_bkg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	border:2px solid #85222D;
	color:#FFFFFF!important;
	margin-bottom:0.8em;
	display:block;
	font-style:normal!important;
}

.loginStatus {
	margin:1em 1em 0 0;
	text-align:right;
}

/*-----------------------------------------------
	AWARDS AND REVIEWS
  -----------------------------------------------*/
  
.awardsandreviews .wineReview {
	clear:both;
	float:left;
	margin-bottom:2em;
}
.awardsandreviews .wineReview img {
	float:left;
	clear:left;
	margin-right:25px;
}
.awardsandreviews .wineDetails {
	float:left;
	width:620px;
}
.awardsandreviews h2.vintage {
	float:left;
	clear:right !important;
	width:100%;
}
.awardsandreviews .holder {
	float:left;
	width:290px;
	margin-right:15px;
}
.awardsandreviews .sub {
	font-weight:bold;
	width:100%;
	clear:both;
	margin-bottom:0.5em;
	border-bottom:1px solid #B7B7B2
}
.awardsandreviews .goback {
	clear:both;
}  

/*-----------------------------------------------
	DISTRIBUTOR SEARCH
  -----------------------------------------------*/
  
/*#purchase.distributorsearch #contentWrapper {
	padding:0 20px;
	width:700px;
}*/
#purchase.distributorsearch #contentWrapper form {
	clear:both;
	margin-bottom:2em;
}
#purchase.distributorsearch #contentWrapper select,
#home #contentWrapper select {
	background-color:#FFFFFB;
	border:1px solid #666666;
	font-size:1em;
	padding:0.3em;
	width:10em;
}
#purchase.distributorsearch .resultSubtitle {
	margin-bottom:1.5em;
}
#purchase.distributorsearch .countryTitle {
	margin-bottom:0.5em;
}
#purchase.distributorsearch .distributorList {
	width:48%;
	float:left;
	min-height:13em;
	height:auto; /* IE6 HACK TOO */
}


/*-----------------------------------------------
	Server location message
  -----------------------------------------------*/

#devNotice {
	padding:0.5em 1em;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:0.5em;
	background-color:#FFFD41;
	font-size:0.9em;
	font-family: Calibri, Lucida Sans, Trebuchet MS, sans-serif;
	letter-spacing:0;
	text-align:center;
}
#devNotice h1 {
	margin-right:1em;
}
#devNotice * {
	display:inline !important;
	color:#000000 !important;
}
#devNotice a {
	color:#0A0395;
	text-decoration:underline;
}