/*!
    Marks and Spencers
    Personalisation CSS

    Revision properties generated by SVN keywords
    ---------------------------------------------
    $Rev:: 															$:  Revision of last commit
    $Author:: 													$:  Author of last commit
    $Date:: 														$:  Date of last commit
*/
/* @import url('/personalisation-assets/css/personalisation-fonts.css');*/

.ui-personalisation .leftNav,
.ui-personalisation .rightContent {
	display: none;
}
.ui-personalisation #vcsContent {
	min-height: 715px;
}

.ui-product {
 padding-top: 24px;
 position: relative;
 float: left;
 width: 956px;
 min-height: 715px;
 font-family: "HelveticaNeueLTStd45Light", "Helvetica Neue", Arial, sans-serif;
}


.ui-hero {
 float: left;
 width: 260px;
 min-height: 586px;
  padding-bottom: 20px;
}
.ui-style .ui-hero {
	width: 231px;
}
.ui-detail .ui-hero {
 float: left;
 padding: 2px 0 0 0;
 margin: 0 15px 0 21px;
 width: 280px;
}
.ui-detail .ui-main h1 {
  background: url('/personalisation-assets/img/horiz-divider.png') repeat-x 0 54px;
  line-height: 1.35em;
  margin-top: 30px;
  color: #000;
	font-family: "HelveticaNeueLTStd35Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 380px;
  margin-bottom: 0;
}
.ui-detail .ui-main .ui-next {
  position: static;
  float: right;
}

.ui-detail .ui-main .ui-next a {
 padding: 23px 50px 23px 22px;
}

.ui-detail .ui-main .ui-next.enabled a {
 background-position: 169px -40px;
 }

#vcsContent .ui-detail .ui-hero ul {
 background: url('/personalisation-assets/img/thick-horiz-divider.png') repeat-x 0 0;
 padding: 10px 0 0 32px;
 margin: 0 0 35px 0;
 overflow: hidden;
}
#vcsContent .ui-detail .ui-hero li {
 background: none;
 display: block;
 float: left;
	margin: 0 9px 0 0;
 padding: 0;
 border: 1px solid #e1e1e1;
 line-height: 0;
}
.ui-breadcrumb {
	position: absolute;
	top: 0px;
	right: 10px;
  width: 180px;
}
.ui-breadcrumb h2 {
	font-size: 20px;
	font-family: "HelveticaNeueLTStd25UltraLt", "Helvetica Neue", Arial, sans-serif;
	font-size: 1.818em;
	font-weight: normal;
	text-align: center;
	color: #454545;
}
.ui-breadcrumb ul {
	background: url(/personalisation-assets/img/breadcrumb-bg.jpg) 0 0 no-repeat;
  padding-bottom: 30px;
overflow: hidden;
}
.ui-footer {
	float: left;
	width: 100%;
	border-top: 1px #cbcbcb dashed;
	background: url(/personalisation-assets/img/ui-footer-bg.jpg) 0 0 repeat-x;
  min-height: 104px;
	padding: 10px 0px;
  position: relative;
}
.ui-start-again {
	float: left;
	font-size: 18px;
	font-family: "HelveticaNeueLTStd45Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #6d6d6d;
	background: url(/personalisation-assets/img/arrow-left.gif) 10px center no-repeat;
	padding: 4px 0 4px 35px;
	margin: 0 0 0 10px;
}
.ui-footer .ui-confirm {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 1.1818181818em;
  background: url('/personalisation-assets/img/confirm-panel-bg.png') no-repeat 50% 0;
  line-height: 1.334;
  min-height: 65px;
  padding: 35px 30px 25px 30px;
  width: 170px;
  position: absolute;
  left: 30px;
  top: 25px;
  display: none;
}
.ui-footer.show-confirm .ui-confirm { 
  display: block;
}
.ui-footer .ui-confirm strong {
  display: block;
  line-height: 1.334;
}
#vcsContent .ui-breadcrumb li {
	font-style: italic;
	font-family: Georgia, serif;
	font-size: 14px;
	background: none;
	padding: 10px;
	margin: 0px 10px;
	border-bottom: 1px #cbcbcb dashed;
  text-align: center;
}
.ui-main {
 float: left;
 width: 695px;
 min-height: 600px;
}
.ui-style .ui-main {
	width: 721px;
}
.ui-detail .ui-main {
	width: 635px;
}
.ui-main h1 {
	font-size: 36px;
	font-weight: normal;
	float: left;
	line-height: 0.95;
	background: url('/personalisation-assets/img/horiz-divider.png') repeat-x 0 70px;
	font-family: "HelveticaNeueLTStd35Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
}
.ui-main h1 strong {
	font-size: 64px;
	font-weight: normal;
	font-style: italic;
	font-family: "HelveticaNeueLTStd26UltraLtIt", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: -2px;
	position: relative;
}
.ui-detail .ui-main h1 strong {
	display: block;
	text-indent: -10px;
}
.ui-main h1 span {
 display: block;
 padding-left: 190px;
 padding-top: 15px;
}
.ui-detail .ui-main h1 span {
	padding: 15px 0 1px;
  font-size: 28px;
  line-height: 1;
}
.ui-main .ui-next {
	float: right;
	margin: 45px 0 0;
	z-index: 100;
	position: relative;
}
.ui-colour-template .ui-next {
	margin: 5px 0 0;
}
.ui-size .ui-next {
	margin: 85px 0 0;
}
.ui-size-dress-template .ui-next {
	margin: 65px 0 0;
}
.ui-size-womens-template .ui-next {
	margin: 35px 0 0;	
}
.ui-main .ui-next a {
 font-size: 2em;
 text-decoration: none;
 color: #fff;
 padding: 15px 50px 18px 25px;
 margin-right: 20px;
 display: block;
 background: #e5e5e5 url('/personalisation-assets/img/next-button.png') no-repeat 133px 12px;
}
.ui-main .ui-next.enabled a {
 background-color: #000;
 background-position: 133px -47px;
 color: #fff;
}
.ui-detail .ui-next.enabled a {
 background-position: 169px -47px;
} 

