/* CSS Reset*/
@import url("./includes/reset.css");
@import url("./includes/fonts.css");

/* ********************************************************** */


/* **** accesskeys **** */

#acceskeys {position:relative;padding:0px;margin:0;text-align:left;}
#skiplinks{display:block;position:absolute;top:4px;left:400px;text-align:left;width:100%;height:20px;clip:rect(0px, 290px, 20px, 0px);}
#skiplinks ul {padding:0;margin:0;list-style:none;}
#skiplinks li {padding:0;margin:0;list-style:none;display:inline;}
#skiplinks a {color:#000000;position:absolute;top:0px;left:0px;overflow:hidden;width:0;height:0;font-size:1em !important;z-index:1000;}
#skiplinks a:active, #skiplinks a:focus {position:absolute;overflow:visible;width:auto;height:auto;margin:auto;padding:3px;background-color:#E7FF44;}


html {
	background:#ddd;
	color:#666;
}

#all {
	width:990px;
	margin:0 auto;
	color:#333;
	background:#fff url(/img/bodybg.png) repeat-y center top;
	padding:0 20px;
	position:relative;
}

#searchcol {
	width:170px;
	color:#666;
	background: url(/img/hmleftcol.png) left top no-repeat;
	float:left;
	margin-bottom:20px;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}

/* Accountnav */

#accountnav {
	background:#3c3a25 url(/img/accountnav.png) left no-repeat;
	color:#b9b48d; 
	
	padding:0 20px;
	height:20px;
}
#accountnav p {
	float:left;
	padding-top:2px;
	font-size:85%;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#accountnav p#ancontact {
	float:right;
	width:400px;
	text-align: right;
}
#accountnav span {
	color:#595536;
}
#accountnav a, #basket p a {
	color:#fff;
	text-decoration: none;
}
#accountnav a:hover, #basket p a:hover {
	text-decoration: underline;
}

/* Branding */

#branding {
	background:#595536 url(/img/brandingbg.png) no-repeat left;
	color:#fff;
	padding:20px 20px 0px 20px;
	height:70px;
}
#basket {
	float:right;
	width:153px;
	height:40px;
	background:url(/img/basket.png) no-repeat;
	font-size:85%;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 10px 0 0 54px;
	position:relative;
}
.basketicon {
	border:none;
	width:32px;
	height:30px;
	top:8px;
	left:10px;
	position:absolute;
}
#values {
	font-weight:bold;
}
#basket span {
	color: #595536;
}
#logo {
	float:left;
	margin-top:6px;
}

/* Mainnav */

#mainnav {
	height:30px;
	background:#333 url(/img/mainnav.png) right top no-repeat;
}
#mainnav div {
	float:left;
	background:#333 url(/img/advanced.png) left top no-repeat;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	height:30px;
	width:216px;
	padding:0px 20px 0 20px;
	line-height: 11px;
}
#mainnav a.topitem {
	display:block;
	height:30px;
	text-decoration:none;
	text-indent: -999em;
	outline: 0; /* prevent dotted border in Firefox */
}
#mainnav a.topitem:hover {
	background-position: 0 -30px;
}
#mainnav label {
	float:left;
	display:block;
	margin:2px 7px 0 0;
	font-size:11px;
}
#mainnav div input {
	float:left;
}
#mainnav div p{
	padding: 1px 1px 1px 3px;
	margin-top:7px;
	height:16px;
	background:#fff;
}
#mainnav div p.advSearch {
	background:none;
	padding: 0 0 0 0px;
}
#mainnav .basicsearch {
	border:none;
	width:160px;
	height:15px;
	font-size: 11px;
	line-height: 1;
	margin-top:2px;
	background-color:#fff;
}


#mnu0, #mnu0 a.topitem {width:98px;color:#fff;background: no-repeat url(/img/mnuBuyWine.png);}
#mnu1, #mnu1 a.topitem {width:117px;color:#fff;background: no-repeat url(/img/mnuFineWinePlan.png);}
#mnu2, #mnu2 a.topitem {width:86px;color:#fff;background: no-repeat url(/img/mnuServices.png);}
#mnu3, #mnu3 a.topitem {width:79px;color:#fff;background: no-repeat url(/img/mnuTrading.png);}
#mnu4, #mnu4 a.topitem {width:73px;color:#fff;background: no-repeat url(/img/mnuEvents.png);}
#mnu5, #mnu5 a.topitem {width:87px;color:#fff;background: no-repeat url(/img/mnuAboutUs.png);}
#mnu6, #mnu6 a.topitem {width:131px;color:#fff;background: no-repeat url(/img/mnuWineKnowledge.png);}
#mnu7, #mnu7 a.topitem {width:119px;color:#fff;background: no-repeat url(/img/mnuYourAccount.png);}


#mainnav a.topitem:hover {
	background-position: 0 -30px;
}

/* Advanced search */
.searchMenu {
	padding:15px 10px 20px 20px;
	background:#eee url(/img/leftcol.png) left top no-repeat;
}
.searchMenu p {
	color:#333;
	font-weight:bold;
	margin-bottom:10px;
}
select {
	font-size:11px;
}
input {
	font-size:12px;
}
.advsearchtextdiv {
	padding: 1px 0px 0 12px;
	display:block;
	margin-bottom:10px;
	background:url(/img/searcharrow.png) no-repeat left center;
}
.searchMenu input.advsearchtext {
	width:122px;
	border:1px solid #333;
	
}
.searchMenu select {
	width:136px;
	border:1px solid #333;
}
.sortDropDown select {
	border:1px solid #333;
}
.searchMenu label {
	display:block;
	margin:0;
	padding:5px 0 3px 0;
	font-size:93%;
}
.advsearchbutton {
	display:block;
	margin-top:10px;
	border-width:0px;
}


/* Definitions and SecNav */

.sectionnav {
	padding:0 0 20px 20px;
	margin-top:20px;
}
.sectionnav a {
	color:#666;
	text-decoration:none;
	display:block;
	line-height:1.1;
}
.sectionnav a:hover {
	
	font-weight:bold;
}
.sectionnav a {
	padding:5px 0px 5px 0px;
	font-size:12px;
	background-color:#fff;
}

.sectionnav ul ul a {
	border-bottom:none;
	font-size:12px;
	font-weight:normal;
	padding:0 0px 5px 20px;
}
/*.sectionnav li.trail a {
	background:#bbb;
}*/
.sectionnav a.on, .sectionnav li.trail a.on {
	color:#595536;
	font-weight:bold;
}
.sectionnav li {
	border-bottom:1px solid #595536;
	/*font-family:"Arial Narrow", Arial, sans-serif;*/
}
.sectionnav li li {
	border:none;
}


.sectionnav ul.offernav {
	margin:0 0 15px 0;
}
.sectionnav .offernav li {
	border:none;
}
.sectionnav .offernav a {
	padding:2px 0;
}
.sectionnav .offernav a.on, .sectionnav .offernav li.trail a.on {
	color:#595536;
	font-weight:bold;
	/*background:url(/img/offernavon.png) no-repeat left center;
	padding-left:8px;*/
}


.sectionnav ul.actionnav {
	margin:60px 0 15px 0;
}
.sectionnav .actionnav li {
	border-bottom:3px solid #fff;
}
.sectionnav .actionnav a {
	padding:2px 20px 2px 3px;
	display:block;
	background:#666 url(/img/actionnavbg.png) no-repeat right center;
	color:#ede9cc;
	font-weight:bold;
}
.sectionnav .actionnav a:hover {
	background-color:#333;
	color:#fff;
}
.sectionnav .actionnav a.on {
	color:#595536;
	font-weight:bold;
	/*background:url(/img/offernavon.png) no-repeat left center;
	padding-left:8px;*/
}

#definitions {
	padding:0 10px 20px 20px;
}
#definitions {
	background:#ddd;
}
.secnav {
	background:#eee;
	border-top:2px solid #fff;
	padding:20px 10px 10px 20px;
}
#definitions h2{
	font-size:93%;
	color:#333;
	font-weight:bold;
	margin-bottom:3px;
	padding-top:20px
}
.secnav h2 {
	font-size:93%;
	color:#595536;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:0px;
	padding:0px 0 0 12px;
	background:url(/img/searcharrow.png) no-repeat left center;
}
.secnav ul {
	margin-bottom:10px;
}

.secnavlist li {
	display:block;
	font-size:93%;
	padding:0 0 0 12px;
	
}
.accountnavlist li {
	display:block;
	font-size:93%;
	padding:6px 0 6px 12px;
}
.secnavlist li a, .accountnavlist li a  {
	color:#666;
	display:block;
	text-decoration: none;
}
.secnavlist li a:hover, .accountnavlist li a:hover {
	color:#000;
	background:#ddd;
}

