/* primary structure */
#content	{padding:0 9px; _height:280px; min-height:280px;}

#wrap2  {background-color:white; margin: auto; width:960px;}
#wrap { width:956px !important; min-width:755px !important; _height:80%; min-height:80%; margin:auto; background-color:#FFFFFF; text-align:left;border-width:0 2px 2px 2px; border-color:#ccc; border-style:solid; border-top-style:none;}


.mixedBasketWithHomeDeliveryError {
  font-weight : bold;
  color : #CC0000;
}

.mixedBasketButtonBorder{
/*  border: 2px solid #CC0000; */
}

#wrapper {background-color:white;}
#innerWrapper {background-color:#FFFFFF;border-color:#D6D6D6;border-style:none solid solid;border-width:0 2px 2px;margin:auto;min-height:80%;text-align:left;width:956px;}
#browsePage {background-color:#FFFFFF;text-align:left;}

/* Accessibility  styles */
.accessKeyLinks ul          { padding: 0;margin: 0;list-style: none;}
.accessKeyLinks li          { padding: 0;margin: 0;list-style: none;display: inline;}
.accessKeyLinks a           { color: #000000;position: absolute;top: 2px;left: 185px;overflow: hidden;width: 0;height: 0;font-size: .6em;}
.accessKeyLinks a:active, .accessKeyLinks a:focus { position: absolute;overflow: visible;width: auto;height: auto;font-size: 1.8em;border: 0;margin: 0;padding: 3px;font-size: 0.9em;background: #C2D934;}

.accessibility {
    display:block;
    height:1px !important;
    left:-9999px !important;
    line-height:1px !important;
    overflow:hidden !important;
    position:absolute !important;
    top:-9999px !important;
    width:1px !important;
}

/*  end Accessibility styles */

:focus {outline-color: #3C3C3C;}

#main		{display:in-line;}

/* ********************************************** */
/* masthead */
#masthead{background-color:#FFFFFF;	text-align:left;}
#container{background-color:#FFFFFF; text-align:left; margin:auto; width:760px;}
#singleContainer{background-color:#FFFFFF; text-align:left; width:760px;}
.contentWidth{width:760px;clear:both;margin-top:15px;margin-bottom:15px;}

/* overrides for margin on contentWidth for headers */
	
.headerBottomMargin                      {margin-bottom: 10px !important;}                                                 
.headerBottomPadding                     {padding-bottom: 13px !important;}                                                 
.contentTopMarginOverride                {margin-top: 0px !important;}                                                      
.contentBottomMarginOverride             {margin-bottom: 0px !important;}  

#logo	{position:absolute; z-index:1;top:0; bottom:0; width:163px; height:95px;}
#tMenu	{position:absolute;	z-index:3; text-align:left;	width:590px; margin-left:165px; top: 62px;}

/* global navigation ********************************** */

#menu {float:left;width:500px;}
#gMenu						{font-size:1.09em; height:59px; text-align:right; width:550px;float:right;}
#gMenu a			{text-decoration:none;}
#gMenu a:hover			{text-decoration:underline;}
#gMenu .basket			{white-space:nowrap;padding:7px 19px 4px 5px;_padding-left:8px;_padding-right:17px;margin-left:7px;background-color:#D1E56D;display:block;float:left;}
#gMenu .basket .basketImage	{margin-bottom:-3px;}
#gMenu .basket .basketItems	{font-weight:normal;}
#gMenu .basket .basketTitle	{font-weight:bold; margin-right:5px; margin-left:3px;}
#gMenu .greeting			      {padding-right:17px;float:right;margin-top:3px;}
#gMenu .greeting a			{text-decoration:underline;}
#gMenu .links a				{padding: 0.3em 0.2em;}

#tabNavigation {height:96px;}
#tabNavigation a {color:black;}
#tabNavigation #top-nav {color:#999;}

#top-nav {margin-top:9px;display:block;float:left}

/*search strip, under masthead */
#search					{font-size:1.1em; min-height:29px; height:2.32em; padding:0; margin:0; background-color: #000000; color:#FFFFFF;}
#search	*				{vertical-align:middle; }

#search form				{display:block; margin:0; padding:4px 0 0 12px; _padding:2px 0 0 12px; text-align: left !important;}
#search label				{font-weight:bold;}
/*table.searchResultsRow {width:25%; padding: 0 0 2px 10px; margin-left:15px;}*/
table.searchResultsRow {width:100%;padding-bottom:20px;clear:both;}
.firstSrchItem {padding-left:8px;}
.noResultsSrchTips {padding:10px !important;padding-left:0px !important}
.noResultsSrchTips h5 {font-weight: bold;}
.searchTextColor {color:666666;}

/***** Changed by masih@. DO NOT EDIT/REMOVE *****/
#search .promoFeature                                   {margin: 0; min-width:160px; min-height:31px; height:2.32em; _height:2.38em; float:right;}
/***** masih@ ******/

/* ********************************************** */
/* breadcrumb navigation */
/* doesnt appear when contains no info, simplify logic */
#breadcrumbs                {vertical-align:middle; font-size:1.09em; padding:7px 0px 7px 12px; border-bottom:solid 1px #CCCCCC; color:#666666;text-align:left;}
#breadcrumbs a				{color:#333333;text-decoration:underline !important}
#breadcrumbs a:hover                    {color:#333333;text-decoration:underline !important}

#registrylayout1                {width:760px; height:260px;}

/*left navigation */
/** Changed by chandar@ . Please Dont Edit **/
.layout-131 #lMenu                      {min-width:100px !important;}
.layout-132 #lMenu                      {min-width:100px !important;}
.layout-136 #lMenu                      {min-width:100px !important;}
.mands-layout-141 #lMenu                      {min-width:100px !important;}


#lMenu					{line-height:1.3em; min-width:163px; width:14.7em; border-right:solid 1px #CCCCCC; padding:9px -2px 0em 4px !important; padding-top:9px !important; }
/** @chandar **/
#lMenu h2				{font-weight:bold; font-size:1.55em; margin:3px 0 4px 0 !important; padding: 0 10px 0px 11px; color:#333333; line-height: 120%; }
#lMenu h3				{font-size:1.09em; margin:0.5em 0 0 0 !important; }
#lMenu h2 a, #lMenu h3 a                {text-decoration:none;}
#lMenu h2 a:hover, #lMenu h3 a:hover    {text-decoration:underline;}
#lMenu div.smPad 		        {padding:3px 0px 0px 0px !important; margin-bottom:9px !important;}

#lMenu div.menu			{padding:0; margin:0 10px 9px 10px !important;}
#lMenu div.menu h3		{margin: 0.18em 0 0 0 !important; font-size:1.27em; color:#333333;}
#lMenu div.menu ul		{display: inline; padding: 0; margin:0;font-weight:normal;}
#lMenu div.menu ul li	        {display: block; padding:0.19em 0; margin:0 0 0 3px; list-style:none outside none; list-style-type:none; font-size:1.09em; color:#333333;}
#lMenu div.menu ul li ul        {background-image:none;  padding: 0 0 0 10px; margin:3px 0 0 0;}

#lMenu div.menu ul.return	{white-space:normal; display: run-in !important; }
#lMenu div.menu ul.return li    {display: block !important; padding-left:9px !important; margin:0  !important; background: transparent url(/static-www.marksandspencer.com/css/images/bullet-laquo.gif) no-repeat 1px 4px !important;}
#lMenu div.sep			{background-image: url(/static-www.marksandspencer.com/css/images/hr-dotted.gif); height:2px; margin:8px 6px 0 5px !important;  margin-bottom:5px !important; _margin-bottom:-8px !important;}

/*right navigation */
#rMenu				{text-align:center; padding:2px 2px 2em 2px !important; min-width: 157px; width:14.3em}
#rMenu li, #rMenu p		{text-align:left;}
#rMenu div.menu			{border: solid 1px #666666; margin: 0 0 2px 0; }
#rMenu div.menu h3		{color:#FFFFFF; margin:0 auto !important; padding:3px 0 !important; text-align:center !important; background: #000000 url(/static-www.marksandspencer.com/css/images/h3-lMenu.jpg) repeat-x 50% 50%;}
#rMenu div.menu h4		{text-align:left; font-size: 1em; padding:0 3px; margin: 0 0 0.2em 0}
#rMenu div.menu ul		{display: block; padding: 0 2px 3px 7px; margin:0 0 0.4em 0}
#rMenu div.menu ul li	{padding:0 0 0.4em 0; margin:0; list-style:none outside none; list-style-type:none;}
#rMenu div.menu ul li ul{background-image:none;  padding: 0 0 0 12px; margin:3px 0 0 0;}

#rMenu div.menu ol		{display: block; padding: 0 0 3px 0; margin:5px 6px 0.4em 2em; _margin-left:2.6em}
#rMenu div.menu ol li	{ margin-bottom:0.6em}
#rMenu div.menu ol li a	{/* text-decoration:underline */}

#rMenu div.menu ul.onward{margin-left:1.3em}

#rMenu div.menu li.sel {font-weight:normal; background-color:#efefef}

#rMenu div.menu p	{padding: 0 2px 3px 7px;}
#rMenu div.emphasis	{margin:1em 3px; text-align:left}

/* banner strip at bottom of the page. it will appear as extra padding of the table cell bHolder
doesnt contain a #bBanner - simplify logic by wrapping styles, not structure */
td.bHolder			{height:4em !important; vertical-align:bottom}
#bBanner			{left:0px; position:relative; z-index:auto; vertical-align:middle; _height: 40px !important; line-height: 40px !important; padding:0px 8px; background: #FFFFFF; color:#000000; font-size: 1.1em; }
#bBanner form		{display:inline;}
#bBanner a			{color:#EEEEEE; text-decoration:underline;}
#bBanner a:hover	{color:#DDDDDD; text-decoration:underline;}

/* banner strip for newsletter bar*/
#newsBanner	        {left:0px; position:relative; z-index:auto; vertical-align:middle; _height:34px !important; line-height:34px !important; padding:0px 8px; background: #000 url(/static-www.marksandspencer.com/css/images/email_newsletter_banner.bmp) repeat 0% 0% !important; color:#FFFFFF;}
#newsBanner form	{display:inline;}

/* banner strip for gift-shop bar at the bottom of page */
#giftBanner	        {left:0px; position:relative; z-index:auto; vertical-align:middle; padding:0px 8px; background: #000 url(/static-www.marksandspencer.com/css/images/gift_shop_banner.jpg) repeat 0% 0% !important; color:#FFFFFF;}
#giftBanner form	{display:inline;}

/*header-image on recommendations and personal shopper pages*/
div.hero{margin:-2px -2px 0 -2px !important}
div.hero2{position:relative; z-index:auto; margin:-11px -11px 0 -11px !important}
.heroExtended {z-index:auto; position:relative; margin-bottom:12px !important; padding:0; width:52em;}
.heroExtended img {margin:0}

/**************************************************************/
/* footer */
#footerSlots { clear:both;}

#globalFooter.cnepFooter { border-top:15px solid #CCCCCC;}
#globalFooter {border-top: 2px solid #D6D6D6; padding-bottom: 10px;}
#globalFooter h4				{padding-left:10px; padding-bottom:2px; color:#333333; font-size:1.09em; }

#globalFooter table				{clear:both;}
#globalFooter table td		                {padding:0 0 10px 0;}
/* commented masih@ - not currently used in bottom nav footer -> #globalFooter table table		{width:auto; } */
#globalFooter table td td                       {padding:0;}

#globalFooter table a			{font-size:0.9em; padding-left:10px; padding-bottom:2px; float:left; display:block; text-decoration:none; }
#globalFooter a:hover			{text-decoration:underline; }

div.copyright             {text-align:center; margin-top:6px; padding:8px 0 0 0; font-size:0.9em; }
#globalFooter div.ISISsecurity { border-top:solid 1px #CCCCCC; margin-top:6px; text-align:center; padding-top:10px;}

#returnsanddelivery{border: 1px solid #CCC;margin-left:12px;margin-right:12px;width:190px;background-color:#EEEEEE;}
#returnsanddelivery span{text-decoration:underline;cursor:pointer;}
#returnsanddelivery h3{font-size:1em;padding:3px 7px;font-weight:normal;text-align:left;}
#returnsanddelivery h3 a{text-decoration:underline;}

#container{background-color:#FFFFFF; text-align:left; margin:auto; width:760px;}
#singleContainer{background-color:#FFFFFF; text-align:left; width:760px;}
.contentWidth{width:760px;clear:both;margin-top:15px;margin-bottom:15px;}

#saveForLaterButton{
  margin-top:80px;
  *margin-left:-16px;
}
#saveForLaterButton input,#deleteActiveButton input,#moveToCartButton input,#deleteSavedButton input{
  background-color: #fff;
  border: 0;
  text-decoration:none;
  color: #000;
  margin-left:-4px;
  padding:0px !important;    
  font-weight:bold;
  cursor:pointer;
}
#moveToCartButton{
  margin-top:80px;
  *margin-left:-14px;
}