.ui-main .ui-next .ui-incomplete {
  font-size: 1.364em;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  position: absolute;
  background: url('/personalisation-assets/img/unavailable-panel-bg.png') no-repeat 50% 0;
  padding: 30px 25px 20px 25px;
  text-align: center;
  width: 130px;
  z-index: 100;
  min-height: 50px;
  right: 10px;
  top: 45px;
  display: none;
  line-height: 1.2;
}

.ui-main .ui-next.show-incomplete .ui-incomplete {
  display: block;
}

/* Colour swatches */

.ui-colour {
 padding-top: 50px;
 clear: left;
 height: 360px;
}

.ui-colour ul {
 background: url('/personalisation-assets/img/vert-divider.png') repeat-y 246px 0;
 overflow: hidden;
 width: 492px;
}
#vcsContent .ui-colour li {
 background: none;
 width: 246px;
 display: block;
 float: left;
 font-family: Georgia, "Times New Roman", serif;
 font-style: italic;
 font-size: 1.455em;
 padding: 0;
 margin: 0;
}
.ui-colour li a {
	cursor: pointer;
	display: block;
	text-align: right;
	overflow: hidden;
	padding: 0;
	margin: 0 21px 3px 0;
}
.ui-colour li a.ui-selected {
  cursor: default;
}
.ui-colour li span {
 vertical-align: top;
 float: left;
 display: block;
}
.ui-colour li .name {
 width: 140px;
 padding: 0;
 padding: 22px 17px 5px 0;
}
.ui-colour li .label {
  float: none;
}
.ui-colour li .swatch {
 border: 3px solid transparent;
}
.ui-colour li .swatch img {
 border: 1px solid #d6d6d6;
 display: block;
}
.ui-colour li.ui-last-col a {
 margin-right: 0;
 margin-left: 21px;
}
.ui-colour li.ui-last-col .name {
 float: right;
 text-align: left;
 padding-left: 17px;
 padding-right: 0;
}
.ui-colour li.ui-last-col .swatch {
 float: left;
}