.linklist li {
	font-size:93%;
	padding:0 0 0 7px;
	background: url(/img/linklist.png) no-repeat 0 5px;
}
.linklist li a {
	color:#666;
	text-decoration: none;
}
.linklist li a:hover {
	color:#000;
	text-decoration: underline;
}




/* companynav and footer */
#companynav {
	background:#ccc url(/img/companynavbg.png) right bottom no-repeat;
	padding:20px 0 0 20px;
	height:90px;
	font-size:85%;
}
#companynav a {
	color:#666;
	text-decoration: none;
}
#companynav a:hover {
	color:#000;
	text-decoration: underline;
}
#companynav h2 {
	font-weight:bold;
}
#companynav h2 a {
	color:#333;
}
#companynav, #footer {
	clear:both;
}
#footer {
	background: url(/img/footerbg.png) center top no-repeat;
	height:52px;
	color:#fff;
	font-size:85%;
	line-height: 1;
	width:1010px;
	margin:0 auto;
	padding:0 10px;
}
#footer p {
	height:42px;
	padding-top:16px;
	padding-left:30px;
}
#footer a {
	color:#fff;text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer span {
	color:#746f46
}
#associcons {
	float:left;
	width:280px;
	padding-top:20px;
}
#companynav ul {
	float:left;
	width:130px;
}

/* Content */

#contentall {
	float:left;
	width:800px;
	padding:20px 0 20px 20px;
	color:#666;
}

#contentwide {
	padding:0px 20px 20px 20px;
	color:#666;
}


.navshadow {
	float:right;
	width:820px;
	background:#fff url(/img/content.png) right top no-repeat;
	height:20px;
	display:block;
}
.wideshadow {
	width:990px;
	background:#fff url(/img/wideshadow.png) left top no-repeat;
	height:20px;
	display:block;
}
.u100 {
	padding-right:20px;
	clear:both;
}
.u80 {
	width:610px;
	float:left;
	padding-right:20px;
}
.u60 {
	width:450px;
	float:left;
	padding-right:20px;
}
.u50 {
	width:380px;
	float:left;
	padding-right:20px;
}
.u40 {
	width:310px;
	float:left;
	padding-right:20px;
}
.u33 {
	width:246px;
	float:left;
	padding-right:20px;
}
.u20  {
	width:150px;
	float:left;
	padding-right:20px;
}
.u60right {
	width:450px;
	float:left;
}
.u50right {
	width:380px;
	float:left;
}
.u40right {
	width:310px;
	float:left;
}
.u33right {
	width:246px;
	float:left;
}
.u20right  {
	width:150px;
	float:left;
}


#contentall a, #contentwide a, #hmCMS a {
	color:#595536;
	font-weight:bold;
}
#contentall a:hover, #contentwide a:hover, #hmCMS a:hover {
	color:#000;
}
#contentall h1, #contentwide h1, #hmCMS h1 {
	font-size:280%;
	padding:0 0 20px 0;
	/*color:#595536;*/
	color:#000;
	margin:0;
}

#contentall h2, #contentwide h2, #hmCMS h2 {
	font-size:138.5%;
	margin:1em 0 0.5em 0;
	color:#595536;
	font-weight:bold;
}
#contentwide h2.dgreenonlgrey {
   background:#595536 url(/img/dgreenonlgrey.png) no-repeat scroll right center;
   color:#fff;
 	padding: 3px 0 3px 10px;
 	font-size:13px;
 	width:235px;
 	margin:0 0 5px 0;
}
#contentall h2.title {
	background:#595536;
	color:#fff;
	padding:5px 10px;
	margin-top:0;
	font-weight:bold;
	margin:0 0 20px 0;
	font-size:13px;
}
#contentall h2.title.error {
	background:#600;
}
#contentall p.intro {
	background:#eee url(/img/introbg.png) no-repeat bottom;
	color:#333;
	padding:5px 10px 10px 10px;
	margin-top:-20px;
	margin-bottom:20px;
}
#contentall h2 a, #contentall h1 a, #hmCMS h2 a, #hmCMS h1 a {
	color:#595536;
	text-decoration:none;
}
#contentall h2 a:hover, #contentall h1 a:hover, #hmCMS h2 a:hover, #hmCMS h1 a:hover {
	color:#333;
	text-decoration:underline;
}
#contentall h3, #contentwide h3, #hmCMS h3 {
	font-size: 116%;
	margin:1em 0 0.5em 0;
	color:#595536;
	font-weight:bold;
	font-family: arial, sans-serif;
}
#contentwide h3 {
	font-size:116%;
	margin:0 0 1em 0;
	color:#595536;
	font-weight:bold;
}
#contentall h4, #hmCMS h4 {
	font-size:100%;
	margin:1em 0 0.5em 0;
	font-weight:bold;
	color:#595536;
}
#contentall hr, #hmCMS hr {
	margin-bottom:1em;
}
.border {
	border-bottom:1px solid #595536;
	padding-bottom:3px;
}
.border.grey {
	border:1px solid #666;
}
#contentall p, #contentwide p, #hmCMS p {
	margin:0 0 1em 0;
}
#contentall ul, #contentall ol, #contentwide ul, #hmCMS ul, #hmCMS ol {
	margin:1em 0;
}
#contentall ul ul, #contentall ol ol, #contentall ul ol, #contentall ol ul, #hmCMS ul ul, #hmCMS ol ul, #hmCMS ul ol, #hmCMS ol ol {
	margin:0;
}
#contentall ul li, #contentwide ul li, #hmCMS ul li {
	list-style: disc outside;
	margin-left:2em;
}
#contentall ul ul li, #hmCMS ul ul li {
	list-style: square outside;
	margin-left:2em;
}
#contentall ol li, #hmCMS ol li {
	list-style: decimal outside;
	margin-left:2.5em;
}
#contentall ol ol li, #hmCMS ol ol li {
	list-style: lower-roman outside;
	margin-left:2.5em;
}
#contentall p.colorize,
#contentall li.colorize,
#contentall ul.colorize li,
#contentall ol.colorize li,
#contentall h1.colorize,
#contentall h2.colorize,
#contentall h3.colorize,
#contentall h4.colorize,
#contentall div.colorize,
#hmCMS p.colorize,
#hmCMS li.colorize,
#hmCMS ul.colorize li,
#hmCMS ol.colorize li,
#hmCMS h1.colorize,
#hmCMS h2.colorize,
#hmCMS h3.colorize,
#hmCMS h4.colorize,
#hmCMS div.colorize
 {
	color:#595536;
}
#contentall p.grey,
#contentall li.grey,
#contentall ul.grey li,
#contentall ol.grey li,
#contentall h1.grey,
#contentall h2.grey,
#contentall h3.grey,
#contentall h4.grey,
#contentall div.grey,
#hmCMS p.grey,
#hmCMS li.grey,
#hmCMS ul.grey li,
#hmCMS ol.grey li,
#hmCMS h1.grey,
#hmCMS h2.grey,
#hmCMS h3.grey,
#hmCMS h4.grey,
#hmCMS div.grey
 {
	color:#666;
}

#contentall hr, #hmCMS hr {
	margin:1em 0;
	background:#666666;
	color:#666;
	display:block;
	height:1px;
	border:0;
}
#contentall hr.colorize, #hmCMS hr.colorize {
	margin:1em 0;
	background:#595536;
	color:#595536;
	display:block;
	height:1px;
}

.u2boxright {
	float:right;
	width:290px;
	background:#eee;
	padding:9px;
	border:1px solid #ccc;
	margin:0 0 20px 20px;
	font-size:85%;
}
#contentall .u2boxright img {
	width:290px;
	display:block;
	margin-bottom:5px;
}
.u1boxright {
	float:right;
	width:140px;
	background:#eee;
	padding:4px;
	border:1px solid #ccc;
	margin:0 0 20px 20px;
	font-size:85%;
}
#contentall .u1boxright img {
	width:140px;
	display:block;
	margin-bottom:4px;
}


.u1boxedimage, .u2boxedimage {
	float:right;
	background:#e5e5e5;
	border:1px #ccc solid;
	color:#666;
	padding:4px;
	margin:0 0 20px 20px;
}
.u1boxedimage img, .u1boxedimage{
	display:block;
	width:140px;
}
.u2boxedimage img, .u2boxedimage{
	display:block;
	width:290px;
}
.boxedimage {
	text-align:right;
	margin-bottom:1em;
}
.boxedimage img{
	border:4px solid #ccc;
	line-height:1;
}



#contentall strong, #contentall em {
	color:#333;
}
.backButton {
	float:left;
	margin:0 0 0 20px;
}
#crumbtrail {
	font-size:93%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	padding:0 20px;
	font-weight:bold;
}
 #crumbtrail a {
	color:#666;
	text-decoration:none;
	font-weight:normal;
}
 #crumbtrail a:hover {
	text-decoration:underline;

}

