/* Global Nav CSS */
#globalNav {
	font-size: 1.2em;
	margin-bottom: 5px;
	position: relative;
	z-index: 999;
}

#mandslogo {
	float: left;
	width: 163px;
}

#mandslogo img {
	border: none;
	display: block;
}

#utilities {
	float: left;
	position: relative;
	width: 793px;
        z-index: 10000;
}

#utilityMenu {
}


#globalNav #search form {
	padding: 0;
} 

#globalMenu {
	background: url(/static-www.marksandspencer.com/css/images/bg-global-menu.png) 100% 0 repeat-y;
	float: right;
	padding: 12px 176px 0 0;
}

#globalMenu ul {
	float: right;
}

#globalMenu ul li {
	background: url(/static-www.marksandspencer.com/css/images/top-nav-sep.gif) 0 50% no-repeat;
	float: left;
	margin-bottom: 0;
	padding-left: 16px;
}

#globalMenu ul li.home {
	background-image: none;
	display: inline;
}

#primaryNav {
	/*background: #000 url(/static-www.marksandspencer.com/css/images/bg-primarynav.gif) 0 0 repeat-x;*/
	clear: left;
	position: relative;
}

ul#menu {
	/*background: url(/static-www.marksandspencer.com/css/images/bg-primarynav.gif) 0 0 repeat-x;
	background-color: #000;*/
	clear: none;
	float: left;
	margin-bottom: 0;
	position: relative;
	width: 100%;
}

ul#menu li {
	background: #000 url(/static-www.marksandspencer.com/css/images/primarynav-sep.gif) 100% 50% no-repeat;
	border-top: 3px solid #fff; 
	float: left;
	margin: 0;
	padding: 0;
}

ul#menu li.currentOut a {
	color: #D3E773;
}

ul#menu li.prev {
	background-image: none;
}

ul#menu li.hovered, 
ul#menu li.current {
	background-color: #D3E773;
	background-image: none;
	border-color: #CBDF69;
	border-style: solid solid none;
	border-width: 1px 1px 0;
	color: #000;
}

ul#menu li.hovered a.heading,
ul#menu li.current a.heading {
	color: #000;
	text-decoration: none;
	padding: 10px 13px 8px;
}

ul#menu li.hovered a.heading:hover,
ul#menu li.current a.heading:hover {
	text-decoration: none;
}

ul#menu li a.heading {
	color: #fff;
	display: block;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.1;
	margin: 0;
	padding: 8px 14px;
	text-decoration: none;
}

ul#menu li a.heading:hover {
	text-decoration: none !important;
}

ul#menu .shopByGroup ul {
	font-size: 100%;
}

ul#menu .shopByGroup li {
	background-color: #fff;
	background-image: none;
	border-top: none;
	float: none;
	padding: 0;
}

ul#menu .shopByGroup li a {
	display: block;
	letter-spacing: normal;
	line-height: 1.35;
	padding: 1px 7px 1px;
}

* html ul#menu .shopByGroup li a { /* for ie 6 */ 
	height: 1%;
}

ul#menu .shopByGroup li a:hover {
	border-bottom: 1px solid #e0e0e0;
	background-color: #d3e773;
	padding-bottom: 0;
	text-decoration: underline !important;
}

ul#menu .shopByGroupContainer {
	background-color: #D3E773;
	border-color: #CBDF69;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	display: none;
	margin-left: -1px;
	padding: 5px 3px 3px;
	position: absolute;
        z-index: 500;
}

/* needed for IE6 z-index workaround */
ul#menu iframe.shim {
    display:none;
    position: absolute;
    height: 1px;
    width: 1px;
    z-index: 499;
}

ul#menu .shopByGroupContainer .shopByGroup {
	background-color: #fff;
	border: 1px solid #CBDF69;
}

ul#menu .shopByGroupContainer .shopByGroup.columns1 {
	background-color: #fff;
}

ul#menu .shopByGroupContainer .shopByGroup.columns2 {
	background: #fff url(/static-www.marksandspencer.com/css/images/bg-showbygroup.gif) 50% 0 repeat-y;
	width: 338px;
}

ul#menu .shopByGroupContainer .shopByGroup .column {
	float: left;
	padding: 10px 2px 3px;
	width: 164px;
}