/* Hover and selected state */

.ui-colour li a:hover {
 text-decoration: none;
}
.ui-colour li a:focus .name,
.ui-colour li a:hover .name {
 font-size: 1.25em;
 padding-bottom: 10px;
}
.ui-colour li a .chosen {
 text-align: right;
 float: none;
 padding-bottom: 10px;
 background: url('/personalisation-assets/img/horiz-divider.png') repeat-x 0 100%;
 margin: 0 0 6px 16px;
 display: none;
}
.ui-colour li.ui-last-col a .chosen {
 text-align: left;
 margin-right: 16px;
 margin-left: 0;
}
.ui-colour li a.ui-selected .name,
.ui-colour li a.ui-selected:focus .name,
.ui-colour li a.ui-selected:hover .name {
 padding-top: 12px;
 color: #fff
}
.ui-colour li a.ui-selected .chosen {
 display: block;
}
.ui-colour li a.ui-selected:focus .name,
.ui-colour li a.ui-selected:hover .name {
 font-size: 1em;
}

/* Size table */

table {
 font-family: Georgia, serif;
 font-style: italic;
 text-align: center;
 background: url('/personalisation-assets/img/striped-bg.png') repeat 50% 50%;
 clear: left;
 width: 680px;
 table-layout: fixed;
}
table th {
 vertical-align: middle;
}
table thead th {
 font-size: 2em;
 color: #555;
 background: #fff;
 padding-top: 34px;
}
table thead th span {
 background: url('/personalisation-assets/img/horiz-divider.png') repeat-x 50% 33px ;
 display: block;
 padding-bottom: 20px;
 margin-bottom: 11px;
 padding-left: 25px;
}
table thead th:first-child {
 width: 143px;
 text-align: center;
 background: #fff url('/personalisation-assets/img/vert-divider.png') no-repeat 100% 0;
}
table thead th:first-child span {
 padding-left: 0;
}
table tbody td {
 height: 50px;
 vertical-align: middle;
 text-align: center;
 cursor: pointer;
 width: 49px;
}
table tbody td.ui-selected {
  cursor: default;
}
table tbody td a {
 text-decoration: none;
 font-size: 1.454em;
 display: block;
 padding: 5px 0;
}
table tbody th {
 font-size: 2em;
 color: #9f9f9f;
 text-align: center;
 padding-right: 30px;
 background: #fff url('/personalisation-assets/img/ruler-bg.png') repeat-y 90px -10px;
 width: 110px;
}

/* Size chart hover and selected state */

table tbody tr td.ui-selected a,
table tbody tr td a:focus,
table tbody tr td:hover a {
 font-size: 2em;
 text-decoration: none;
}
table tbody tr td.ui-selected a {
 color: #fff;
}
table tbody tr td.ui-selected a:hover {
 text-decoration: none;
}
.ui-size-hover {
	border-width: 2px;
	border-style: solid;
 display: none;
 position: absolute;
}

/* Unavailable sizes */

table tbody tr td.unavailable a:focus,
table tbody .unavailable:hover a {
 font-size: 1.454em;
}
table tbody .unavailable a {
 text-indent: -999em;
 display: block;
 min-height: 20px;
 background: url('/personalisation-assets/img/size-unavailable.png') no-repeat 50% 0;
 outline: none;
 margin-top: 10px;
}
table tbody .unavailable:hover a {
 background-position: 50% -31px;
}
.ui-unavailable-panel {
	font-size: 1.334em;
	padding: 29px 33px;
	width: 130px;
	min-height: 38px;
	font-family: Georgia, "Times New Roman", serif;
	text-align: center;
	line-height: 1.3em;
	font-style: italic;
	position: absolute;
	z-index: 100;
	background: url('/personalisation-assets/img/unavailable-panel-bg.png') no-repeat 50% 0;
	display: none;
	margin: -24px 0 0 -53px;
}
/* Detail layout */