/* Offer */

.offerheader {
	margin-bottom:20px;
}
.offerfooter {
	margin-top:20px;
}

.offertabtop {
	background:#eee;
	color:#666;
}
#contentall p.offerExtra {
	margin:0;
	color:#060;
	background:url(/img/greentick.png) no-repeat 0 2px;
	padding-left:18px;
}
.offerExtra a {
	color:#090;
}
.offerExtra a:hover {
	color:#030;
}
#contentall p.offerPrice {
	margin:0 0 0.3em 0;
	font-weight:bold;
	color:#333;
}
.offerItem th, .offerItem td {
	vertical-align:top;
	padding:0 20px 0.3em 0;
}
.offerItem th {
	font-weight:bold;
}
.offerItem {
	clear:both;
	/*padding: 0 0 20px 0;*/
	margin: 0 0 20px 0;
	border-bottom:1px solid #fff;
	border-top:1px dotted #ccc;
	
	
	width:780px;
	
}
.offerItem:after {
    display: block;
    clear: both;
    content: " ";
}
.offerIcons {
	/*float:left;*/
	margin-top:10px;
	height:20px;
}
#contentall .offerIcons ul {
	margin:0;
	padding:0;
	height:20px;
}
#contentall .offerIcons li {
	list-style:none;
	display:block;
	float:left;
	margin:0 20px 0 0;
	padding:0;
}
.offerIcons img {
	vertical-align:middle;
	height:20px;
	width:20px;
}

.uom, .styletrail {
	font-weight:bold;
	color:#333;
}
.offerImage {
	float:left;
	width:150px;
	text-align: center;
	padding:20px 0 15px 0;
}
.offerImage img {
	display:block;
	margin:0 auto 10px auto;
}
.noImages .offerImage {
	display: none;
}

.noImages .offerText {
	width:780px;
}
.offerText {
	float:right;
	width:630px;
	
}
.offerInfo {
	padding:2px 5px;
	border:1px solid #746f46;
	background:#dedbc0;
	color:#000;
	font-weight:bold;
}
.offerBuy {
	padding:5px 5px;
	border:1px solid #999;
	background:#eee;
	color:#000;
	font-weight:bold;
	margin:0;
	float:right;
}

.offerBuy label, .mjOfferBuy label {
	display:inline-block;
	vertical-align: middle;
}
.offerBuy input, .mjOfferBuy input {
	border:1px solid #666;
	text-align: center;
}
.offerBuy input.offerBuyButton, .mjOfferBuy input.offerBuyButton {
	border:none;
	text-align: inherit;
}
.sorting {
	clear:both;
	margin-left:0px;
	font-size:85%;
}
.sorting img {
	vertical-align: middle;
	width:13px;
	height:13px;
}
.sorting.bottom {
	border-top:1px dotted #000;
	margin:0 0 0 0px;
}
.sorting.bottom p {
	padding-top:20px;
}
.sorting.bottom img {
	vertical-align: middle;
	
}
#contentall .sorting a{
	color:#666;
	font-weight:normal;
	text-decoration:none;
}
#contentall .sorting a:hover{
	text-decoration:underline;
}
.offerBuyButton{
	vertical-align: middle;
}
.ppStocklevel {
	background:#999;
	color:#fff;
	float:left;
	padding:3px 5px;
	font-size:10px;
	font-weight:bold;
	line-height:1;
	margin-right:10px;
}
#contentall p.soldout, #contentall p.stocklevel, #contentall p.instock {
	margin-top:20px;
	float:right;
	padding:3px;
	font-size:10px;
	font-weight:bold;
	width:50px;
	text-align: center;
	line-height:1;
	margin-left:20px;
}
#contentall .mjOfferContainer p.soldout, #contentall .mjOfferContainer p.stocklevel, #contentall .mjOfferContainer p.instock {
	margin-top:0;
}
.soldout {
	background:#c99;
	color:#fff;
}
.stocklevel {
	background:#999;
	color:#fff;
}
.stocklevel span{
	display:block;
	text-align:center;
	margin-top:2px;
}
#contentall p.instock {
	background:#999 url(/img/instocktick.png) no-repeat 22px 3px;
	color:#fff;
	padding-top:20px;
}

.offerTab {
	background:url(/img/cccDot.png) repeat-x bottom;
	height:24px;
	float:left;
}
.offerTab.bottom {
	background: url(/img/cccDot.png) repeat-x top;
	height:24px;
}
.offerTab:after {
    display: block;
    clear: both;
    content: " ";
}

#contentall .offerTab ul{
	margin:0;
	list-style:none;
	float:left;
}
#contentall .offerTab ul li{
	margin:0 2px -1px 0;
	list-style:none;
	display:block;
	float:left;
	height:24px;
	background-repeat:no-repeat;
	background-position:left top;
	font-weight:bold;
	padding:0px 0  0 10px;
	font-size: 12px;
}
#contentall .offerTab ul li span {
	display:block;
	padding:4px 12px 0 0;
	background-repeat:no-repeat;
	background-position:right top;
	height:20px;
}
#contentall .offerTab.top ul li.on {
	background-image:url(/img/tabtoplefton.png);
	color:#333;
}
#contentall .offerTab.top ul li.on span {
	background-image:url(/img/tabtoprighton.png);
}
#contentall .offerTab.top ul li {
	background-image:url(/img/tabtopleftoff.png);
	color:#666;
}
#contentall .offerTab.top ul li span {
	background-image:url(/img/tabtoprightoff.png);
}
#contentall .offerTab.bottom ul li.on {
	background-image:url(/img/tabbottomlefton.png);
	color:#333;
}
#contentall .offerTab.bottom ul li.on span {
	background-image:url(/img/tabbottomrighton.png);
}
#contentall .offerTab.bottom ul li {
	background-image:url(/img/tabbottomleftoff.png);
	color:#666;
}
#contentall .offerTab.bottom ul li span {
	background-image:url(/img/tabbottomrightoff.png);
}
.offerTab img {
	vertical-align: text-bottom;
	width:14px;
	height:14px;
}
.offerTab a {
	color:#666;
	text-decoration: none;
}
#contentall p.lblDispPrices {
	float:left;
	height:20px;
	margin:0 0 0 20px;
	padding:4px 8px 0 0;
	font-weight:bold;
	width:122px;
	text-align:right;
	font-size:11px;
}
#contentall p.lblTastingNotes {
	float:left;
	height:20px;
	margin:0 0 0 0px;
	padding:4px 8px 0 0;
	font-weight:bold;
	width:100px;
	text-align:right;
	font-size:11px;
}
.sortDropDown {
	float:left;
	padding:0px 0 0 20px;
}
.sortDropDown select {
	width:120px;
	float:left;
	display:block;
	margin:1px 5px 0 0;
}
.sortDropDown input {
	float:left;
	display:block;
}
.searchHeader {
	clear:both;
	margin:0 0 20px 0;
	padding:20px 0px 0 0px;
	height:24px;
	background:url(/img/cccDot.png) repeat-x bottom;
	width:780px;
}
.searchFooter {
	clear:both;
	margin:20px 0 0px 0;
	padding:0px 0px 0 0px;
	background:url(/img/cccDot.png) repeat-x top;
	width:780px;
}
.u33griditem {
	width:231px;
	height:180px;
	border:1px solid #ccc;
	float:left;
	margin:0 10px 10px 0;
	overflow:hidden;
	padding:10px 10px 0 10px;
	position:relative;
}
#contentall .u33griditem h2 {
	font-size:93%;
	height:32px;
	font-weight:bold;
	margin:0 0 5px 0;
	overflow:hidden;
	color:#746f46;
}
#contentall .u33griditem h2 a {
	color:#746f46;
	text-decoration: none;
}
#contentall .u33griditem h2 a:hover {
	color:#746f46;
	text-decoration: underline;
}

.u33griditem .offerImage {
	padding:0;
	width:59px;
}

