/*--------------------------------------------------

SUNDRY CSS

Place all miscellaneous styles here e.g.
CMS/info page styles
Styles for controls i.e. mini-basket, 
mini-newsletter, forms, and styles that don't fit 
into, layout, catalogue, checkout, account

--------------------------------------------------*/

/*home info anchors */
a.info {
	position: absolute;	
	background: url(../en/site/icons/info.png) no-repeat;
	padding: 47px 48px 0 0;
	top: 0;
	left: 0;
	height: 0;
	width: 1px;
}
* html a.info {
/*background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='../en/site/icons/info.gif');*/
	background: url(../en/site/icons/info.gif) no-repeat;

}
a.info span {
	display: none;
	position: absolute;
	width:80px;
}
a.info:hover span,
a.active span{
	display: block;	
	background: #fff;
	padding: 2px;
}

/*------------------------
 Home Page Banner
------------------------*/
#body-banner {
	position: relative;
	z-index: 2;
}
#body-banner #drop-shadow {
	position: absolute;
	background: url(../en/site/canvas/drop-shadow.png) repeat-x;
	width: 100%;
	height: 6px;
	z-index: 3;
	left: 0;
}
#home-body-banner {
	z-index: 1;
	height: 635px;
	position: relative;
	overflow: hidden; /*needs fixing for mac */
	width: 950px;
}
#home-body-banner .banner {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
}
#body-banner ul#home-body-banner-menu {
	list-style: none;
	/*margin: -44px 0 0 0 ;*/
	z-index: 3;	
	position: absolute;	
	left: 0;	
	top: 0;
	margin: 1em 0 0 2em;
	padding: 2px;
	display: none;
	background: #343434 url(../en/site/canvas/footer-bg.gif) repeat-x;
	color: #fff;
	border: 1px solid #fff;
}
#body-banner ul#home-body-banner-menu li {
	float: left;	
}
#body-banner ul#home-body-banner-menu li a {
	padding: 0 4px 1px;
	background: no-repeat;
	float: left;	
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: 1px solid transparent;
	font-weight: normal;
}
#body-banner ul#home-body-banner-menu li a.select,
#body-banner ul#home-body-banner-menu li a:hover {
	border:1px solid #fff;
	text-decoration: none;	
	background: #006C7F;	
}
#body-content {
	position: absolute;
	top: 375px;
	z-index: 3;
	background: url(../en/site/canvas/scroll-bg.png);
	width: 950px;
	border-bottom:1px solid #b9a395;
}
#body-content h2.horizontal {
	position: absolute;
	padding: 15px 150px 0 0;
	text-indent: -999em;
	margin: 0;	
	width: 1px;
	z-index: 2;	
	top: 5px;
	left: 15px;	
}
#body-content h2.media {	
	background:url(../en/site/headings/in-the-media.png) no-repeat 0 0;		
}
#body-content h2.vertical {
	position: absolute;
	padding: 150px 15px 0 0;
	background:url(../en/site/headings/get-the-look.png) no-repeat 0 bottom;
	text-indent: -999em;
	margin: 0;	
	width: 1px;
	z-index: 2;	
	bottom: 15px;
	left: 5px;	
}
#body-content h2.promotions {	
	background:url(../en/site/headings/promotions.png) no-repeat 0 top;		
}
#body-content ul#media {
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
}
#body-content ul#media li {
	float: left;
	width: auto;
	height: 56px;
	margin-top: 12px;
}
#body-content ul#media li img{
	float: left;
	margin-right: 0.7em;
}
#body-content ul#media li h3 {
	color: #fff;
	font-size: 0.9em;
	margin-bottom: 0.3em;
}
#body-content ul#media li h3 span {
	font-weight: normal;
}
#body-content ul#media li h3 a {
	color: #fff;	
}
#body-content ul#media li p {
	font-weight: normal;
	font-size: 0.9em;
	color: #fff;
}
#body-content ul#media li a:hover {
	text-decoration: none;
}
#body-footer {
	background: #ffffff;
	padding:30px 0px 0px 30px;
	float: left;
	width: 920px;
	*float: none;
}

#body-footer img
{
    float:left;
    width:430px;
    padding-right:30px;
    
}

#body-footer-img1 
{
   float:left;
   width:430px; 
}

.body-footer-img
{
    float:left;
    width:445px;
}

#body-footer img {
	float: left;
}
#body-footer h2.horizontal {
	padding: 3px 160px 0 0;
	background:url(../en/site/headings/latest-twitter.png) no-repeat 0 0;
	text-indent: -999em;
	margin: 0;	
	width: 1px;	
}
#body-footer h2.blog {
	background:url(../en/site/headings/latest-blog.png) no-repeat 0 0;	
}
#body-footer ul {
	float: left;
	width: 201px;
	list-style-type: none;
	padding: 0;
	margin: 10px 12px 0;
}
#body-footer ul#blog {
	margin-right: 0;
}
#body-footer ul li {
	color: #fff;
	padding: 6px 0;
}
#body-footer ul li {
	border-bottom: 1px dotted #747474;
	padding-top: 5px;	
}
#body-footer ul li.first-child,
#body-footer ul li.last-child {
	border: none;	
}
#body-footer ul li a {
	color: #fff;
}
#body-footer ul li a span {
	color: #006c7f;
	display: block;
}
#body-footer ul li a:hover {
	text-decoration: none;
}
#body-footer ul li a span em {
	padding-left: 1em;
	font-style: normal;
}



/*Carasoul*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;	
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 200px;
    height: 200px;
	position: relative;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-skin-main .jcarousel-container {
       
}

.jcarousel-skin-main .jcarousel-container-horizontal {
    width: 890px;
    padding: 30px;
}

.jcarousel-skin-main .jcarousel-clip-horizontal {
   
}


.jcarousel-skin-main .jcarousel-item-horizontal {
    margin: 0px;
}


.jcarousel-skin-main .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/*fall back */
.jcarousel-skin-main {
	width: 950px; 
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.jcarousel-skin-main li {
	float: left;
	width: 200px;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-main .jcarousel-next-horizontal {
    position: absolute;
    top: 119px;
    right: 5px;
    width: 22px;
    height: 24px;
    cursor: pointer;
    background-image: url(../en/site/icons/arrow-right.png);
}

.jcarousel-skin-main .jcarousel-next-horizontal:hover {
    background-position: 0 -24px;
}
.jcarousel-skin-main .jcarousel-next-disabled-horizontal,
.jcarousel-skin-main .jcarousel-next-disabled-horizontal:hover {
    cursor: default;
    background-position: 0 -24px;
}

.jcarousel-skin-main .jcarousel-prev-horizontal {
	position: absolute;
	top: 119px;
	left: 5px;
	width: 22px;
	height: 24px;
	cursor: pointer;
	background-image: url(../en/site/icons/arrow-left.png);

}

.jcarousel-skin-main .jcarousel-prev-horizontal:hover {
    background-position: 0 -24px;
}
.jcarousel-skin-main .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-main .jcarousel-prev-disabled-horizontal:hover {
    cursor: default;
    background-position: 0 -24px;
}


/*Products Sub Carasoul*/
.jcarousel-skin-products .jcarousel-container {
	padding: 0;
	width: 218px;
	background: #fff;
}
.jcarousel-skin-products .jcarousel-item-horizontal {
	margin:0;
	height: 200px;
	text-align: center;
}
#promotions h3 {
	color: #006c7f;
	font-size: 0.9em;
	margin: 5px 0 0 0;
}
#promotions h3 a {
	color: #006c7f;
}
#promotions h3 a span {
	font-weight: normal;
}
#promotions p.price {
	font-size: 0.9em;
	margin: 0;
}
#promotions p.price .now {
	color: red;
	font-weight: normal;
}
#promotions p.price .was {
	text-decoration: line-through;
}
#promotions p.price input {
	margin: 2px 0 -7px 5px;
}


/**
 *  Horizontal Buttons
 */
.jcarousel-skin-products .jcarousel-next-horizontal {
    position: absolute;
    top: auto;
	top: 119px;
    right: 35px;
    width: 22px;
    height: 24px;
    cursor: pointer;
    background: url(../en/site/icons/arrow-right.png) no-repeat right -54px;
}

.jcarousel-skin-products .jcarousel-next-horizontal:hover {
    background-position: 0 -24px;
}
.jcarousel-skin-products .jcarousel-next-disabled-horizontal,
.jcarousel-skin-products .jcarousel-next-disabled-horizontal:hover {
    cursor: default;
    background-position: 0 0px;
}
.jcarousel-skin-products .jcarousel-prev-horizontal {
	position: absolute;
	top: auto;
	top: 119px;
	left: 35px;
	width: 22px;
	height: 24px;
	cursor: pointer;
	background: url(../en/site/icons/arrow-left.png) no-repeat 0 -54px;

}