.ui-detail {
 clear: left;
 padding-top: 8px;
}
.ui-detail .metadata {
 margin-bottom: 6px;
}
.ui-detail .metadata .price {
 font-style: italic;
 display: block;
 font-family: Georgia, "Times New Roman", serif;
 font-size: 2.364em;
 padding-bottom: 36px;
}
.ui-detail .metadata .sku {
 font-size: 1.091em;
}
.ui-detail .description {
 font-size: 1.455em;
 width: 305px;
}

/* Tabs */

#vcsContent .ui-tabs li {
 background: none;
}
.ui-detail .ui-tabs {
 font-size: 1.27em;
 font-style: italic;
 font-family: Georgia, "Times New Roman", serif;
 overflow: hidden;
 position: relative;
 z-index: 10;
 clear: right;
}
.ui-detail .ui-tabs li {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
}
.ui-detail .ui-tabs li a {
 display: block;
 padding: 9px 3px 12px 3px;
 min-width: 130px;
 text-decoration: none;
 text-align: center;
 border-bottom: 1px solid #efefef;
 border-left: 1px solid #efefef;
 background: #fff;
}
.ui-detail .ui-tabs li:first-child a {
 border-left: none;
}
.ui-detail .ui-tabs li a:focus,
.ui-detail .ui-tabs li a:hover {
 background: #ebebeb;
}
.ui-detail .ui-tabs li.ui-selected a {
 border-right: 1px solid #efefef;
 border-top: 1px solid #efefef;
 border-bottom: none;
 font-weight: bold;
}
.ui-detail .ui-tabs li:first-child.ui-selected a {
 border-right: none;
}
.ui-detail .ui-tab-panel {
	display: none;
	padding-top: 15px;
	overflow: hidden;
	border-top: 1px solid #efefef;
	position: relative;
	top: -1px;
	width: 510px;
	font-family: "HelveticaNeueLTStd55Roman", "Helvetica Neue", Arial, sans-serif;
	font-size: 1.091em;
	padding-bottom: 30px;
}
.ui-detail .ui-tab-panel h2 {
  display: none;
}
.ui-detail .ui-tabs + .ui-tab-panel {
 display: block;
}
.ui-detail .ui-tab-panel ul {
	float: left;
	width: 165px;
}
.ui-detail .ui-tab-panel ul:first-child {
 width: 210px;
 margin-right: 34px;
}
.ui-detail .ui-tab-panel li {
 color: #333;
}
.ui-detail .ui-tab-panel li a {
 text-decoration: underline;
}
#vcsContent .ui-detail .ui-tab-panel li {
 background: url('/personalisation-assets/img/bullet.png') no-repeat 0 6px;
}

/* Style */

#vcsContent .jcarousel-style-options li {
	background: none;
  margin: 0;
  padding: 0;
	display: inline;
  width: 212px;
}
#vcsContent .jcarousel-style-options li > div {
  padding: 0 21px;
	border-left: 1px #cbcbcb dashed;
  min-height: 302px;
  padding-bottom: 16px;
}

#vcsContent .jcarousel-style-options li:first-child > div {
  border-left: none;
}
#vcsContent .jcarousel-style-options a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	width: 170px;
  text-align: center;
}
#vcsContent .jcarousel-style-options a:hover {
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
}

#vcsContent .jcarousel-style-options a img {
	border: 1px #e1e1e1 solid;
  display: inline-block;
}
#vcsContent .jcarousel-style-options li span,
#vcsContent .jcarousel-style-options li p {
  display: block;
	font-style: italic;
	font-family: Georgia, serif;
	font-size: 16px;
	text-align: center;
	margin: 0;
	padding: 10px 3px;
  line-height: 1.1;
}
#vcsContent .jcarousel-style-options li .jcarousel-highlighted {
	display: none;
}

