/* -- Navigation -- */
ul.navigation, ul.navigation ul, ul.navigation ul ul, ul.navigation ul ul ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.navigation li{
	float: left;
	margin:0;
	padding-right:0.3em;
	padding-left:0.3em;
	border-left: 1px solid;
	}
ul.navigation li.first{
	border:none;
	}

/* -- User Navigation -- */
#userNav{
	float:right;
	list-style: none;
	margin: 0;
	padding: 0;
	}

/* -- User Navigation -- */
ul#userNav {
	font-size: .7em;
	margin: .7em 0 0 0;
	}

ul#userNav li {
	margin-left: 0.3em;
	padding-left: 0.5em;
	border-color: #611427;
	}
ul#userNav li a{
	color:#611427;
	text-decoration:none;
}
ul#userNav li a:hover{
	text-decoration:underline;
	}
ul#userNav li a:focus {
	text-decoration:underline;
	background:#eaeaea;
}
/* -- Primary Navigation -- */
#primaryNav{
	width:100%;
	float:left;
	position:relative;
	display:block;
	
}
#primaryNav ul.navigation {
    bottom:0;
    float:left;
    margin:0;
    max-width:996px;
    padding-top:22px;
    position:absolute;
    width:44em;
}
#checkout #primaryNav ul.navigation,
#checkout_deliveryoptions #primaryNav ul.navigation,
#checkout_ordersummary #primaryNav ul.navigation,
#checkout_payment #primaryNav ul.navigation,
#checkout_confirmation #primaryNav ul.navigation,
#checkout_basket #primaryNav ul.navigation,
#checkout_delivery #primaryNav ul.navigation
{
    position:relative;
}
.hiUser{
	font-size:.7em;
	text-align:right;
	width:314px;
	position:absolute;
	bottom:2px;
	right:0px;
}
#primaryNav li{
	text-align:center;
	background-color:#dddcc5;	
	border-top: 1px solid #b4b4b0;
	border-right: 1px solid #b4b4b0;
	border-left: 1px solid #b4b4b0;
	font-size:.735em;
	padding:0;
	margin:0;	
	margin-right:4px;	
}
#primaryNav li.selected {
	background-color:#611427;
}
#primaryNav li.subscriptions {
	border:1px solid #273236;
	border-bottom:0;
}
#primaryNav li a{
	padding:0 7px;
	height:2.5em;
	display:block;
	line-height:2.5em;
	color:#1d2326;
	text-decoration:none;
}
#primaryNav li a:hover, #primaryNav li a:focus{
	text-decoration:underline;
	color: #000;
	background: #b6b499;
}

#primaryNav li.selected a, 
#primaryNav li.subscriptions a {
	color:#fff;
}
#primaryNav li.selected a:hover {
	background:#611427;
}
#primaryNav li.subscriptions a,
#primaryNav li.subscriptions a:hover {
	xpadding:0 14px;
	background-color:#273236;
}
#primaryNav li.selected a:focus {
	background:#611427;
	font-weight:normal;
}
#primaryNav li.subscriptions a:focus {
	background:#b6b499;
}

/* -- Secondary Navigation -- */
#secondaryNav{
	clear:both;
	background-color:#611427;
	float:left;
	width:711px;
}