.jcarousel-skin-products .jcarousel-prev-horizontal:hover {
    background-position: 0 -24px;
}
.jcarousel-skin-products .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-products .jcarousel-prev-disabled-horizontal:hover {
    cursor: default;
    background-position: 0 0px;
}

/* Carousel over rides for group page */

.category-promo-list .jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 118px;
	height: 220px;
	padding: 26px 50px;
	position: relative;
}
.category-promo-list  .jcarousel-container {
background: none;
}
.category-promo-list .jcarousel-next-horizontal {
right: 5px;
}
.category-promo-list .jcarousel-prev-horizontal {
left: 5px;
}

.jcarousel-skin-category .jcarousel-container {
	padding: 0;
	width: 218px;
	background: #fff;
}
.jcarousel-skin-category .jcarousel-item-horizontal {
	margin:0;
	height: 205px;
	padding-top: 25px;
	text-align: center;
}

 /* Carousel over rides for group page end */

/* Carousel over rides for category list page */

.cat-landing-footer .jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 200px;
	height: 200px;
	padding: 0 15px 0 15px;
	position: relative;
}

.jcarousel-list li.first-child
{
    padding-left:0px ! important;
}

.jcarousel-list li.last-child
{
    padding-right:0px ! important;
}

.jcarousel-list li img 
{
    float:left;
    width:200px;
}

.jcarousel-skin-category .jcarousel-container {
	padding: 0;
	width: 218px;
	background: #fff;
}
.jcarousel-skin-category .jcarousel-item-horizontal {
	margin:0;
	height: 205px;
	padding-top: 25px;
	text-align: center;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-category .jcarousel-next-horizontal {
    position: absolute;
    top: auto;
	top: 119px;
    right: 35px;
    width: 22px;
    height: 24px;
    cursor: pointer;
    background: url(../en/site/icons/arrow-right.png) no-repeat right -54px;
}

.jcarousel-skin-category .jcarousel-next-horizontal:hover {
    background-position: 0 -24px;
}
.jcarousel-skin-category .jcarousel-next-disabled-horizontal,
.jcarousel-skin-category .jcarousel-next-disabled-horizontal:hover {
    cursor: default;
    background-position: 0 0px;
}
.jcarousel-skin-category .jcarousel-prev-horizontal {
	position: absolute;
	top: auto;
	top: 119px;
	left: 35px;
	width: 22px;
	height: 24px;
	cursor: pointer;
	background: url(../en/site/icons/arrow-left.png) no-repeat 0 -54px;

}

.jcarousel-skin-category .jcarousel-prev-horizontal:hover {
    background-position: 0 -24px;
}
.jcarousel-skin-category .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-category .jcarousel-prev-disabled-horizontal:hover {
    cursor: default;
    background-position: 0 0px;
}


/* Carousel over rides for category list page */


/*Horizontal Accordian*/
ul.horizontal-accordian {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 215px;
  position: relative;
  height: 228px;
  background: url(../en/site/canvas/hor-scroll-bar.gif) repeat-y right 0;
  border-right: 2px solid #b9a688;  
}
ul.horizontal-accordian li {
  float: left;
  padding: 0;
  display: block;
  margin-right: 0;
  overflow: hidden;
  height: 228px;
  width: 15px;
  background: url(../en/site/canvas/hor-scroll-bar.gif) repeat-y left 0;
}
ul.horizontal-accordian li a {
  display: block;
  overflow: hidden;
  height: 12px;  
  background: url(../en/site/icons/dot.png)	repeat-y 1px 0;	  
}
ul.horizontal-accordian li.first-child,
ul.horizontal-accordian-large li.first-child {
  width: 170px;
}
ul.horizontal-accordian li.second a,
ul.horizontal-accordian-large li.second a {
	height: 24px;
}
ul.horizontal-accordian li.third a,
ul.horizontal-accordian-large li.third a {
	height: 36px;
}
ul.horizontal-accordian li.last-child a,
ul.horizontal-accordian-large li.last-child a {
	height: 46px;
}
ul.horizontal-accordian li img,
ul.horizontal-accordian-large li img {
  position: absolute;
  padding-left: 15px; 
}

#accordian-overlay, .accordian-overlay {
	position: absolute;
	right: 25px;
	top: 8px;
	z-index: 100;
	display: none;
	background: url(../en/site/canvas/accordian-overlay-bg.png) no-repeat 0 0;
	width: 466px;
	height: 634px;
	padding: 8px 11px;
}

#accordian-overlay span.close, .accordian-overlay span.close {
	text-indent: -999em;
	cursor: pointer;
	width: 1px;
	height: 0;
	background: url(../en/site/icons/close.png) no-repeat 0 0;
	position: absolute;
	top: -15px;
	right: -10px;
	z-index: 1;
	padding: 30px 30px 0 0;
}	
ul.horizontal-accordian-large {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 460px;
  position: relative;
  height: 634px;
  background: url(../en/site/canvas/hor-scroll-bar.gif) repeat-y right 0;
  border-right: 2px solid #b9a688;  
}
ul.horizontal-accordian-large li {
  float: left;
  position:	relative;
  padding: 0;
  display: block;
  margin-right: 0;
  overflow: hidden;
  height: 634px;
  width: 15px;
  background: url(../en/site/canvas/hor-scroll-bar.gif) repeat-y left 0;
}
ul.horizontal-accordian-large li a {
  display: block;
  overflow: hidden;
  height: 12px;  
  background: url(../en/site/icons/dot.png)	repeat-y 1px 0;	  
}
ul.horizontal-accordian-large li img { /*for testing - to be deleted */
  width: 400px;
  height: 634px;
}
ul.horizontal-accordian-large li .content {
	padding: 50px 20px 0 250px;
	position: relative;
	color: #fff;
	font-size: 1em;
	float: left;
}
ul.horizontal-accordian-large li .content h1 {
	font-family: Helvetica, arial;
	color: #fff;
	font-weight: normal;
}
ul.horizontal-accordian-large li p.product-name {
	color: #157f92;
	width: 120px;
	margin: 2em 0 0.5em 0;
	font-weight: bold;
}
ul.horizontal-accordian-large li p.price,
ul.horizontal-accordian-large li p.more-info {
	float: left;
	color: #000;
	font-weight: bold;
	margin-bottom: 0.5em;
}
ul.horizontal-accordian-large li p.more-info {
	margin-left: 35px;
}
ul.horizontal-accordian-large li p.more-info a {
	padding-left: 15px;
}
ul.horizontal-accordian-large li .product-config {
	width: 140px;
	float: left;
	clear: both;	
}
ul.horizontal-accordian-large li .product-config select {
	width: 120px;
	border: 1px solid #b39f88;
	font-size: 0.9em;
}
ul.horizontal-accordian-large li .product-config p.basket {
	margin-top: 1.5em;
}
ul.horizontal-accordian-large li .product-config p.basket input {
	border: 1px solid #b59f89;
}
ul.horizontal-accordian-large li .product-config p.basket a {
	font-family: Helvetica, arial;
	margin: 10px  0;
	background: url(../en/site/icons/arrow-gray.png) no-repeat 0 80%;
	padding-left: 10px;
}
ul.horizontal-accordian-large li a.video {
	position: absolute;
	bottom: 10px;
	left: 20px;
	font-family: Helvetica, arial;
	background: url(../en/site/icons/arrow-gray.png) no-repeat 0 80%;
	padding-left: 10px;
	cursor: pointer;
}

#product-overlay {
	display: none;
	position: absolute;
	top: 15%;
	left: 345px;
	z-index: 100;
	width: 300px;
	background: #fff url(../en/site/canvas/content-bg.gif) repeat-x scroll 0 -130px;
	padding: 10px;
	border: 2px solid #acd2e2;
}
#product-overlay span.close {
	text-indent: -999em;
	cursor: pointer;
	width: 1px;
	height: 0;
	background: url(../en/site/icons/overlay-close-blue.png) no-repeat 0 0;
	position: absolute;
	top: -15px;
	right: -15px;
	z-index: 1;
	padding: 30px 30px 0 0;
}
#product-overlay h1 {
	color: #157f92;
	font-family: Helvetica, arial;
	font-weight: normal;
}

#product-overlay p.product-name {	
	margin: 0 0 0.5em 0;
	font-weight: bold;
}