#vcsContent .jcarousel-style-options a.selected .jcarousel-highlighted,
#vcsContent .jcarousel-style-options a.selected:hover div.jcarousel-highlighted {
	display: block;
	font-style: italic;
	font-weight: normal;
	border-bottom: 1px #ffffff dashed;
	padding-bottom: 10px;
	margin-bottom: 4px;
}
#vcsContent .jcarousel-style-options li .jcarousel-info {
  border: 1px solid transparent;
  min-height: 80px;
}
#vcsContent .jcarousel-style-options li .jcarousel-description {
	display: none;
}
#vcsContent .jcarousel-style-options a:hover .jcarousel-description {
	display: block;
	font-size: 14px;
}
#vcsContent .jcarousel-style-options a.selected {
	border-style: solid;
	border-width: 1px;	
	color: #ffffff;
  cursor: default;
  width: 168px;
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
}
#vcsContent .jcarousel-style-options a.selected:hover {
	color: #ffffff;
}
#vcsContent .jcarousel-style-options a.selected:hover .jcarousel-description {
	display: none;
}
#vcsContent .jcarousel-style-options a.selected div {
	color: #ffffff;
	margin-bottom: 0px;		
}
#vcsContent .jcarousel-style-options a.selected img {
  border: none;
}
#vcsContent .jcarousel-style-options a.selected:hover div {
  color: #fff;
}
.jcarousel-container-horizontal {
	width: 721px;
	float: left;
	margin-top: 20px;
}
.jcarousel-clip-horizontal {
	width: 636px;
	height: 350px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 57px;
}
#ui-carousel {
  display: none;
}
.jcarousel-clip-horizontal #ui-carousel {
  display: block;
}
.jcarousel-prev-horizontal {
	position: absolute;
	top: 36px;
	left: 0px;
	width: 36px;
	height: 145px;
	background: url(/personalisation-assets/img/carousel-prev.png) 0 0 no-repeat;
  cursor: pointer;
  visibility: hidden;
}
.jcarousel-prev-horizontal p {
	margin-top: 65px;
	margin-left: 15px;
	font-size: 10px;
	color: #636363;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 10px;
}
.jcarousel-prev-horizontal.jcarousel-prev-disabled {
	background: url(/personalisation-assets/img/carousel-prev-disabled.png) 0 0 no-repeat;	
  cursor: default;
}
.jcarousel-prev-horizontal.jcarousel-prev-disabled p {
	display: none;
}
.jcarousel-next-horizontal {
	position: absolute;
	top: 36px;
	right: 0px;
	width: 40px;
	height: 145px;
	background: url(/personalisation-assets/img/carousel-next.png) 100% 0 no-repeat;
  cursor: pointer;
  visibility: hidden;
}

.carousel-enabled .jcarousel-next-horizontal,
.carousel-enabled .jcarousel-prev-horizontal {
  visibility: visible;
}

.jcarousel-next-horizontal p {
	margin-top: 65px;
	color: #636363;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 10px;
}
.jcarousel-next-horizontal.jcarousel-next-disabled {
	background: url(/personalisation-assets/img/carousel-next-disabled.png) 0 0 no-repeat;	
  cursor: default;
}
.jcarousel-next-horizontal.jcarousel-next-disabled p {
	display: none;
}
#mycarousel li {
	display: inline;
	float: left;
}