/*#secondaryNav ul {
	width:721px;
}*/
#secondaryNav li{
	background-color:#611427;	
	border:none;
	font-size:.75em;
	padding:10px 5px;
	margin:0;
	/*width:auto;
	background-image:url(I/secondaryNavBkgrd.gif);
	background-position:left bottom;
	background-repeat:repeat-x;	*/
}
#secondaryNav.subscriptions {
	border-bottom:4px solid #000;
}
#secondaryNav.subscriptions,
#secondaryNav.subscriptions li {
	background-color:#273236;
}
#secondaryNav.subscriptions li {
	text-align:center;
	padding:0;
}
#secondaryNav.subscriptions li a {
	display:block;
	padding:10px 20px;
}
#secondaryNav.subscriptions li.selected a,
#secondaryNav.subscriptions li a:active {
	color:#fff;
	background-color:#000;
}
#secondaryNav.empty {
	padding:7px 0;	
}
#secondaryNav li.first{
	border-left: 1px solid #b4b4b0;
	padding-left:1.2em;
}
#secondaryNav li a {
	text-align:center;
	color:#fff;
	padding:10px .5em;
	/*
	float:left;
	text-decoration:none;
	padding:1em 1em; margin:0 1px;
	height:3.1em;
	line-height:3.1em;
	display:inline;
	*/	
}
#secondaryNav li a:hover{
	text-decoration:underline;
}
#secondaryNav li a:focus,
#secondaryNav li a:active {
	background:#3b0c17;
}
#secondaryNav.subscriptions li a:focus,
#secondaryNav.subscriptions li a:active {
	background:#b6b499;
}

/* tertiary nav
---------------*/

div#secondaryNav ul.navigation li div.tertNavContent {
    display:none;
}

body div#secondaryNav ul li:hover div.tertNavContent /* provides css flyout menu for non-js browsers */
{
	display: block;
	position: absolute;
    top:33px;
    left:0px;
	background: #fff;
	z-index:5000;
	border:1px solid #333;
}

body.jsEnabled div#secondaryNav ul li:hover div.tertNavContent /* hides css flyouts for js-enabled browsers */{
	display: none;
	position: absolute;
	left:-5000px;
	background: transparent;
	z-index:0;
}

body.jsDisabled #secondaryNav ul li {
    position:relative;
}

body.jsDisabled #secondaryNav div.tertNavContent ul li {
    width:100%;
    background:none;
    border:none;
    padding:0;
    font-size:1em;
}
body.jsDisabled #secondaryNav div.tertNavContent ul li a {
    padding:0;
    height:auto;
    color:#333;
    text-align:left;
    line-height:1.3em;
}
body.jsDisabled #secondaryNav div.tertNavContent ul li a:hover {
    background:none;
    text-decoration:underline;
}
body.jsDisabled #secondaryNav div.tertNavContent div.column {
    font-size:1.1em;
    margin-left:10px;
    width:9em;
}
body.jsDisabled #secondaryNav div.tertNavContent ul li a:focus {
    background:none;
}

div.tertNavContent {
    width:690px;
}

#viewAlltertNav{
	margin:0px auto 0.5em 12px;
	width:690px;}
#viewAlltertNavPadding{
	display:block;
	padding:14px 20px 10px 22px;}

div.quatNav, .tertiaryNav, #viewAlltertNav {
	font-size:0.9em;
	height:auto;
	font-size:.9em;
	padding:0;
	width:100%;
}
	
#viewAlltertNav {
    width:98%;
}

.quatNav ul, .quatNav li,
.tertiaryNav ul, .tertiaryNav li, .tertiaryNav h3,
#viewAlltertNav div.column ul, #viewAlltertNav div.column li, #viewAlltertNav h3{
	padding:0;
	margin:0;
	list-style:none;
	}
	
.tertiaryNav h2, #viewAlltertNav h2{
	color:#333;
	font-size:0.9em;
	padding:0.5em 0 0.9em;
	text-align:left;
	}	
body.jsDisabled .tertiaryNav h2, #viewAlltertNav h2{
	color:#333;
	font-size:1.2em;
	margin:0.9em 0.5em;
	text-align:left;
	padding:0;
	}
.tertiaryNav h2 span, #viewAlltertNav h2 span{
	position:absolute;
	right:22px;	
}

.tertiaryNav h2 span a, #viewAlltertNav h2 span a{
	color:#333;
	}
	
.tertiaryNav h3,
.quatNav h3, #viewAlltertNav h3{ 
	color:#661427;
	padding:0.5em 0 1.0em 0;
	font-size: 1.0em;
	}