#product-overlay p.price {
	float: left;
	color: red;
	font-weight: bold;
}
#product-overlay p.more-info {
	float: left;
	color: #000;
	font-weight: bold;
	margin: 0 0 1em 50px;
}
#product-overlay fieldset.product-config {
	float: left;
	clear: both;	
}
#product-overlay fieldset.product-config p {
	float: left;
	margin-right: 10px;	
}
#product-overlay fieldset.product-config p a {
	display: block;	
}
#product-overlay fieldset.product-config p.basket {
	clear: both;
	margin: 1em 0 0 0;
}
#product-overlay fieldset.product-config p.basket input {
	border: 1px solid #ACD2E2;
}
#product-overlay .product-config p.basket a {
	font-family: Helvetica, arial;
	margin: 10px  0;
	background: url(../en/site/icons/arrow-gray.png) no-repeat 0 80%;
	padding-left: 10px;
}

#modal-background {
	position: fixed;
	z-index: 10 !important;
	height: 100%;
	width: 100%;
	background: #fff;
	top: 0;
	left: 0;
	opacity: 0.5;
	filter: alpha(opacity=50) !important;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	display: none;
}


/* Bren */

/* 
Dark grey bacground: #393939
Pink highlight: #006C7F
grey dashed border: #7b7b7b
 */




/* Buttons */


.signupbutton
{
background: url(../en/site/buttons/sign-up-button.jpg);
height: 29px;
border:none;
width:60px ! important;
font-family: Helvetica, arial;
color: #ffffff;
font-size: 1.2em;
text-align:center;
float: left;
}


.addtobasket, .large-btn
{
float:left;
width:200px;
font-weight:normal ! important;
color:White ! important;
font-family:Helvetica, Arial ! important;
font-size:1.5em;
background:url(../en/site/buttons/large-button.jpg);
background-repeat:no-repeat;
padding:10px 0 14px 0;
display: block;
border:none;
text-align:center;
text-decoration:none ! important;
border:none; 
}

.small-btn
{
float:left;
width:175px;
font-weight:normal ! important;
color:White ! important;
font-family:Helvetica, Arial ! important;
font-size:1.5em;
background:url(../en/site/buttons/small-button.jpg);
background-repeat:no-repeat;
padding:10px 0 14px 0;
display: block;
border:none;
text-align:center;
text-decoration:none ! important;
border:none; 
}

.large-btn-right 
{
float:right;
font-size:1.4em ! important;
}

.medium-btn,
.medium-btn-left,
.medium-btn-right
{
    width:170px ! important;
    background:url(../en/site/buttons/medium-button.jpg);
    font-size:1.2em;
    padding:5px 0 7px 0;
    background-repeat:no-repeat;
    text-align:center;
    color:White ! important;
    text-decoration:none;
    margin: 0px 25px 0px 0px;
    border-color: transparent;
}
.medium-btn-left
{
    float: left;
}
.medium-btn-right
{
    float: right;
}


.go-btn 
{
    width:55px ! important;
    background:url(../en/site/buttons/go-button.jpg);
    font-size:1.3em;
    padding:6px 0 7px 0;
    background-repeat:no-repeat; 
    border:none; 
    color:White;
    float:left;
}


.float-right 
{
    float:right ! important;
}

.basket-continue-to-checkout
{
    margin-top:22px;
    float:right;
}

.proceed-chk-btn 
{
    margin-bottom:10px;
}

#continueshopping, 
#continueshopping1,
#continueshopping3,
#backtobaskettop
{
    font-size:1.2em;
    color:#8e4995;
    background-color:White;
    text-decoration:none;
    margin-top:32px;
    float:left;
    border:none;
    background-repeat:no-repeat;
}

.adjust-margin-top 
{
    margin-top:12px ! important;
}

.standard-pink-text-button 
{
    font-size:1.2em;
    color:#8e4995;
    background-color:White;
    text-decoration:none;
    margin-top:32px;
    float:left;
    border:none;
    background-image:url(../en/site/buttons/pink-arrow-forward.gif);
    background-repeat:no-repeat;
    background-position:0px 5px;
    padding:0 0 0 10px;
}

.standard-pink-text-button-1
{
    margin-top:12px ! important;
}

.link-button 
{
    display: block;
}
.link-button:hover 
{
    text-decoration: none;
}
#order-history .t-view a 
{
    margin: 3px 0;
    font-size: 1em;
}
.check-confirm-btn 
{
 display: block !important;
 margin: 0 !important;  
}

.add-to-comparison ,.category-list .comparison a 
{
    border:none;
    font-size:1em;
    color:#c4bfb9 ! important;
    font-weight:bold;
    float:right;
    background-color:White;
}

/* Buttons end */


/* Sub nav features */


#sub-nav a 
{
color: #333333;
}
#sub-nav h2 {
font-size: 1.8em;
font-weight: normal;
font-family: Helvetica, Arial;
margin: 0 0 19px 0;
padding:0;
letter-spacing: 1px;
color: #343232;
}
#sub-nav h3 {
clear: both;
font-size:1.9em;
font-weight:normal;
margin-bottom:10px;
margin-top:0;
}

#sub-nav h4 
{
}

#sub-nav ul{
clear: both;
}
#sub-nav li {
margin: 6px 0;
}

.promoleft
{
    float:left;
    width:170px;
    padding:0;
}


.promoleft li 
{
    list-style:none;
    margin-bottom:30px ! important;
}

#product-page .promoleft, #search-page .promoleft 
{
    margin:21px 0 0 0;
}

.promoleft li.last-child-list
{
    margin-bottom:0px ! important;
}

#Basket .promoleft
{
    margin:0px 50px 0 0;
}


#sub-nav ul.standardul 
{
    width:170px;
    margin:0;
    float:left;
    padding:0;
}

.sub-nav-features ul {
margin-left: 0 !important;
}

.sub-nav-features {
background: #393939;
color: #fff;
padding: 1px 10px;
margin: 20px 0 20px 0;
width: 140px;
}
.sub-nav-features h3 {
color: #fff;
font-size: 1.8em !important;
font-weight: normal;
font-family: Helvetica, Arial;
margin: 11px 0 11px 0;
letter-spacing: 1px;
padding: 0 !important;
}
.sub-nav-features p {
padding: 0;
margin: 0;
font-size: 1.0em;
}
.sub-nav-features a {
color: #fff !important;
padding-left: 12px;
background: url(../en/site/icons/arrow-subnav.gif) no-repeat 0px 2px;
}
.sub-as-seen-in img {
margin-bottom: 11px;
}
.sub-as-seen-in .last-child{
margin-bottom: 22px;
}
.sub-latest-blog li{
margin: 11px 0 11px 0;
border-bottom: 1px dashed #7b7b7b;
padding-bottom: 11px;
}
.sub-latest-blog .last-child{
border-bottom: none;
}
.sub-latest-blog p {
color: #87c6d1;
}
.recently-viewed
{
    width:170px;
    float:left;
    margin:2em 0 2em 0;
}

.recently-viewed ul
{
    padding:0 ! important;
    margin:0 ! important;
    list-style:none;
    width:170px;
}

.recently-viewed ul li 
{
    padding:0;
    margin:0;
    float:left;
}

.recently-viewed ul li img
{
    float:left;
}
.sub-nav-list em {
font-style: normal;
font-weight: bold;
color: #006C7F;
}
#sub-nav-list a.selected 
{
font-weight: bold;
color:#8E4995;
}
.sub-nav-list-secondary {
margin-top: 21px !important;
}

#cat-nav-list li 
{
    margin:0 0 10px 0;
}

#cat-nav-list li a
{
    font-size:1.1em;
    text-decoration:None;
}

#cat-nav-list li a:hover,
#cat-nav-list li a:active 
{
    color:#8e4995;
}

#cat-nav-list li ,
#cat-nav-list li ul.sub li
{
    font-size:1em;
}
#cat-nav-list li  a,
#cat-nav-list li ul.sub li a
{
    padding-left: 15px;
}

#cat-nav-list>li>ul>li> a
{
    background: transparent url(../en/site/icons/arrow-sidesubsubnav.gif) no-repeat scroll left 0;
}

#cat-nav-list>li>ul>li>ul>li a
{
    background: transparent url(../en/site/icons/arrow-sidesubnav.gif) no-repeat scroll left 0;
}

#cat-nav-list>li>ul>li> a,
#cat-nav-list>li>ul>li>ul>li a
{
    background-position: left center;
    margin-left: -5px;
}

#cat-nav-list li,
#cat-nav-list li ul.sub li
{
    padding-left: 15px;
}

#cat-nav-list li ul.sub li.first-child
{
    padding-top: 10px;
}

/* Sub nav features end */

/* Product page general */
.product-details-img {
float: left; width: 265px; margin: 5px 25px 32px 0;
}