.u33griditem .offerText {
	padding:0;
	width:155px;
	border-top:none;
	margin:0;
	float:right;
}
#contentall .u33griditem .offerText a {
	color:#746f46;
}
#contentall .u33griditem .offerText p {
	font-size:85%;
}
.u33griditem .offerBuy {
	position:absolute;
	width:155px;
	left:85px;
	top:155px;
	padding:7px 0 0px 0px;
	border:none;
	border-top:1px dotted #333;
	background:none;
}
.u33griditem .offerBuy label {
	font-size:11px;
}
.u33griditem .offerBuy .quantity {
	width:30px;
	border:1px solid #666;
}
.u33griditem .offerBuyButton {
	vertical-align: middle;
}
.offertable {
	width:100%;
}
#contentall .offertable a {
	text-decoration:none;
	color:#666;
	font-weight:normal;
}
#contentall .offertable a:hover {
	text-decoration:underline;
	color:#595536;
}
#contentall .offertable h2 {
	font-size:100%;
	margin:0.5em 0 0 0;
}
.offertable td {
	padding:2px 10px 2px 3px;
	vertical-align:middle;
}
.offertable th {
	padding:2px 10px 2px 3px;
	vertical-align:middle;
	color:#333;
	font-weight:bold;
	background:#eee;
	border-right:2px solid #fff;
}
.offertable tfoot th {
	border-top:20px solid #fff;
}
.offertable thead th {
	border-bottom:10px solid #fff;
}
.offertable .quantity {
	width:24px;
	border:1px solid #666;
	text-align: center;
}
.offertable .saving {
	width:24px;
	color:#090;
}
.stock span {
	display:block;
	background:#746f46;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	padding:2px;
	text-align: center;
}
.offertable td.stock {
	padding:2px 10px 2px 10px;
}
.stock span.lowstock {
	background:#be7025;
}
.stock span.soldout {
	background:#9c4d42;
}
.offertable a {
	color:#333;
}
.offertable .soldout {
	background:#c99;
	color:#fff;
	border:solid #c99;
	border-width:2px 3px 2px 2px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}
.offertable td.buy {
	padding-right:0;
}
.offertable .eoiprice {
	font-weight:bold;
	color:#88525f;
}
.offertable .eoiprice img {
	border-right:#fff solid 5px;
	vertical-align: middle;
}
.suboffer.subofferon {
	display:block;
	margin:1px 0 20px 0;
	padding:1px 0 0px 0;
}
.suboffer.subofferoff {
	display:none;
	padding:1px 0 0 0;
	margin:10px 0 0 0;
	clear:both;
}



#contentall h1.subofferoff{
	border-top:1px dotted #333;
	padding:10px 0 10px 20px;
	background:url(/img/tickright.png) no-repeat 0 18px;
	margin:1px 0 1px 0;
	clear:both;
	float:left;
	width:760px;
	font-size: 182%;
}
#contentall h1.subofferon {
	border-top:1px dotted #333;
	background:url(/img/tickdown.png) no-repeat 0 18px;
	padding:10px 0 10px 20px;
	margin:1px 0 1px 0;
	clear:both;
	float:left;
	width:760px;
	font-size: 182%;
}
#contentall h1.subofferhidden{
	display:none;
}
#contentall h1.suboffertitle {
	border-top:1px dotted #333;
	padding:10px 0 10px 0px;
	margin:1px 0 1px 0;
	clear:both;
	float:left;
	width:780px;
	font-size: 182%;
}
#contentall .subofferheader p {
	background:#eee;
	padding:10px 10px 10px 10px;
	width:760px;
	float:left;
}
#contentall .subofferheader p img {
	float:left;
	display:block;
	margin:0 10px 0 0;
}
.offerItem table {
	margin:1em 0 0 0;
}
.currentoffer {
	width:380px;
	float:left;
	margin:0 0 20px 0; 
	/* margin:0 20px 20px 0;  */
	color:#333;
	background:#fff;
}
.currentoffer2 {
	width:380px;
	float:left;
	margin:0 20px 20px 0; 
	/* margin:0 20px 20px 0;  */
	color:#333;
	background:#fff;
	display:inline;
}
.currentoffertext {
	padding: 10px 0 0 0;
	height:95px;
	overflow:hidden;
}
.currentoffer:hover, .currentoffer2:hover {
	background:#eee;
}
.currentofferimage {
	width:380px;
	height:100px;
	display:block;
	
}
#contentall .currentoffer h2, #contentall .currentoffer2 h2 {
	margin:0 0 3px 0;
	padding:0 10px;
	color:#595536;
	font-size:116%;
	font-weight:bold;
}
#contentall .currentoffer p, #contentall .currentoffer2 p {
	margin:0;
	padding:0 10px;
	font-size:86%;
}
#contentall .currentoffer p.button, #contentall .currentoffer2 p.button  {
	margin:0;
	padding:0;
	position:absolute;
	bottom:10px;
	left:10px;
}
.u50right .currentoffer, .u50right .currentoffer2 {
	margin-right:0;
}

/* Definitions and SecNav */

.sectionnav {
	padding:0 0 20px 20px;
	margin-top:20px;
}
.sectionnav a {
	color:#666;
	text-decoration:none;
	display:block;
	line-height:1.1;
}
.sectionnav a:hover {
	
	font-weight:bold;
}
.sectionnav a {
	padding:5px 0px 5px 0px;
	font-size:12px;
	background-color:#fff;
}

.sectionnav ul ul a {
	border-bottom:none;
	font-size:12px;
	font-weight:normal;
	padding:0 0px 5px 20px;
}
/*.sectionnav li.trail a {
	background:#bbb;
}*/
.sectionnav a.on, .sectionnav li.trail a.on {
	color:#595536;
	font-weight:bold;
}
.sectionnav li {
	border-bottom:1px solid #595536;
	/*font-family:"Arial Narrow", Arial, sans-serif;*/
}
.sectionnav li li {
	border:none;
}

/* Homepage */

#hmcontent {
	float:left;
	width:800px;
	padding:0 0 20px 10px;
	color:#666;
}

.blackbar, #contentall h2.blackbar {
	background:#ccc url(/img/blackbar.png) repeat-x left top;
	color:#444;
	font-size:13px;
	font-weight:bold;
	line-height:1.2;
	margin:0;
	height:23px;
	border-bottom:2px solid #fff;
	padding:7px 0 0 10px;
}
#contentall .tabExtra h2.blackbar {
	padding:7px 0 0 0;
	text-align:center;
}
.blackbar a, #contentall h2.blackbar a{
	text-decoration:none;
	color:#444;
	
}
.blackbar a:hover, #contentall h2.blackbar a:hover{
	color:#fff;
}
.hmMainOffer {
	width:550px;
	float:left;
	margin:0 0 10px 0;
}
.hmMainOffer img {
	width:550px;
	height:372px;
}

.hmOffer {
	width:230px;
	float:left;
	margin:0 0 10px 0;
}
.hmText {
	width:550px;
	float:left;
	margin:0 0 0px 0;
}
.hmLeft {
	width:560px;
	float:left;
}
#hmCMS {
	float:left;
	clear:both;
	background:#ddd;
	padding:20px 20px 15px 20px;
	width:950px;
}

#hmCarouselContainer {
	clear:left;
	float:left;
	width:550px;
	margin:0 0 10px 0;
	position:relative;
	padding-bottom:10px;
	background:url(/img/carouselbg.png) left bottom no-repeat;
}
.hmText p {
	/*font-size:108%;*/
	padding:0 0 0 0px;
	color:#666;
	line-height: 1.3;
	margin:0;
}
.hmText p a {
	font-weight:bold;
	color:#333;
	text-decoration:none;
}
.hmText p a:hover {
	color:#000;
	text-decoration:underline;
}


.greybox {
	padding:10px 10px 1px 10px;
	background:#eee url(/img/u40greybg.png) no-repeat bottom;
	margin-bottom:1em;
}
.colorbox {
	padding:10px 10px 1px 10px;
	background:#ede9cc url(/img/u40colorbg.png) no-repeat bottom;
	margin-bottom:1em;
}
#contentall .colorbox h2, #contentall .colorbox h3, #contentall.greybox h2, #contentall.greybox h3  {
	margin-top:0.5em;
	padding-top:0;
}
.actiondeck {
	background: url(/img/actiondeckbg.png) no-repeat top left;
	padding:20px 0 1px 0;
	clear:both;
	margin:20px 0 0 0;
	height:110px;
}
.actiondeckbottom {
	background:  url(/img/actiondeckfooterbg.png) no-repeat bottom left;
	clear:both;
	height:18px;
	padding:0px 0 0 0;
	margin:0px 0 0 0;
	font-size:1px;
	line-height:1px;
}
.adPopularSearches {
	margin-left:20px;
	float:left;
}
.adSeeAlso {
	float:left;
}
.adPopularSearches {
	width:450px;
}
.adCategory {
	float:left;
	margin-right:10px;
	width:135px;
}
.adNewsletter {
	float:left;
	margin:0 10px 0 0;
	width:130px;
}
.adActions {
	float:left;
	width:150px;
	margin:0;
	padding:0;
}
#contentall ul.linklist, #contentwide ul.linklist{
	margin:0;
}
#contentall ul.linklist li, #contentwide ul.linklist li  {
	list-style:none;
	margin-left:0;
}
#contentall ul.linklist a {
	color:#666;
	text-decoration: none;
	font-weight:normal;
}
#contentall ul.linklist a:hover {
	color:#000;
	text-decoration: underline;
}
.linkselect {
	width:130px;
	border:1px solid #000;
}
#contentall .actiondeck h3 {
	font-size:93%;
	color:#333;
	margin:0 0 5px 0;
}
#contentall .actiondeck h2 {
	font-size:116%;
	margin:0 0 10px 0;
}
.actions {
	background:url(/img/actionsbg.png) no-repeat top left;
	padding-top:10px;
}
.actionsbottom {
	background:url(/img/actionsbottombg.png) no-repeat bottom left;
	display:block;
	height:10px;
}
#contentall .actions p {
	margin: 0 0 0 10px;
	padding:5px 0 5px 26px;
	font-size:86%;
}
#contentall .actions p.actionAddThis {
	background: #ccc;
	padding:10px 0 5px 0;
}
#contentall .actions p.actionemail {
	background: url(/img/icoEmail.png) no-repeat left center;
}
#contentall .actions p.actionprint {
	background: url(/img/icoPrint.png) no-repeat left center;
}
#contentall p.actionprint2 {
	margin: 0 0 0 10px;
	padding:10px 10px 10px 36px;
	font-size:86%;
	float:right;
	background:#eee url(/img/icoPrint2.png) no-repeat 10px 10px;
}
#contentall .actions a {
	text-decoration:none;
}
.topOffer {
	float:right;
	width:120px;
	height:80px;
	background:#eee;
	margin-left:10px;
}

