/* CSS Document */
/* table styles */
table.sp	{}
table.sp th	{border-right:solid 1px #999999 !important;}
table.sp td	{border-right:solid 1px #999999 !important; background-image:none}
table.sp td th, table.sp td td	{border-right:none 0px !important;}

tr.odd td, .row tr.odd th, td.odd			{background-color:#FFFFFF !important;}
tr.even td, .row tr.even th, td.even			{background-color:#dedede !important;}
.odd td td, .even td td		{background-color:transparent;}

/* Your Account Payments page */
tr.yaOdd td, .row tr.yaOdd th, td.yaOdd         {background-color: #FFFFFF !important; padding-bottom: 14px; padding-top: 5px;}
tr.yaEven td, .row tr.yaEven th, td.yaEven		{background-color: #F5F5F5 !important; padding-bottom: 14px; padding-top: 5px;}
tr.yaTitle th								    {background-color: #EEEEEE !important; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 10px;}

tr.yaEven {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
tr.yaOdd  {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
tr.yaLast   {border-bottom: 1px solid #CCCCCC;}	
table.yaOutlined {border: 1px solid #CCCCCC;}

td.yaOrderDisplay {background-color: #EEEEEE !important; padding: 4px; }

/* table.cols, table.rows		{border-collapse:collapse; border: solid 1px #D2DCEF;}
table.cols td				{border-left: solid 1px #D2DCEF; border-right: solid 1px #D2DCEF;}
table.rows td				{border-top: solid 1px #D2DCEF; border-bottom: solid 1px #D2DCEF;}
*/
table.row					{width:90%;}
.row th						{width:40%; vertical-align:top; text-align:right !important; font-weight:normal;}
.row td, .row th			{padding:6px 6px !important}
.rowAlt th					{vertical-align:top; font-weight:bold}
.rowAlt th					{vertical-align:top; font-weight:bold}

table.right					{margin: 0 0 0 auto !important;}

.noBg th, th.noBg			{background-color:transparent !important;}

tr.hr td 					{height:9px; background: #FFFFFF;}

td.data, th.data			{text-align:right !important;}

tr.hilight td, td.hilight	{background-color:#FFEDED; border-color: #CCCCCC !important;}

tr.total th, tr.total td	{color:#000000; font-size:1.27em !important; font-weight:bold !important;  border-top:solid 1px #999999 !important; border-bottom:solid 1px #999999 !important}
tr.subtotal th, tr.subtotal td	{font-weight:bold !important;  border-top:solid 1px #999999 !important}

td.pImage img 				{margin-left: 4px;}

table.noBorder td, table.noBorder th, tr.noBorder td, tr.noBorder th			{border: none 0 !important;}

table.spec					{border: solid 1px #CCCCCC; border-collapse: collapse; margin-bottom:1em; width:100%}
table.spec th, .spec th		{text-align:left; background-color: #CDDF69; padding:3px; color:#000000;}
table.spec td				{padding:3px;color:#000000;}

table.sizechart				{clear:both; border: solid 1px #AAAAAA; border-collapse: collapse; margin-bottom:1em; width:100%; clear:both}
table.sizechart th			{background-color:#F1F1F1; padding:3px; color:#666666;}
table.sizechart tr.head th, table.sizechart th.head {background-color: #DDDDDD; }
table.sizechart td, 
table.sizechart th			{border: solid 1px #CCCCCC;  padding:3px; text-align:center}

table.colLst td				{padding-right:11px}
/* ********************************************** */
/* widgets */
/* pack3 - use for tier page results and 3 pack widgets */
table.pack3					{width:100%; margin:0; clear:both;}
table.pack3	td				{width:33%; padding: 0 0 9px 0px; }
table.pack3	td .item		{width:99%; margin:auto; text-align:left;}
table.pack3 h3				{}
table.pack3 h5				{font-size:1.1em; margin:0.3em  0.3em 0 0 !important; font-weight:normal;}
table.pack3 div,table.pack3 p{}
table.pack3 h3 a, 
table.pack3 h5 a			{text-decoration:none}
table.pack3 h3 a:hover, 
table.pack3 h5 a:hover		{text-decoration:underline}
table.pack3 .price			{font-size:1.1em}
table.pack3 ul				{margin:0.3em 0 0 0}
table.pack3 ul li a			{text-decoration:none}

table.pack3 .swatches		{margin:0.2em 0 !important;}
table.pack3 .swatches .samples img{margin:2px 3px 1px 0 !important;}
table.pack3 .samples		{text-align:middle}
table.pack3 .swatches h6{font-weight:normal; font-size:0.9em;}

table.pack3 .srchItem h5, table.pack3 .srchItem .price {font-size:1.09em;}


/* huc version with thumbnail images */
table.pack3.tn td   {text-align:center}
table.pack3.tn td .item {width:96%; text-align:center !important}

/* ********************************************** */
/* cat3 - use for top level tier categories, and homepage */
table.cat3					{width:100%; margin:auto; clear:both;}
table.cat3 td				{width:33%; padding: 0}
table.cat3 td.nopad             	{padding: 0 0 0 0}
table.cat3 h3				{font-size:1.1em;}
table.cat3 h4				{font-size:1em; font-weight:normal; padding-right:3px}
table.cat3 div,table.pack3 p{padding-right:3px}
table.cat3 h3 a, 
table.cat3 h4 a				{text-decoration:none}
table.cat3 h3 a:hover, 
table.cat3 h4 a:hover		{text-decoration:underline}
table.cat3 td a:hover img		{border:solid 1px #666666;}
table.cat3 img				{border:solid 1px #DDDDDD}

table.cat3 ul.onward		{}
table.cat3 ul.onward li		{margin-bottom:0.3em;}
table.cat3 ul.onward a		{text-decoration:none}

#layout1 table.cat3 .item			{padding-left:10px}

table.totals{text-align:right; margin-right: 0 !important;  margin-left: auto; width:auto !important; border: none 0px !important;}
table.totals td, 
table.totals th{border:none 0;}
table.totals td	{text-align:right; padding:6px !important; width:16%;}
table.totals th	{color:#000000;  padding:6px; background-color: transparent; font-weight:normal; text-align:right;}
table.totals tr.neg th,
table.totals tr.neg td	{color:#999999}

table.hRuleDashed td, tr.hRuleDashed td{border-bottom:dashed 1px #CCCCCC !important}
table.hRuleDashed th, tr.hRuleDashed th{border-bottom:solid 1px #CCCCCC !important}
table.hRuleSolid td, tr.hRuleSolid td{border-bottom:solid 1px #CCCCCC !important}
table.hRuleSolid th, tr.hRuleSolid th{border-bottom:solid 1px #CCCCCC !important}

table.orders td, tr.orders td{ padding:6px !important;}
table.orders td td, tr.orders td td{border: none 0px; }
table.orders 			{margin: 0 0 0 auto; border: none 0px; border-bottom:solid 1px #999999 !important;}
table.orders th			{border: none 0px; border-bottom:solid 1px #999999 !important; background-color: transparent}
 
  td.rWdth, th.rWdth	{width:2em;}


/* used for bracket affect - where there is information about a grouping of controls, like the address book */
td.bracketRight	{border:solid 1px #999999 !important; border-left:none 0 !important;}
td.bracketLeft	{border:solid 1px #999999 !important; border-right:none 0 !important;}
td.bracketPoint	{background:transparent url(http://www.marksandspencer.com/static-www.marksandspencer.com/css/images/gray-pixel.gif) repeat-x 50% 50%;}
td.bracketPoint2	{background:transparent url(http://www.marksandspencer.com/static-www.marksandspencer.com/css/images/gray-pixel.gif) repeat-x 50% 1em;}

table.list						{ border-top:solid 1px #CCCCCC !important;; width:100%; margin:8px 0 5px 0; font-size:0.97em;}
table.list td					{padding: 3px; border-bottom:solid 1px #CCCCCC !important;}
table.list th					{background-color:#efefef !important; padding: 3px; border-bottom:solid 1px #CCCCCC !important;}
table.list td td				{padding: auto; border-bottom:none 0 !important;}

table.options						{margin:auto;}
table.options td, table.options th	{padding:0.2em;}
table.options tr.explanation td, table.options tr.explanation th	{padding-top:0; padding-bottom:0.6em; font-size:0.9em;}

table.options th					{color:#000000; text-align:right; vertical-align:middle; width:33%; font-weight:normal}

div.colorSwatches		{}
div.colorSwatches img	{width:20px !important;	height:20px !important;	border:solid 1px #000000 !important;}

/* product options on wishlist - item div must be nested */
div.grp						{background: transparent url(http://www.marksandspencer.com/static-www.marksandspencer.com/css/images/hr-solid.gif) repeat-x 50% top; clear:both; margin:0.5em 0 0 0; padding:0.3em 0 0 0}
div.grp div.item			{padding:0 0 0.3em 0; display:block; background: transparent url(http://www.marksandspencer.com/static-www.marksandspencer.com/css/images/hr-solid.gif) repeat-x 50% bottom;}
div.grp div.item table		{width:100%;}
div.grp div.item table td	{padding:0.3em;}
div.grp div.item label		{font-weight:bold}

.details				{margin-top:0.5em;}
.compact .details		{margin-top:0.2em; font-size:0.9em;}

a.basicButton.basket{
	color:#FFFFFF;
	background-color:#333333;
	border:solid 1px #333333;
}
a.basicButton.basket:hover{
	color:#FFFFFF; background-color:#666666; border:solid 1px #333333; }

td.depositCol, th.depositCol{background-color:#F1F1F1 !important; }

table.bsc					{width:auto}
table.bsc td, table.bsc th	{width:auto; padding:4px; border:none 0px; background-color:transparent; vertical-align:middle}

/* dashed styles */
td.dL		{border-left:dashed 1px #CDCDCD !important; }
th.dL		{border-left:dashed  1px #AAAAAA}
td.dR		{border-right:dashed  1px ##CDCDCD}
th.dR		{border-right:dashed  1px #AAAAAA}

td.sL		{border-left:solid 1px #CDCDCD !important; }
th.sL		{border-left:solid  1px #AAAAAA}
td.sR		{border-right:solid  1px ##CDCDCD}
th.sR		{border-right:solid  1px #AAAAAA}

table.sep td{background: transparent url(http://www.marksandspencer.com/static-www.marksandspencer.com/css/images/hr-solid.gif) repeat-x 50% bottom;}
table.sep tr{background: transparent url(http://www.marksandspencer.com/static-www.marksandspencer.com/css/images/hr-solid.gif) repeat-x 50% bottom;}

/* controls width of cells inside table inside */
.s2 table td{width:50%;}
.s3 table td{width:33%;}
.s4 table td{width:25%;}
.s5 table td{width:20%;}

table.qOrder{width:100%; margin-top:0.5em;}
table.qOrder td{text-align:center; padding: 2px 3px}
table.qOrder td.c2{border:solid 1px #CCCCCC; border-style:none solid}