.tertiaryNav ul li, #viewAlltertNav div.column ul li{
	padding:0;
	}
#viewAlltertNav div.breadcrumbNav 
{
    width:99%;
    float:left;
    clear:both;
    margin-bottom:15px;
}
#viewAlltertNav ul.breadcrumb 
{
    margin-left:0;
    font-size:0.75em;
    text-transform:none;
}
#viewAlltertNav ul.breadcrumb li
{
    background:url(I/Product/arrowGt.gif) no-repeat right center;
}
#viewAlltertNav ul.breadcrumb li.last
{
    color:#333;
    background:none;
}
	
.breadcrumb ul li:first-letter,
.breadcrumb a:first-letter,
.facets ul li:first-letter,
.facets ul li a:first-letter,
.control a strong:first-letter,
.quatNav ul li:first-letter,
.quatNav ul li a:first-letter,
.tertiaryNav h3:first-letter,
#viewAlltertNav h3:first-letter,
/*.tertNav ul li:first-letter,
.tertNav div.column a:first-letter,*/
.more:first-letter {
	text-transform:capitalize;
	}
	
	
	
/* not sure why lowercase / capitalise combo being used!
.breadcrumb ul li,
.facets ul li,
.quatNav ul li,
.tertNav ul li,
.tertNav h3{
	text-transform:lowercase;
	}
.breadcrumb ul li:first-letter,
.breadcrumb a:first-letter,
.facets ul li:first-letter,
.facets ul li a:first-letter,
.control a strong:first-letter,
.quatNav ul li:first-letter,
.quatNav ul li a:first-letter,
.tertNav ul li:first-letter,
.tertNav h3:first-letter,
.tertNav div.column a:first-letter,
.more:first-letter {
	text-transform: capitalize;
	}
*/
div.control a:hover{
    text-decoration: underline !important; /*    TODO? Links on quat nav only has lowercase letters underlined...    */
    }

.quatNav div.column,
.tertiaryNav div.column, 
#viewAlltertNav div.column{
	float:left;
	line-height:1.2em;
	margin:0 1em 0 0;
	padding:0 1.0em 1.0em 0em;
	text-align:left;
	width:10em;
	height:15.5em;
	font-size:0.75em;
	} 
#viewAlltertNav div.column{
	height:auto;
	}

.quatNav li a,
.tertiaryNav h3 a, 
.tertiaryNav li a,
#viewAlltertNav div.column li a{
	color:#333;
	font-size:1.0em;
	display:block;
	width:100%;
	padding:0 0 0.3em 0;
	}

.noJscriptDiv{ 
	padding:0 0 0 1em;
	width:100%;
	}

.more {
	font-weight:bold;
	text-transform:lowercase;
	}

.tertiaryNav li a.more,
#viewAlltertNav li a.more{
	padding:0.2em 0 0 0;
	}

.tertiaryNav h3 hide,
#viewAlltertNav h3 hide{
	background-color:#fff;
	color:#000;
	left:-5000px;
	position:absolute;
	top:-5000px;
	}

#tertiaryNav {   /*  flyout  */
	width:690px;
}

.tertiaryNavStatic {
	left:0pt;
	top:0pt;
	z-index:500;
	float:left;
	background:#000;
	padding-bottom:1px;
}

.tertiaryNavStaticBG {
	background:#fff;
	float:left;
	width:661px;
	padding:15px;
	border-bottom:4px solid #6A6A61;
}

.tertiaryNavStatic .tertiaryNav div.column {
	width:9.8em;
	height:auto;
	}
.tertiaryNavStatic .tertiaryNav span {
	position:static;
	margin-left:420px;
}

/* Quaternary Nav
--------------------- */

body.jsEnabled div.quaternaryNav { 
	display:none;
	position:absolute;
	}

div.quaternaryNav{ 
	margin:-0.7em 0 0 0;
	left:1em;
	z-index:450;
	}
	
/* 4th Lvl Nav Control 
----*/