#contentall .tabs-container h2 {
	margin:0 0 0.3em 0;
}
.clearer {
	text-indent: -100em;
	overflow:hidden;
	height:1px;
	clear:both;
}

#jqTabContainer {
	clear:both;
}

#ppImage  {
	width:150px;
	float:left;
	padding-bottom:20px;
}
#ppTitle {
	padding-right:20px;
	padding-bottom:20px;
}
#ppMore {
	padding-top:24px;
	float:left;
	width:170px;
	padding-bottom:20px;
}
#ppImage img {
	display:block;
	margin:0 auto 10px auto;
}
.ppBuyButton {
	float:right;
	padding-top:12px;
}
#ppBuyBox {
	width:450px;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	color:#333;
	background:#eee url(/img/ppBuyBox450bg.png) no-repeat bottom;
}
#contentall #ppTitle h1 {
	font-size:161.6%;
	margin:0;
	padding:0 0 0px 0;
}
#contentall #ppTitle p.styletrail {
	margin-bottom:20px;
}

.ppBuyBoxTabs {
	background:#fff url(/img/cccDot.png) repeat-x bottom;
	height:24px;
	
}
.ppBuyBoxTabs:after {
    display: block;
    clear: both;
    content: " ";
}

#contentall .ppBuyBoxTabs ul{
	margin:0;
	list-style:none;
	float:left;
}
#contentall .ppBuyBoxTabs ul li{
	margin:0 2px -1px 0;
	list-style:none;
	display:block;
	float:left;
	height:24px;
	background-repeat:no-repeat;
	background-position:left top;
	font-weight:bold;
	padding:0px 0  0 10px;
	font-size: 12px;
}
#contentall .ppBuyBoxTabs  ul li.dpTab{
	width:86px;
}
#contentall .ppBuyBoxTabs  ul li.ubTab{
	width:99px;
}
#contentall .offerTab ul li.dpTab {
	width:86px;
}
#contentall .offerTab ul li.ubTab {
	width:99px;
}
#contentall .offerTab  ul li.tastingon {
	width:28px;
}
#contentall .offerTab  ul li.tastingoff {
	width:29px;
}
#contentall .ppBuyBoxTabs ul li span {
	display:block;
	padding:4px 10px 0 0;
	background-repeat:no-repeat;
	background-position:right top;
	height:20px;
}
#contentall .ppBuyBoxTabs ul li.on {
	background-image:url(/img/pptabEEELeft.png);
	color:#333;
}
#contentall .ppBuyBoxTabs ul li.on span {
	background-image:url(/img/pptabEEERight.png);
}
#contentall .ppBuyBoxTabs ul li {
	background-image:url(/img/pptabCCCLeft.png);
	color:#666;
}
#contentall .ppBuyBoxTabs ul li span {
	background-image:url(/img/pptabCCCRight.png);
}

.ppBuyBoxTabs img {
	vertical-align: text-bottom;
	width:15px;
	height:15px;
}
#contentall .ppBuyBoxTabs a {
	color:#666;
	text-decoration: none;
}
#contentall #ppBuyBox p.soldout, #contentall #ppBuyBox p.stocklevel {
	margin:0px;
}
.ppBuyBoxContent {
	padding:20px 20px 20px 20px;
}

.ppBuyBoxContent p.smalltext {
	clear:both;
	padding:3px 0;
}
.ppBuyBoxContent .linklist {
	clear:left;
}

.ppBuyTable td {
	padding:0 10px 10px 0;
	font-size:116%;
	font-weight:bold;
}
.ppBuyTable td td {
	padding:0 8px 3px 0;
	vertical-align:top;
}
.ppBuyTable {
	margin-bottom:10px;
}
.ppOfferTable {
	margin-top:1em;
}
.ppOfferTable .ppOfferTableCat {
	white-space: nowrap;
}
.ppQty {
	width:24px;
}
.ppQty input {
	width:24px;
	border:1px solid #666;
	font-size:13px;
	padding:3px 2px;
	text-align: center;
}
.ppPrice {
	color:#595536;
}
.ppOffer .ppPrice {
	font-size:11px;
	color:#333;
}
.ppBuyBoxOffers {
	
}
.ppBuyBoxOffers div {
	margin-bottom:20px;
}
#contentall p.smalltext {
	font-size:85%;
}
#contentall .ppBuyBoxOffers p {
	margin:0 0 5px 0;
	font-weight:bold;
}
#contentall #ppMore a {
	text-decoration:none;
}
#contentall #ppMore a:hover {
	text-decoration:underline;
}

.accountTable {
	margin:1em 0;
	width:100%;
}
.accountTable td {
	padding:3px;
	border-right:5px solid #fff;
}
.accountTable th {
	padding:3px;
	border-right:5px solid #fff;
	background:#eee;
	font-weight: bold;
	color:#666;
	border-bottom:1em solid #fff;
}
.button {
 vertical-align: bottom;
}
#contentall select {
	border:1px solid #333;
}
.smallbold {
	font-size:85%;
	font-weight:bold;
}

#contentall p label {
	font-weight: bold;
}
.formTable {
	margin:0 0 1em 0;
}
.formTable td, .checkTable td {
padding:3px 10px 3px 3px;
}
#contentall .formTable p {
	margin:1em 0;
}
.text250, .formTable select, .formTable input, .text500, .text50, .text100, .text180 {
	border:1px solid #333;
	
}
.formTable .lbl {
	width:100px;
}
.formTable label {
	font-weight:bold;
}
.returnButton {
	margin:1em 0 1em 0;
	padding:2em 0 0 0;
	border-top:1px solid #b9b48d;
}
.addressTable td {
	padding:0 1em 1em 0;
}
.prefTable td{
	padding:3px 20px 3px 0;
	width:200px;
}

/* Basket and Checkout */

.basket th {
	font-weight:bold;
	padding:5px 10px 5px 10px;
	border-top:1px solid #666;
}
.basket td {
}
.basket a {
	color:#595536;
	
}
.basketItemTitle {
	font-size:100%;font-weight:bold;
	color:#595536;
}
.basketItemTitle a {
	text-decoration: none;
}
.basketItemTitle a:hover {
	text-decoration: none;
}
.text30 {
	width:30px;
}
.basketItem td {
	border-top:1px dotted #666;
		padding:5px 10px 5px 10px;
}
.basketItem input {
	text-align:center;
}
#p__basketFooterRow th {
	background:#e5e5e5;
	border-top:1px solid #666;
}
.continueButton {
	margin-top:20px;
	text-align: right;
	padding-right:10px;
}
.basket th.removeButtons {
	padding:5px 0;
	width:73px;
}
.loginTable {
	width:350px;
	margin-left:30px;
	margin-bottom:5px;
}
.loginTable td {
	padding:0 5px 1em 0;
}
.linetop {
	border-top:1px dotted #666;
	padding-top:1em;
}
.addressBlock {
	float:left;
	margin-right:40px;
	width:193px;
	padding-bottom:1em;
}
.cb {
	clear:both;
}
.text250, .select250  {
	width:250px;
	padding:0 2px;
}
#register .select250  {
	width:237px;
	padding:0 2px;
}
.text50, .select50 {
	width:50px;
	padding:0 2px;
}
.text100, .select100 {
	width:100px;
	padding:0 2px;
}
.text180, .select180 {
	width:180px;
	padding:0 2px;
}
.text500, .select500 {
	width:500px;
	padding:0 2px;
}
.deliveryoption {
	border:1px solid #ccc;
	padding:1em 1em 0 1em;
	margin-bottom:1em;
}
#cardTable, .emailTable {
	margin-bottom:1em;
}
#cardTable th, .formTable th  {
	font-weight:bold;
}
#cardTable td, .emailTable td {
	padding:0 10px 5px 0;
}
#cardTable .text250, #cardTable select, .formSection .text250, .text30, .select250 {
	border:1px solid #666;
}
.yell {
	padding-right:100px;
}
.orderSummaryContainer {
	margin-bottom:1.5em;
	margin-top:2em;
}
.orderSummaryContainer td{
	vertical-align: top;
	padding-bottom:0.2em;
}
#contentwide .formTable p {
	margin:1em 0;
}
.checkTable label {
	font-weight:bold;
	border-left:5px solid #fff;
}
.checkTable {
	margin-bottom:1em;
}
.bb {
	padding-top:1em;
}
.basket td.linetd {
	vertical-align:top;
	border-top:1px dotted #666;
	padding-top:2em;
}
#contentwide .linetd h2 {
	
}