#deleteActiveButton {
  *margin-left:-4px;
}

#deleteSavedButton {
  *margin-left:-4px;
}

* html .cartLayout2{font-weight:normal;font-size:1em;}
html>body .cartLayout2{*font-weight:normal;*font-size:1em;}

.categoryDropdownLabelCSSString{
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    float:left;
    margin-top:2px;
    padding-left:12px;
}
.labelForCSSString{
    margin-left:10px;
    margin-right:10px;
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
}
.search-in-category{
    float:left;
    padding-top:10px;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding-bottom:7px;
    width:533px;
}
       
.labelForCSSString input{
    margin-left:3px;
}

.goButtonCSSString{
  padding-left:10px;
}

/**************************************************************/
/* layouts ************************************* */
/* insert formatting specific to each layout here */
#layout1	                {width:100%; height:260px;}
#layout1 #content			{padding-top:9px}

#layout2				{width:100%; height:360px;}
#layout2 #lMenu				{padding-bottom:3em !important}
#layout2 #content			{padding-top:9px}
/* Cancelling out padding in case of category widget which uses id layout1a */
#layout2 #layout1a #content		{padding-top:0px}
#layout2 #hero				{margin: -1px -1px 0 -1px}
#layout2 #bBanner			{left:-1px; _left:0}

