a.myAcctLinks               { font-size: 1.09em; color: #333333; text-decoration: none;}
.alignRight                 { text-align:right;}
.alignLeftWidth100          { text-align:left;width:100%;}
.alignLeft                  { text-align:left;}
.alignCenter                { text-align:center;}
.unitPrice                  { font-size:1.087em; }
.aM                         { margin:auto;}
a.noLine                    { text-decoration:none !important;}
a.underlineHover:hover      { text-decoration:underline !important;}
.black                      { color:#000000;}
.border1px                  { border:1px solid #000000;}
.border0                    { border:0 !important;}
.border1                    { border:1 !important;}
.border2                    { border:2 !important;}
#catWdgt .headerText        { font-size:1.30em !important; padding-left:10px; }
#catWdgt .header            { background-color:#EFEFEF; border-bottom:#808080 1px solid; border-top:#808080 1px solid;}
#catWdgt .itemHeader        { font-size:1.05em !important; padding-left:9px; text-decoration:none; padding-bottom:2px; padding-top:7px;}
#catWdgt a                  { text-decoration:none;}
.calloutRight               { border:solid 2px #CCCCCC; padding:0.5em;margin-left:0.5em;margin-bottom:0.5em;width:10em;text-align:center;float:right;clear:both;}
.catWdgtPadding             { padding:0 5px 0 21px;}
.colWidth50                 { width:50%;}
.dottedGray                 { border-top:1px dotted #999999; margin:2px 0;}
.extraMargin                { margin:10px;}
.extraMargin12px            { margin:12px 12px 12px 12px;float:right;}
.marginSBR                  { margin:12px 10px 18px 12px;float:right;}
.marginPDS                  { margin:16px 12px 16px 12px;float:right;}
.margin12px                 { margin:12px;}
.greyfont                   { color:#333333 !important;}
.med                        { font-size:0.9em !important;}
.medium                     { font-size:1.2em;}
.font22px                   { font-size:2.00em !important;} 
.font16px                   { font-size:1.45em !important;} 
.font14px                   { font-size:1.27em !important;} 
.font12pxlineheight140      { font-size:1.09em !important; line-height:140% !important;}
.pad12R8L7Tpx               { padding-left:8px; padding-right:12px;padding-top:7px !important;}
.padTop2px                  { padding-top:2px;}
.padTop4px                  { padding-top:4px;}
.padTop9px                  { padding-top:9px;}
.padTop12px                 { padding-top:12px !important;}
.padTop10px                 { padding-top:10px !important;}
.padBottom12px              { padding-bottom:12px !important;}
.padBottom3px               { padding-bottom:3px !important;}
.padBottom4px               { padding-bottom:4px !important;}
.padBottom5px               { padding-bottom:5px !important;}
.padBottom6px               { padding-bottom:6px !important;}
.padBottom9px               { padding-bottom:9px !important;}
.padBottom2px               { padding-bottom:2px !important;}
.padBottom20px              { padding-bottom:20px !important;}
.padBottom8px               { padding-bottom:8px !important;}
.padBottom10px              { padding-bottom:10px;}
.padBottom11px              { padding-bottom:111px;}
.padLeft12px                { padding-left:12px !important;}
.padLeft1px                 { padding-left:1px !important;}
.padLeft2px                 { padding-left:2px !important;}
.padLeft24px                { padding-left:24px !important;}
.padLeft88px                 {padding-left:88px; }
.padRight12px               { padding-right:12px !important;}
.padRight8px                { padding-right:8px !important;}
.marginTop12px              { margin-top:12px !important;}
.marginTop14px              { margin-top:14px !important;}
.marginTop8px               { margin-top:8px }
.marginTop6px               { margin-top:6px }
.marginTop5px               { margin-top:5px }
.marginBottom12px           { margin-bottom:12px !important;}
.marginBottom4px            { margin-bottom:4px;}
.marginLeft12px             {margin-left:12px !important;}
.marginLeft24px             {margin-left:24px !important;}
.marginRight10px            {margin-right:10px !important;}
.marginRight20px            { margin-right:20px;}
.marginLeftRight12px        {margin-left:12px !important;margin-right:12px !important;}
.padLeft13px                { padding-left:13px;}
.padLeft9px                 { padding-left:9px;}
.padLeft13Top5px            { padding-left:13px; margin-top:5px !important;}
.padTop3px                  { padding-top:3px !important;}
.padTop5px                  { padding-top:5px !important;}
.padTop6px                  { padding-top:6px !important;}
.padTop8px                  { padding-top:8px !important;}
.padTop1px                  { padding-top:1px !important;}
.padTopBottom2px            { padding-top:2px; padding-bottom:2px;}
.padTopBottom5px            { padding-top:5px !important; padding-bottom:5px !important;}
.padLeftRight12px           {padding-left:12px !important;padding-right:12px !important;}
.pad2R2Lpx                  { padding-left:2px; padding-right:2px;}
.pad10R6Lpx                 { padding-left:6px; padding-right:10px;}
.padLeft6px                 { padding-left:6px }
.padLeft5px                 { padding-left:5px !important;}
.padLeft4px                 { padding-left:4px !important;}
.padLeft8px                 { padding-left:8px !important;}
.padLeft10px                { padding-left:10px;}
.padLeft12px                { padding-left:12px;}
.padLeft14px                { padding-left:14px !important;}
.padLeft15px                { padding-left:15px;}
.padLeft18px                { padding-left:18px;}
.padLeft23px                { padding-left:23px !important;}
.padLeft35px                { padding-left:35px;}
.padLeft32px                { padding-left:32px;}
.padTop10pxAlignRight       { padding-top:10px; text-align:right;}
.padTop10pPadLeft10px       { padding-left:10px;padding-top:10px}
.padBottom7Right7           { padding-right:7px;padding-bottom:7px;}
.padBottom7px               { padding-bottom:7px;}
.padRight3px                { padding-right:3px;}
.padRight5px                { padding-right:5px;}
.padRight6px                { padding-right:6px;}
.padRight10px               { padding-right:10px;}
.padRight50px               { padding-right:50px;}
.padLeft25px                { padding-left:25px;}
.noMargin                   { margin-left: 0 !important; padding-left: 0 !important; }
.lineHeight12px             {line-height:12px !important;}
.lineHeight8px              {line-height:8px; }
.padImage                   {padding-top:4px; padding-left:10px;}
.smallMargin                { margin-left:4px !important;}
.twoLeftRightMargin         { margin-left:2px !important;margin-right:2px !important;}
.swatchImageSearch          { height:6px; width:20px; border:#333333 solid 1px;}
.slh1Bold                   { padding:0; font-size:1.82em !important; color:#000000; font-weight:bold }
select.bannerSelect         { width:20em;  font-size:1.06em;  _font-size:1.07em; vertical-align:middle;}
.spwhiteSpace               { white-space:nowrap;}
.spfloatRight               { float:right; display:none;}
.spfontItalic               { font-size:1.09em; font-weight:bold; color:#000000; font-style:italic;}
#tnav-dept td ul li a:hover { background-color:#EEEEEE; color:#333333;}
#tnav-dept td ul li a       { width:100%; text-decoration:none;}
#tnav-myms td ul li a:hover { background-color:#EEEEEE; color:#333333;}
#tnav-myms td ul li a       { _width:100%; text-decoration:none;}
#tnav-acct td ul li a:hover { background-color:#EEEEEE; color:#333333;}
#tnav-acct td ul li a       { _width:98%; text-decoration:none;}
.topPad                     { margin-top:4px !important;}
#top-nav a                  { text-decoration:none; padding-left:0 !important; padding-right:0 !important;}
#top-nav a:hover            { text-decoration:underline;}
.shopDeptsTable             { margin-right:-11px !important; margin-bottom:4px !important;}
.yourMnSTable               { margin-right:-11px !important; margin-bottom:15px !important;}
.myAccountTable             { margin-bottom:4px !important;}
.shopDeptsTD                { width:134px;}
.yourMnSTD                  { width:104px;}
.popoverTDNext              { padding-left:12px !important; border-left:solid 1px #CCCCCC;}
ul.noBullet                 { padding-left:0; margin-left:0; display:inline;list-style-type:none;}
ul.qckorder                 {margin:0; padding:9px 0 0 0;}
ul.qckorder li              {margin:0 0 0.2em 0; padding:0 0 0 7px; list-style:none outside none; background:transparent url(http://www.marksandspencer.com/static-www.marksandspencer.com/css/images/bullet-square.gif) no-repeat 0 7px}
.w10                        { margin: 0px 0px 10px 0px !important;}
.w14                        { width:14em;}
.w16                        { width:16em;}
.w18                        { width:18% !important;}
.w55                        { width:55% !important;}
.w52                        { width:52%;}
.w48                        { width:48%;}
.w97                        { width:97% !important;}
.w100pct                    { width:100% !important;}
.w99px                      { width:99px !important;}
.w125                       { width:125px;}
.w159                       { width:159px !important;}
.w160                       { width:160px;}
.w163                       { width:163px !important;}
.w172                       { width:172px;}
.w214                       { width:214px;}
.w240                       { width:240px;}
.w260                       { width:260px;}
.w557                       { width:557px;}
.w596                       { width:596px;}
.w597                       { width:597px;}
.w760                       { width:760px;}
.w195                       { width:195px;}
.w192                       { width:192px !important;}
.w330                       { width:330px !important;}
.w360                       { width:360px !important;}
.wsp14                      { width:14% !important;}
.w31                        { width:31% !important;}
.w41                        { width:41% !important;}
.w3                         { width:3% !important;}
.w6                         { width:6% !important;}
.w5                         { width:5% !important;}
.w350                       { width:350px !important;}
.w521                       { width:521px !important;}
.w146                       { width:146px;}
.w20px                      { width:20px;}
.h85px                      { height:85px;}
.spGreyFont                 { font-color:#808080 !important;}
.wlfont                     { font-size:1.09em !important;}
.wlprdtitle a               { font-size:1.18em !important; text-decoration:none;}  
.wlprdtitle a:hover         { font-size:1.18em !important; text-decoration:underline;}
.nImg img, img.nImg         { border:solid 1px #CCCCCC}
.sImg img, img.sImg         { border:solid 1px #000000}
.borderRight                { border-right:solid 1px #CCCCCC;}
.printedMiddleBorder        { border-right: solid 1px #CCCCCC; border-collapse: collapse !important;}

/*  Swatch border at the right */
.swatchSep                  { border-right:solid 1px #CCCCCC;}
.swatchImage               { float:left; padding-right:6px; padding-top:2px; }

	/* Layout styles */
	.twoColumnTable         { border: dotted 1px; width: 760px; margin-left: auto; margin-right: auto;}
	.twoColumnInnerTable    { border: solid 1px; width: 100%; border-collapse: collapse;}
	.twoColumnLeft          { text-valign: top; width:163px !important;}
	.twoColumnCenter        { text-valign: top; padding: 12px 12px 18px 12px;}

.yourMnSRtCol	       { text-valign: top; padding: 12px 0px 18px 12px;}

.height360px            { height: 360px}
.friendsPopUp          { visibility:hidden; position:absolute; left:285px; top:125px; background:#EEF5CB; border:solid 2px #C1D82E; z-index:2; padding:6px;}
.myAccountBigHeadings  { font-size: 1.45em; font-weight: bold;}
.leftMargin15px        { margin-left: 15px;}
.topMargin10px         { margin-top: 10px;}
.topMargin6px          { margin-top: 6px !important;}
.topMargin9px          { margin-top: 9px !important;}
.topMargin2px          { margin-top: 2px !important;}
.botMargin9px          { margin-bottom:9px !important;}
.botMargin4px          { margin-bottom:4px !important;}
.noBottomMargin        { margin-bottom:0px !important;}
.noTopMargin           { margin-top:0px !important;}
.margin2px             { margin:2px !important;}
.leftRtMargin12px       { margin-left:12px;margin-right:12px;}
.leftRtMargin24px       { margin-left:24px;margin-right:24px;}
.negLeftRightMargin    { margin: 0px -12px 0px -13px !important;}
.negLeftRightMargin10px { margin: 0px -10px !important;}
.negLeftMargin4px      { margin-left:-4px !important;}
.negLeftMargin13px         { margin: 0px 0px 0px -13px !important;}
.addrDropdownError     { color:#A00000;}
.negRightMargin3px     { margin-right:-3px;}
.negRightMargin8px     { margin-right:-8px;}
.negRtMargin12px       { margin-right:-12px !important;}
.negBotMargin5px       { margin-bottom:-5px !important;}
.negTopMargin4px       { margin-top:-4px !important;}
.negTopMargin7px      { margin-top:-7px !important;}
.sepTop                { padding-top:3px !important;}
.sessionSimList        { font-size:1.00em !important; font-weight:normal; line-height:14px !important; list-style:none outside none !important; padding-left:2px; padding-bottom:9px;}
.sessionSimImg         { padding-left:26px; padding-top:2px;}
.sessionSimPrdTitle    { padding-left:28px !important;}
.srchLine              { margin:5px -5px 0px -12px !important;}
.unAlt                 { color:#666666 !important;}
.whitetext             { color:#FFFFFF !important;}
.fixedTable            { table-layout:fixed; word-wrap:break-word;}
.selectArrow           { margin-right:3px !important; }
.dpBrandImage          { margin-top:7px; margin-bottom:-15px; }
.dpNoBrand             { margin-top:-4px; margin-bottom:-15px; }

.bannerWidget          { margin-left:-11px !important; margin-top:-7px !important;}
.apsPagination         { margin-top:-23px; margin-bottom:10px; }
.apsNoPagination       { margin-top:1px; margin-bottom:-5px; }
.srchBreadcrumb        { margin-top:-5px;}
.resultsItemsStart     { margin-bottom:-9px !important;}
.resultsBottomPagination { margin-top:0px !important; margin-bottom:-20px; !important;}
.srchItem              { padding-right:10px; padding-bottom:16px !important;}
.noResultsSrchTips     { padding-left:4.5em !important; padding-top:0px; }

.errorpgheader         {font-weight:bold; font-size:2.00em !important; padding-bottom:3px !important; padding-top:10px !important; }
.errorpgsubheader      { font-size:1.09em !important; line-height:140% !important; padding-bottom:20px !important; }
.errorpgsubheader2     { font-weight:bold; font-size:1.45em !important; padding-bottom:2px !important; }
.hrheight              { height:2px !important; }
.errorpgtext           { font-weight:bold; font-size:1.27em !important; padding-bottom:8px !important; }

.quickorderfont        {font-size:1.09em !important;font-weight:bold; line-height:12px !important;}
/* 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;}
/*  end Accessibility styles */

/*  Special Occasion Reminder pop-up */
.reminderFormBrdr            { clear:both; border: 1px solid #999999; background-color:#FFFFFF; padding:12px 12px 18px 12px;}
.reminderFormBrdr table      { width:95%; _width:90% !important; margin:auto;}
.reminderErrorBrder table    { width:95%; _width:90% !important; margin:auto;}
.list a:hover { text-decoration:underline !important; color:#666666 !important; }
.signInFormBrdr              {background-color:#FFFFFF;padding-top:4px;padding-bottom:11px;}
.signInHeader  {font-size:17px;padding-bottom:10px;border-bottom:1px solid  #999999;}
.signInBrdrRight {margin-top:12px;border-left:1px solid #999999;background-color:#FFFFFF;padding-left:11px;margin-left:3px;}
.signInPasswdWidth {width:96%;} 
.signInBorderTop {border-top:1px solid #999999;}


/* these classes are defined in nav2 library -- use important */
#helpTable .small {font-size:0.91em !important;}
.hucHeadings h6 {font-size:1.09em !important;}
.signinSmallprint, .newAccountSmallprint {font-size:1.00em !important;}
.orderbg {font-size:1.09em !important;}
.orderText {font-size:1.09em !important;}
#paymentForm .med {font-size:1.09em !important;}
#paymentForm .giftOptionHeaderText {font-size:1.09em !important;}
.deliveryAddHeaderText {font-size:1.27em !important; }
.deliveryAddText {font-size:1.09em !important; }
#spcOrderSummary td.brownBgrnd {font-size:1.27em !important;}
.close {height:18px; border-bottom: 1px solid #CCCCCC; text-align:right; font-size:11px; font-weight:bold; text-valign: bottom; padding-top: 2px;}
.hiddenAccessibility {display:none}




#upsellGutter {color: #333;text-align:center;background-color:#eee;border: 1px solid #ccc;width:170px;padding:10px; margin-bottom:1em;}
#upsellGutter label {vertical-align:middle !important;}
#upsellGutter h1 {margin-bottom:7px !important;font-weight:bold;}
#upsell1ClickBox {text-align:left;padding:12px;background-color:#eaeaea;border:1px solid #ccc;}


.clearBoth {clear:both}
.floatLeft {float:left}
.floatRight {float:right}
.clearfix::after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}


/* Special Occasion Reminders */
.reminderHeader {margin: 2px 0 15px 3px !important; font-size:1.54em; color:#444444; font-weight:bold; clear:both;} 
.reminderSectionBox {border:1px solid #999; margin:12px 3px 18px 3px; padding:0;}
.reminderSectionBox h2 {background-color:#eee; border-bottom:1px solid #999;margin:0;padding:8px 12px;font-size:1.18em;}
.reminderSectionBox div.sortBar {margin:0;border-width: 0 0 1px 0;border-color:#999;background-color:#eee;}
.reminderSectionBox div.paginateBar {padding:12px;margin:0;}
.reminderSectionBox table.frame,.reminderSectionBox div.frame{margin-bottom:0 !important;border-width:0;}
.reminderSectionBox p {margin:12px}
.reminderSectionBox .notFound {font-size:1.09em;font-weight:bold}

#upcomingEvents {width:240px; float:left;}
#upcomingEvents h3 {font-size: 1.09em;margin:0 0 8px 0;}
#upcomingEvents ol {list-style-type: none; padding-left:0;margin:0;}
#upcomingEvents li {margin-bottom:8px;}
#upcomingEvents p {margin:0;line-height:130%;}

#planEventBtn {text-align:left;clear:both;margin:9px 12px 18px 12px;}
#monthevents {margin:0 0 10px 0;}

#theCalendarHeader #prevMonthAnchor {display:block;float:left}
#theCalendarHeader #monthYearBlanks {}
#theCalendarHeader #nextMonthAnchor {display:block;float:right;}

#alternativeEventInnerTable td.lastColumnNoRightBorder,#alternativeEventInnerTable th.lastColumnNoRightBorder {border-right-width:0 !important;}

#reminderPopupOuterDiv {margin:18px;}
#reminderPopupOuterDiv h1 {text-align:left}
#reminderPopupOuterDiv #friendsHolder {text-align:left;clear:both;margin-top:12px;}


.noCenterFields td {text-align:left}
.wrapWord {word-wrap:break-word}