.product-details-image-scroller 
{
    float:left;
    width:265px;
    margin-top:10px;
}

.product-details-image-scroller ul 
{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
}

.product-details-image-scroller li 
{
    float:left;
    margin-right:5px;
}

.product-details-image-selection img
{
    border:1px solid #cdcdcd;
    
}

.pink-arrow-left 
{
    margin:39px 5px 0px 0px;
    float:left;
    border:none;
    width:11px;
    
}

.pink-arrow-right 
{
    margin:39px 0px 0px 0px;
    float:left;
    border:none;
    width:11px;
    
}

.product-details {
float: left; width: 400px;
position: relative;
}
.product-details h1 {
font-size: 2.6em;
font-weight: normal ! important;
color: #8e4995;
margin: 0 0 4px 0;
clear: none;
}
.prod-dets-basket-btn {
clear: both;
display: block;
width: 167px;
margin-bottom: 22px;
}
.product-options {
font-size: 1.1em;
margin: 12px 0 0;
width: 350px;
position: relative;
}
#size-guide-link 
{
position: absolute;
right: 30px;
top: 30px;
}
.size-guide-wrap 
{
    position: relative;
}
.product-options legend 
{
 display: none;   
}
.product-options div.swatches, .refine-selection div.swatches {
float:left;
}
.product-options div.swatches a.swatch, .refine-selection div.swatches a.swatch {
	margin: 1px;
	padding: 1px;
	border: none;
}
.product-options div.swatches a.swatch img, .refine-selection div.swatches a.swatch img {
	width: 16px;
	height: 16px;
}
.product-options div.swatches a.swatch.selected, .refine-selection div.swatches a.swatch.selected {
	margin: 0;
	border: solid 1px black;
}
.product-options span {
position: absolute;
right: -160px;
top: 24px;
}
.product-options p{
color: #006C7F;
margin: 5px 0;
font-weight: bold;
font-size: 1.0em;
float: left;
margin-right: 30px;
}
.product-options a{
float: left;
margin-right: 3px;
}
.product-options label, 
.product-details label.quantity {
clear: both;
display: block;
float: left;
width: 110px;
color: #8e4995;
margin: 5px 0;
font-weight: bold;
font-size: 1.1em;
}
.product-details label.quantity {
font-size: 1.3em;
}
.product-options select, .product-details select.quantity {
width: 100px;
margin: 5px 0;
}
.product-options select.size {
width: 200px;
margin: 5px 0;
}
.product-dets-total-price 
{
clear: both;
font-size: 1.3em;
font-weight: bold;
height: 1.3em;
margin:5px 0 20px 0;
display:block;
float:left;
width:400px;
}
.product-dets-total-price dt {
display: inline;
display: block;
float: left;
width:110px;
font-size:1em ! important;
}
.product-dets-total-price dd {
display: inline;
display: block;
float: left;
}
.product-details p.price {
font-size: 1.2em;
font-weight:bold;
}
ul.productbullets
{
    margin:0; 
    padding:0 0 0 1.2em;
    font-size:1.2em;
}

ul.productbullets li 
{
    margin-bottom:5px;
    padding:0;
}

.productdetailsrow 
{
    width:400px;
    margin-bottom:4px;
    float:left;
    
}

.addthis 
{
    float:Left;
    clear:both;
    margin:0 0 56px 0;
}


ul.addtolist 
{
    float:left;
    width:382px;
    margin:17px 0 10px 0px;
    padding:0 0 0 18px;
    list-style-image:url(../en/site/global/list-arrow.gif);
}

ul.addtolist li 
{
    padding:0;
    margin:0 0 9px 0;
}

ul.addtolist li a
{
    color:#8e4995;
    text-decoration:none;
    font-size:1.2em;
}

.product-description {
font-size: 1.2em;
margin: 12px 0;
}
.product-stars p {
margin: 0;
padding: 0 0 6px 3px;
font-weight: bold;
}
.product-stars {
float: right;
width: 160px;
}
.image-hover {
display: none;
padding-left: 18px;
margin: 12px 0;
background: url(../en/site/icons/image-hover.gif) no-repeat;
margin-left:40px;
}
.alternative-images{
padding: 0;
margin: 0;
}
.alternative-images li{
list-style-type: none;
float: left;
width: 66px;
margin: 0 4px;
}
.alternative-images img{
border: 1px solid #acacac;
}
.product-details .quantity {
	display: block;
	float: left;
}
.product-details label.quantity {
	clear: both;
}
.product-details .add-basket {
	display: block !important;
	clear: both;
	float: none;
}
#basket-message 
{
    background: url(../en/site/global/basket-message-back.jpg) repeat-x top left;
    color: #bff1f8;
    height: 59px;
    width: 200px;
    font-size: 1.1em;
    padding: 3px;
    position: relative;
}
#basket-message img 
{
    position: absolute;
    right: 0;
    top: 0;
}
#basket-message a 
{
    clear: both;
    color: #fff;
    font-weight: bold;
    position: absolute;
    bottom: 6px;
}
#basket-message span 
{
    display: block;
    margin-bottom: 4px;
    font-size: 1.2em;
    width: 130px;
}
#basket-message .close 
{
    position: absolute;
    right: 3px;
}

.price, .wasprice, .isprice, .discountedisprice
{
    clear: none;
    display: inline;
    font-size: 1em;
}

.price
{
    font-weight: bold;
    font-size: 1.2em;
}

.wasprice
{
    text-decoration: line-through;
}

.isprice
{
    color: Black;
}

.discountedisprice
{
    color: #CD0000;
}

/* Product page general end */

/* Reviews */
#ctl00_cphBodyContent_reviews_ctl00_ctl00_reviewWrap 
{
    font-size: 0.9em;
}
.review-ratings 
{
    font-size: 0.9em;
    border-bottom: 1px solid #DADADA;
    padding-top: 12px;
}
.review-stars 
{
    float: left;
    width: 175px;
    color: #222222;
}
.review-stars dl  
{
    padding: 0;
    margin: 0;
}
.review-stars dt
{
    float: left;
    width: 50px;
    clear: both;
    height: 16px;
}
.review-stars-write 
{
    margin-bottom: 12px;
}
.review-stars-write dt
{
    width: 75px;
}
.review-stars dd
{
margin: 5px 0;
height: 16px;
}
.review-overview 
{
    float: left;
    width: 466px;
}
.review-overview dt 
{
    float: left;
    width: 80px;
    clear: both;
    padding: 3px 0;
    font-weight: bold;
}
.review-overview dt.procons 
{
    width: 50px;
}
.review-overview dd 
{
    padding: 3px 0;
}
.review-date 
{
    float: right;
}
.review-title 
{
    font-weight: bold;
    width: 300px;
}

.overall-rating dt, #ctl00_cphBodyContent_reviewSummary_overallRating dt
{
    float: none;
    width: auto;
    font-weight: bold;
}
.overall-rating dd 
{
    padding-bottom: 32px;
}
.create-review .form input 
{
width: 300px;
}
.create-review .form dt 
{
    padding-right: 4px;
}
.create-review .form textarea
{
width: 600px;
}
#ctl00_cphBodyContent_readMoreReviews 
{
    float:right;
    margin-top: -20px;
}
#ctl00_cphBodyContent_createReview 
{
    float:right;
    padding-bottom: 4px;
}
.most-recent-review 
{
    font-size: 1.1em;
    padding-bottom: 6px;
    font-weight: bold;
}
.category-rating 
{
    margin-top: -20px;
}
.review-image 
{
    float: left;
    margin-right: 20px;
}
.review-prod-dets 
{
    float: left;
}
.review-title-header 
{
    background: #158090;
    color: #fff;
    clear: both;
    padding: 3px;
}

.field 
{
    padding:0 5px 0 5px;
}