/* Measure yourself accordion panel */
.ui-measure-info {
	float: left;
	width: 500px;
	margin: 45px 0 30px;
	overflow: hidden;
}
.ui-style .ui-measure-info {
	margin: 45px 0 30px 20px;
}
.ui-size .ui-measure-info {
	margin: 85px 0 30px;
}
.ui-size-dress-template .ui-measure-info {
	margin: 65px 0 30px;
}
.ui-size-womens-template .ui-measure-info {
	margin: 35px 0 0;	
}
.ui-measure-info .ui-accordion-panel {
 padding-top: 30px;
 clear: left;
 display: none;
}
.ui-measure-info h3 {
 color: #333;
 font-size: 1.273em;
 font-weight: normal;
 float: left;
 background: url('/personalisation-assets/img/horiz-divider.png') repeat-x 0 0;
}
.ui-measure-info h3 a {
 text-decoration: none;
 padding: 10px 30px 3px 0;
 display: block;
 background: url('/personalisation-assets/img/accordion-icon.png') no-repeat 100% 10px;
}
.ui-measure-info.open h3 a {
 background-position: 100% -26px;
}
.ui-measure-info h3 strong {
 font-family: Georgia, "Times New Roman", serif;
 font-style: italic;
 font-size: 1.143em;
}
.ui-measure-info ul {
 overflow: hidden;
}
.ui-measure-info ul li {
 width: 108px;
 display: block;
 padding: 40px 0 0 142px;
 float: left;
 min-height: 95px;
 margin-bottom: 20px;
 text-align: left;
}
.ui-measure-info h4 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.454em;
	font-style: italic;
	font-weight: bold;
	color: #333;
	margin: 0;
}
.ui-measure-info p {
 font-size: 1.091em;
}
#vcsContent .ui-measure-info .waist {
 background: url('/personalisation-assets/img/size-measure-waist.png') no-repeat 5px 0;
}
#vcsContent .ui-measure-info .leg {
 background: url('/personalisation-assets/img/size-measure-leg.png') no-repeat 5px 0;
}
#vcsContent .ui-measure-info .tall {
 background: url('/personalisation-assets/img/womens-formal-trousers/style-tall.png') no-repeat 5px 0;
}
#vcsContent .ui-measure-info .curvy {
 background: url('/personalisation-assets/img/womens-formal-trousers/style-curvy.png') no-repeat 5px 0;
}
#vcsContent .ui-measure-info .petite {
 background: url('/personalisation-assets/img/womens-formal-trousers/style-petite.png') no-repeat 5px 0;
}

/* Landing Page */

.hgroup {
 margin: auto;
 width: 640px;
 padding-bottom: 18px;
}
.hgroup p {
 font-size: 1.364em;
 color: #999;
 text-align: center;
}
.ui-category {
 background: url('/personalisation-assets/img/landing/landing-men.jpg') repeat-x 0 100%;
 width: 468px;
 min-height: 594px;
 margin: 0 0 0 7px;
 position: relative;
 float: left;
}
.ui-category:first-child {
 margin-left: 13px;
}

/* For category landing page */

.single-cat .ui-category {
 margin-left: auto;
 margin-right: auto;
 float: none;
}
.ui-category h2 {
 font-size: 1.545em;
 color: #707070;
 font-weight: normal;
 position: absolute;
 left: 0;
 bottom: 160px;
 z-index: 10;
 float: left;
 padding: 0;
 margin: 0;
 background: url('/personalisation-assets/img/landing/categories-men.png') no-repeat 0 100%;
 text-indent: -999em;
 width: 21px;
 height: 107px;
}
.ui-category.womens  {
 background-image: url('/personalisation-assets/img/landing/landing-women.jpg');
}
.ui-category.womens h2 {
 background-image: url('/personalisation-assets/img/landing/categories-women.png');
}
.ui-category ul {
 position: absolute;
 top: 140px;
 left: 0;
}
.ui-category li {
 float: left;
 margin: 0 0 0 1px;
 padding: 0;
}
.ui-category li a {
 font-size: 1.273em;
 color: #fff;
 display: block;
 line-height: 1;
 padding: 10px 0 8px 21px;
 font-family: Georgia, 'Times New Roman', serif;
 font-style: italic;
 min-width: 110px;
 text-align: center;
 background: url('/personalisation-assets/img/landing/cta-arrow.png') no-repeat 30% 50%;
}
.ui-category li a:hover {
 color: #fff;
}
.ui-category li:first-child {
 margin-left: 0;
}
.ui-category li.black-dresses a { 
 background-color: #760071;
 background-position: 10px 50%;
}
.ui-category li.formal-trousers a { 
 background-color: #db1e56;
 padding-left: 32px;
 padding-right: 12px;
 background-position: 10px 50%;
}
.ui-category li.jeans-women a { 
 background-color: #41a26d;
}
.ui-category li.chinos a { 
 background-color: #2d6b64;
}
.ui-category li.jeans a { 
 background-color: #2971be;
}
.ui-category li.shirts a { 
 background-color: #321d7b;
 padding-left: 34px;
 padding-right: 15px;
 background-position: 10px 50%;
}
#vcsContent .ui-category li {
  background-image: none;
}


/* Womens Formal Trousers length */

