/***************************************************************************************************************
CSS instructions!

 * Please check the whole file before adding new classes.
 * To keep this file easy to maintain please follow the format below 
   i.e. each line under the headers has 4 spaces or 1 tab and all styles on one line.
 * Use comments where you can so others know what the styles are for.
 * Please use this file for styles that aren't club specific i.e. common structural elements not header colours.

Thanks,
Simon and Grant!

CSS index
01. Global reset
02. Typography
03. Site Structure
04. Navigation
05. Browse
06. Article
07. Forms
08. Order Pipe
09. Section specific
10. Non-Section specific
11. Accordian
12. Caroussel
13. Artical Page Zoom
14. UI Tabs
15. Buttons
16. Recruitment
***************************************************************************************************************/

.ac_results { padding: 0px; margin-top:0px; width:280px!important; border: 1px solid #C2C6C9; background-color: #FFF; overflow: hidden; z-index:99992; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; /*filter:mask();*/ width:3000px; height:3000px; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; }
.ac_loading { background: url('./indicator.gif') right center no-repeat; }
.ac_over { background-color: #FFFFE6; color:#3A3A3A; }

.passwordResult, .confirmPasswordResult { position: relative; display:inline-block; height:20px; width:300px; margin-top:4px; font-size:0.85em; }
.passwordError { position:absolute; top:5px; left:15px; background:url(/DWBase/images/security/passwordError.gif) 0 0 no-repeat; padding-left:26px; line-height:20px; }
.passwordWarning { position:absolute; top:5px; left:15px; background:url(/DWBase/images/security/passwordWarning.gif) 0 0 no-repeat; padding-left:26px; line-height:20px; }
.passwordAccepted { position:absolute; top:5px; left:15px; background:url(/DWBase/images/security/passwordAccepted.gif) 0 0 no-repeat; padding-left:26px; line-height:20px; }
.passwordInfo { position:absolute; top:5px; left:15px; background:url(/DWBase/images/security/passwordInfo.gif) 0 0 no-repeat; padding-left:26px; line-height:20px; }

.passbackAlert { position:absolute; z-index:999999; top:110px; right:0px; display:none; width:200px; padding:20px 10px; background: transparent url(/DWBase/images/content/order-cell/order-cell.gif) 0 0 no-repeat; border: 1px solid #ccc}

/***************
01. Global reset
***************/
	html { height:100%; margin-bottom: 1px; } /*Forces browser window to always think there is enough content to display scroll bars to avoid judder*/
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0}
	fieldset,img { border:0; }
	address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
	em {font-weight: bold}
	ol,ul { list-style:none; }
	caption,th { text-align:left; }
	q:before,q:after { content:''; }
	abbr,acronym { border:0; }
	.hideJSContent .sitebrowse-item ul, .hideJSContent .content-item ul, .hideJSContent .formreveal, .hideJSContent .userHintDiv, .hideJSContent .info, .hideJSContent .review, .hideJSContent #signinExistingNotOnline, .hideJSContent #mycarousel li, .hideJSContent #prevoffers { display:none; }

/*************
02. Typography
*************/
	html { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; }
	p { margin: 12px 0; }
	h1, h2, h3, h4, h5, h6 { margin: 8px 0 14px 0; font-weight: normal; }
	h1 { font-size: 1.7em; }
	h2 { font-size: 1.4em; }
	h3 { font-size: 1.2em; }
	h4 { font-size: 1.1em; }
	a:link {text-decoration: none;}
	a:visited {text-decoration: none; }
	a:hover {text-decoration:underline; }
	a:active {text-decoration:underline; outline:none;}

/***********************************
03. Structure for page content frame
***********************************/
	#sitewrapper { width: 980px; margin:6px auto 10px auto; /*position:relative; Commented out as it was affecting browse further info drop-downs */ }
	#wrapper, #wrapper-printfixed { width: 804px; background: #FFFFFF; margin: 0px auto; float:left;}
	#wrapper.fullwidth, #wrapper-printfixed.fullwidth { width: 980px; }
	#wrapper-wineplans { width: 600px; background: #FFFFFF; margin: 10px auto; }
	.page-banner { /*position: relative;*/ width:804px; background:transparent url(/DWBase/images/placeholders/page-banner.jpg) no-repeat 0 0; height:126px; margin: 0px 0px 10px 0px;}
	.page-banner h2 {position: absolute; margin:30px 0 0 0; font-size: 1.8em; background:url(/DWBase/images/page-elements/page-header.png) 100% 100% no-repeat!important; /*width: 221px;*/ height:41px; line-height: 37px; padding-left: 8px; padding-right:24px}

/*************
04. Navigation
*************/
	#topNav {width: 980px; list-style:none; padding-left:0px; margin: 10px auto 10px auto; /*background:url(../images/stwc/topnav/tab.gif) repeat-x 0 0*/}
	#topNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.topNavItem {float:left; padding:0;	margin:0;}
	.sitenavTab {width:122px; display:block; float:left;}
	.lastTab {width:126px;}
	.sitenavTab .sitenavDropDown {display:none; position:absolute; list-style:none; margin-top:0px; z-index:100; float:left;}
	/*.sitenavTab:hover .sitenavDropDown { display:block; }*/	
	.sitenavTab .sitenavDropDown ul {display:block; padding-top:10px; padding-left:0px; line-height:20px; margin-left:0px; width:170px; float:left; list-style:none;}
	.sitenavTab .sitenavDropDown ul a {background:url(/DWBase/images/icons/bullet.gif) no-repeat 0 50%; text-decoration:none; color:#333333; display:block; font-size:0.85em; padding-left:10px; width:160px; margin-bottom:2px;} 		
	.columns1 {width:190px;}
	.columns2 {width:370px;}
	.innerColumn1 {float:left; width:170px;}
	.innerColumn2 {float:left; width:170px;}
	.additional-links {float:left; width:170px; margin-left: 10px;}
	span.SubTitleText {font-weight:bold; color:#000; }
	.columns2 .shadow-top {background:url(/DWBase/images/page-elements/subnav-top.png) no-repeat 0 0; width:350px; padding:10px; z-index:100;  }
	.columns2 .shadow-bottom {background:url(/DWBase/images/page-elements/subnav-bottom.png) no-repeat 0 0; height:20px; width:370px; z-index:100; }
	.columns1 .shadow-top {background:url(/DWBase/images/page-elements/subnav-column1-top.png) no-repeat 0 0; width:170px; padding:10px; z-index:100; }
	.columns1 .shadow-bottom {background:url(/DWBase/images/page-elements/subnav-column1-bottom.png) no-repeat 0 0; height:20px; width:190px; z-index:100; }
	.shadow-top:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#headerContainer {position: relative}

/*************************************
05. Browse structure and various views
*************************************/
	.browse-leftframe {float:left; width: 166px; margin-right:10px}
	.banner-browse-default {background:#FFF url(/stwc/images/wineguide/banner.jpg) no-repeat 0 0;}
	.browse-paging {text-align: center; font-size: 0.85em; background:#e4d6d6; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 0px solid #FFF; border-left: 1px solid #CCC; margin-bottom: -2px; width: 130px; z-index: 2; padding: 4px; position: relative;}
	.paging-links a, .paging-links a:link {height: 26px; line-height: 26px; font-size: 0.85em; border: 1px solid #ccc; padding: 4px 5px; background:#FFF url(/DWBase/images/content/inner-cell/inner-cell.gif) repeat-x 0 0;}
	.paging-links a:hover, .paging-links a:active {border: 1px solid #600; background:#600; color:#FFF}
	#contentArea { /*width:804px;*/ /*border:1px solid #666;*/ /*padding:20px;*/ /*margin:20px auto;*/ }
	p.atb { color:#FFF; background-color:#CC0000; font-weight:bold; padding:4px; width:100px; text-align:center; }
	ul.browse-breadcrumb {margin-bottom: 0px}
	ul.browse-breadcrumb li {list-style: none; margin:4px 0; font-size:0.85em; }
	.browse-history-arrow {position:absolute; top:26px; left:126px; width: 50px; height: 40px; z-index: 3; background: url(/DWBase/images/page-elements/browse-history-arrow.png) no-repeat 0 0}
	.browsePageHighlight { font-weight: bold!important; text-decoration: underline!important; }
	.cornerFlagContainer {position:relative; margin:0; padding:0}
	.cornerFlag {position:absolute; top:-10px; right:0px}
	.browseTextWrap {margin-right: 56px}
	
	/*Browse Large */
	#contentArea.large .last {margin-right: 100px; border: 10px solid black}
	#contentArea.large .browseresult { float:left; height: 270px; width:394px; padding:10px 0px; margin-bottom:10px; border:1px solid #CCC; background:#FFF url(/DWBase/images/content/inner-cell/inner-cell.gif) repeat-x 0 0; }
	#contentArea.large .browsespacer { float:left; width:10px; height:272px; }
	#contentArea.large .best { background:#FFF url(/DWBase/images/page-elements/bg-bestseller.gif) repeat-x 100% 100%; }
	.special-offer-info .addcase, .orderformLeftCol .addcase {background: #eee; border: 2px solid #ccc; margin: 0 16px 0 118px; padding-top: 3px;}
	.screen-only .special-offer-info .addcase {margin: 0; }
	.screen-only .special-offer-info .addcase p {margin: 0 0 2px; padding-left: 6px}
	.special-offer-info h4 {font-family: Arial; font-weight: bold; font-size: 1em; margin: 7px 0 2px}
	.orderform .addcase p, .orderformLeftCol .addcase p  {padding-left: 6px; margin: 0 0 2px; font-size: 0.85em}
	#contentArea.large .bestcase { background:#FFF url(/DWBase/images/page-elements/bg-bestseller-case.gif) repeat-x 100% 100%; }
	#contentArea.large .bottle { background:#FFF url(/DWBase/images/page-elements/bg-browse.gif) repeat-x 100% 100%; }
	#contentArea.large p { font-size:12px; }
	#contentArea.large .img { float:left; width:120px; height: 240px; text-align: center; }
	#product-details-page .split-cell .special-offer-info .addcase{margin:0 130px 0 0}
	/*Browse Medium */
	#contentArea.medium .browseresult { border:1px solid #CCC; width:218px; float:left; margin:0 20px 30px 0; padding:20px; }
	#contentArea.medium h1 { font-size:24px; color:#0099FF; }
	#contentArea.medium p { font-size:12px; }
	#contentArea.medium p.desc { display:none; }
	#contentArea.medium p.tastingnote { display:none; }
	#contentArea.medium .bottle { display: none; }
	#contentArea.medium .case { float:left; width:100px; margin-bottom: 10px }
	
	/*Browse Small */
	#contentArea.small .browseresult { margin:0 auto 20px auto; border:1px solid #ccc; width:838px; padding:10px; }
	#contentArea.small h1 { font-size:24px; color:#999999; }
	#contentArea.small p.desc { display:none; }
	#contentArea.small p.tastingnote { display:none; }
	#contentArea.small .case { display: none }
	#contentArea.small .bottle { float:left; width:30px; }
	
	.wine-info, .wine-info-best { display:none; position:absolute; height:94px; width:374px; padding:10px; z-index:999; margin:0; background:#f2f2f2; border:1px solid #CCC; border-top:none; }
	.wine-info-best { background:#fffdef }
	.wine-info-inner { background:#FFF; border:1px solid #D6D6D6; height:80px; padding:6px }
	.wine-info-position { position:relative; }
	.wine-info-inner .details {float:left; margin: 4px; width: 109px; height: 30px; vertical-align: middle}
	.wine-info-inner .details img {float: left;}

/*************************
06. Article page structure
*************************/
	.article-leftcolumn {float: left; width: 164px;}
	.article-leftcolumn ul, .article-leftcolumn.case ul {margin: 16px 0px 10px 0px; font-size: 0.85em;}
	.article-leftcolumn li, .article-leftcolumn.case li {background:url(/DWBase/images/icons/bullet.gif) no-repeat; padding-left: 10px; list-style: none; margin-bottom: 4px}
	.article-rightcolumn {float: left; margin-left: 10px; width: 630px; }
	.review .reviewstamp {color:#000; display:block; font-weight:normal; margin-left:25px; margin-top:0.5em;}
	.review a.review-toggle {background:transparent url(/DWBase/images/icons/user_comment.gif) no-repeat 0 0; height:15px; padding-left:22px;}
	.review a.review-toggle:hover, a.review-toggle:focus, a.review-toggle:active {background-position:0px -16px;}
	.iconset {margin: 20px 0px 12px 0px;}
	.iconset p {margin: 4px 0px 4px 0px}
	.iconset a {font-size: 0.85em;}
	a.delivery {background:transparent url(/DWBase/images/icons/truck.gif) no-repeat 0 0; height:16px; padding-left:35px; display: inline-block; line-height: 16px}
	a.packaging {background:transparent url(/DWBase/images/icons/packaging.gif) no-repeat 0 0; height:16px; padding-left:30px; display: inline-block; line-height: 16px}
	a.business {background:transparent url(/DWBase/images/icons/giftbox.gif) no-repeat 0 0; height:16px; padding-left:30px; display: inline-block; line-height: 16px}
	a.printpage {background:transparent url(/DWBase/images/icons/printpage.gif) no-repeat 0 0; height:16px; padding-left:22px; display: inline-block; line-height: 16px}
	a.reviewwine {background:transparent url(/DWBase/images/icons/review.gif) no-repeat 0 0; height:16px; padding-left:22px; display: inline-block; line-height: 16px}
	a.emailfriend {background:transparent url(/DWBase/images/icons/emailfriend.gif) no-repeat 0 0; height:16px; padding-left:22px; display: inline-block; line-height: 16px}
	a.addtofavs {background:transparent url(/DWBase/images/icons/addtofavs.gif) no-repeat 0 0; height:16px; padding-left:22px; display: inline-block; line-height: 16px}
	a.printpage:hover, a.printpage:focus, a.printpage:active, a.reviewwine:hover, a.reviewwine:focus, a.reviewwine:active, a.emailfriend:hover, a.emailfriend:focus, a.emailfriend:active, a.addtofavs:hover, a.addtofavs:focus, a.addtofavs:active {background-position:0px -16px;}
	.zoom-icon, .zoom-icon-case {position:absolute; top:90%; margin-left:-28px; left: 50%; height: 22px; width:57px; z-index: 3; background: url(/DWBase/images/icons/zoom.png) no-repeat 0 0}
	.zoom-icon-case {top:78%}
	table.winedetail {border-collapse: collapse;}
	.winedetail td.header {font-weight: bold; background: #eee;}
	.winedetail td {border: 1px solid #CCC; padding: 6px; font-size: 0.85em;}
	.winedetail td.img {text-align: center; width: 40px; }
	.winefacts td.header {font-weight: bold; background: #eee;}
	.winefacts td {padding: 0px 0px 0px 4px; font-size: 0.85em;}
	.winefacts td.img {border: 1px solid #CCC; text-align: center; width: 40px; padding: 2px;}
	.listofawards {margin-bottom: 10px}
	.listofawards img {vertical-align: middle; padding-right: 10px}
	table.preSellInfo {border-collapse: collapse; background:#eee; border: 1px solid #999}
	.orderformLeftCol {float: left; width: 350px}
	.orderformRightCol {float: left; margin-left: 30px; width: 220px}
	
	
/******************************************
07. Form structure and dynamic classes
******************************************/
	.showElementWithJS {display:none}
	label { cursor: pointer; padding-left: 4px; }
	ol.orderform, ol.styledform, ol.information {margin-bottom: 6px}
	.orderform li, .styledform li, .information li { margin: 5px 0; }
	.information li { margin:10px 0; }
	.orderform li input, .styledform li input, .checkbox li input {vertical-align: bottom; }
	.orderform li.heading {font-weight: bold; font-size: 0.85em; padding-left: 16px; padding-top: 10px; color: #666;}
	.orderform li label { font-weight:normal; font-size: 0.85em; }
	.bold label, li.bold label, div.bold label { font-weight:bold; }
	label.bold { font-weight:bold; }
	li span.saving {font-weight: normal;}
	li.bold span.saving { font-weight: normal; }
	.error {border: 1px solid #ccc; background: #eee; padding:6px; color: #C00; margin-bottom: 10px}
	.infoNote {border: 1px solid #c1d34b; background: #ecf2c9; padding:6px; color: #000; margin-bottom: 10px}
	.inputError { display:none; border:1px solid #ccc; background:#eee; color:#C03; margin-bottom:8px; }
	.inputError div { padding:4px; }
	.styledform li p.note {color: #00CCFF}
	
	.styled-input { padding:2px; margin:6px 0; border:1px solid #B0B8BE; color:#3A3A3A; }
	.styled-input-select { margin:6px 0; border:1px solid #B0B8BE; color:#3A3A3A; }
	.styled-input-checkbox { margin:6px 0; color:#3A3A3A; }
	.styled-input:focus { border:1px solid #6e6e6e; background-color: #FFFFE6; color:#3A3A3A; }
	.label-align, .label-align-small { display:inline-block; width:160px; text-align:right; padding:2px; margin:6px 15px 6px 0; }
	.label-align-small { width:60px }
	#password-strength { display:inline-block; width:260px; margin:6px 0 6px 15px; color:#3A3A3A; }
	.password-min-char { margin:6px 0 4px 179px; }
	.password-strength-bar { display:none; text-align:center; padding:3px 0; background:transparent url(/DWBase/images/page-elements/passwordBg.gif) 0 50% no-repeat; border:1px solid #969696; }
	.userHint { background-color:#f4f4f4; }
	.userHintDiv { float:right; display:inline; margin:8px 0 0 15px; color:#666666; }
	.userHint .userHintDiv { float:right; display:inline!important; margin:8px 15px 0 15px; color:#666666; }
	fieldset dl {margin-bottom: 10px}
	fieldset dt dt {width: 170px; float: left}
		
	
/******************************************
08. Orderpipe structure and dynamic classes
******************************************/
	.order-footer { margin-top: 30px; border-top: 1px #eee solid}
	.formreveal { margin: 5px 0 3px 0px; }
	.options-note { color:#666; margin: 5px 0 3px 0px; font-size: 0.85em}
	.formname { float: left; width: 100px; text-align: right; margin-right: 10px; margin-bottom: 10px}
	.formfield { float: left; width: 300px; margin-bottom: 10px}
	.innerfield { margin-bottom: 10px}
	.formbutton { margin-left: 110px}
	.multiAddressDropDown {max-width: 600px!important; width:600px}
	#payment-page .card-details {width: 140px; float: left; padding-left: 10px}

/************************************************************
09. Page specific structures and classes
	This section is ordered depending on the site navigation.
************************************************************/
	/* Wine Offers */
	
	/* Wine Plans */
	.wineplan-leftcolumn {float: left; width: 140px}
	.wineplan-rightcolumn {float: left; margin-left: 16px; width: 440px}
	.wineplan-info {width: 230px;float: left;}
	.wineplan-section {width: 180px; border: 1px solid #ccc; padding: 16px; float: left; margin: 0 0 10px 9px }
	.wineplan-section li {margin-bottom: 10px}
	#wineplans-page .accordians-wrapper {width: 550px; float: left}
	#wineplans-page.bordered-cell{display: inline-block}

	/* Fine Wines */
	
	/* Wine Guide */
	.aboutwine-banners {background:#000 url(/DWBase/images/page-elements/blackfade.gif) repeat-x 0 0; padding: 6px; width: 784px; margin-top:10px}
	.food-banners {float: left; width: 194px; margin: 0px 8px 8px 0px}
	.food-banners.last {margin: 0px 0px 8px 0px}
	p.foodmatch-text { margin:0; padding:4px; background-color:#000; color:#FFF; }
	.foodmatch-text a:link, .foodmatch-text a:hover, .foodmatch-text a:active, .foodmatch-text a:visited {color:#FFF}
	.winetip-banners { width:377px; padding:10px; float:left; background-color:#EEE; }
	.blockheader {background:#000 url(/DWBase/images/page-elements/blackfade.gif) repeat-x 0 0; padding: 6px 10px; color: #fff; font-size: 1.4em; margin-top:10px; }
	.redheader {background:#606 url(/DWBase/images/page-elements/redfade.gif) repeat-x 0 0; padding: 6px 10px; color: #fff; font-size: 1.2em;}
	.greenheader {background:#090 url(/DWBase/images/page-elements/greenfade.gif) repeat-x 0 0; padding: 6px 10px; color: #fff; font-size: 1.2em;}
	area.aawmap-area { cursor:pointer; }
	div.aawmap-hover { background:transparent url(/DWBase/images/wineguide/hover-bg.png) no-repeat scroll 0 0; font-style:normal; font-weight:normal; height:45px; padding:16px 12px 14px 12px; position:absolute; text-align:center; width:180px; z-index:999; color:#666666; text-decoration:none; display:none; }
 	#art-of-tasting img {float:left; margin: 0 20px 10px 0;}
	#art-of-tasting .art-of-tasting-section{clear: both;}
	#art-of-tasting .art-of-tasting-section img {float: right}
	#art-of-tasting .art-of-tasting-section p{float: left; width: 560px;}
	/* Gifts */
	.gift-business {float:left; width:560px; background:transparent url(/DWBase/images/gifts/banner-business.gif) no-repeat 0 0; height:73px; margin: 16px 20px 0px 0px;}
	.gift-business p {width:460px; margin:10px}
	.gift-vouchers {float:left; width:224px; background:transparent url(/DWBase/images/gifts/banner-vouchers.gif) no-repeat 0 0; height:73px; margin-top: 16px;}
	.gift-vouchers p {width:124px; margin: 10px}
	.gift-infolinks {line-height: 2em;}
	.gift-business-list-left {float: left; width: 150px; overflow:hidden; text-align:center; margin-top: 10px; }
	.gift-business-list-right {float: left; width: 340px; margin-left: 20px}
	
	/* Events and Tours */
	
	/* About the Club */
	
	/* Your Account */
	.accountImage {float: left; width: 120px; text-align:center}
	.accountContent {float: left; width: 370px}
	.accountForm {float: left; width: 240px; margin-left:10px; border-left: 1px solid #ccc; padding-left: 10px}
	
	/* Latest Brcchures */
	.brochureHighlight {border: 0px solid #900; opacity: 0.5}
	
/***************************************************
10. Non-section specific
	These are classes used on all areas of the site.
***************************************************/
	.bordered-cell {background: transparent url(/DWBase/images/content/inner-cell/inner-cell.gif) 0 0 repeat-x; border:1px solid #C2C6C9; padding:15px 10px; margin-bottom: 10px}
	/*yellow and grey box*/
	.split-cell {background: #fff url(/DWBase/images/content/split-cell/split-cell.gif) top right repeat-x; border:1px solid #C2C6C9; padding:15px 10px; margin-bottom: 10px;}

	/*for order forms*/
	.order-cell {background:#FFF url(/DWBase/images/content/order-cell/order-cell.gif) 0 0 repeat-x; border:1px solid #C2C6C9; padding:15px 10px; margin-bottom: 10px;}
	.browse-cell {background:#FFF url(/DWBase/images/content/browse-cell/browse-cell.gif) 0 0 repeat-x; border:1px solid #C2C6C9; padding:10px; margin-bottom: 10px;}
	.cleardiv {clear: both; height:1px; line-height:1px; font-size:1px; margin:0!important; padding:0px!important;}
	hr { height:2px; margin:6px 0px; line-height:2px; padding: 0px; border-top: 1px solid #ffffff; border-bottom: 1px solid #CCCCCC; border-left:none; border-right:none;}
	.saving {color: #C03;}
	.subhomepage-static-container {float: left; width: 570px; margin-right: 8px;}
	.subhomepage-static-column1 {float: left; width: 278px; margin:0px 10px 10px 0px;}
	.subhomepage-static-column2 {float: left; width: 278px; }
	.subhomepage-dynamic {float: left; width: 226px;}
	.subhp_recommendationsTitle {color: #fff; background:#999; padding: 4px 10px}
	.subhp_recommendationsTitle a:link, .subhp_recommendationsTitle a:active, .subhp_recommendationsTitle a:visited, .subhp_recommendationsTitle a:hover {color: #fff}	
	
	.feature {/*position: relative;*/ height:120px; overflow: hidden; border: 1px solid #eee; }
	.feature a {display: block; position:relative; height: 120px; width: 276px; outline: none; }
	.feature a:link, .feature a:visited {color: #000; }
	.feature span { position: absolute; margin:6px 0px 0px 0px; font-size: 1.3em; font-family:Georgia, "Times New Roman", Times, serif; background:url(/DWBase/images/page-elements/feature-header.png) 100% 100% no-repeat!important; /*width: 221px;*/ height:37px; line-height:32px; padding-left: 8px; padding-right:20px}
	.feature a:hover span {color: #666; cursor:pointer; text-decoration: underline; }
	.feature-text { background:#999 url(/DWBase/images/page-elements/feature-text.gif) bottom right repeat-x; color: #eee; padding: 10px; }
	.feature-text a:link, .feature-text a:active, .feature-text a:visited {color: #eee;}
	.feature-text a:hover {color: #CCC; text-decoration: none; }
	/*Inner content bordered areas (Inner cell has no top-border, bordered cell has a full border)*/
	.inner-cell {background:#FFF url(/DWBase/images/content/inner-cell/inner-cell.gif) repeat-x 0 0; border-bottom:1px solid #C2C6C9; border-left:1px solid #C2C6C9; border-right:1px solid #C2C6C9; padding:15px 10px; margin-bottom: 10px;}
	.inner-cell h3, .bordered-cell h3, .split-cell h3, .order-cell h3, .browse-cell h3, .browseresult h3 {margin-top: 0px; }
	.inner-cell hr, .bordered-cell hr, .split-cell hr, .order-cell hr {margin: 10px 0; }
	.inner-cell.last, .bordered-cell.last, .split-cell.last, .order-cell.last {margin-bottom: 0px; }
	.inner-cell img, .bordered-cell img {vertical-align: middle}
	.winelist-image {float: left; min-width: 40px; text-align:center; height: 180px; margin-right: 10px; }
	.floatleft { float: left; }
	.page-links ul {list-style-image:none; list-style-position:outside; list-style-type:none; }
	.page-links a {font-size: 0.85em; background:#FFF url(/DWBase/images/icons/bullet.gif) no-repeat left center; padding-left: 12px; }
	.page-links h3 {font-size: 0.85em; margin-bottom: 6px}
	.quickorder-cell {background:#FFF url(../images/stwc/page-elements/quickorder.jpg) no-repeat top right; border:1px solid #C2C6C9; padding:15px 10px; margin-bottom: 10px;}
	.champagne-competition {background:#FFF url(../images/stwc/page-elements/champagne.jpg) no-repeat top right; border:1px solid #C2C6C9; padding:15px 10px; margin-bottom: 10px;}
	.info { margin:6px 0; }
	.terms {font-size: 0.85em; color: #999}
	.shrink {font-size: 0.85em; maragin: 6px 0 0;}
	#contentArea .browseresult .wine-info-inner .shrink{display: inline-block;width: 60px; white-space: normal;}
	.mandatory {color:#000; font-weight: bold; }
	.footer {color: #666; font-size: 0.85em; }
	.bulletedlist a {background:#FFF url(/DWBase/images/icons/bullet.gif) no-repeat left center; padding-left: 10px; }
	.order-footer ul {padding: 6px 0px; list-style:none; }
	.stylelist { margin-left:30px; }
	.stylelist li {background:transparent url(/DWBase/images/icons/bullet.gif) no-repeat 0 4px; padding-left:12px; margin:0 0 6px 0; }
	.numberedlist { list-style: decimal outside; margin-left:36px; }
	.numberedlist li { margin-bottom:10px; }
	/*Email signup*/
	.email-signup {background:#FFF url(/DWBase/images/page-elements/recr-emailbg.jpg) no-repeat bottom right; height: 250px; padding:10px; border-width:0 1px; border-color:#CCC; border-style:solid; }
	/*General spacing for tables - resets padding and margin*/
	table.spacing {padding: 0px; margin:0px}
	table.spacing td {padding: 6px;}
	table.spacing td.first {padding-left: 0px;}
	table.spacing.top {margin-top: 10px}
	.vertical-divide { width:10px; height:10px; float:left; background-color:#FFF; }
	/*Wine counter for Deal of the Week*/
	.dotw-counter {position:absolute; bottom:-4px; right:0; width:50px; height:24px; padding:6px; background:#FCFCFC url(/DWBase/images/tabs/tab.jpg) repeat-x scroll 0 0; border:1px solid #CCC; font-size: 1.4em;}
	.noborder { border: none; }
	.upperCase { text-transform: uppercase; }
	
	.tnlQuestionaire, .tnlPreferences {overflow:hidden}
	.tnlQuestionaire input, .tnlPreferences input {vertical-align: middle}
	.tnlQuestionaire li, .tnlPreferences li {margin: 10px 0px; color: #666}
	
/********************
11. Acccordian styles
********************/
    /*Content accordian*/
    ul.content-accordian {width: 100%; border:0;}
    
     h2.content-handle {background:#CCC url(/DWBase/images/content/inner-cell/dynamic-cell-slider.gif) repeat-x 0px 0px; cursor:pointer; font-weight:normal; height:20px; margin-bottom:0pt; text-indent:15px; width:100%;padding-top: 5px}
    .content-item ul {padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc}
    .content-item ul li { padding:6px 0px;}
    .content-item h2 {margin: 0; border-bottom: 1px solid #CCC; font-size: 0.85em; font-weight: normal}
    .content-item h2.open {background:#000 url(/DWBase/images/content/inner-cell/dynamic-cell-slideron.gif) repeat-x 0px 0px; color: #fff;}
    /* site browse */
    ul.sitebrowse-accordian {width: 100%; border:0;}
    li.sitebrowse-item {line-height: 1.2em; padding:0px;}
    h2.sitebrowse-handle {background: #fff; text-indent:6px; color:#000; cursor:pointer; font-weight:normal; height:25px; line-height:25px; margin-bottom:0pt; width:100%}
    .sitebrowse-item ul {padding: 6px 0px; list-style:none; border-bottom: 1px solid #CCC;}
    .sitebrowse-item h2 {margin: 0; border-bottom: 1px solid #CCC; font-size: 0.85em; font-weight: normal}
    .sitebrowse-item h2.open {background: #eee; color:#000; font-weight: bold;}
    .sitebrowse-item a {font-size: 0.85em; background:#FFF url(/DWBase/images/icons/bullet.gif) no-repeat left center; padding-left: 12px;}
  
/******************
12. Carousel styles
******************/  
    .jcarousel-container { position: relative; }
    .jcarousel-skin { position: relative; width: 133px; overflow:hidden; }
    .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
    .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; height:90px; margin: 0; padding: 0; } 
    .jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 133px; height:90px; margin-right:10px; }
    .jcarousel-next { z-index: 3; display: none; } 
    .jcarousel-prev { z-index: 3; display: none; }
    /*Carousel skin*/
    .jcarousel-skin .jcarousel-clip-horizontal {width:133px; }
    .jcarousel-skin .jcarousel-item-placeholder {background:#fff; color:#000;}
    .jcarousel-skin li { margin-bottom: 18px; }
    .jcarousel-skin .jcarousel-next-horizontal { position: absolute; top: 91px; right:0; width: 32px; height: 32px; cursor: pointer; background: transparent url(/DWBase/images/buttons/jcarousel/next-horizontal.png) no-repeat 0 0; }
    .jcarousel-skin .jcarousel-next-horizontal:hover {background-position: -32px 0;}
    .jcarousel-skin .jcarousel-next-horizontal:active {background-position: -64px 0;}
    .jcarousel-skin .jcarousel-next-disabled-horizontal,
    .jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
    .jcarousel-skin .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
    .jcarousel-skin .jcarousel-prev-horizontal { position: absolute; top: 91px; left:0; width: 32px; height: 32px; cursor: pointer; background: transparent url(/DWBase/images/buttons/jcarousel/prev-horizontal.png) no-repeat 0 0; }
    .jcarousel-skin .jcarousel-prev-horizontal:hover { background-position: -32px 0; }
    .jcarousel-skin .jcarousel-prev-horizontal:active { background-position: -64px 0; }
    .jcarousel-skin .jcarousel-prev-disabled-horizontal,
    .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
    .jcarousel-skin .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
    .jcarousel-control { margin:10px 0 0 0; text-align:center; display:none; }
    .jcarousel-control a { display:inline-block; background:#fcfcfc url(/DWBase/images/buttons/jcarousel/carousel-control.jpg) 100% 100% repeat-x; border:1px solid #c2c6c9; color:#660000; padding:0 5px; text-decoration:none; outline:none; }
    .jcarousel-control a:hover { background:#fefefe url(/DWBase/images/buttons/jcarousel/carousel-control-hover.jpg) 100% 100% repeat-x; color:#000000; text-decoration:none; }

/**********************
13. Artical zoom styles
**********************/ 
    div.jqZoomTitle { z-index:5000; text-align:center; font-size:11px; height:16px; padding-top:2px; position:absolute; top: 0px; left: 0px; width: 100%; color: #FFF; background: #999; }
    .jqZoomPup { overflow:hidden; background-color: #FFF; z-index:10; border:1px solid #c4c4c4; cursor:crosshair; }
    .jqZoomPup img { border: 0px; }
    .preload { color: #333; font-size: 12px; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; /*background: url(../images/zoomloader.gif) 43px 30px no-repeat;*/ width:90px; height:43px; z-index:10; position:absolute; top:3px; left:3px; }
    .jqZoomWindow { border: 1px solid #CCC; padding: 0px; background-color: #FFF; text-align:center; /*width:260px!important;*/ /*height:300px!important;*/ }
    /* To center our product images */
    .jqZoom-wrapper { width:164px; text-align:center; }
    .jqZoom-wrapper a { margin:0 auto; }

/*****************
14. Lytebox styles
*****************/   
    #lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
    #lbOverlay.grey { background-color: #333333; }
    #lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
    #lbMain a img { border: none; }
    #lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
    #lbOuterContainer.grey { border: 3px solid #888888; }
    #lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
    #lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
    #lbImageContainer, #lbIframeContainer { padding: 10px; }
    #lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(/DWBase/images/lytebox/loading.gif) center no-repeat; }
    #lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
    #lbImageContainer>#lbHoverNav { left: 0; }
    #lbHoverNav a { outline: none; }
    #lbPrev { width: 49%; height: 100%; background: transparent url(/DWBase/images/lytebox/blank.gif) no-repeat; display: block; left: 0; float: left; }
    #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(/DWBase/images/lytebox/prev_grey.gif) left 15% no-repeat; }
    #lbNext { width: 49%; height: 100%; background: transparent url(/DWBase/images/lytebox/blank.gif) no-repeat; display: block; right: 0; float: right; }
    #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(/DWBase/images/lytebox/next_grey.gif) right 15% no-repeat; }
    #lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
    #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
    #lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
    #lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
    #lbDetailsData { padding: 0 10px; }
    #lbDetailsData.grey { color: #333333; }
    #lbDetails { width: 60%; float: left; text-align: left; }
    #lbCaption { display: block; font-weight: bold; }
    #lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
    #lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
	#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; background: url(/DWBase/images/lytebox/close_grey.gif) no-repeat; }
  
    #lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
    #lbPlay.grey { background: url(/DWBase/images/lytebox/play_grey.png) no-repeat; }
    #lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
    #lbPause.grey { background: url(/DWBase/images/lytebox/pause_grey.png) no-repeat; }

/*****************
14. UI Tabs styles
*****************/    
    /*Content tabs - on page reload*/
    ul.secondary-tabs { height:34px; line-height:34px; list-style:none; padding-left: 5px; }
    .secondary-tabs li { float:left; background:url(/DWBase/images/tabs/secondary-tabs-left.gif) no-repeat 0px -34px; padding-left:8px; margin-right: 1px; position:relative; top:1px; z-index:2; }
    .secondary-tabs li:hover {background:url(/DWBase/images/tabs/secondary-tabs-left.gif) no-repeat 0px 0px; }
    .secondary-tabs li a { display:block; text-decoration:none; float:left; height:34px; background:url(/DWBase/images/tabs/secondary-tabs-right.gif) 100% -34px no-repeat; padding: 0 8px 0 2px; font-size: 0.85em; /*text-transform: uppercase;*/}
    .secondary-tabs li a:hover { background:url(/DWBase/images/tabs/secondary-tabs-right.gif) 100% 0px no-repeat;}
    .secondary-tabs li.selected { background-position:0 0; }
    .secondary-tabs li.selected a { background-position:100% 0; border-bottom:none;}
    /*Content tabs with jquery*/
    * html .ui-tabs-nav {display: inline-block;}
    *:first-child+html .ui-tabs-nav  {display: inline-block;}
    @media projection, screen { .ui-tabs-hide { display:none; } }
    @media print { .ui-tabs-nav {display: none; } }
    /* TABS */
    .ui-tabs-panel span.noblock{ display:inline; }
    .ui-tabs-panel {border: 1px solid #CCC; padding: 1em 8px; background: #fff;}
    #product-info-tabs{ margin-left:5px; }
    .panel-outer{border: 1px #CCC solid; padding:10px!important; background: #FFF}
    .ui-tabs-panel span img{ vertical-align:middle; margin:0 1em 0 0;}
    .ui-tabs-panel div.cleardiv { margin:0!important; padding:0!important; border:0!important; height:1px!important; line-height:1px!important; overflow:hidden!important; visibility:hidden!important; }
    /* UI Tabs Default Skin */
    .ui-tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; }
    .ui-tabs-nav:after { display: block; clear: both; content: " "; }
    .ui-tabs-nav li { float: left; margin: 0 0 0 1px; }
    .ui-tabs-nav a, .ui-tabs-nav a span { display: block; background: url(/DWBase/images/tabs/ui-tab.gif) no-repeat; }
    .ui-tabs-nav a { margin: 1px 0 0; padding: 0px 10px 0px 0px; color: #27537a; font-weight: normal; text-align: center; text-decoration: none; white-space: nowrap; outline: 0; font-size: 0.85em; /*text-transform: uppercase;*/}
    .ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2; margin-top:0; color: #000; }
    .ui-tabs-nav a span { padding: 9px 0px 8px 10px; }
    .ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 9px; }
    .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -68px; }
    .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -102px; }
    .ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 0; }
    .ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 -34px; }
    .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: default;
    text-decoration: none; }
    .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
    .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer; }
    .ui-tabs-loading em { padding: 0 0 0 20px; background: url(/DWBase/images/tabs/loading.gif) no-repeat 0 50%; }
    /* UI Tabs Homepage Skin */
    ul.homepage-ui-tabs { background: url(/DWBase/images/tabs/tab.jpg) repeat-x 0 0!important; }
    ul.homepage-ui-tabs { list-style: none; margin: 0; padding: 0 0 0 0!important; }
    ul.homepage-ui-tabs li { margin: 0 0 0 0!important; width:158px!important; height:31px!important; background:transparent; }
    .homepage-ui-tabs a { margin:0!important; padding:0!important; display:block!important; line-height:29px!important; width:156px!important; border:1px solid #CCC!important; font-weight: normal; text-align: center; text-decoration: none; white-space: nowrap; outline: 0; text-transform: uppercase; background:transparent none; }
    .homepage-ui-tabs li.ui-tabs-selected a { color:#FFF!important; background:url(/DWBase/images/tabs/arrowhead.png) 0 0 no-repeat transparent!important; border:0!important; height:58px!important; line-height:31px!important;width:158px!important; top:0!important; position:absolute!important; }
    .homepage-ui-tabs .ui-tabs-selected a:link, .homepage-ui-tabs .ui-tabs-selected a:visited, .homepage-ui-tabs .ui-tabs-disabled a:link, .homepage-ui-tabs .ui-tabs-disabled a:visited {cursor: default; text-decoration: none; background:url(/DWBase/images/tabs/arrowhead.png) 0 0 no-repeat transparent!important; }
    .homepage-ui-tabs li div { display:none; }
    .homepage-ui-tabs li.ui-tabs-selected div { display:block!important; }

/****************
15. Button styles
****************/  
    a.button-primary, a.button-secondary {background: transparent url(/DWBase/images/buttons/bg_button_nojs.gif) 0 0 repeat-x; display: inline-block; cursor:pointer; height: 16px; padding:2px 6px 0px 6px; font-size:0.85em; border:0;} 
	a:hover.button-primary, a:hover.button-secondary {text-decoration: none}
	a.button-atb {background: transparent url(/DWBase/images/buttons/bg_button_atb.gif) 0 0 repeat-x; display: inline-block; cursor:pointer; height: 16px; padding:0px 6px 2px 6px; font-size:0.85em; border:0; color:#fff; font-weight: bold} 
	a.button-primary {color: #000; font-weight: bold}
	a.button-secondary {color: #666!important;}
	input.button-atb { background: #b12222 url(/DWBase/images/buttons/bg_button-atb_nojs.gif) 0 0 repeat-x; color:#FFFFFF; border:0px; padding:0px 6px 2px 6px;  font-size:1.2em; cursor:pointer; font-weight: bold }
    input.button-primary, input.button-secondary { background: transparent url(/DWBase/images/buttons/bg_button_nojs.gif) 0 0 repeat-x; border:0; /*height:21px;*/ /*line-height: 21px;*/ padding:0px 6px 2px 6px; font-size:0.85em; cursor:pointer; }
	input.button-primary {color:#000; font-weight: bold}
	input.button-secondary {color:#666!important;}
    
/****************
16. Recruitment styles
****************/
    #recr-wrapper {margin: 10px auto; width: 750px}
    .recr-logo, .recr-banner {margin-bottom: 10px}
    .recr-leftcol {float: left; width: 480px; display: inline}
    .recr-rightcol {float: right; width: 240px; margin-left: 20px; display: inline}
	.contact-section { text-align: center}
	
#competition-banner {width: 804px; height: 180px}
		#competition-form {width: 780px}
		#competition-form .label-align {width: 190px}
		#competition-form .styled-input {margin-right: 120px}
		#competition-form .styled-checkbox {clear: left; float: left; margin-top: 10px; margin-right: 10px}
		#competition-form .label-align.checkbox {width: 520px; text-align: left; margin-left: 5px}
		#competition-form .button-primary {margin-top: 20px}
		#competition-form p {width: 190px; display: inline; margin-right: 50px}
		#competition-terms-conditions {font-size: 0.85em; border-top: 1px solid #B0B8BE; margin-top: 30px;}
		#competition-terms-conditions ol {list-style-type:decimal; margin-left: 20px}
		.btn-nolabel {margin-left:179px;  margin-right: 5px}
		#competition-form .additional-radio {width: 590px; text-align: left; }
		#competition-form .competition-radio-buttons {margin-left: 240px}	
		
#competition-results td {padding: 0 5px}		
#competition-results td {border-left: 1px solid #B0B8BE; padding: 0 2px}