.create-review fieldset 
{
    border-bottom: 1px solid #DADADA;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.create-review fieldset li 
{
    display: inline;
    list-style-type: none;
    padding: 2px 4px;
}
p.review-average-txt 
{
    clear: both;
    padding-top: 12px;
}
.review-listing 
{
    clear: both;
    border-top: 1px solid #DADADA;
    padding-top: 12px;
    font-size: 1.1em;
}
.review-listing .review-overview 
{
    width: 700px;
}
.review-listing .review-ratings 
{
    border-bottom:none;
    border-top:1px solid #DADADA;
    margin-top: 12px;
}
.review-listing .review-ratings 
{
    overflow: auto;
}
.review-listing-prev 
{
    border: none;
    margin-top: 0;
    padding-top: 0;
}
.review-listing-prev .review-ratings 
{
    margin-top: 0;
    border: none;
    border-bottom:1px solid #DADADA;
}
.auto-width input
{
    width: auto !important;
}
.review-recommend-prod 
{
    float: left;
}
.ui-tabs-panel .last-child, .review-abuse-details .last-child
{
    border-bottom: none;
}
.review-abuse-details 
{
    clear:both;
    font-size: 1.1em;
}
.review-abuse-details blockquote, .review-overview blockquote
{
    clear: both;
    background: transparent url(../en/site/icons/blockquote-start.gif) left top no-repeat;
    margin: 12px 0;
    overflow: auto;
    height: 1%;
}
.review-abuse-details blockquote div, .review-overview blockquote div
{
    background: transparent url(../en/site/icons/blockquote-finish.gif) right bottom no-repeat;
    font-size: 1.1em;
    padding: 0 22px;
    float: left;
    margin-top: 2px;
}
.review-abuse-details .review-stars 
{
    width: auto;
}
.review-abuse-written, .review-written 
{
    clear: both;
}
.review-abuse-written dt 
{
    float: left;
    padding:3px 6px 3px 0;
    font-weight: bold;
}
.review-abuse-written dd 
{
    padding:3px 24px 3px 0;
    float: left;
}
.review-abuse-details .review-stars dt
{
    width: auto;
    padding: 9px 25px 0 0;
    font-weight: bold;
}
.review-abuse-details .review-stars dd
{
    width: auto;
    padding: 3px 0 0 0;
    float: left;
}
.review-feedback-wrap 
{
    clear: both;
    padding-top: 4px;
}
#ctl00_cphBodyContent_abuseComment 
{
    width: 400px;
    height: 100px;
}
/* Reviews end */


.mainprice, .price, .wasprice, .isprice, .discountedisprice
{
    clear: none;
    display: inline;
    font-size: 1em;
}

.mainprice, .price
{
    font-weight: bold;
    font-size: 1.2em;
    white-space: nowrap;
}

.wasprice, .isprice, .discountedisprice
{
    white-space: nowrap;
}

.wasprice
{
    text-decoration: line-through;
    width: 175px;
}

.isprice
{
    color: #333333;
}

.discountedisprice
{
    color: #CD0000;
}


/* Category page general */

#category-mainhead {
clear: both;
font-size: 4.2em ! important;
font-weight: normal;
font-family: Helvetica, Arial;
color: #343232;
padding: 15px 0 0 20px;
height:64px;
width:670px;
background-image:url(../en/site/canvas/products-background-title.gif);
}
.refine-selection h3
{
display:inline; 
float: left;
}
.refine-selection h2 {
display:inline; 
float: left;
}
.clear-refinement {
text-align: right; float: right;
font-weight: bold;
}
.clear-all-refine {
margin-top: 16px;
}
.category-list {
clear: both;
margin: 0 auto;
padding: 0 0 0 0;
}
.category-list li {
list-style-type: none;
float: left;
width: 170px; /* 177 x 4 = 708 */
padding: 30px 0px 30px 43px;
text-align: center;
}
.category-list li p {
margin: 0;
font-size: 1.0em;
}

.producttitleclear 
{
    height:35px;
}

.category-list .price {
    float: left;
    width:90px;
    text-align: left;
    margin: 0 0 0.4em 0px;
    font-weight:bold;
    font-size:1em;
}

#product-page .category-list .price {
    float: left;
    width:170px;
    text-align: center;
    margin: 0 0 0.4em 0px;
    font-weight:bold;
    font-size:1.1em;
}

.category-list .comparison
{
    float:right;
    width:80px;
}

.category-list .details{
float: right;
font-weight: bold;
}

.productitemsbottom 
{
    width:690px;
    margin-bottom:20px;
    float:left;
}

.category-list a 
{
    color:#343232 ! important;
    text-decoration:none ! important;
    font-size:1.1em;
}

.category-list a:hover 
{
    color:#863c8d ! important;
}

.category-promo-list {
background: #fff url(../en/site/global/category-promo-back.jpg) repeat-x bottom;
overflow: auto;
border: 1px solid #eeebe7;
clear: both;
padding-left: 10px;
}

.category-promo-list .jcarousel-skin-products{
width: 230px;
float: left;
}

.cat-landing-footer .jcarousel-skin-category{
width: 230px;
float: left;
}

.refine-list {
border-bottom: 1px solid #868686;
padding-bottom: 11px !important;
margin-bottom: 11px !important;
}
.refine-list-long {
border: 1px solid #868686;
overflow: auto;
max-height: 130px;
}
.refine-list-long li a {
margin-left: 4px !important;
}
.refine-list li a {
padding-left: 18px;
margin: 4px 0;
background: url(../en/site/icons/refine-check.gif) no-repeat 0px 2px;
}
.refine-selected {
background-position: 0 -31px !important;
}
.colour-list {
overflow: auto;
border-bottom: 1px solid #868686;
padding-bottom: 11px !important;
margin-bottom: 11px !important;
}
.colour-list li {
float: left;
width: 18px;
padding: 2px;
}
.price-range-wrap{
border-bottom: 1px solid #868686;
width: 150px;
}
.price-range-wrap input{
border:0; font-size: 1.2em; font-weight: bold;
}
.sort-by-wrap {
float: left;
width: 200px;
margin-top:10px;
}



.pagination {
float: right; margin: 10px 0 0 0; padding: 0;
}
.pagination li {
list-style-type: none;
display: inline;
}
.pagination li input, .pagination li span {
padding: 0 4px;
color:#343232;
border:none;
background-color:White;
}
.pagination li input {
	cursor: pointer;
}

.pagination li a:hover 
{
    color:#8e4995;
}

.items-page-wrap {
float: right; width: 160px;
margin-bottom: 12px;
margin-top:10px;
}
.cat-promo-1 {
background: url(../en/site/global/highest-rated.gif) no-repeat 20px 100%;
}
.cat-promo-2 {
background: url(../en/site/global/most-wanted.gif) no-repeat 20px 100%;
}
.cat-promo-3 {
background: url(../en/site/global/we-recommend.gif) no-repeat 20px 100%;
}



/* Category page general end */


/* Category  landing page */

.cat-landing-footer {
width: 690px;
float:left;
}

.cat-landing-footer ul 
{
    padding:0 ! important;
    margin:0 ! important;
    list-style:none;
    float:left;
    
}

.cat-landing-footer li 
{
    float:left;
    padding:30px 0 0 30px;
}


.cat-landing-footer  .blog-wrap {
float: right;
}
.blog-wrap {
float: left;
width: 201px;
list-style-type: none;
padding: 0;
margin: 0px 12px 0;
}

.blog-wrap h2 {
margin: 0;
padding: 0;
font-size: 1.9em;
color: #fff;
font-weight: normal;
font-family: Helvetica, Arial;
}
.blog-wrap li {
color: #fff;
padding: 6px 0;
border-bottom: 1px dotted #747474;
padding-top: 5px;
}
.blog-wrap li .first-child,
.blog-wrap li .last-child {
border: none;	
}
.blog-wrap li a {
color: #fff;
}
.blog-wrap li  a span {
color: #006c7f;
display: block;
}
.blog-wrap li  a span em {
padding-left: 1em;
font-style: normal;
}


/* Category  landing page end */

/* Basket page */
#basket-summary-table {
width: 100%;
float: left;
margin: 20px 0;
text-align: left;
}


#basket-summary-table  th {
font-size: 1.1em;
text-align: left;
background: #d7d2cb;
color: #343232;
padding:4px 6px 4px 6px;
}
#basket-summary-table  tr td {
border-bottom: 1px solid grey;
}
#basket-summary-table  td{
padding: 4px 6px;
}
.xl-header {
font-size: 2.8em;
font-weight: normal;
font-family: Helvetica, Arial;
margin-bottom: 11px;
}
.basket-totals {
width: 270px;
float: right;
background: #d8d3cd;
padding:10px 20px 10px 20px;
text-align:left;
}

.basket-totals dl {
font-size: 1.2em;
width:270px;
float:left;
margin-bottom:16px;
}