.ui-main > h2 {
 clear: left;
 color: #555;
 font-size: 2em;
 font-family: Georgia, serif;
 font-style: italic;
 font-weight: normal;
 background: url('/personalisation-assets/img/horiz-divider.png') repeat-x 0 100%;
 padding: 8px 0 20px 24px;
 width: 588px;
 margin: 0 0 12px;
}
.ui-main .ui-length {
 overflow: hidden;
}
.ui-main .ui-length ol {
 clear: left;
 width: 612px;
 display: block;
 color: #9f9f9f;
 overflow: hidden;
 height: 305px;
 overflow-y: auto;
 margin-bottom: 10px;
}
.ui-main .ui-length li {
 margin-bottom: 0;
 position: relative;
 float: left;
 background: #fff url('/personalisation-assets/img/womens-formal-trousers/ruler-bg.png') repeat-y 90px -23px;
 min-height: 54px;
}
.ui-main .ui-length li .length {
 font-family: Georgia, serif;
 font-size: 2em;
 font-weight: normal;
 font-style: italic;
 width: 93px;
 display: block;
 float: left;
 text-align: center;
 padding: 18px 50px 5px 0;
 min-height: 31px;
 line-height: 1;
}
.ui-main .ui-length li .name {
 font-family: Georgia, serif;
 font-size: 22px;
 font-weight: normal;
 font-style: italic;
 background: url('/personalisation-assets/img/striped-bg.png') repeat 50% 0;
 padding: 15px 0 3px;
 text-align: center;
 width: 130px;
 min-height: 36px;
 display: block;
 float: left;
 text-decoration: none;
 color: #db1e56;
 line-height: 1;
}
.ui-main li .description {
 width: 200px;
 font-size: 1.273em;
 padding: 10px 25px 0 25px;
 display: block;
 float: left;
 color: #555;
}

/* Hover and selected state */
.ui-length li.ui-selectable:hover .name,
.ui-length li.ui-selectable .name:focus {
 width: 124px;
 border: 3px solid #db1e56;
 background: #fff;
 font-size: 26px;
 min-height: 33px;
 padding: 12px 0 3px;
}
.ui-length li.ui-selectable:hover .length,
.ui-length li.ui-selected .length {
 color: #db1e56;
 font-size: 3.455em;
 padding-top: 6px;
 min-height: 39px;
}
.ui-length li.ui-selected .name,
.ui-length li.ui-selected .name:focus,
.ui-length li.ui-selected:hover .name {
 background: #db1e56;
 color: #fff;
 font-size: 26px;
}

/* Unavailable item */

.ui-length li .ui-unavailable span {
 text-indent: -999em;
 display: block;
 min-height: 20px;
 background: url('/personalisation-assets/img/womens-formal-trousers/size-unavailable.png') no-repeat 50% 0;
}
.ui-length li .ui-unavailable:focus span,
.ui-length li .ui-unavailable:hover span {
 background-position: 50% -132px;
}

.ui-error h1 {
  text-align: center;
  font-weight: normal;
  font-size: 2.727em;
  padding: 210px 0 20px 0;
  background: url('/personalisation-assets/img/horiz-divider.png') repeat-x 0 100%;
  line-height: 1;
	width: 800px;
	margin: auto;
}

.ui-error .ui-footer {
	float: left;
	width: 100%;
	border-top: 1px #cbcbcb dashed;
	background: url(/personalisation-assets/img/ui-footer-bg.jpg) 0 0 repeat-x;
  min-height: 104px;
}

.ui-error p {
	text-align: center;
	height: 165px;
	padding-top: 30px;
}

.ui-error p a {
	background: url(/personalisation-assets/img/arrow-right.png) 100% center no-repeat;
	padding: 5px 25px 5px 5px;
	text-decoration: none;
	color: #6d6d6d;
	font-size: 18px;
}

/* Size chart */

.ui-size-womens ol {
  clear: left;
  width: 681px;
  background: url('/personalisation-assets/img/striped-bg.png') repeat 50% 0;
  float: left;
  margin-bottom: 65px;
}