.wineTable td {
	padding:0 10px 5px 0;
	
}
.wineTable th {
	text-align:right;padding:0 10px 5px 0;font-weight:bold;
}
.wineTable {
	margin-top:5px;
}
.wineTable span {
	font-weight:bold;
	border-right:5px solid #fff;
}

.infoBox{border: #999 1px solid;background: #eee url(/img/attention.gif) no-repeat 9px 8px;margin:0 20px 20px 0;padding: 5px 5px 5px 32px;clear:both;}

.errorBox{border:1px solid #aa0000;background:#fee url(/img/attention.gif) no-repeat 9px 8px;margin-bottom : 20px;padding: 5px 5px 5px 32px; margin-right:20px;}

.ppSorry {
	border-top:#999 solid 1px;
	padding:2em 20px 1em 20px;
	margin-bottom:20px;
	text-align:center;
	float:left;
	width:410px;
	margin-right:10px;
	background:#eee url(/img/ppBuyBox450bg.png) no-repeat bottom;
}

.wdLinksTable td {
	padding:0 30px 0 0;
	vertical-align:top;
}
#contentall .wdLinksTable h4 {
	margin-top:0;
}
.noTopMargin, notopmargin {
	margin-top:0 !important;
}
.viewcellar table {
	width:100%;
	margin:0;
}
#contentall .viewcellar h2 {
	border-top:1px dotted #666;
	margin:1em 0 0 0;
	padding:1em 0 0 0;
}
.cellardetails {
	text-align: right;
}


.u40 .greybox, .u40right .greybox {
	background-image: url(/img/u40greybg.png);
}
.u60 .greybox, .u60right .greybox {
	background-image: url(/img/u60greybg.png);
}
.u50 .greybox, .u50right .greybox  {
	background-image: url(/img/u50greybg.png);
}
.u33 .greybox, .u33right .greybox {
	background-image: url(/img/u33greybg.png);
}

.u40 .colorbox, .u40right .colorbox {
	background-image: url(/img/u40colorbg.png);
}
.u60 .colorbox, .u60right .colorbox {
	background-image: url(/img/u60colorbg.png);
}
.u50 .colorbox, .u50right .colorbox  {
	background-image: url(/img/u50colorbg.png);
}
.u33 .colorbox, .u33right .colorbox {
	background-image: url(/img/u33colorbg.png);
}

#contentall .u40 h2.title,
#contentall .u60 h2.title,
#contentall .u50 h2.title,
#contentall .u33 h2.title,
#contentall .u40right h2.title,
#contentall .u60right h2.title,
#contentall .u50right h2.title,
#contentall .u33right h2.title  {
	background:#595536;
	color:#fff;
	padding:5px 10px;
	margin-top:0;
	font-weight:bold;
	margin:0 0 0px 0;
	font-size:13px;
}
.navaction {
	background:#eee;
	border-top:2px solid #fff;
	padding:20px 10px 10px 10px;
}


.navaction p {
	margin: 0 0 0 10px;
	padding:5px 0 5px 26px;
	font-size:86%;
}
.navaction p.actionAddThis {
	padding:10px 0 5px 0;
}
.navaction p.actionemail {
	background: url(/img/icoEmail.png) no-repeat left center;
}
.navaction p.actionprint {
	background: url(/img/icoPrintLight.png) no-repeat left center;
}
.navaction a {
	text-decoration:none;
	color:#333;
}
.tablestyle1 {
	margin:1em 0;
	padding:5px;
	/*border:1px solid #999;*/
	border-bottom:1px solid #595536;
	border-left:1px solid #595536;
	border-right:1px solid #595536;
}
.tablestyle1 td {
	padding:3px 3px 3px 5px;
	border-top:1px solid #595536;
}
.tablestyle1 th {
	padding:3px;
	font-weight:bold;
	border-top:1px solid #595536;
	background:#595536;
	color:#fff;
}
.greyrow td, .greyrow th {
	background:#eee;
}
.whiterow td, .whiterow th {
	background:#fff;
}
.greenrow td, .greenrow th {
	background:#ede9cc;
}


#logincontainer {
	width:650px;
	margin:30px auto 20px auto;
}
.logincolleft {
	width:275px;
	float:left;
	margin:0 80px 0 0;
	padding-bottom:20px;
}
.logincolright {
	width:275px;
	float:left;
	padding-bottom:20px;
}
#login {
	background:url(/img/loginbg.png) left top no-repeat;
	padding-top:20px;
}
#login .logininner {
		height:370px;
}
#loginBottom {
	background:url(/img/loginbottombg.png) left bottom no-repeat;
	height:10px;
	margin-top:1px;
	clear:both;
}
#contentwide .loginButton {
	text-align:right;
	padding-right:20px;
	margin-top:5px;
}
.loginforgotten {
	float:left;
	font-size:11px;
	padding-top:0px
}
.calltoaction {
	font-weight:bold;
	font-size:13px;
	color:#595536;
}
.logininner {
	padding:10px;
}
#login label, #loginRegister label  {
	display:block;
	margin:0 0 0 0;
	padding:0 0 3px 0;
	clear:left;
	width:100%;
	
}
.login235 {
	border:1px solid #666;
	width:197px;
	margin-bottom:10px;
	padding:2px;
	font-size:13px;
}
.reg250 {
	border:1px solid #666;
	width:237px;
	padding:2px;
	font-size:13px;
}
.reg100 {
	border:1px solid #666;
	width:80px;
	padding:2px;
	font-size:13px;
}
.login235.error, .reg100.error, .reg250.error, .select250.error {
	border:1px solid #c00;
	background:#fff5f5;
	
}
.errorLogin {
	border:1px dotted #c00;
	background:#fff5f5 url(/img/help.gif) no-repeat 10px 10px;
	padding:10px 10px 10px 40px;
	width:200px;
	margin-bottom:10px;
	color:#900;
	font-size:11px;
}
#register .errorLogin {
	width:336px;
}
#contentwide .errorLogin p {
	margin:0;
}
#contentwide #loginRegister .errorLogin ul {
	margin-top:5px;
}
#contentwide h2.blackonwhite {
	background:#000 url(/img/blackonwhite.png) right center no-repeat;
	color:#fff;
	padding: 3px 0 3px 10px;
	font-size:13px;
	width:235px;
	margin:0 0 5px 0;
}
#contentwide h2.greenongrey {
	background:#585b3c url(/img/greenongrey.png) right center no-repeat;
	color:#fff;
	padding: 3px 0 3px 10px;
	font-size:13px;
	width:325px;
	margin:0 0 5px 0;
}
#contentwide h2.dgreyonlgrey {
	background:#999 url(/img/dgreyonlgrey.png) right center no-repeat;
	color:#fff;
	padding: 3px 0 3px 10px;
	font-size:13px;
	width:235px;
	margin:0 0 5px 0;
}
#contentwide h3.dgreyonlgrey {
	background:#999 url(/img/dgreyonlgrey.png) right center no-repeat;
	color:#fff;
	padding: 3px 0 3px 5px;
	font-size:11px;
	width:125px;
	margin:0px 0 5px 0;
	clear:right;
	border-top:#ede9cc 10px solid;
	border-bottom:#ede9cc 10px solid;
}
#loginRegister {
	background:#ede9cc url(/img/loginRegister.png) left top no-repeat;
	padding-top:20px;
}
#loginRegisterBottom {
	background:url(/img/loginRegisterBottom.png) left bottom no-repeat;
	height:10px;
	margin-top:1px;
	clear:both;
}
#contentwide #loginRegister li {
	font-size:11px;
}
#contentwide #loginRegister ul {
	margin:5px 0 0 0;
}
.helpbutton {
	vertical-align: middle;
	width:19px;
	height:19px;
}
#loginExtras {
	padding:20px 0 0px 0;
	font-size:10px;
}
#needhelp {
margin-top:20px;
}
#loginRegister .helpbutton, #register .helpbutton {
	border-bottom:#ede9cc solid 4px;
	border-left:#ede9cc solid 2px;
}
#login .helpbutton {
	border-bottom:#fff solid 4px;
	border-left:#fff solid 2px;
}
#registercontainer {
	width:410px;
	margin:30px auto 20px auto;
}
#register {
	background:#ede9cc url(/img/registerbg.png) left top no-repeat;
	padding-top:20px;
}
#registerBottom {
	background:url(/img/registerbottombg.png) left bottom no-repeat;
	height:10px;
	margin-top:1px;
	clear:both;
}
.registertable td {
	padding:3px 0;
}
.registertable label {
	display:block;
	margin:0 0 0 0;
	padding:0 5px 0 0;
	width:116px;
}
#contentwide h3.regMessage {
	color:#666;
	font-size:13px;
	clear:both;
	border-top:#ede9cc 10px solid;
}
#registerExtras {
	padding:30px 0 0px 0;
	clear:left;
	font-size:10px;
}
.registertable .manualaddresstr td {
	padding: 3px 0 10px 0;
}
#addressFromPostcode {
max-height:300px;
overflow:auto;
}
#addressFromPostcode li {
	border-bottom:#dddddd dotted 1px;
}
#addressFromPostcode li a {
	display:block;
	padding:5px;
	text-decoration: none;
	color:#666;
}
#addressFromPostcode li a:hover {
	background:#ddd;
	color:#000;
}
.mjHeader img {
	display:block;
}
.mjHeader {
	border-bottom:1px solid #fff;
}
.mjNav {
	margin-bottom:15px;
	width:780px;
}
#contentwide .mjNav {
	margin-bottom:15px;
	width:950px;
}
.banner {
	display:block;
	border-bottom:2px #fff solid;
}