div.quatNavControl,  div.quatNavControl p, div.quatNavControl a, div.quatNavControl div.control {
	height:2.7em;
	line-height:2.7em;
	}

div.quatNavControl {
	margin: 0.2em 0 0 0;
	font-weight:normal;
	font-size:1em;
	clear:both;
	}
	
div.over div.control{
	position:absolute;
               left:13.5em;
               z-index:475;
	}
	
div.quatNavControl p{
	float:left;
	width:13em;
	display:block;
	padding:0;        
	}
	
div.quatNavControl div.control div.l,
div#content div#contentMain div.over  div.lowerN div.l{
	background: transparent url(I/Navigation/shelfBtnLft.png) no-repeat scroll left top;
	width:0.45em;
	float:left;
	height:3em;
	}

div.over  div.control div.l{
	background: transparent url(I/Navigation/shelfBtnLftO.png) no-repeat scroll left top;
	}

div.quatNavControl a{
	background: transparent url(I/Navigation/shelfBtnRgt.png) no-repeat scroll right top; 
	float:left;
	margin:0;
	}
	
div.over a{
	background: transparent url(I/Navigation/shelfBtnRgtO.png) no-repeat scroll right top;
	}

div.quatNavControl strong,
div#content div#contentMain div.over div.lowerN strong{
	display:block;
	height:2.4em;
	line-height:2.4em;
	background:#fff;
	border-top:1px solid #00539f;
	border-bottom:1px solid #00539f;
	margin:0 0.4em 0 0;
	padding:0 1em 0 1.5em;
	text-transform:lowercase;
               white-space:nowrap;
	}
	
div.quatNavControl img{
	margin:0 0 0 0.5em;
	}
div.over strong{
	border-bottom:none; /* apply class on script interaction */
	}

div.quatNavControl a.here{
	color:#000;
	}

/* page bottom flyout nav overrides on page flyout Ctrl
*/

div#content div#contentMain div.lowerNav{
        margin:1em auto 0 auto;
    }
div#content div#contentMain div.lowerNav a{
         
    }
div#content div#contentMain div.lowerNav p, 
div#content div#contentMain div.over p{
        width:19em;
    }
div#content div#contentMain div.over div.lowerN{
        left:19.6em;
    }
    
div#content div#contentMain div.over div.lowerN a{
       background: transparent url(I/Navigation/shelfBtnRgt.png) no-repeat scroll right top;
    }
    
div#content div#contentMain div.lowerNavFlyout{
        bottom:-5em;
        margin-left:5em;
    }
div#content div#contentMain div.over  div.lowerN div.l{
    width:0.4em;
}

/* Quat nav actual */
div.quatNav {
	font-size:1em;
	}
	
div.header div.quatNav li.here {
	font-weight:bold;
	font-size:1.1em;
	}
	
div.quatNav a.all{
	position:absolute;
	margin:0 1.75em 0.5em 0;
	bottom:0;
	right:0;	
	}
	
div.quatNav ul li{
	padding: .2em 0 0 .5em;
	}
	
/* Facets
-------------*/

div.facets h4{
	font-weight:normal;
	margin-bottom:0;
}
div.facets {
  height:1em;
}

/* breadcrumbs
-------------------*/
#breadcrumbNav
{
	float:left;
	width:100%;
	background-color:#6A6A61;
	font-size:0.7em;
	text-align:left;
	padding: 4px 0px;
	border-bottom:1px solid #000;
}
#NobreadcrumbNav
{
	float:left;
	width:100%;
	background-color:#6A6A61;
	font-size:0.7em;
	text-align:left;
	padding: 0px;
	border-bottom:1px solid #000;
	height:20px;
}
.productDetailsContent #breadcrumbNav {
    font-size:0.7em;
}
#breadcrumbNav a:link, #breadcrumbNav a:visited {
    color:#fff;
}
a#viewAllOptionsLink {
	float:left;
	width:125px;
	border-bottom:1px solid #AAA191;
	padding:3px;
	display:block;
	margin-left:8px;
	font-weight:bold;
}
body#product_details a#viewAllOptionsLink {
	border:0;
}
.breadcrumb {
	font-weight:bold;
	list-style:none;
	text-transform:capitalize;
	float:left;
	margin-left:5px;
}