.basket-totals dt {
float: left;
width: 180px;
margin-bottom:20px;
}
.basket-total-cost {
color: #006C7F;
font-weight: bold;
font-style: normal;
font-size: 1.2em;
border-top: 1px solid #fff;
padding-top: 5px;
}
.basket-totals dt span {
display: block;
font-weight: normal;
font-size: 0.7em;
color: #2b2b2b;
}
.basket-totals dl  select{
margin-top: 2px;
display: block;
font-size: 0.9em;
}
.basket-totals dd {
float: left;
width: 90px;
text-align:right;
}
.prod-basket-overview {
float: left;
width: 170px;
font-size: 0.9em;
margin-left: 25px;
display:inline;
}
.prod-basket-overview  p a {
color: #8e4995 ! important;
}
.prod-basket-overview  p {
font-weight: bold;
margin: 0;
text-align: left;
}
.prod-basket-overview  dt{
float: left;
padding-right:3px;
font-weight: bold;
}
.basket-prod-header {
text-align: left !important;
}
.remove-quantity {
display: block;
}
.basket-stock {
font-weight: bold;
color:#000;
text-align:left;
}
.basket-oos {
color: red;
font-weight:bold;
}
.basket-checkout-btn {
float: right !important;
margin: 20px 0 !important;
display: block !important;
}

.basket-secure-wrap {
float: left;
width: 450px;
}
.basket-secure-wrap fieldset {
width: 370px;
background: #D7D2CB;
font-size: 1.1em;
padding: 6px;
}
.basket-secure-wrap fieldset label
{
    padding-top: 3px;
}
.basket-secure-wrap fieldset #promomessage
{
    padding-top: 3px;
    float: left;
    color: #000;
    background-color:#fff;
    width: 100%;
}
.basket-secure-wrap fieldset legend
{
    display: none;
}
.basket-secure-wrap .link-button, .basket-secure-wrap label, .basket-secure-wrap literal
{
    float: left;
    margin: 0 3px;
    background-color:#D7D2CB;
}

.basket-secure-wrap input 
{
    float:left;
    margin: 0 3px;
    background-color:#ffffff;
}

#ctl00_cphBodyContent_basketView_ctl02_PromoCode
{
    background-color:#fff;
    color:#000 ! important;
}

.basket-secure-wrap button 
{
    height: 22px !important;
    padding: 0 6px;
    margin: -1px 0 0 0 !important;
    width:108px;
    font-size: 1.2em !important;
}
.basket-secure-wrap img 
{
margin-top: 24px;
}
.basket-promo-list {
width: 930px;
}
/* Basket page end */

/* Twitter */

#twitter_update_list li {
padding-left: 12px !important;
background: url(../en/site/icons/breadcrumb-stroke.gif) no-repeat top left;
}
/* Twitter end */


/* Zoom */

div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}

/* Zoom end */




/* Tooltip */

#tooltip {
background-color:#EEEEEE;
border: 1px solid #868686;
padding:5px;
position:absolute;
z-index:3000 !important;
}
#tooltip h3, #tooltip div {
margin:0;
}

/* Tooltip */

#newsletter br
{
    display:none;
}


/* Cloud Tags */

#sub-nav .popular-tags {
margin: 2em 0px 0px 0px;
float:left;
}
.refine-selection .popular-tags {
border-top: 0 !important;
}
.applied-filter
{
    text-align: right;
}
#sub-nav .popular-tags h4, #sub-nav .recently-viewed h3 {
font-size: 1.8em;
font-weight: normal;
font-family: Helvetica, Arial;
margin: 0;
letter-spacing: 1px;
}

#sub-nav .popular-tags h4 
{
    margin:0 0 1em 0;
}

.popular-tags li {
display: inline;
padding: 4px;
}
.poptag-1 {
font-size: 2.1em;
}
.poptag-2 {
font-size: 1.8em;
}
.poptag-3 {
font-size: 1.4em;
}
.poptag-4 {
font-size: 1.0em;
}


/* Cloud Tags End */

/* Info Page & basic form */

h1 {
font-size: 3.1em;
font-weight: normal;
font-family: Helvetica, Arial;
margin: 6px 0 11px 0;
color: #8e4995;
clear: both;
}
.emailfriend-form {
width:359px!important;
}
.basic-form {
float: left;
width: 400px;
}
.basic-form  label{
width: 150px;
float: left;
color: #006C7F;
margin: 5px 0;
font-weight: bold;
font-size: 1.1em;
}
.basic-form .submitbtn {
width: 57px;
height: 18px;
margin: 18px 0 0 150px;
}
.basic-form input {
width: 200px;
float: left;
margin: 5px 0;
}
.basic-form textarea{
float: left;
margin-top: 6px;
}
.email-friend-prod-data h2 {
font-size: 1.8em;
font-weight: normal;
color: #006C7F;
margin: 0 0 4px 0;
}
.email-friend-prod-data {
float: right;
width: 298px;
text-align: center;
margin-right: 12px;
}
.basic-form-error {
color: #FF0000;
padding-left: 150px;
font-weight: bold;
clear: both;
display: block;
}
.error
{
    color: #FF0000;
    font-size: 12px;
    font-weight: bold;
}

/* Info Page & basic form end */

/* Wishlist */

.wishlist-remove {
	text-align: center;
	display: block;
	margin-top: 6px;
}

.wish-list-options {
	margin: 0 0 14px 0;
	padding: 0;
	clear: both;
	width:690px;
	float:left;
}

#ctl00_cphBodyContent_SelectAll1
{
    padding:0 ! important;
    color:White ! important;
    text-align:center;
    width:170px;
    text-decoration:none;
}

.wish-list-options li {
	float:left;
	padding-right: 40px;
	list-style:none;
}

.wish-list-options li a 
{
    float:left;
}

.wish-list-options li.wish-list-print a
{
    background-image:url(../en/site/icons/printer.gif);
    background-repeat:no-repeat;
    padding:4px 0 0 30px;
    height:24px;
}

.wish-list-options li.wish-list-email a
{
    background-image:url(../en/site/icons/envelope.gif);
    background-repeat:no-repeat;
    padding:4px 0 0 30px;
    height:24px;
}

.wish-list-minus-top 
{
    margin-top:-5px;
}

/* Wishlist end */


/* Sitemap */
.site-map-wrap {
	clear: both;
	padding: 16px 0;
	overflow: auto;
}

h2.site-map-wrap, h3.site-map-wrap {
	background: #8e4995;
	color:#fff;
	padding: 4px;
	font-size: 1.3em;
}

.site-map ul h3, .site-map ul h3 a {
	color:#343232;
	background: #fff;
	padding: 0;
}
.site-map ul h3 {
    margin-bottom: 0.4em;
}

div.site-map ul {
	float:left;
	margin: 0;
	font-size: 0.9em;
	margin-bottom:3em;
}
div.site-map {
    float: none;
    display: block;
    clear: both;
}

div.site-map li, div.site-map {
	float:none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

div.site-map li {
	width:170px;
}

div.site-map ul {
	padding: 0;
}

div.site-map ul.first-in-row
{
    clear: both;
    float: left;
}

/* Sitemap end */

/* My account */

#login-return-form 
{
float: left;
width: 475px;
margin-right: 15px;
}

.login-buttons-div
{
    clear:left;
    width:375px;
}

#login-register-form 
{
float: left;
width: 370px; 
}

#login-return-form .submit 
{
    float:left;
    clear:left;
}
#login-return-form input 
{
    width: 170px;
}
#login-return-form h2 
{
    font-size: 1.6em;
    color:#343232;
    margin: 0;
    padding: 12px 0;
    clear:both;
}

#Login dt 
{
    float:left;
    padding:0 ! important;
    width:141px;
}

#Login dd 
{
    float:left;
    padding:0;
    width:330px;
}

#Login dd input 
{
    width:220px;
    padding:2px 5px 2px 5px;
}

/*
#registration-group fieldset
{
    float: left;
    width: 333px;
    padding: 10px;
    height: 225px;
    background: url(../en/site/canvas/dotted-rhs-bot.gif) no-repeat bottom right;
}*/

.form fieldset legend 
{
    font-size: 1.6em;
    color:#343232;
    margin: 0;
    padding: 12px 0 12px 0;
    font-weight:bold;
}
.form fieldset dt
{
    width: 160px;
    float: left;
    clear: both;
    margin: 0;
    padding: 6px 0;
}
.form fieldset dd 
{
    margin: 0;
    padding: 6px 0;
}
.form label em
{
display: none;
}
.form dd span 
{
    clear:left;
    text-align:left;
    display:block;
    float:left;
}
.form .required label
{
background: url(../en/site/global/required.gif) no-repeat top right;
padding-right: 10px;
}


#order-history 
{
 width: 690px;   
 text-align: center;
 float:left;
 margin:10px 0 10px 0;
}
#order-history th 
{
    text-align: center;
}

#order-history td 
{
    padding: 6px 0;
}
table .row-stripe td 
{
    background: #ededed;
}
table th 
{
    background: #8e4995;
    color:#fff;
    margin-bottom: 24px;
}

/* My account end */


/* --- XForm styles, for the default forms rendered by EPiServer
--*/
table#id_matrix input.xform-reset,
table#id_matrix input.xform-submit {
	background: url(/assets/en/site/buttons/submit.gif) no-repeat center;
	border: 0;
	width: 52px;
	height: 17px;
	margin-left: 16px;
	cursor: pointer;
	text-indent: 52px;
	line-height: 0;
	padding: 0;
	float: left;
}
table#id_matrix input.xform-reset {
	background: url(/assets/en/site/buttons/clear.gif) no-repeat center;
	width: 47px;
	margin-left: 174px;
}
table#id_matrix input.xform-checkbox,
table#id_matrix input.xform-radio {
	margin-left: 80px;
	display: inline;
	clear: both;
	float: left;
}
table#id_matrix label {
	display: block;
	width: 160px;
	float: left;
	text-align: left;
	margin-right: 16px;
	margin-bottom: 1.0em;
	font-weight: bold;
	white-space: nowrap;
}
table#id_matrix input.xform-text, table#id_matrix textarea.xform-text {
	border: 1px solid #666;	
	width: 170px;
	padding:2px 5px 2px 5px;
	float: left;
	margin-right: 16px;
}
table#id_matrix span.xform-label {
	margin: 0 2.0em 0.6em 2.0em;
	display: block;
}