#layout3			        {width:100%; height:360px;}
#layout3 #rMenu				{min-width:173px; width:13.25em; padding:9px 9px 0 0 !important}
#layout3 #content			{padding-top:11px}
/* layout3a - use for contact and faq pages */
#layout3a			        {width:100%; height:360px;}
#layout3a #rMenu			{width:35%; text-align: left; padding: 9px 9px 9px 0 !important}
#layout3a #content			{padding-top:11px}
/* layout3b - use for huc pages */
#layout3b			        {width:100%; height:360px;}
#layout3b #rMenu			{width:26.8%; text-align: center; padding: 9px 9px 9px 9px !important}
#layout3b #content			{padding-top:9px}

#layout4				{width:100%; height:360px;}
#layout4 #lMenu				{}
#layout4 #rMenu				{}
#layout4 #content			{padding-top:9px}
#layout4 #bBanner			{left:-1px; _left:0}

#layout5				{width:100%; height:360px;}
#layout5 #hero				{padding-top:2px}
#layout5 #hero img			{}
#layout5 #rMenu				{padding-bottom:0 !important}
#layout1a			        {width:100%; height:360px;}
/**************************************************************/

/***********For Your Account******************/
#yaMain     {display:in-line;}
.yaMainHR {width:100%;}
* html .yaMainHR {height:0px; color: #cccccc; background:#cccccc;}
*+html .yaMainHR {*height:0px; *color:#cccccc; *background: #cccccc;}

/***********For Holiday Messaging*************/
.holidayMessage                         {font-weight: normal}

/***********search***************************/
.bannerWidgetHr {margin:0px -4px 7px -12px !important; _margin-bottom:-4px !important}

.holidayMessage	a		        {text-decoration: underline}

/*** single column for product widget ***/
.col                                    {width:180px; float:left; overflow:hidden; padding-right:6px;}

/*************For Left-nav seperator **********/
.marginTop7px				{margin-top: 7px !important;}
#lNavFooter				{margin-bottom: 25px;}

/******************* MandS Survery ************/
.ecossurveystyle  { position:absolute; left: 0; top: 0; width: 1px; height: 1px; visibility: hidden;  }
#lNavFooter {margin-bottom: 25px;}
.marginTop7px {margin-top: 7px !important;}

/* SiteRefresh Phase2 CSS */
#browsePage #lMenu {
padding-top:9px !important;
clear:left;
float:left;
width:163px;
}

#vcsContent {
  margin-top: 5px;
}

