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

/** Modified by chandar@ for searchbar stretching problem. Dont change it **/
#wrap		{border-width:0 2px 2px 2px; border-color:#ccc; border-style:solid; border-top-style:none; width:760px !important; min-width:755px !important; _height:80%; min-height:80%; margin:auto; background-color:#FFFFFF; text-align:left;}
/** chandar@ **/
#wrap2		{background-color:white;}

#main		{display:in-line;}

/* ********************************************** */
/* masthead */
#masthead{background-color:#FFFFFF;	text-align:left;}

#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 ********************************** */

/***** Changed by raah@. DO NOT EDIT/REMOVE *****/
#gMenu						{font-size:1.09em; position:relative; z-index:2; padding-top:7px; text-align:right; top:0;}
/***** raah@ ******/

#gMenu a			{text-decoration:none;}
#gMenu a:hover			{text-decoration:underline;}
#gMenu .basket			{padding-right:12px; white-space:nowrap; margin-left:0;}
#gMenu .basket .basketImage	{margin-bottom:-3px;}
#gMenu .basket .basketItems	{font-weight:normal;}
#gMenu .basket .basketTitle	{font-weight:bold; margin-right:5px; margin-left:3px;}

/***** Changed by raah@. DO NOT EDIT/REMOVE *****/
#gMenu .greeting			{margin-top:6px; padding-right:5px;}
/***** raah@ ******/


#gMenu .greeting a			{text-decoration:underline;}
#gMenu .links a				{padding: 0.3em 0.2em;}

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

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

#search form				{display:block; margin:0; padding:5px 0 0 12px; _padding:2px 0 0 12px; text-align: left !important;}
#search label				{font-weight:bold;}

/***** 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; background: #000000 }
#search .promoFeature img                               {min-height:31px; height:2.32em; width:13.25em; margin: 0px !important; _height:2.38em; _width:13.25em; }
/***** masih@ ******/

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

/*left navigation */
/** Changed by chandar@ . Please Dont Edit **/
#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 h3				{font-weight:bold; font-size:1.55em; margin:3px 0 4px 0 !important; padding: 0 10px 0px 11px; color:#333333; line-height: 120%; }
#lMenu h4				{font-size:1.09em; padding: 0 0 0 3px; margin:0.5em 0 0 0 !important; }
#lMenu h3 a, #lMenu h4 a                {text-decoration:none;}
#lMenu h3 a:hover, #lMenu h4 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 h4		{margin: 0.18em 0 0 0 !important; font-size:1.09em; color:#333333;}
#lMenu div.menu ul		{display: inline; padding: 0; margin:0}
#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(http://www.marksandspencer.com/static-www.marksandspencer.com/css/images/bullet-laquo.gif) no-repeat 1px 4px !important;}
#lMenu div.sep			{background-image: url(http://www.marksandspencer.com/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(http://www.marksandspencer.com/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(http://www.marksandspencer.com/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(http://www.marksandspencer.com/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 */
#globalFooter 					{border-top:solid 1px #CCCCCC;padding-bottom:10px; }
#globalFooterf4 				{border-top:solid 1px #CCCCCC;padding-bottom:10px; text-align:center; }
#globalFooter h4				{padding-left:10px; padding-bottom:2px; color:#333333; font-size:1.09em; }

#globalFooter table				{clear:both;}
#globalFooterf4 table			{clear:both;}
#globalFooter table td		    {padding:0 0 10px 0;}
#globalFooterf4 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;}
#globalFooterf4 table td td     {padding:0;}


#globalFooter table a			{font-size:0.9em;color: padding-left:10px; padding-bottom:2px; float:left; display:block; text-decoration:none; }
#globalFooter a:hover			{text-decoration:underline; }
#globalFooterf4 table a			{font-size:1em;color: ;text-decoration:none; }
#globalFooterf4 a:hover			{text-decoration:underline; }
#globalFooter div.copyright		{text-align:center; border-top:solid 1px #CCCCCC; margin-top:6px; _margin-top:-6px; padding:8px 0 0 0; font-size:0.9em; }
#globalFooter div.copyrightf4	{text-align:center; margin-top:6px; _margin-top:-6px; padding:8px 0 0 0; font-size:1em; }


/**************************************************************/
/* 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: left; padding: 9px 9px 9px 0 !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; border-top:solid 1px #CCCCCC;}