.ui-size-womens li {
  float: left;
  display: block;
  width: 113px;
  text-align: center;
  background: url('/personalisation-assets/img/horiz-divider.png') repeat-x 0 0;
}

.ui-size-womens li a {
  font-family: Georgia, "Times New Roman", serif;
  background: url('/personalisation-assets/img/vert-divider.png') repeat-y 100% 0;
  font-style: italic;
  font-size: 1.273em;
  text-decoration: none;
  display: block;
  padding-top: 34px;
  min-height: 86px;
  line-height: 1;
}

.ui-size-womens li.ui-no-border {
  background: none;
}

.ui-size-womens li.ui-first-row {
  background: none;
}

.ui-size-womens li.ui-last-col a {
  background: none;
}

.ui-size-womens li a span {
	font-size: 2.714em;
	position: relative;
	top: 20px;
	left: -5px;
}

/* Hover and selected state*/

.ui-size-womens li.ui-selectable:hover {
  background: none;
}

.ui-size-womens li.ui-selectable:hover a,
.ui-size-womens li.ui-selectable a:focus {
	border-width: 3px;
	border-style: solid;
	background: #fff;
	padding-top: 31px;
	min-height: 83px;
}
/*
.ui-size-womens li.ui-selectable:hover a span,
.ui-size-womens li.ui-selectable a:focus span {
 font-size: 4.286em;
 top: 30px;
}
*/
.ui-size-womens li.ui-selected a,
.ui-size-womens li.ui-selected a:focus,
.ui-size-womens li.ui-selected:hover a {
 border-width: 3px;
	border-style: solid;
 padding-top: 31px;
 min-height: 83px;
 color: #fff;
}

.ui-size-womens li.ui-selected:hover a span,
.ui-size-womens li.ui-selected a:focus span,
.ui-size-womens li.ui-selected a span {
 font-size: 2.714em;
 top: 20px;
}

/* Unavailable item */

.ui-size-womens li.ui-unavailable > a > span {
  text-indent: -999em;
  display: block;
  min-height: 20px;
  background: url('/personalisation-assets/img/womens-formal-trousers/size-unavailable.png') no-repeat 50% 0;
}

.ui-size-womens li.ui-unavailable:focus span,
.ui-size-womens li:hover.ui-unavailable span {
  background-position: 50% -132px;
}

/* Size equivalence table */

.ui-size-equivalence table {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.909em;
  font-style: italic;
  margin-top: 30px;
  table-layout: auto;
  width: auto;
  background: none;
  margin-bottom: 20px;
}

.ui-size-equivalence table th {
  padding: 5px 5px 5px 3px;
}

.ui-size-equivalence table thead th:first-child {
}

.ui-size-equivalence table thead th span {
  display: inline;
  margin-bottom: 0;
  padding: 0;
}

.ui-size-equivalence table td {
  text-align: right;
  width: 27px;
  padding: 5px 10px 5px 0;
  height: auto;
  cursor: default;
}


.ui-size-equivalence table .large th,
.ui-size-equivalence table .large td {
  font-size: 1.4em;
}

.ui-size-equivalence table .large th span {
  font-size: 0.714em;
}

.ui-size-equivalence table thead th, 
.ui-size-equivalence table thead td {
  width: auto;
  text-align: left;
  background: none;
  border-bottom: 1px solid #BDD400;
}

.ui-size-equivalence table thead td {
  text-align: right;
}

.ui-size-equivalence table .local th, 
.ui-size-equivalence table .local td {
  background: #BDD400;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

.ui-size-equivalence table tbody th {
  background: none;
  text-align: left;
  font-size: 10px;
  color: #333;
}

.ui-size-equivalence table tbody tr:hover th {
  color: #333;
}

/* Delivery and Returns formatting */

.ui-detail .ui-tab-panel .returnsInfo ul,
.ui-detail .ui-tab-panel .deliveryInfo ul {
  float: none;
  width: auto;
}
.ui-detail .deliveryInfo .label,
.ui-detail .returnsInfo .label {
  display: block;
  font-weight: bold;
}