ul#menu .shopByGroupContainer .shopByGroup .column.first {

}

ul#menu .shopByGroupContainer .shopByGroup .column.second {
	padding: 10px 2px 8px 3px;
	width: 165px
}

ul#menu .shopByGroupContainer .shopByGroup ul {
	padding-bottom: 8px;
}

ul#menu .shopByGroupContainer .shopByGroup span.categoryHeading {
	border-bottom: 1px dotted #9A9A9A;
	clear: both;
	display: block;
	font-weight: bold;
	margin: 0 7px 2px;
	padding-bottom: 5px;
}

ul#menu li#offers {
	/*background: transparent url(/static-www.marksandspencer.com/css/images/bg-specialOffers-left.gif) 0 50% no-repeat;*/
	background: #B42C15 url(/static-www.marksandspencer.com/css/images/new_bg5.gif) 0 -3px repeat-x;
	*background: url(/static-www.marksandspencer.com/css/images/new_bg6.gif) 0 -9px repeat-x;
	-background: url(/static-www.marksandspencer.com/css/images/new_bg6.gif) 0 -6px repeat-x;
	padding: 0;
	text-align: center;
	float:none;
	-float:left;
	-width:expression(document.getElementById("menu").offsetWidth-document.getElementById("menu").children[0].offsetWidth-document.getElementById("menu").children[1].offsetWidth-document.getElementById("menu").children[2].offsetWidth-document.getElementById("menu").children[3].offsetWidth-document.getElementById("menu").children[4].offsetWidth-document.getElementById("menu").children[5].offsetWidth-document.getElementById("menu").children[6].offsetWidth-document.getElementById("menu").children[7].offsetWidth-document.getElementById("menu").children[8].offsetWidth);
}

ul#menu li#offers a {
	/*background: transparent url(/static-www.marksandspencer.com/css/images/bg-specialOffers-right.gif) 100% 50% no-repeat;*/
	background: #B42C15 url(/static-www.marksandspencer.com/css/images/new_bg5.gif) 0 -3px repeat-x;
	*background: url(/static-www.marksandspencer.com/css/images/new_bg6.gif) 0 -9px repeat-x;
	-background: url(/static-www.marksandspencer.com/css/images/new_bg6.gif) 0 -6px repeat-x;
	color: #fff;
	display: block;
	text-decoration: none;
	/*padding:8px 0;*/
}

ul#menu #offers a:hover {
	text-decoration: underline;
}

img.specialOffers {
	margin: 2px 0 0;
	display: block;
}


/* clearfix to override M&S legacy clearfix */ 
.clearfix:after { 
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden; 
} 
.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */



/* Global footer */

div#globalFooter {
	padding-top: 18px;
}

div#globalFooter ul {
    background: transparent url(/static-www.marksandspencer.com/css/images/bg-faux-footer-divider.png) repeat-y scroll center top;
    overflow: hidden;
    width: 956px;
}

div#globalFooter li {
	background-image: none;
}

div#globalFooter ul li {
    float: left;
    width: 268px;
    margin-right: 1px;
    padding-left: 30px;
    padding-right: 20px;
}

div#globalFooter ul li.last {
    background: none;
    margin-right: 0;
}

div#globalFooter ul ul {
    background: transparent none repeat scroll 0 0;
    overflow: visible;
    width: auto;
}

div#globalFooter ul ul li {
	float: none;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0;
	padding: 0px 10px 0px 0px;
}

div#globalFooter ul li ul li {
	background: none;
	font-size: 1.1em;
	margin-right: 0;
	padding-right: 10px;
}

div#globalFooter ul li ul li.col1 {
	width:130px;
}

div#globalFooter ul ul li.col1 {
	width: 120px;
}

div#globalFooter ul ul li.col2 {
	margin-left: 140px;
	width: 118px;
}

div#globalFooter ul ul li.col2.firstitem {
	margin-top: -6em;
}

div#globalFooter span.serviceHeading {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
	width: 238px;
}


div#globalFooter ul li.businessSolutions ul li.firstItem {
	margin-top: -3em;
}

#globalFooter div.copyright {
	border-top-color: #D6D6D6;
	overflow: auto;
}

#globalFooter div.copyright ul {
    background: none;
}