table#id_matrix tr,
table#id_matrix td {
	padding: 0;
	margin: 0;
	height: 2.3em;
	text-align: left;
	vertical-align: middle;
}

table#id_matrix td legend 
{
    font-size:1.2em;
    margin-bottom:20px;
}

table#id_matrix td fieldset input
{
    float:left;
    width:30px;
    padding-right:20px;
}

table#id_matrix td fieldset label 
{
    float:left;
    height:20px;
    width:auto ! important;
}

#competition .privacy 
{
    float:left;
    margin-top:10px;
}

table#id_matrix tr {
	margin-bottom: 1em;
	width: 100%;
}
table#id_matrix {
	width: 100%;
}
table#id_matrix span.xformvalidator {
	color: firebrick;
}

/* - Product Comparison
 */
#product-comparison {
	width: 480px;
}
#product-comparison .instructions {
	text-align: justify;
	font-size: 0.9em;
	width: 180px;
	float: left;
}
#product-comparison .instructions ul 
{
    margin: 0;
    padding: 0;
}
#product-comparison .instructions li {
	padding: 6px 0;
	list-style-type: none;
	text-align: left;
}
.product-container a:hover
{
    text-decoration: none;
}
#product-comparison .product-container {
	width: 300px;
	float: left;
}
#product-comparison .product-container a.button {
	
}
#product-comparison .product-list {
	list-style: none;
}
#product-comparison .product-list li {
	border-bottom: solid 1px gainsboro;
	margin-top: 0.4em;
	text-align: left;
	width: 100%;
}
#product-comparison .product-list li span.title {
	font-size: 0.9em;
}
#product-comparison .product-list li img {
	vertical-align: middle;
	margin-right: 1.0em;
}
#product-comparison .product-list li a.remove {
	margin-top: 8px;
	float: right;
}
body.product-comparison table.product-comparison {
	border: solid 1px #dcdcdc;
	border-collapse: separate;
	width: 100%;
}
body.product-comparison table.product-comparison tr {
	border-bottom: solid 1px #dcdcdc;
}
body.product-comparison table.product-comparison th {
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
}
body.product-comparison table.product-comparison td {
	text-align: center;
	padding: 5px 3px;
	border-left: solid 1px #dcdcdc;
	vertical-align: text-top;
}
body.product-comparison table.product-comparison tr.price {
	font-weight: bold;
}
body.product-comparison table.product-comparison td:first-child {
	border: none;
	width: 100px;
	text-align: right;
	font-weight: bold;
	padding: 0 1.0em;
}
body.product-comparison table.product-comparison td.hero-image {
	text-align: center;
}



fieldset.address-fields label, fieldset.address-fields button {
	clear: left;
	float: left;
	width: 128px;
}
fieldset.address-fields input, fieldset.address-fields select
{
	float: left;
}

/*--Hidden Basket--*/

#mini-basket 
{
    height:auto;
}

/*--We Recommend--*/

.category-list-recommend {
clear: both;
margin: 0 auto;
padding: 0 0 0 0px;
}
.category-list-recommend li {
list-style-type: none;
float: left;
width: 170px; /* 177 x 4 = 708 */
padding: 30px 0px 0px 40px;
text-align: center;
}
.category-list-recommend li p {
margin: 0;
font-size: 1.0em;
}

.category-list-recommend .price {
float: left;
width: 100%;
text-align: left;
margin: 0 0 0.4em 0px;
font-weight:bold;
font-size:1.1em;
}
.category-list-recommend .details{
float: right;
font-weight: bold;
}

.category-list-recommend .price {
float: left;
width: 100%;
text-align: left;
margin: 0 0 0.4em 0px;
font-weight:bold;
font-size:1.1em;
}
.category-list-recommend .details{
float: right;
font-weight: bold;
}

.productitemsbottom-recommend 
{
    width:660px;
}

.category-list-recommend a 
{
    color:#343232 ! important;
    text-decoration:none ! important;
    font-size:1.1em;
}

.category-list-recommend a:hover 
{
    color:#863c8d ! important;
}

/*--We Recommend--*/

/*---General span styles---*/

.purplehighlight 
{
    color:#8e4995;
    font-weight:bold;
}

.whitebold 
{
    color:White;
    font-weight:bold;
}

.basket-conshop-btn {
 font-size:1.2em ! important;
 margin-top:35px ! important;
}

.basket-conshop-btn-1
{
    width:100px;
    margin:0 ! important;
}

.find 
{
    font-size:1.1em;
    color:#8e4995 ! important;
    font-weight:normal !  important;
    background-color:#fff;
    text-decoration:none;
    float:left;
    border:none;
    text-align:left;
    margin:0;
}

.genericbuttonlink, #ctl00_cphBodyContent_btnHomeBottom, #ctl00_cphBodyContent_btnHomeTop, .showtips
{
    font-size:1.1em;
    color:#8e4995 ! important;
    font-weight:normal !  important;
    background-color:#fff;
    text-decoration:none;
    float:left;
    border:none;
    margin:0 15px 0 -8px;
    text-align:left;
}


.genericbuttonlink1 
{

    font-size:1.2em ! important;
}

.genericbuttonlink2 
{
    font-size:1.2em ! important;
    margin-top:12px ! important;
}

.genericbuttonlink3 
{
    background-color:#ebebeb;
    margin-left:-10px;
}

.genericbuttonlink4 
{
    margin-left:-10px;
    width:170px;
    font-size:1.2em ! important;
}

.genericbuttonlink5 
{
    font-size:1.0em ! important;
}

.minus-ten-left 
{
    margin-left:-10px;
}

.font-adjust 
{
    font-size:1.2em ! important;
}

.clear 
{
    clear:left;
}

.plus-ten-top 
{
    margin-top:10px ! important;
}

.plus-sixty-top 
{
    margin-top:50px ! important;
    display:inline;
}


.margins-login
{
    margin-top:76px;
    margin-right:10px;
}

.margin-account-details 
{
    margin-top:-10px;
}

.float-left 
{
    float:left ! important;
}

.boldgrey 
{
    color:#343232;
    font-weight:bold;
}

.imgborder 
{
    border:1px solid #cfcfcf;
}

.img-margin-bottom 
{
    margin-bottom:24px;
}

.verysmallbutton 
{
float:right;
width:108px;
padding:10px 0 14px 0;
font-weight:normal ! important;
text-align:center;
color:White ! important;
font-family:Helvetica, Arial ! important;
font-size:1.4em ! important;
background:url(../en/site/buttons/v-small-button.jpg);
display: block;
overflow: visible;
background-repeat:no-repeat;
border:none;
}

.clearboth 
{
    clear:both;
}

/*---End general span styles---*/

/*----------Account Pages----------*/

/*---Account General---*/

#sub-nav-list li 
{
    margin-bottom:9px;
}

#sub-nav-list a:hover
{
    text-decoration:none;
    color:#8e4995;
}

/*---End of Account General---*/

/*---Account Home---*/

#summary h1, #edit h1, #details h1, #addresses h1, 
#competition h1, #wishlist h1, 
.user-content h1, #orders h1, #site-map h1, #Register h1, #search-page h1 {
font-family: helvetica, arial;
font-size: 2.6em ! important;
font-weight: normal;
color: #8e4995;
margin:30px 0 30px 0;
width:490px;
display:block;
}



.user-content #sub-nav
{
    padding-top:24px ! important;
}

#Login h1 
{
    margin-top:0px ! important;
    font-size:2.3em ! important;
}