.breadcrumb li {
	background:transparent url(I/Product/arrowGtBreadcrumb.gif) no-repeat right center;	
	padding-right:1em;
	margin-right:.5em;	
	line-height:1.3em;	
	float:left;
}
#wineselect_productdetails .breadcrumb li {
	background:url(I/Product/arrowGtBreadcrumbSubs.gif) no-repeat right 5px;
	padding-right:1.3em;
}
.breadcrumb li.last,
#wineselect_productdetails .breadcrumb li.last {
	font-weight:bold;
	color:#fff;
	background:none;
}
.breadcrumb ul li.f {
	background:none;
	padding-right:0;
}
.breadcrumb li a:visited,
.breadcrumb li a {
	color:#661427;	
}
#wineselect_productdetails #breadcrumbNav {
	background-color:#273236;	
	padding:11px 0;
	color:#fff;
    margin:0 10px;
	width:670px;
}
#wineselect_productdetails #breadcrumbNav ul {
	margin-left:11px	
}
#wineselect_productdetails #breadcrumbNav li {
	font-size:1.5em;	
}

/* Hidden Navigation */
ul#skipNavigation {
	position:relative;
	display:inline;
	float:left;
	left:auto;
	top:auto;
	height:34px; overflow:hidden;
	width:200px;
	margin:0.8em 0 0.5em 1em;
	list-style:none;
}
ul#skipNavigation li {
	list-style:none;
}

ul#skipNavigation li a {
	position:absolute;
	top:-5000px;
	left:-5000px;
	font-size:0.7em;
	font-weight:bold;
	line-height:1.2em;
	text-decoration:underline;
	padding:2px;
	background:#eaeaea;
}
ul#skipNavigation li a:active,
ul#skipNavigation li a:focus {
	top:auto;
	left:auto;
}

li.navListContainer ul.navList li.navHide, div.column ul.navList li.navHide {
	display:none;
}

li.navListContainer ul.open li.navHide, div.column ul.open li.navHide {
	display:block;
}

a.toggle {
	font-weight:bold;
}
a.moreLess, a#moreLess {
	float:left;
	overflow:hidden;
}
div#messages{	
	float:right;
	width:18em;
}
/* footer nav */
body.jsEnabled #footerContent ul.navigation li{
	padding-right:0.2em;
	}
body.jsEnabled ul#userNav li a.helpLink, body.jsEnabled ul.navigation li.help a.helpLink, div#accessContent a.helpLink{
	background:transparent url(I/Generic/new-win-icon.gif) no-repeat right center;
	padding-right:14px;
	margin-right:1px;
}
body.jsEnabled ul.navigation li.external a.external, div#accessContent a.external {
	background:transparent url(I/Generic/externalLink.gif) no-repeat right center;
	padding-right:16px;
	margin-right:1px;
}
body.jsEnabled ul#userNav li a.helpLink:focus, body.jsEnabled ul.navigation li.help a.helpLink:focus, body.jsEnabled ul.navigation li.external a.external:focus, div#accessContent a.external:focus, div#accessContent a.helpLink:focus {
	text-decoration:underline;
	background:#eaeaea url(I/Generic/new-win-icon.gif) no-repeat right center;
}
body.jsEnabled ul.navigation li.external a.external:focus, div#accessContent a.external:focus {
	text-decoration:underline;
	background:#eaeaea url(I/Generic/externalLink.gif) no-repeat right center;
}
div#viewAlltertNav a.backLink
{
    float:right;
    font-size:0.75em;
    font-weight:bold;
}
div#basket-Active a.backLink {
    float:left;
    margin-top:10px;
    font-weight:bold;
}