#contentall .mjNav td,
#contentwide .mjNav td {
	padding:0;
	margin:0;
	height:32px;
	position:relative;
}
#contentall .mjNav span,
#contentwide .mjNav span  {
	background:url(/img/mjNavbga.png) no-repeat left top;
	display:block;
	height:32px;
	padding-left:1px;
	position:absolute;
	width:1px;
}
#contentall .mjNav a,
#contentwide .mjNav a {
	text-decoration:none;
	display:block;
	color:#fff;
	background:#666 url(/img/mjNavbg.png) no-repeat right top;
	text-align: center;
	padding:8px 0 0 0;
	height:24px;
}
#contentall .mjNav a:hover, 
#contentwide .mjNav a:hover {
	background-color:#333;
}
#contentall .mjNav .on a, #contentall .mjNav .on a:hover,
#contentwide .mjNav .on a, #contentwide .mjNav .on a:hover {
	background-color:#77000E;
}
#contentall .mjIntroText h2 {
	margin-top:0;
	padding-top:0;
	font-size:161.6%;
}
#contentall .mjIntroText p {
	font-size:116%;
}
.mjFooter {
	clear:left;
	margin-top:1px;
}
.mjFooterNumber {
	text-align: right;
	width:780px;
}
.mjFooterBlocks {
	width:780px;
	height:100px;
	overflow: hidden;
}
.mjFooterBlocks img {
	float:left;
	margin-right:5px;
	display:block;
}
.mjOfferBuy {
	width:500px;
}
#contentall .mjOfferContainer h1 {
	color:#666;
	font-weight:bold;
}
#contentall .mjOfferContainer .offerItem {
	border-top:none;
}
#contentall .mjOfferContainer .offerImage {
	padding-top:0;
}
#contentall .mjOfferContainer .offerItem h2 {
	background:#eee;
	padding:3px 8px;
	font-size:121.1%;
	margin:0 0 1em 0;
}
.registerhint-lhs, .registerhint-rhs {
	height:22px;
	width:17px;
	vertical-align:middle;
}
.accountFilter .registerhint-lhs, .accountFilter .registerhint-rhs {
	height:13px;
	width:13px;
	vertical-align:middle;
}
.certs {
	margin:5px 10px 0 0;
	float:left;
}
.mjOfferContainer .offerItem td {
	padding:10px 0 0 0;
}
#contentall .mjOfferContainer .offerPrice {
	font-weight:normal;
}
.mjOfferContainer .offerPrice span {
	color:#88525f;
	font-weight:bold;
	font-size:116%;
}
.mjOfferContainer .mjOfferForm {
	text-align: right;
	padding-right:0;
}
.mjOfferContainer .mjOfferForm span {
	border-right:10px solid #fff;
}
.mjOfferContainer .mjOfferForm span.mjSoldOut {
	font-weight:bold;
	border-right:none;
	background:#c99;
	color:#fff;
	padding:5px;
	font-size:11px;
}
.mjOfferContainer .offerText input.mjOfferQty {
	width:25px;
}
.mjOfferType {
	width:37px;
}
#contentwide .voucher h2 {
	font-size:100%;
	background:#f5f5f5;
	padding:8px 8px 0 8px;
	border-top:1px solid #666;
	margin:0;
}
.voucher div {
	margin:15px 8px;
}
.vouchertextbox {
	border:1px solid #666;
	vertical-align: middle;
}
.voucherbutton {
	vertical-align: middle;
}
.voucher td {
	background:#f5f5f5;
}
.productpopup {
	padding:15px 0 0 0;
}
.producttext {
	padding:0 15px;
	float:left;
	width:410px;
}
.productimage {
	float:left;
	width:115px;
}
.productimage img {
	display:block;
	margin: 0 auto;
}
.productpopup h2 {
	font-size:138.5%;
	margin:0 0 0.5em 0;
	color:#595536;
	font-weight:bold;
}
.productpopup p {
	margin: 1em 0;
}
.productclear {
	clear:left;
}
.productpopup .offerIcons ul {
	margin:0;
	padding:0;
	height:20px;
}
.productpopup .offerIcons li {
	list-style:none;
	display:block;
	float:left;
	margin:0 20px 0 0;
	padding:0;
}
#contentall .offertable h3 {
	margin:0;
	font-size:93%;
	color:#666;
	font-style:italic;
}

#contentall .offertable h2 {
	font-size:108%;
}
.pipemenu {
	margin:2em 0;
	text-align: right;
}

#subfooter {
	width:990px;
	margin:0 auto;
	color:#333;
	padding:0 20px;
	position:relative;
	margin-top:20px;
}
#footerlinks {
	color:#999;
	padding:20px;
	text-align:justify;
}
#footerlinks a {
	color:#999;
	text-decoration:none;
}
#footerlinks a:hover {
	text-decoration:underline;
}


/* account */

.accountSummary {
	background:#eee;
	color:#666;
	padding:10px 0;
	margin-bottom:20px;
}
.accountSummary table {
	width:100%;
}
.accountSummary td {
	vertical-align:top;
}
.accountSummary .ar {
	text-align: right;
}
.accountFilter {
	text-align:right;
	color:#fff;
}
#contentall p.accountFilter a {
	text-decoration:none;
	font-weight:bold;
	border:#eee solid;
	border-width:2px 6px;
	background:#eee;
	color:#666;
	
}
#contentall p.accountFilter a.filteron, #contentall p.accountFilter a:hover {
	font-weight:bold;
	border:#746f46 solid;
	border-width:2px 6px;
	background:#746f46;
	color:#fff;
}
#contentall p.accountFilter {
	line-height:2;
}
#contentall .accountSummary h1 {
	font-size:21px;
	padding:0 0 0 10px;
	color:#fff;
	background:#999 url(/img/accountH1bg.png) no-repeat right center;
	margin:10px 0 15px 0;
	font-weight:bold;
}
#contentall .accountSummary p {
	margin:0;
	padding:5px 10px;
}
#contentall .accountDetails h2 {
	text-align:left;
	border-bottom:1px solid;
	padding: 0 0 10px 0;
	margin: 20px 0 30px 0;
}
.accountDetails table {
	width:100%;
}
.accountDetails th {
	font-weight:bold;
	padding-bottom:10px;
}
.accountDetails td {
	padding-top:10px;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
}
.accountDetailsBalance {
	background:#eee;
	font-weight:bold;
	padding-left:5px;
}
.accountPay {
	text-align:right;
	border-top:1px solid;
	padding:20px 0 0 0;
	margin: 30px 0 15px 0;
	font-weight:bold;
}
.amountBox {
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
	background:#f5f5f5;
	padding:5px 8px;
	border:1px solid #ddd;
	font-size:108.5%;
	margin:0 5px;
}
.amountToPay {
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
	background:#fff;
	padding:5px 8px;
	border:1px solid #666;
	font-size:108.5%;
	margin:0 5px;
	width:70px;
}
.accountPay .payButton {
	vertical-align: middle;
	border-left:5px #fff solid;
}
.returnButton {
	float:left;
	padding-top:51px;
	border:none;
}
.accountLanding {
	padding:10px 20px 30px 20px;
}
#contentall .accountLanding h2 {
	border-bottom:1px solid #ccc;
	font-size:131%;
	text-align:right;
	margin:0 10px 10px 28px;
	padding-top:20px;
	font-family: "arial narrow", arial, sans-serif;
}