.layout-204 #vcsContent  {
  margin-top: 0px; 
}

.rightContent {
overflow:hidden;
float:right;
width:792px;
margin-left: -1px;
border-left: 1px solid #CCCCCC;
}

.rightContent .centerSlots {
float: left;
width: 75%;
}

.rightContent .rightSlots {
float: right;
width: 25%;
}

.vcsSlotRow {
clear:both;
float:left;
width:100%;
}

.cols-4 .vcsCol {
width: 25%;
}

.cols-3 .vcsCol {
width: 33.33%;
}

.cols-2 .vcsCol {
width: 50%;
}

.vcsSlotRow .vcsCol {
float: left;
}

.vcsCol {
}

/* minicart css */
.jMiniCartContainer p {margin: 0px}
.jMiniCartContainer, .jItems, .jCartItem, .jItemImage {float: left;}
.jInnerContainer {border: 1px solid #dee588;}
.jItemDetails {padding-right: 10px; float: right;}
.jCartItem, .jItemCount, .jProceedToCheckoutBtn, .jEditBasket, .jViewBasket, .jCartItemSep {clear: both;}
.jItems, .jViewBasket, .jItemCount {
  border-bottom: 1px solid #dee588;
}
.jViewBasket, .jEditBasket, .jProceedToCheckoutBtn {
  padding-left: 10px;
}
.jCloseMiniCart {text-align: right; background-color: #d5d5d5; font-weight: bold;}
.jCloseMiniCart img {vertical-align: text-bottom; margin-bottom: 1px; cursor: pointer;}
.jItemCount {text-align: left; background-color: #f5f9e2; font-weight: bold; padding: 5px 0px 5px 10px;}
.jItems { width: 100%; padding: 10px 0px 10px 0px;}
.jCartItem{ width: 100%;}
.jItemImage {width: 85px; padding: 0px 8px 0px 10px;}
.jItemDetails {width: 141px;}
.jTitle {font-weight: bold;}
.jVariation {padding-bottom: 10px;}
.jCartItemSep {border-bottom: 1px dotted #dee588; margin: 0px 8px 10px 8px;}
.jViewBasket, .jEditBasket {font-weight: bold; padding-top: 10px;}
.jViewBasket {padding-bottom: 10px;}
.jProceedToCheckoutBtn {padding-top: 10px; padding-bottom: 10px;}
.basket iframe.shim {
   border: none;
   padding: none;
   margin: none;
   display: none;
   position: absolute;
   top:0px;
   left:-95px;
   width: 257px;
   z-index: 719;
   background-color:transparent;
}

.jProceedToCheckoutBtn,.jEditBasket{
  width:90%;
  float:left;
}


.ajaxContainer{
  float:left;
  width:256px;
  width: 256px;
  border: 1px solid #CCCCCC;
  background-color: white;
  position: absolute;
  z-index: 720;
  left:-95px;
}

/* Rules for retro-fitting refreshed-html-entities with browse page CSS*/
.lNavPrimary div.menu h3,
#search-binning div.menu h4{
  font-size: 1.09em !important;
  font-weight: bold;
}
#vcsContent {
  font-size: 1.1em;
}
#vcsContent ul li {
  background: transparent url(/static-www.marksandspencer.com/css/images/bullet-raquo.gif) no-repeat scroll left 2px
}
#browsePage #lMenu ul li {
  background: none;
}
#masthead .copyright {
    font-size: 0.811em !important;
}
#masthead .copyright .last {
      font-size: 9px;
}
* html #footerSlots img {
   display: none;
   padding: 0px;
   margin: 0px;
}
* html #footerSlots img.ISISsecurity {
   display:block;
}
#quickResults #flowerExtrasTable .w146{
   padding-left:13px;
}

#quickResults #flowerExtrasTable .w146 div{
   margin-left:-13px !important;
}

#quickResults #flowerExtrasTable .w146 div div{
   margin-left:0px !important;
}

#quickResults #flowerExtrasTable .w146 .negLeftMargin4px{
   margin-left:0px !important;
}
#embeddedSearchResults .embeddedSearchError{
  border: 2px solid #CC0000;
  margin: 10px;
  text-align: center;
  color: #CC0000;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  float: left;
  width: 768px;
  display:none;
}

#embeddedSearchResults #main{
  clear:both;
}

#embeddedSearchFrame{
  background-color:#EEEEEE;
  position:absolute;
  height:0;
  width:0;
  border:none; 
}

#embeddedSearchResults .sortByDropDown {
  border-top:medium none;
}
#embeddedSearchResults .sort-bar {
  background:transparent none repeat scroll 0 0;
  float:left;
  text-align:left;
}
#embeddedSearchResults div.item h5 {
  overflow:hidden;
}