#globalFooter div.copyright ul li {
	background: url(/static-www.marksandspencer.com/css/images/bullet-dot.gif) right 50% no-repeat;
	display: inline;
	float: none;
	list-style-type: disc;
	padding: 0px 10px 0px 5px;
	width: auto;
}

#globalFooter div.copyright ul li.last {
	background: none;
}

.copyright ul li {
    background: none;
}

* html #browsePage div#globalFooter {
    padding-top: 9px !important;
}

* html #browsePage div#globalFooter {
    margin-top: -9px;
}

* html div#globalFooter ul li {
	display: inline;	
	width: 233px;
}

* html div#globalFooter ul {
	height: 1%;
}

* html div#globalFooter ul ul li {
	display: block;
}

* html div#globalFooter span.serviceHeading {
	width: 233px;	
}

* + html #browsePage #globalFooter {
    padding-top: 9px;
}

* + html #masthead #globalFooter div.copyright {
    margin-top: 6px!important;
}

ul.gurupaFooter {
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
}

div#oplSigninFooter div.copyright ul li {
  background: none;
}

/* 
	This file seperates rules that specifically overides/augments selector rules within the global.css file.
	This is to aid Amozon in integrating these changes

	overides: 
		the original selector is still relevent - these rules modify those
*/

#utilityMenu a { /* overides #gMenu .a */
	text-decoration:none;
}

#utilityMenu a:hover { /* overides #gMenu .a:hover */
	color: #000;
	text-decoration:underline;
}

#utilityMenu #search { /* overides #search */
	background-color: #fff;
	color:#000;
	float: right;
	font-size: 1em;
	height: auto;
	min-height: 100%;
	padding-top: 8px;
}

/* hack to align form to container's right */
#quickSearchForm fieldset{
    text-align: right!important;
}

#utilityMenu #search .bannerInput { /* overides #search */
	color: rgb(102,102,102);
}

.basket { /* overides #gMenu .basket */
	display:block;
	padding: 9px 10px 4px 10px;
	position: absolute;
	right: 0;
	top: 0;
	width: 141px;
}

.basket .cartMain {
	padding-bottom: 10px;
}

.basket .basketTitle { /* overides #gMenu .basket .basketTitle */
	font-weight: bold;
	margin: 0 5px 0 3px;
}

.basket a {
	text-decoration: none;
}

.basket a:hover {
	text-decoration: underline;
}

.basket .basketImage { /* overides #gMenu .basket .basketImage */
	border: none;
	margin-bottom: -1px;
}

.basket .proceedToCheckout {
	background: transparent url(/static-www.marksandspencer.com/css/images/bg-proceed-to-checkout.png) 0 50% no-repeat;
	font-weight: bold;
	padding-left: 10px;
}

.greeting { /* overides #gMenu .greeting */
display: inline;
	clear: both;
	float: right;
	padding: 8px 14px 0 0;
	width: 300px;
}

.greeting p {
	float: right;
}

.greeting span.register {
    margin-left: 9px;
}

.greeting span.sign-in {
    padding-right: 9px;
    background: transparent url(/static-www.marksandspencer.com/css/images/bullet-dot.gif) no-repeat scroll right 50%
}
/* fix for menus overlapped by other elements -- wiki Z-Index for explanation */
#globalNav {z-index:2}
#main {z-index:1}

/* breadcrumb */

div#breadcrumb {
	border-bottom: 1px solid #d6d6d6;
	font-size: 1.2em;
	padding: 2px 15px 5px 15px;
}

div#breadcrumb ul {

}

div#breadcrumb ul li {
	background: url(/static-www.marksandspencer.com/css/images/bg-breadcrumb.gif) right 0.5em no-repeat;
	float: left;
	margin-right: 0.6em;
	padding: 0px 12px 0px 0px;
}

div#breadcrumb ul li.pageHere,
div#breadcrumb ul li.productHere {
	background: none;
	padding-right: 3px;
}

div#breadcrumb ul li strong {
	font-weight: bold;
}
div#breadcrumb ul li a {
    text-decoration: underline !important;
}

#searchGoButton,
#search_go {
  padding-left: 8px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #browsePage #lMenu{ width:159px; min-width:159px }
  #utilityMenu #search{min-height:23px}
  #primaryNav{height:32px;min-height:32px}
}