#Register h1 
{
    margin-top:0px;
    margin-bottom:20px;
}

#summary h2, #edit h2
{
    font-weight:normal ! important;
    font-size:1.2em;
    margin:0;
}

#account-summary dt 
{
    font-size: 1.4em;
    color:#343232;
    font-weight:bold;
    margin: 0;
    padding: 3px 0;
}
#account-summary dd 
{
    margin-bottom: 12px;
}

#account-summary dd a 
{
    font-size:0.9em ! important;
    color:#8e4995 ! important;
    font-weight:normal !  important;
    text-decoration:none ! important;
    float:left;
    text-align:left;
}

#account-summary dd a:hover 
{
    text-decoration:underline ! important;
}

#account-summary p 
{
    margin-top: 12px;
}

/*---End of Account Home---*/

/*---Edit Address Page---*/

#edit-address-book dd input 
{
    width:221px;
    float:left;
    margin-bottom:5px;
    padding:0 5px 0 5px;
}

#edit-address-book dt
{
    float:left;
    margin-bottom:5px;
    padding-right:20px;
    width:120px;
}

#edit-address-book select 
{
    float:left;
    margin-bottom:5px;
    margin-right:5px;
}

#edit-address-book dd button 
{
    font-size:1em ! important;
    color:#8e4995 ! important;
    font-weight:normal !  important;
    background-color:#fff;
    text-decoration:none ! important;
    float:left;
    border:none;
    margin-right:15px;
    text-align:left;
}

#edit-address-book legend
{
    font-weight:normal ! important;
    font-size:1.2em;
    color:#343232;
    margin:20px 0 0 0;
}

/*---End of Edit Address Page---*/

/*---Account Details Page---*/

#personal-form dd, #password-control-form dd, #account-details-form dd, #details dd
{
    float:left;
    width:165px;
}

#personal-form dd input, #password-control-form dd input, #account-details-form dd input, #details dd input
{
    width:165px;
    padding:1px 5px 1px 5px;
}
#Register #personal-form input#rbYesRegister,#Register #personal-form input#rbNoRegister
{
    float:left;
    width:15px;    
}
#personal-form dd select
{
    width:126px;
} 

#personal-form dt, #password-control-form dt, #account-details-form dt
{
    float:left;
    width:100px;
}


#mailing-form ul.option 
{
    list-style:none;
    margin:0;
    padding:0;
    margin-top:30px;
}

#mailing-form ul.option li 
{
    float:left;
    margin-right:20px;
}

#account-details-form dl 
{
    float:left;
}
    

/*---End of Account Details Page---*/

/*---Address Book Page---*/

.addnewaddress 
{
    width:690px;
    margin-top:10px;
    clear:left;
}

#address-book li 
{
    border-bottom: 1pz
}

#address-book 
{
    margin: 0;
    padding: 0;
}
#address-book li
{
    list-style-type: none;
    margin: 12px 0 0 0;
    padding: 0 12px 30px 0;
    float: left;
    margin-right: 20px;
    background: url(../en/site/canvas/dotted-rhs-bot.gif) no-repeat bottom right;
    height: 195px;
    width: 205px;
    border-bottom:1px solid #9c9c9c;
}
#address-book li.no-border 
{
    background: url(../en/site/canvas/dotted-bot.gif) no-repeat bottom right;
    
}
#address-book li div 
{
    height: 160px;
    overflow: auto;
}
.address-book-foot 
{
    clear: both;
    background: #fff;
    position: relative;
    top: -10px;
}
#address-book b
{
    font-size: 1.6em;
    color:#343232;
    display: block;
    font-weight: normal;
}

/*---End of Address Book Page---*/

/*---Registration Page---*/

#address-console dt label 
{
    font-size:1.2em;
}
#Register #address-console fieldset
{
    padding-left:15px;
}
#Register input 
{
    width:165px;
    padding:2px 5px 2px 5px;
    font-size:1.1em;
}

#Register .styled input 
{
    width:30px;
}

#Register .option label 
{
    margin-right:10px;
}

#Register #mailing-form ul.option 
{
    margin:0;
    padding:0;
}

#Register #mailing-form ul.option li
{
    margin:10px 0 0 0;
}

#ctl00_cphBodyContent_addressview_Search 
{
    float:left;
}

#Register select 
{
    float:left;
}

/*---End of Registration Page---*/

/*---Newsletter Page---*/

#newsletter legend 
{
    font-size: 1.6em ! important;
    color:#343232;
    margin: 0;
    padding: 0 0 20px 0;
}


/*---End of Newsletter Page---*/

/*----------End of Account Pages----------*/

/*---Top Navigation Pages---*/

/*---Store Finder/Store List/Branch Details Pages---*/

#store-finder .introduction
{
    width:890px;
}

#store-map 
{
    float: left;
    width: 658px;
    height:473px;
    border:1px solid #cccccc;
}

.storemap1 
{
    width:445px ! important;
    border:none ! important;
}

#store-finder-form fieldset p 
{
    float:left;
    clear:left;
}

#store-finder-form 
{
    float:left;
    width:445px;
}

#store-map ul 
{
    float:left;
}

#store-finder-form input 
{
    padding:2px 5px 2px 5px;
    width:160px;
}

#store-finder-form #search-button 
{
    width:auto;
    clear:both;
    float:left;
    display:inline;
    margin-left:300px;
}

#store-finder-form dl, #store-finder-form dt, #store-finder-form dd
{
    float:left;
}

#store-finder-form dt, #store-finder-form dd
{
    width:180px;
}

#store-list 
{
    width: 100%;
    margin-top:20px;
    clear:left;
}

.store-list 
{
    width: 100%;
    clear:left;
}

.store-list td 
{
    padding: 4px 0;
}


#directions-postcode
{
    width:115px;
    padding:2px 5px 2px 5px;
    margin-top:5px;
    margin-right:5px;
    float:left;
}

#store-address, #opening-times, #store-directions, #store-offers
{
 float: left;
 width:200px;
 border-bottom:1px solid #9c9c9c;
 padding:0 0 14px 0;
 margin:0 30px 14px 0;
}

#store-directions 
{
    border-bottom:none;
}

#store-directions label 
{
    color:#343232;
    font-weight:bold;
    margin:10px 0 10px 0;
    width:200px;
    float:left;
}

#store-address 
{
    margin-top:30px;
}

#backlink 
{
    float:left;
    width:200px;
}

#backlink a 
{
    font-size:1.1em;
}

#opening-times dl, #store-offers dl
{
    margin-top:10px;
}

#store-address ol 
{
    padding: 0;
    text-align:left;
}
#store-address h3, #opening-times h3, #store-directions h3, #store-offers h3
{
    color:#8e4995;
    margin:0;
    font-size:1.3em;
}
#store-address li
{
    list-style-type: none;
}


#store-address .tel-num 
{
    padding-top: 14px;
    color:#8e4995;
    font-weight:bold;
}
 #branches .search-keyword-para 
 {
     margin-top:10px;
     float:left;
 }

ul#store-nav
{
    list-style:none;
    padding:0;
    float:left;
    width:660px;
    margin:0 0 5px 0;
}

ul#store-nav li 
{
    height:24px;
}

#printer a
{
    background-image:url(../en/site/icons/printer.gif);
    font-size:1.2em;
    background-repeat:no-repeat;
    padding:4px 0 0 30px;
    height:24px;
    float:left;
}

#store-details 
{
    float:left;
    width:230px;
}

#branch .introduction 
{
    width:445px;
}

.store-photo 
{
    float:left;
    width:200px;
    padding-right:30px;
}

#store-finder h1, #branches h1, #branch h1
{
    font-size:2.6em;
    margin-top:3px ! important;
}

#branch h1 
{
    margin-bottom:3px;
}
.padding-left
{
margin-left:13px;    
}
/*---End of Store Finder/Store List/Branch Details Pages---*/

/*---End of Top Navigation Pages---*/

/*---Search Page---*/

.searchimgmargin 
{
    margin-top:40px;
    margin-bottom:15px;
}

/*---End of Search Page---*/

/*---Standard Pages---*/

.standardp 
{
    margin:0 0 24px 0;
	line-height:1.4em;
    
}

.standard-list 
{
    padding:0;
    list-style:none;
    margin:0 0 24px 0;
}

.standard-list li 
{
    margin-bottom:6px;
}

.standard-list li.last-child 
{
    margin-bottom:0px;
}

.standardheader 
{
    margin:0 0 24px 0;
    color:#8e4995;
    font-size:2.6em;
    font-weight:normal;
    
}
#ctl00_cphBodyContent_txtEmailMessage
{
margin-bottom:10px;    
}
/*---End of Standard Page---*/