#contentall .iconlist {
	margin:0;
	padding:0;
	list-style-type: none;
}
#contentall .iconlist li{
	padding:8px 0 8px 30px;
	margin:0;
	display:block;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left center;
}
#contentall .iconlist li a {
	text-decoration:none;
}
#contentall .iconlist li a:hover {
	text-decoration:underline;
}
.icoViewReserve {background-image:url(/img/icoViewReserve.png);}
.icoViewStatement {background-image:url(/img/icoViewStatement.png);}
.icoManageCreditCards {background-image:url(/img/icoManageCreditCards.png);}
.icoViewHistory {background-image:url(/img/icoViewHistory.png);}
.icoPayBalance {background-image:url(/img/icoPayBalance.png);}
.icoPersonalDetails {background-image:url(/img/icoPersonalDetails.png);}
.icoManageDeliveryAddresses {background-image:url(/img/icoManageDeliveryAddresses.png);}
.icoManagePreferences {background-image:url(/img/icoManagePreferences.png);}
.icoManageLogin {background-image:url(/img/icoManageLogin.png);}
.icoExpressionInterest{background-image:url(/img/icoExpressionInterest.png);}
.icoFineWinePlan {background-image:url(/img/icoFineWinePlan.png);}

.accountOffers {
	padding:10px 0 0 30px;
}
.accountOffers img {
	display:block;
	border:0;
	margin-bottom:10px;
}
.amountToPay.error {
    border:1px solid #c00;
	background:#fff5f5;
}
.typePendingTransactions td {
	background:#ede9cc;
}

.typePendingTransactions td.accountDetailsBalance {
	background:#dedbc0;
}
.errorAccount {
	border:1px dotted #c00;
	background:#fff5f5 url(/img/help.gif) no-repeat 10px 10px;
	padding:10px 10px 0px 40px;
	margin:20px 0 0 0;
	color:#900;
	font-size:11px;
}
.paymentthankyou {
	font-size:131%;
	padding:10px;
	text-align:center;
	clear:both;
}
.paymentsummary {
	margin:0 auto 20px auto;
}
.accountDetailsTables td {
	vertical-align:top;
}

/* New EOI */

.pipeleft {
	margin:20px 0 15px 0;
}
#contentall .pipeleft a {
	color:#666;
	font-weight:normal;
}
#contentall .pipeleft a:hover {
	color:#666;
	font-weight:normal;
	text-decoration: none;
}
.pipeleft .active {
	font-weight:bold;
	color:#746f46;
	text-decoration: none;
}
#contentall .pipeleft p {
	margin:0 0 5px 0;
}
#contentall .eoiTable h2 {
	background:#ddd;
	padding:2px 10px;
	margin:30px 0 0px 0;
	font-size:15px;
}
#contentall .eoiTable h3 {
	margin:0;
	padding:20px 0 10px 0;
}
#contentall .eoiTable h1 {
	margin:0;
	font-size:24px;
	font-weight:bold;
	color:#999;
	padding:0;
}
#contentall .eoiTable .eoiWine a {
	text-decoration:none;
	font-weight:bold;
	color:#000;
	display:block;
	background:url(/img/minus.png) no-repeat 0 2px;
	padding-left:18px;
}
#contentall .eoiTable .noNotes .eoiWine a {
	color:#666;
	display:block;
	background-image:url(/img/plus.png);
}
#contentall .eoiTable .eoiWine a:hover {
	color:#000;
}
.eoiTable{
	width:100%;
}
.eoiTable tbody td{
	padding:5px 5px 2px 0;
	vertical-align:top;
}
.eoiTable tbody .dataRow.noNotes td {
	border-bottom:1px solid #ddd;
}
.eoiTable tbody .dataRow.noNotes td.eoiAction {
	border-bottom:none;
}
.eoiTable tbody .noteRow td {
	border-bottom:1px solid #ddd;
}
.eoiTable tbody td.eoiAction{
	padding:5px 0 0 5px;
	border:none;
	width:94px;
}
.eoiAction img {
	width:94px;
	height:16px;
}
.eoiTable tbody td.eoiWine {
	width:100%;
}
.eoiTable thead th.eoiPref,
.eoiTable thead th.eoiPrice  {
	padding-right:5px;
	white-space: nowrap;
}
.eoiTable tbody td.eoiPref{
	padding:5px 5px 2px 5px;
	width:79px;
}

.eoiTable tbody td.eoiPrice {
	border-left:1px solid #ddd;
	padding:5px 5px 2px 5px;
	white-space: nowrap;
}
.eoiTable tbody td.eoiCase{
	border-left:1px solid #ddd;
	padding:5px 5px 2px 5px;
	white-space: nowrap;
	font-size:11px;
}
.eoiTable th img {
	vertical-align: middle;
}
.eoiTable thead th {
	padding: 0 0 0 5px;
	border-left:1px solid #ddd;
	font-weight:bold;
}
.eoiTable thead th.eoiTitle,
.eoiTable thead th.eoiPref {
	padding: 0 0 0 0;
	border-left:none;
}
.eoiTable {
	background:url(/img/eoiFade.jpg) no-repeat right top;
}
.eoiKey {
	padding:10px;
	background:#eee;
	margin-top:30px;
}
.eoiKey td {
	padding:2px 20px 2px 0;
	font-size:85%;
}
#contentall .eoiKey p {
	font-size:85%;
	margin:0;
}
.eoiKey table {
	margin:0.5em 0;
}
#contentall .eoiKey h2 {
	font-size:100%;
	margin:0 0 0.5em 0;
}
.accountbanner {
	margin-bottom:15px;
	clear:both;
}
.accountbanner img {
	display:block;
}
.sidenav {
	color:#666;
	background:#eee url(/img/sidenavbg.png) no-repeat right bottom;
	padding-bottom:20px;
}
.sidenav h2 {
	color:#fff;
	background:#999 url(/img/sidenavh2bg.png) no-repeat right top;
	padding:5px 0 5px 20px;
	font-weight:bold;
	border-bottom:1px solid #333;
}
.sidenav ul {
	border-top:1px solid #fff;
	padding:12px 20px 0 20px;
}
.sidenav li {
	display:block;
	border-bottom:1px solid #ccc;
}
.sidenav li a {
	color:#666;
	background:#eee;
	padding:5px 0;
	display: block;
	text-decoration:none;
}
.sidenav li a:hover {
	background:#ddd;
	color:#000;
}
#contentall  ul.accountsublist {
	margin:0;
	padding:0;
}
#contentall ul.accountsublist li {
	display:block;
	list-style:none;
	margin:0;
	padding:0 0 3px 30px;
}



#SEO_Footer
{
		border: 2px solid #CCC;

margin: 0px auto;
width: 990px;
 display:block;
background:url(/img/SEOGrad.jpg) repeat-x;	 
}


#SEO_FooterTitle
{
background: none;
clear: both;
color: #111;
float: none;
font-size: 13px;
font-weight: bold;
height: 3em;
line-height: 3em;
list-style: none;
margin: 0px;
/*text-shadow: white 0px 1px 0px;*/
margin: 0px 0px 0px 40px;
}

#SEO_Nav
{
	height:400px;
}

#SEO_Footer .column
{
	float:left;
	display: inline; /*ie6 bugfix */
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 35px;
  border-left:solid 1px #777	; 
  width:190px;
  height:360px;
  
}
#SEO_Footer h3
{
	font-weight:bold;
  
}
#SEO_Footer .column ul
{
	padding:10px 0px 10px 0px;
}

#SEO_Footer li,#SEO_Footer li a, #SEO_Footer li a:visited
{
	text-decoration:none;
	color:#777;
}
#SEO_Footer  li a:hover
{
	text-decoration:underline;
	color:#595536;
}


#footerIconDeck {
	padding: 15px 0 15px 0;
	margin:0;
	text-align:center;
}

#footerIconDeck img {
	margin: 0 8px 0 8px;
}