@charset "utf-8";
/* CSS Document */

#container #content-middle p.form_error { color:#dd4580;
font-weight:bold;}

body {font-family:Arial, Helvetica, sans-serif;
margin:0;
background:url(/assets/images/back.jpg) repeat;
/*background:url(/assets/images/christmas-back.jpg) repeat;*/
}

#homebanners img { }

#homebanners img.homebanner_small { margin:0 0 0 2px;}


/*input { outline:none;}*/

img {font-size:70%;
color:#b5b5b5;}

.clear {clear:both;}

.clear#line {border-bottom:1px dotted #000;
margin:0 0 5px 0;}

.empty {height:10px;}

.hidden {display: none; }

.fav-test {background:url(/assets/images/favourites.jpg) no-repeat;
width:633px;
height:32px;
margin:20px 0;}

.bold {font-weight:bold;}

#container #content-middle #preferencesForm dl dt { display:none;}

#container #content-middle p.hint{margin: 5px 0 0 0;
font-family: Helvetica,Arial,sans-serif;
color: #555;
font-size:8pt;
font-weight:normal;
text-align:justify;}

#basket_checkout p.hint{width:204px;}


fieldset#fieldset-billing_addresses a.hint{
	float:right;
}

/* ie png fix */

img, div {behavior:url(/assets/iepngfix/iepngfix.htc);}

a {outline: none; }

input, input:focus{outline:0;} 

/* specific divs */

#container {width:990px;
margin:0 auto 0 auto;
background:#fff;
padding:5px 0;}

#container #top {margin:10px 10px 0 10px;
width:990px;
/*.margin:30px 10px -10px 10px;*/
_margin:10px 0 0 0;
}

#container #top h2 {font-family:Helvetica, Arial, sans-serif;
font-size:90%;
margin:7px 0 2px 0;
padding:0;}

#container #top img#logo {
float:left;
width:139px;
height:79px;
margin:0 10px 0 0px;
position:relative;
z-index:2;}

#container #top p.description { font-size:70%;
width:290px;
float:left;
margin:5px 0 0 0;
padding:0;position:relative;
z-index:2;}


/* login */

#container #top #login { border-left:1px solid #bcbcbc;
float:left;
width:315px;
margin:0 10px 0px 10px;
padding:0 0 0 15px;
_padding:0 0 0 10px;
_width:305px;
border-right:1px solid #bcbcbc;}

#container #top #login ul {
list-style:none;
margin:0;
padding:0;}

#container #top #login ul li {
margin:0;
padding:0;
display:inline;}

#container #top #login form {
margin:0;
padding:0;}

#container #top #login input {
border:1px solid #c8c8c8;
background-color:#fff;
color:#231f20;
float:left;
margin:0 5px 0 0;
font-size:72%;
padding:2px;
width:120px;
_width:112px;}

#container #top #login dd {display:none;}
#container #top #login dt {display:none;}

#container #top #login input.btn {
border:none;
/*margin:-18px 0 0 0;
padding:0;*/
width:40px;}

#container #top #login p {
color:#dd4580;
font-size:70%;
font-weight:bold;
clear:both;
padding:5px 0 0 0;}

#container #top #login p a {color:#dd4580;
text-decoration:none;}

#container #top #login p a:hover { text-decoration:underline;}

/* my basket */

#container #top #mybasket {float:left;
width:180px;
_width:190px;}

#container #top #mybasket h2 { background:url(/assets/images/new-basket1.jpg) no-repeat 52% 50%;
margin:0;
padding:5px 25px 0px 25px;
.padding:10px 25px 0px 25px;
_padding:5px 20px 0px 20px;}

#container #top #mybasket p {
font-size:70%;
margin:7px 0 0 10px;}

#container #top #mybasket p.items {
margin:5px 0 0 25px;}

#container #top #mybasket p.items a { color:#000;
text-decoration:none;}

#container #top #mybasket p.items a:hover { text-decoration:underline;}

#container #top #mybasket p.links { margin:0;
padding:0;
font-size:70%;
margin:5px 0 0 25px;}

#container #top #mybasket p.links a { color:#000;
text-decoration:none;}

#container #top #mybasket p.links.account { color:#df0079;
font-weight:bold;}
#container #top #mybasket p.links.account a { color:#df0079;}

#container #top #mybasket p.links a:hover { text-decoration:underline;}

/* quick links */

#container #top #quick-links {
padding:0 0 1px 20px;
float:left;
border-left:1px dotted #555555;
_padding:0;
}

#container #top #quick-links ul {
font-size:70%;
margin:0;
padding:0;
list-style:none;
}

#container #top #quick-links ul li {
background:url(/assets/images/sm-arrow.png) no-repeat center left;
padding:0 0 0 20px;
_padding:0 0 0 5px;
line-height:18px;
behavior:url(/assets/iepngfix/iepngfix.htc);
}

#container #top #quick-links a {
color:#000;
text-decoration:none;
}

#container #top #quick-links a:hover {
color:#000;
text-decoration:underline;
}



/* top nav bar */

#container #top-nav-bar { margin:10px auto 0 auto;
padding:0;
width:990px;
background:url(/assets/images/nav/nav-bg.jpg) repeat-x #252122;
/*border-bottom:4px solid #555555;*/}

/* new navigation */

#nav, #nav ul { padding:0;
margin:0;
float:left;
list-style:none;
font-size:72%;}

#nav li { float: left;
border-left:1px solid #181616;
border-right: 1px solid #666263;}

#nav li.on { background:#545557;}

#nav li.on a:hover { background:#545557;}

#nav li:hover, #menu li.over {
position: static; /* make menus not sticky in ie7 */} 

#nav a { display: block;
color:#fff;
text-decoration:none;
font-weight:bold;
padding:0;
/*margin:0 15px;*/
/*padding:12px 15px 12px 15px;
_padding:6px 25px 6px 25px;*/
width:70px;}

#nav li a:hover { background:#545557;
display:block;}

#nav li.on li a:hover { 
background:url(/assets/images/nav/arrow.png) no-repeat 3% 50% #000;}

#nav li ul { position: absolute;
left: -999em;
border-top:2px solid #e178a0;
border-bottom:2px solid #6a6b6d;
background:url(/assets/images/nav/nav-drop.png) repeat;
_background:#272525;
font-size:100%;
z-index:500;
padding:0;
margin:0;
/*-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
behavior: url(/assets/pie/PIE.htc);*/

-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
behavior: url(/assets/pie/PIE.htc);

}

#nav .col { float:left;
width:170px;}

#nav .col li { display:block;}

#nav .col ul { position:relative;
left:0;
border:0;
background:none;
border:none;}

#nav li ul li { margin:0;
border:none;
padding:0 5px;
/*width:160px;*/}

#nav li ul li a { border-bottom:1px solid #4a4848;
background:url(/assets/images/nav/arrow.png) no-repeat 3% 50%;
border-top:1px solid #131212;
padding:7px 0px 7px 13px;
.padding:6px 0px 6px 15px;
font-weight:normal;
width:145px;
margin:0;}

#nav li ul li a:hover { background:url(/assets/images/nav/arrow.png) no-repeat 3% 50% #000;}

#nav li:hover ul { left: auto;}

#nav li:hover ul, #nav li.sfhover ul { left: auto;}


/* search site form within the nav */

#container #top-nav-bar form {
float:right;
margin:0 10px 0 0;
padding:10px 0 0 0;
_position:relative;
_margin-top:-35px;}

#container #top-nav-bar form input {
font-size:72%;
background:url(/assets/images/input-bg.jpg) repeat-x #fff;
border:none;
margin:0 5px 0 0; 
float:left;
padding:2px;
width:150px;}

#container #top-nav-bar form input.btn {
margin:0;
padding:0;
width:40px;}

/* strip at the bottom of the nav 

#container #nav-bottom {
height:5px;
margin:-5px 0 0 0;
padding:0;
}

#container #nav-bottom.home {
background-color:#555555;
}

#container #nav-bottom.hair {
background-color:#39ab80;
}*/

/* main content left section */

#container #content-left {
width:150px;
margin:0 0 10px 10px;
float:left}

/* middle column */

#container #content-middle {
float:left;
width:640px;
margin:20px 0 0 20px;
}

#container #content-middle #cms a {
color:#000;
font-weight:bold;
text-decoration:none;
}

#container #content-middle #cms p {
line-height:18px;
}

#container #content-middle #cms a:hover {
color:#dd4580;
}

#container #content-middle #cms p span.day {
font-weight:bold;
width:100px;
padding:0 10px 0 0;
}

#container #content-middle #cms p span.day.thursday {
padding:0 83px 0 0;
}
#container #content-middle #cms p span.day.friday {
padding:0 103px 0 0;
}
#container #content-middle #cms p span.day.sat {
padding:0 85px 0 0;
}
#container #content-middle #cms p span.day.sun {
padding:0 94px 0 0;
}
#container #content-middle #cms p span.day.mon {
padding:0 93px 0 0;
}

/* right content */

#container #content-right {
float:right;
width:145px;
margin:8px 5px 0 0;
padding: 10px 0 0 0;
}

#container #content-right img {
margin:0 0 8px 0;
}

/* best sellers */

#container #content-left #best-sellers { margin:30px 0 0 0;
.margin:9px 0 0 0;
_margin:30px 0 0 0;
font-size:70%;
width:140px;}


/*#container #content-left #best-sellers-top,*/ #container #content-left #subnav-top {
background:url(/assets/images/left/best-sellers-top.jpg) no-repeat #eeeeee;
height:9px;
width:142px;
margin:20px 0 0 0;
padding:0;
}

/*#container #content-left #best-sellers,*/ #container #content-left #subnav {
border-left:1px solid #b3b3b3;
border-right:1px solid #b3b3b3;
width:139px;
padding:0;
/*margin:-10px 0 0 0;*/
margin:0;
font-size:70%;
}

#container #content-left #best-sellers h2 {
font-family: Helvetica, Arial, sans-serif;
font-size:140%;
margin:10px 0 0 0;
padding:3px 5px 7px 7px;
background:url(/assets/images/left/best-sellers-title-bg.jpg) repeat-x #d3d3d3;
}

/*#container #content-left  h2.sub-cat {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
margin:0;
width: 129px;
font-size: 100%;
padding:3px 5px 8px 7px;
color:#FFFFFF;
background: url(/assets/images/left/dgreyblank.jpg) repeat-x #353132;    }*/


#container #content-left  h2.sub-cat {
font-size: 100%;
color:#FFFFFF;
background: url(/assets/images/left/dgreyblank.jpg) repeat-x #353132;
padding:3px 5px 8px 7px;
margin:0;
width: 129px;
font-weight: bold;  }


/*#container #content-left #best-sellers ul,*/ 

#container #content-left #subnav ul {
background:url(/assets/images/left/best-sellers-bg.jpg) repeat-x #dfdfdf;
margin:0;
padding:0 0 10px 0px;
list-style:none;
/*border-top:1px solid #fff;*/
}

#container #content-left #best-sellers ul { background:url(/assets/images/left/best-sellers-bg.jpg) repeat-x #dfdfdf;
margin:-3px 0 0 0;
width:130px;
padding:10px 0px 10px 10px;
border-left:1px solid #b3b3b3;
border-right:1px solid #b3b3b3;
list-style:none;}

#container #content-left #best-sellers ul ul, #container #content-left #subnav ul ul {
background:none #fff;
/*margin:0 0 0 -20px;*/
padding:5px 0;
width:140px;
}




#container #content-left #best-sellers ul ul li {
background:url(/assets/images/left/sub-nav.jpg) no-repeat 0 5%;
padding:0px 0 0 15px;
margin:0 0 0 20px;
}

#container #content-left #best-sellers ul li {
background:url(/assets/images/sm-arrow.png) no-repeat 0 5%;
padding:2px 8px 2px 8px;
_padding:0px;
behavior:url(/assets/iepngfix/iepngfix.htc);
}

#container #content-left #subnav ul ul {
margin:0 0 0 10px;}

#container #content-left #subnav ul li { padding:2px 0 2px 10px;
font-weight:bold;}

#container #content-left #subnav ul li.active { background:#fff;
border-bottom:1px solid #b6b6b6;}

#container #content-left #subnav ul li ul li.active { border-bottom:none;}

#container #content-left #subnav ul li.activeParent { background:#fff;
border-bottom:1px solid #b6b6b6;}


#container #content-left #subnav ul li a { background:url(/assets/images/sm-arrow.png) no-repeat 0 50%;
padding:2px 8px 2px 8px;
_padding:0px;
behavior:url(/assets/iepngfix/iepngfix.htc);}
#container #content-left #subnav ul li ul li a { background:none;
padding:0;}

#container #content-left #subnav ul li.active a { color:#d74880;
background:url(/assets/images/pink-arrow.png) no-repeat 0 50%;
font-weight:bold;}

#container #content-left #subnav ul li ul li.active { background:url(/assets/images/pink-arrow.png) no-repeat 0 50%;}

#container #content-left #subnav ul li ul li.active a { color:#d74880;
font-weight:bold !important;
background:none;}

#container #content-left #subnav ul li.activeParent a { color:#000000;
font-weight:bold;}

#container #content-left #subnav ul li.activeParent ul li a { font-weight:normal;}

#container #content-left #subnav ul li.active ul li a { color:#000000;
background:none;
font-weight:normal;}



#container #content-left #best-sellers ul li, #container #content-left #subnav ul li ul {
background:none;
width:120px;}

#container #content-left #best-sellers ul li, #container #content-left #subnav ul li ul li {
background:url(/assets/images/sm-arrow.png) no-repeat 0 50%;
margin:0;
padding:2px 8px 2px 8px;
_padding:0px;}

#container #content-left #best-sellers ul li a, #container #content-left #subnav ul li a {
color:#000;
text-decoration:none;
display:block;
}

#container #content-left #best-sellers ul li a:hover, #container #content-left #subnav ul li a:hover {
color:#000;
text-decoration:underline;
}

#container #content-left #best-sellers-bottom, #container #content-left #subnav-bottom {
background:url(/assets/images/left/best-sellers-bottom.jpg) no-repeat;
height:10px;
width:142px;
margin:0px 0 0 0;
padding:0;
}

/* contact */

#container #content-left h2.customer-services {
color:#606060;
font-size:100%;
font-family:Helvetica, Arial, sans-serif;
margin:20px 0 0 0;
background:url(/assets/images/customer-services.jpg) no-repeat 35% 0;
}

#container #content-left h2.customer-services span { visibility:hidden;}

#container #content-left .phone {
background:url(/assets/images/left/telephone.jpg) no-repeat;
width:26px;
height:27px;
float:left;
margin:10px 10px 0 0;
}

#container #content-left p.number {
font-size:102%;
font-weight:bold;
font-family:Helvetica, Arial, sans-serif;
color:#000;
margin:10px 0 0 0;
}

/* going to re-use some of this for the right column too */

#container .black-top#first {
margin:22px 0 0 0;
}

#container .black-top {
background:url(/assets/images/left/black-top.jpg) no-repeat #454142;
height:9px;
width:141px;
margin:12px 0 0 0;
padding:0;
}

#container .box-top.new {
margin:20px 0 0 0;
}

#container .black-box {
width:141px;
margin:-10px 0 0 0;
padding:0 0 1px 0;
}

#container .black-box .black-box-middle {
border-left:1px solid #b3b3b3;
border-right:1px solid #b3b3b3;
padding:2px 0;
}

#container .black-box .black-box-middle.fixed {
	height:85px;
}

#container #content-right .black-box .black-box-middle form{
margin:0px;
}


#container #content-right .black-box .black-box-middle form#signup input {
margin:0px 5px 5px 5px !important;
padding:3px !important;
}

#container #content-right .black-box .black-box-middle form#signup input.signup-btn,
#container #content-right .black-box .black-box-middle form#signup input.signup-btn-saving {
background:url(/assets/images/signup.jpg) no-repeat;
width:123px;
height:20px;
border:none;
cursor:pointer;
margin:5px 5px 0 5px !important;}

#container #content-right .black-box .black-box-middle form#signup input.signup-btn-saving {
background:url(/assets/images/saving.jpg) no-repeat !important;
}

#container #content-right .black-box .black-box-middle form#signup label { margin:5px 2px 5px 0 !important;}

#container #content-right .black-box .black-box-middle form#signup input#hair { width:15px !important;
margin:5px 10px 5px 0 !important;
.margin:0 10px 0 0 !important;
border:none !important;}
#container #content-right .black-box .black-box-middle form#signup input#beauty { width:15px !important;
margin:5px 10px 5px 0 !important;
.margin:0 10px 0 0  !important;
border:none !important;}

#container #content-right .black-box .black-box-middle div{
margin:0px 10px;
}

#container #content-right .black-box .black-box-middle div input{
margin:0px;
}

#container .black-box.new {
margin:0;
}

#container .black-box.offer {
background:url(/assets/images/left/offer-bg.jpg) no-repeat;
margin:20px 0 0 0;
border:none;
height:335px;
}

#container .black-box h2 {
background:url(/assets/images/left/black-bg.jpg) repeat-x;
font-size:98%;
margin:10px 0 0 0;
border:none;
padding:0px 5px 5px 7px;
font-weight:normal;
color:#fff;
font-family: Helvetica, Arial, sans-serif;
}

#container .black-box h2 span {
visibility:hidden;
}

#container .black-box h2.brand {
background:url(/assets/images/left/searchbybrand.jpg) repeat-x;
}
#container .black-box h2.signup {
background:url(/assets/images/newsletter-signup.jpg) repeat-x;
margin:10px 0 0px 0;
position:relative;
padding:0;
}
#container #red.black-box h2.clearance {
background:url(/assets/images/left/clearance1.jpg) repeat-x;
}
#container .black-box h2.training {
background:url(/assets/images/left/training.jpg) repeat-x;
}

#container .grey-box h2.trade {
background:url(/assets/images/left/trade.jpg) repeat-x;
}

#container .grey-box h2 span {
visibility:hidden;
}

#container .black-box#red h2 {
background:url(/assets/images/left/red-bg.jpg) repeat-x;
}

#container .black-box form {
background:url(/assets/images/left/box-bg.jpg) repeat-x;
margin:0;
padding:10px 0 0 0;
}

#container .black-box form select, #container .black-box form input {
margin:0 10px;
width:120px;
font-size:70%;
border:1px solid #c8c8c8;
}

#container .black-box p {
font-size:70%;
background:url(/assets/images/grey-arrow.jpg) right bottom no-repeat;
margin:8px 5px 5px 5px; }

#container .black-box .black-box-middle.form p { font-weight:bold;
font-size:70%;
background:none;
margin:8px 5px 5px 5px; }

#container .black-box-middle.fixed p {
margin-top:35px;
}

#container .black-box p a {
color:#000;
text-decoration:none;
}

#container .black-box p a:hover {
color:#000;
text-decoration:underline;
}

#container .black-box p.offer {
background:none;
font-size:100%;
font-weight:bold;
padding:210px 0 0 0;
line-height:26px;
width:100px;
}

#container .black-box p.offer span {
font-size:130%;
font-weight:normal;
}

#container .black-box p.terms {
font-size:60%;
background:none;
}

#container .black-box img {
margin:5px;
}

#container .black-bottom {
background:url(/assets/images/left/box-bottom.jpg) no-repeat;
height:9px;
width:141px;
margin:-2px 0 0 0;
padding:0;
}

#container .signup {
margin-bottom:12px;
}

#container .red-top {
background:url(/assets/images/left/red-top1.jpg) no-repeat #bf2121;
height:9px;
width:141px;
margin:12px 0 0 0;
padding:0;
}

/* grey box - same on both left and right column */

#container .grey-box-top {
background:url(/assets/images/left/grey-box-top.jpg) no-repeat #555555;
width:141px;
height:9px;
margin:12px 0 0 0;
}

#container .grey-box {
background-color:#555555;
width:141px;
margin:-10px 0 0 0;
padding:0 0 1px 0;
}

#container .grey-box h2 {
font-size:100%;
margin:10px 0 0 0;
padding:0px 5px 0px 7px;
font-weight:normal;
color:#fff;
font-family: Helvetica, Arial, sans-serif;
}

#container .grey-box p {
font-size:70%;
color:#fff;
margin:8px 5px 5px 7px;
line-height:16px;
}

#container .grey-box.right p {
line-height:16px;
padding-bottom:2px;
}

#container .grey-box img {
margin:2px 5px 2px 7px;
}

#container .grey-box-bottom {
background:url(/assets/images/left/grey-box-bottom.jpg) no-repeat;
width:141px;
height:9px;
margin:0px 0 0 0;
}

/* middle content section */

#container #content-middle h1 {
font-size:100%;
color:#555555;
font-weight:bold;
margin:0 0 10px 0;
padding:0;
font-family:Helvetica, Arial, sans-serif;
}

#container #content-middle h1.looks {
background:url(/assets/images/middle/looks2love.jpg) no-repeat;
padding:15px 0;
}

#container #content-middle h1.love {
background:url(/assets/images/middle/love2shop.jpg) no-repeat;
padding:20px 0;
}

#container #content-middle h1.looks span {
visibility:hidden;
}

#container #content-middle h1.love span {
visibility:hidden;
}

#container #content-middle h2 {
font-size:80%;
color:#000;
font-weight:bold;
margin:10px 0 0 0;
padding:0;
font-family:Helvetica, Arial, sans-serif;
}

#container #content-middle h2.pink {
color:#98288c;
}

#container #content-middle h1 span {
color:#000;
}

#container #content-middle a {
color:#000;
font-weight:bold;
}

#container #content-middle a.norm {
font-weight:normal;
}
#container #content-middle a:hover.norm {
font-weight:normal;
}

#container #content-middle a:hover {
color:#dd4580;
font-weight:bold;
}

#container #content-middle p {
color:#000;
font-size:72%;
}

#container #content-middle p span.call {
color:#e30177;
font-size:120%;
font-weight:bold;
}

#container #content-middle p span.looks {
background:#e30177;
color:#fff;
padding:2px;
}

#container #content-middle .right-images {
float:right;
width:210px;
margin:0 10px;
}

#container #content-middle .right-images.rewards {
width:250px;
margin-top:10px;
}

#container #content-middle .right-img {
float:right;
width:210px;
margin:0 50px 0 10px;
}

#container #content-middle .right-img.superstore {
margin:10px 50px 0 10px;
}

#container #content-middle .right-img img {
padding:5px;
border:1px solid #7b7b7b;
background:#efefef;
margin: 0 0 10px 0;
}

#container #content-middle .right-images.rewards img {
border:1px solid #9a258f;
background:none;
}

#container #content-middle .right-images img {
padding:5px;
border:1px solid #e30177;
background:#fcdcea;
margin: 0 0 10px 0;
}

/*#container #content-middle a {
color:#000;
text-decoration:underline;
font-weight:bold;
}

#container #content-middle a:hover {
text-decoration:none;
}*/

#container #content-middle ul {
font-size:72%;
}
div.detail {
    margin-top: 15px;
    font-size: 13px;
}

#container #content-middle div.detail ul {
    font-size: 13px;
}
#container #content-middle ul ul{
font-size:58%;
}

/*#container #content-middle ul.brands li {
padding:5px 0;
}

#container #content-middle ul.brands li span {
visibility:hidden;
}

#container #content-middle ul li.mothercare {
background:url(/assets/images/middle/logos/mothercare.jpg) no-repeat 0 50%;
}
#container #content-middle ul li.lasenza {
background:url(/assets/images/middle/logos/la-senza.jpg) no-repeat 0 50%;
}
#container #content-middle ul li.matalan {
background:url(/assets/images/middle/logos/matalan.jpg) no-repeat 0 50%;
}
#container #content-middle ul li.house {
background:url(/assets/images/middle/logos/house.jpg) no-repeat 0 50%;
}
#container #content-middle ul li.newlook {
background:url(/assets/images/middle/logos/new-look.jpg) no-repeat 0 50%;
}
#container #content-middle ul li.waterstones {
background:url(/assets/images/middle/logos/waterstones.jpg) no-repeat 0 50%;
}*/

/* top two features */

#container #content-middle .feature {
width:49%;
height:122px;
float:left;
padding:0;
margin:0;
}

#container #content-middle .feature h3 {
font-family:Helvetica, Arial, sans-serif;
color:#fff;
font-size:110%;
font-weight:normal;
margin:0;
padding:5px 10px 0 5px;
}

#container #content-middle .feature p {
color:#fff;
font-size:72%;
margin:0;
padding:5px 0px 5px 5px;
height:60px;
}

#container #content-middle .feature p.cat {
padding:5px 0 4px 22px;
height:auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#container #content-middle .feature p.cat { margin-top:6px;}
}

#container #content-middle .feature#hair p.cat { background:url(/assets/images/middle/white-arrow.png) no-repeat 4% 50%;
_background:url(/assets/images/middle/white-arrow-hair.jpg) no-repeat center left;}

#container #content-middle .feature#beauty p.cat { background:url(/assets/images/middle/white-arrow.png) no-repeat 4% 50%;
_background:url(/assets/images/middle/white-arrow-pink.jpg) no-repeat center left;}

#container #content-middle .feature a {
color:#fff;
text-decoration:none;
font-weight:bold;
}

/* going to add another class to this so that it can be re-used on the product landing pages */

#container #content-middle .feature.landing {
width:99%;
height:200px;
padding:0 0 10px 0;
}

/* homepage features */

#container #content-middle .feature#hair {
margin:0 5px 0 0;
background:url(/assets/images/hairbg.jpg) repeat-x;
}

#container #content-middle .feature#beauty {
margin:0 5px 0 0;
background:url(/assets/images/beautybg.jpg) repeat-x;
}

#container #content-middle .feature .feature-left {
/*width:12px;*/
width:2%;
height:122px;
float:left;
}

/* feature middle */

#container #content-middle .feature .feature-middle {

float:left;
width:48%;
}

#container #content-middle .feature#hair .feature-left {
background:url(/assets/images/middle/hair-left.jpg) no-repeat #48b992;
position:relative;
z-index:2;
}
#container #content-middle .feature#beauty .feature-left {
background:url(/assets/images/middle/beauty-left.jpg) no-repeat #dd4580;
position:relative;
z-index:2;
}

#container #content-middle .feature#hair .feature-middle {
width:149px;
height:122px;

z-index:2;
}
#container #content-middle .feature#beauty .feature-middle {

position:relative;
z-index:2;
}

/* feature right */

#container #content-middle .feature .feature-right {
/*width:165px;*/
width:50%;
height:122px;
float:right;
}
#container #content-middle .feature#hair .feature-right {
background:url(/assets/images/middle/hair-right.jpg) no-repeat #49b993 100% 0;
position:relative;
z-index:2;
}
#container #content-middle .feature#beauty .feature-right {
background:url(/assets/images/middle/beauty-right.jpg) no-repeat #dd4580 100% 0;
position:relative;
z-index:2;
}

/* specifics to landing pages */

/* hair */
#container #content-middle .feature.landing#hair {
background:none;
}

#container #content-middle .feature.landing#hair .feature-left {
background:url(/assets/images/middle/hair-new-pic.jpg) no-repeat #48b992;
width:294px;
height:200px;
}

#container #content-middle .feature.landing#hair .feature-middle {
background:#49b993;
height:200px;
width:320px;
}

#container #content-middle .feature.landing#hair .feature-middle p {
line-height:16px;
padding:10px 0px 5px 5px;
}

#container #content-middle .feature.landing#hair .feature-right {
background:url(/assets/images/middle/hair-new-right.jpg) no-repeat #49b993 100% 0;
width:18px;
height:200px;
float:left;
}

/*training*/
#container #content-middle .feature.landing#training-courses {
background:none;
}

#container #content-middle .feature.landing#training-courses .feature-left {
background:url(/assets/images/middle/hair-new-pic.jpg) no-repeat #48b992;
width:294px;
height:200px;
}

#container #content-middle .feature.landing#training-courses .feature-middle {
background:#48b992;
height:200px;
width:320px;
}

#container #content-middle .feature.landing#training-courses .feature-middle p {
line-height:16px;
padding:10px 0px 5px 5px;
}

#container #content-middle .feature.landing#training-courses .feature-right {
background:url(/assets/images/middle/hair-new-right.jpg) no-repeat #48b992 100% 0;
width:18px;
height:200px;
float:left;
}

/* beauty */
#container #content-middle .feature.landing#beauty {
background:none;
}

#container #content-middle .feature.landing#beauty .feature-left {
background:url(/assets/images/middle/beauty-new-left.jpg) no-repeat #dd4480;
width:8px;
height:200px;
}

#container #content-middle .feature.landing#beauty .feature-middle {
background:#dd4480;
height:200px;
width:304px;
}

#container #content-middle .feature.landing#beauty .feature-middle p {
line-height:16px;
padding:10px 0px 5px 5px;
}

#container #content-middle .feature.landing#beauty .feature-right {
background:url(/assets/images/middle/beauty-new-right.jpg) no-repeat #dd4480 100% 0;
width:321px;
height:200px;
float:left;
}

/* clearance */

#container #content-middle .feature.landing#clearance-stock .feature-left {
background:url(/assets/images/middle/clearance-left.jpg) no-repeat #ff0000;
width:6px;
height:200px;
}

#container #content-middle .feature.landing#clearance-stock .feature-middle {
background:url(/assets/images/middle/clearance-middle.jpg) #ff0000;
height:200px;
width:620px;
}

#container #content-middle .feature.landing#clearance-stock .feature-middle h3 {
display:none;
}

#container #content-middle .feature.landing#clearance-stock .feature-middle p {
line-height:16px;
padding:10px 0px 5px 5px;
}

#container #content-middle .feature.landing#clearance-stock .feature-right {
background:url(/assets/images/middle/clearance-right.jpg) no-repeat #ff0000 100% 0;
width:6px;
height:200px;
float:left;
}


/* smaller features */

#container #content-middle .sm-feature {
width:310px;
height:70px;
float:left;
padding:0;
margin:10px 0 0 0;
}

#container #content-middle .sm-feature#brush {
background:url(/assets/images/middle/brushes.jpg) no-repeat;
margin:10px 10px 0 0;
}
#container #content-middle .sm-feature#scrub {
background:url(/assets/images/middle/scrub.jpg) no-repeat;
}

#container #content-middle .sm-feature h3 {
color:#444141;
font-size:78%;
width:120px;
padding:8px 8px 0 8px;
margin:0;
}

#container #content-middle .sm-feature p {
padding:8px 8px 0 8px;
margin:0;
font-weight:bold;
}

#container #content-middle .sm-feature p.price {
text-align:left;
margin:8px 8px 0 8px;
}

#container #content-middle .sm-feature#brush p {
color:#299670;
}
#container #content-middle .sm-feature#scrub p {
color:#dd4580;
}

/* products */

#container #content-middle .product {
float:left;
width:150px;
margin:10px 5px 0 5px;
}

#container #content-middle .product .product-top {
background:url(/assets/images/middle/prod-top.jpg) no-repeat;
width:150px;
height:9px;
}

#container #content-middle .product .product-middle {
border-left:1px solid #b8b8b8;
border-right:1px solid #b8b8b8;
height:310px;
padding-bottom:10px;}

#container #content-middle .product .product-middle.listing {
height:325px;
}

#container #content-middle .product .product-middle img {
overflow:hidden; 
height:140px;
margin:5px 0;
color:#FFF;
border: none;
}

#container #content-middle .product .product-middle .multi-buy1 { height:22px;
display:block;
margin:0;
text-align:center;}

#container #content-middle .product .product-middle img.multi { height:auto;
margin:0 10px;}

#container #content-middle .product .product-middle h4 {
font-size:70%;
font-weight:normal;
text-align:center;
line-height:14px;
margin:5px 5px 0 5px;
height:62px;
overflow:hidden;
padding:0;
}

#container #content-middle .product .product-middle p{
	margin:0;
	padding:2px 0 0 0;
	font-weight:bold;

}

#container #content-middle .product .product-middle p.in-stock { 
padding:0 0 0 20px;
text-align:center;
background-position:5% 50%;
font-weight:normal;}

#container #content-middle .product .product-middle p.new-price {
font-size:110%;
}

#container #content-middle p.price {
font-weight:bold;
text-align:center;
margin:0;
padding:0;
}

#container #content-middle .product .product-middle .grey {
text-align:center;
margin:5px 0 0 0;
}

#container #content-middle .product .product-middle .grey .grey-left {
background:url(/assets/images/middle/grey-curve-left.jpg) no-repeat;
width:8px;
height:18px;
float:left;
margin:0 0 0 5px; }

#container #content-middle .product .product-middle .grey .grey-middle {
float:left;
width:120px;
background-color:#666666;
margin:0;
padding:0;
height:18px;
}


#container #content-middle .product .product-middle .grey .grey-middle p {
font-size:48%;
text-transform:uppercase;
color:#fff;
float:left;
margin:0;
padding:4px 0;
}

/* safari only */

@media screen and (-webkit-min-device-pixel-ratio:0){
#container #content-middle .product .product-middle .grey .grey-middle p { text-transform:lowercase;}
}

#container #content-middle .product .product-middle .grey .grey-middle p.more {
border-right:1px solid #fff;
padding:4px 5px 4px 0;
text-transform:uppercase;
}

#container #content-middle .product .product-middle .grey .grey-middle p.add {
padding-left:4px;
text-transform:uppercase;
}

#container #content-middle .product .product-middle .grey .grey-middle a {
color:#fff;
text-decoration:none;
}

#container #content-middle .product .product-middle .grey .grey-middle a:hover {
color:#fff;
text-decoration:underline;
}

#container #content-middle .product .product-middle .grey .grey-right {
background:url(/assets/images/middle/grey-curve-right.jpg) no-repeat;
width:8px;
height:18px;
float:left; }

#container #content-middle .product .product-bottom {
background:url(/assets/images/middle/prod-bottom.jpg) no-repeat;
width:150px;
height:9px;
}


/* products - slight amends for the product listing page, going to reuse most of homepage product styles */

#container #content-middle .product.listing .product-middle h4 {
font-size:70%;
font-weight:normal;
margin:0 5px 5px 5px;
height:27px;
}

#container #content-middle .product.listing .product-middle h4 a {
text-decoration:none;
font-weight:bold;
}

#container #content-middle p.price {
font-size:94%;
}

#container #content-middle .product.listing .product-middle p.in-stock {background: url(/assets/images/product-listing/tick.jpg) no-repeat 20% 0;
padding: 0px 0 0px 10px;
margin:0 0 0 0;
font-size:70%;
font-weight: normal;
text-align:center;
/*height:27px;*/
height:30px;
overflow:hidden;
}




/*#container #content-middle .product.listing .product-middle p.in-stock.out {
background: url(/assets/images/product-listing/cross.jpg) no-repeat 20% 0;
padding: 0px 0 0px 10px;
color:#585757;
}

#container #content-middle .product.listing .product-middle p#detail.in-stock.out { color:#dd4580;
background: url(/assets/images/product-listing/cross-pink.jpg) no-repeat 20% 0;}*/

#container #content-middle .product.listing .product-middle p.in-stock.direct {background: url(/assets/images/product-listing/tick.jpg) no-repeat 10% 0;
padding: 0 10px 0 17px;
}

#container #content-middle .product.listing .price-container { height:40px;}

/* new pricing to include was/now feature */

#container #content-middle.product-middle .price-container {
height:30px;
margin:0;
padding:0;
}

#container #content-middle .product-middle .price-container p.price {
padding:10px 0;
}
 
#container #content-middle .product-middle p.in-stock.new {
	background: url(/assets/images/product-listing/blue-tick.jpg) no-repeat 25% 0;
}

#container #content-middle .product-middle p.in-stock.out {
background: url(/assets/images/product-listing/cross1.jpg) no-repeat 20% 0;
padding: 0px 0 0px 10px;
color:#585757;
font-weight:normal;
}

#container #content-middle ul.price {
list-style:none;
margin:0 10px;
padding:0;
width:50px;
text-align:center;
float:left;
}

#container #content-middle ul.price.was li {
margin:1px 0 0 0;
}
#container #content-middle ul.price.was li.no {
margin:2px 0 0 0;
}

#container #content-middle ul.price.now {
font-weight:bold;
color:#ff0000;
width:70px;
margin:0;
}

#container #content-middle ul.price.now li.no {
font-size:130%;
}

/* was/now info for on the product detail page */

#container #content-middle #product-detail .pricing {
width:115px;
float:left;
margin:0 0 0 10px;
_width:100px;
}

#container #content-middle #product-detail .pricing ul.price {
width:115px;
_width:100px;
display:block;
float:none;
text-align:left;
margin:0;
padding:0;
font-size:90%;
font-weight:bold;
}

#container #content-middle #product-detail .pricing ul.price li {
float:left;
}

#container #content-middle #product-detail .pricing ul.price li.name {
width:40px;
}

#container #content-middle #product-detail .pricingFrom {
font-weight:bold;
}

#container #content-middle #product-detail .pricingToBuy {
font-size: 80%;
font-weight:normal;
}

/*#container #content-middle #product-detail ul.price.now li.no {
font-size:130%;
}*/


#container #content-middle .product.listing .product-middle .add-basket {
width: 132px;
margin:8px 8px 0 8px;
}

#container #content-middle .product.listing .product-middle .add-basket-top {
width: 132px;
background: url(/assets/images/product-listing/basket-grey-top.jpg) no-repeat 0 0;
height: 8px;
margin: 0;
padding: 0pt;
}

#container #content-middle .product.listing .product-middle .add-basket-middle {
background:#ededed;
width:132px;
}

#container #content-middle .product.listing .product-middle .add-basket-middle form#add_to_basket {
width:132px;
margin:0 0 0 0px;
}

#container #content-middle .product.listing .product-middle .add-basket-middle form#add_to_basket label {
font-size:140%;
font-weight:bold;
margin:0 0 0 8px;
}

#container #content-middle .product.listing .product-middle .add-basket-middle form#add_to_basket input.btn {
width:52px;
margin:0 0 0 5px;
}

#container #content-middle .product.listing .product-middle .add-basket-bottom {
width: 132px;
background: url(/assets/images/product-listing/basket-grey-bottom.jpg) no-repeat 0 0;
height: 8px;
margin: 0;
padding: 0pt;
}

#container #content-middle .product.listing .product-middle .add-basket-middle p.click {

margin:0 0 0 5px;
padding:2px 0 5px 0;
text-align:center;
background:url(/assets/images/black-btn.jpg) no-repeat ;
}

#container #content-middle .product.listing .product-middle .add-basket-middle p.click a {
color:#fff;
text-decoration:none;

padding:0;
}

#container #content-middle .product.listing .product-middle .add-basket-middle p.click a:hover {
color: #ff88b6;
}

#container #content-middle .product.listing .product-middle .add-basket p.suspended {
	text-align:center;
}

/* detail page of course that have variants */

/* this one needs fixing in IE */

#container #content-middle #product-detail #details #prod-info-middle form#add_to_basket { 
float:right;
width:180px;
.margin:2px 0 0 0;
}

#container #content-middle #product-detail #details #prod-info-middle form#add_to_basket .radio { /*width:20px;
float:left;*/
margin:0 0 10px 0;}

/*#container #content-middle #product-detail #details #prod-info-middle form#add_to_basket dd.radio {
padding: 0 0 10px 0;}
#container #content-middle #product-detail #details #prod-info-middle form#add_to_basket dt.radio {
padding: 0 0 10px 0;}

#container #content-middle #product-detail #details #prod-info-middle form#add_to_basket dd.radio input {
width:20px;
margin:0 4px 4px 0px;}*/

#container #content-middle #product-detail #details #prod-info-middle form#add_to_basket dd.radio label {
font-size:100%;
font-weight:normal;
margin:0 0 4px 0;
padding:0;
}

#container #content-middle #product-detail #details #prod-info-middle form#add_to_basket dt.qty {
width:30px;
float:left;
clear:none;
margin:0 5px;
padding:0;}
#container #content-middle #product-detail #details #prod-info-middle form#add_to_basket dt.qty label {
font-size:130%;
_width:45px;
} 
#container #content-middle #product-detail #details #prod-info-middle form#add_to_basket input#quantity {
float:left;
width:30px;
}

#container #content-middle #product-detail #details #prod-info-middle form#add_to_basket .submit {
width:50px;
float:left;
}

#container #content-middle #product-detail #details #prod-info-middle p.suspended {
	float:right;
	font-size:.5em;
	margin-right:20px;
}


/* currency thing  */

#container #content-right form {
margin:15px 0 25px 0;
}

#container #content-right form label {
font-size:70%;
font-weight:bold;
margin:0 5px 0 0;
}

#container #content-right form select {
font-size:70%;
border:1px solid #c8c8c8;
padding:2px;
width:70px;
}

/* bottom product list */

#container #product-list {
border-top:1px solid #9c9c9c;
background:url(../images/product-list-bg.jpg) repeat-x;
margin:20px 0 0 0;
padding:0 0 0 10px;}

#container #product-list ul {
font-size:70%;
list-style:none;
padding:0;
margin:10px 0px 10px 32px;
width:130px;
float:left;
_margin:10px 0px 10px 28px;}

#container #product-list ul li {
background:url(/assets/images/sm-arrow.png) no-repeat 0 50%;
padding:2px 0 2px 10px;
behavior:url(/assets/iepngfix/iepngfix.htc);}

#container #product-list ul li a {
color:#000;
text-decoration:none;}

#container #product-list ul li a:hover {
color:#000;
text-decoration:underline;}



/* bottom marketing list */

#container #marketing-list {
border-top:1px solid #c9c9c9;
background:url(../images/product-list-bg.jpg) repeat-x;
margin:0;
padding:0 0 0 10px;}

#container #marketing-list ul {
font-size:70%;
list-style:none;
padding:0;
margin:10px 0px 10px 32px;
width:130px;
float:left;
_margin:10px 0px 10px 28px;}

#container #marketing-list ul li {
background:url(/assets/images/sm-arrow.png) no-repeat 0 50%;
padding:2px 0 2px 10px;
behavior:url(/assets/iepngfix/iepngfix.htc);}

#container #marketing-list ul li a {
color:#000;
text-decoration:none;}

#container #marketing-list ul li a:hover {
color:#000;
text-decoration:underline;}





/* bottom page links */

#container ul#bottom-links {
font-size:70%;
list-style:none;
margin:10px;
padding:15px 0;
text-align:center;
background:#2c2d27;}

#container ul#bottom-links.internal {
border-top:1px solid #ebebeb;
margin:20px 0 0 0;}

#container ul#bottom-links li {display:inline;
padding:0 5px;
border-right:1px solid #000;}

#container ul#bottom-links li.first {
padding:0 5px 0 0;}

#container ul#bottom-links li.last {
border:none;}

#container ul#bottom-links li a {
color:#fff;
text-decoration:none;}

#container ul#bottom-links li a:hover {
color:#fff;
text-decoration:underline;}

/* bottom address bar */

#bottom {
background:url(../images/nav-bg.jpg) repeat-x;
padding:13px;
margin:0 0 20px 0;
text-align:center;
}

#bottom p {
color:#fff;
font-size:70%;
margin:0;
}

#bottom p span {
font-weight:bold;
}

/* breadcrumb 

#container #content-middle #breadcrumb {
background:#ececec;
}

#container #content-middle #breadcrumb-left {
background:url(/assets/images/product-listing/breadcrumb-left.jpg) no-repeat 0 0 #ececec;
float:left;
width:2%;
height:30px;
}

#container #content-middle #breadcrumb-right {
background:url(/assets/images/product-listing/breadcrumb-right.jpg) no-repeat 100% 0 #ececec;
float:right;
width:2%;
height:30px;
}

#container #content-middle #breadcrumb-middle {
width:96%;
float:left;
}*/

#container #content-middle #breadcrumb ul {
/*background-color:#ececec;*/
margin:0;
padding:8px 0;
list-style:none;
font-size:70%;
}

#container #content-middle #breadcrumb ul li {
display:inline;
background:url(../images/product-listing/breadcrumb-arrow.jpg) no-repeat 0 55%;
padding:0 0 0 20px;
margin:0 5px 0 0;
}

#container #content-middle #breadcrumb ul li.first {
background:none;
margin:0 5px 0 8px;
padding:0;
}

#container #content-middle #breadcrumb ul li.on {
color:#dd4580;
font-weight:bold;
}

#container #content-middle #breadcrumb ul li a {
color:#4e4c4c;
text-decoration:none;
font-weight:bold;
}

#container #content-middle #breadcrumb ul li a:hover {
text-decoration:underline;
}


#container #content-middle #breadcrumb ul li.on a {
color:#dd4580;
font-weight:bold;
}

/* attribute box */

/* new elements */


#container #content-middle #atrribute-top {
width:637px;
height:11px;
margin:10px 0 0 0;
}

#container #content-middle #atrribute-top .left {
background:url(/assets/images/basket/top-left.jpg) no-repeat;
height:11px;
width:10px;
float:left;
}

#container #content-middle #atrribute-top .right {
background:url(/assets/images/basket/top-right.jpg) 100% 0 no-repeat;
height:11px;
width:10px;
float:left;
}

#container #content-middle #atrribute-top .middle {
background:url(/assets/images/basket/top-bg.jpg) repeat-x;
height:11px;
width:615px;
float:left;
}

#container #content-middle h2.attribute-heading {
 border-left:1px solid #b9b9b9;
border-right:1px solid #b9b9b9;
font-family: Helvetica,Arial,sans-serif;
background:url(/assets/images/middle/refine.jpg) 2% 0 no-repeat #eeeeee;
font-size:90%;
width:618px;
margin:0;
padding:0 5px 5px 10px;
}

#container #content-middle h2.attribute-heading span {
visibility:hidden;
}

#container #content-middle #attribute-box {
border-top:1px solid #b9b9b9;
border-left:1px solid #b9b9b9;
border-right:1px solid #b9b9b9;
margin:0;
padding:5px 0;
width:99%;
}


.brand {
border-bottom:1px dotted #a9a9a9;
clear:both;
}

.brand.last {
border-bottom:none;
}

#container #content-middle #attribute-box p:after {
border-bottom:1px dotted #000;
}

#container #content-middle #attribute-box .remove {
float:right;
margin:0 5px 0 0;
}

#container #content-middle #attribute-box .remove p a {
text-decoration:none;
color:#db3f7e;
padding: 0 20px 0 0;
background:url(/assets/images/icon/silk/cross.png) no-repeat 100% 0;
.background:url(/assets/images/icon/silk/cross.png) no-repeat 100% 100%;
behavior:url(/assets/iepngfix/iepngfix.htc);
}

#container #content-middle #attribute-box .attribute-title { width:90px;
float:left;
margin:0 5px 3px 0;}

#container #content-middle #attribute-box .attribute-title p { font-weight:bold;
margin:0;
padding:5px;
color:#000;}

/*#container #content-middle #attribute-box p {
color:#000;
width:80px;
float:left;
font-weight:bold;
margin:5px 10px 10px 10px;
clear:both;
}*/

#container #content-middle #attribute-box ul {
/*float:left;*/
color:#000;
font-size:70%;
list-style:none;
margin:5px 0px 10px 10px;
padding:0;
/* amending so that the filters display inline 
width:125px;*/
}

#container #content-middle #attribute-box ul li {
background:url(/assets/images/product-listing/pink-circle-new.jpg) no-repeat 0 50%;
padding:0 0 2px 11px;
margin:0 8px 0 0;
/*display:block;*/
float:left;
}

#container #content-middle #attribute-box ul li a {
color:#000;
font-weight:normal;
text-decoration:none;
}

#container #content-middle #attribute-box ul li.on a {
color:#db3f7e;
}

#container #content-middle #attribute-box ul li.off {
filter:alpha(opacity=30);
-moz-opacity:0.3;
opacity: 0.3;
}

#container #content-middle #attribute-box ul li a:hover {
text-decoration:underline;
}

#container #content-middle #attribute-box ul li.first {
background:none;
padding:0;
}

#container #content-middle #atrribute-bottom {
width:635px;
height:11px;
margin:0px 0 10px 0;
}

#container #content-middle #atrribute-bottom .left {
background:url(/assets/images/basket/bottom-left.jpg) no-repeat;
height:11px;
width:10px;
float:left;
}

#container #content-middle #atrribute-bottom .right {
background:url(/assets/images/basket/bottom-right.jpg) 100% 0 no-repeat;
height:11px;
width:10px;
float:left;
}

#container #content-middle #atrribute-bottom .middle {
background:url(/assets/images/basket/bottom-bg.jpg) repeat-x;
height:11px;
width:615px;
float:left;
}



/* end new elements 


#container #content-middle #attribute-box {
border-top:1px dotted #000;
border-bottom:1px dotted #000;
margin:10px 10px 0 0;
padding:5px 0;
width:99%;
}

#container #content-middle #attribute-box p {
color:#000;
width:100px;
float:left;
font-weight:bold;
margin:5px 10px 10px 10px;
clear:both;
}

.brand {
border-bottom:1px dotted #a9a9a9;
clear:both;
}

#container #content-middle #attribute-box p:after {
border-bottom:1px dotted #000;
}

#container #content-middle #attribute-box .remove {
float:left;
}

#container #content-middle #attribute-box .remove p a {
text-decoration:none;
color:#db3f7e;
padding: 0 20px 0 0;
background:url(/assets/images/icon/silk/cross.png) no-repeat 100% 0;
}

#container #content-middle #attribute-box ul {
float:left;
color:#000;
font-size:70%;
list-style:none;
margin:5px 10px 10px 10px;
padding:0;
width:350px;
}

#container #content-middle #attribute-box ul li {
display:inline;
background:url(/assets/images/product-listing/grey-circle.jpg) no-repeat 0 50%;
padding:0 0 0 11px;
margin:0 8px 0 0;
}

#container #content-middle #attribute-box ul li a {
color:#000;
font-weight:normal;
text-decoration:none;
}

#container #content-middle #attribute-box ul li.on a {
color:#db3f7e;
}

#container #content-middle #attribute-box ul li.off {
filter:alpha(opacity=30);
-moz-opacity:0.3;
opacity: 0.3;
}

#container #content-middle #attribute-box ul li a:hover {
text-decoration:underline;
}

#container #content-middle #attribute-box ul li.first {
background:none;
padding:0;
}*/

/* paging */

#container #content-middle .product-paging-outer {
margin:10px 0 10px 0;
}

#container #content-middle .product-paging-left {
background:url(/assets/images/product-listing/paging-left.jpg) no-repeat 0 0 #555555;
width:10px;
height:31px;
margin:0;
float:left;
}

#container #content-middle .product-paging-right {
background:url(/assets/images/product-listing/paging-right.jpg) no-repeat 100% 0 #555555;
width:10px;
height:31px;
margin:0;
float:left}

#container #content-middle .product-paging {
background-color:#555555;
margin:0;
width:615px;
float:left;
padding:6px 0 7px 0;
}

#container #content-middle .product-paging ul {
color:#fff;
list-style:none;
margin:2px 0 0 0;
float:left;
padding:0;
}

#container #content-middle .product-paging ul li {
float:left;
margin:0 5px 0 0;
padding:0;
}

#container #content-middle .product-paging ul li a {
color:#fff;
text-decoration:none;
border:1px solid #fff;
padding:0px 5px;
}

#container #content-middle .product-paging ul li.page {
border:none;
font-weight:bold;
}

#container #content-middle .product-paging ul li a.on {
background-color:#2e2b2b;
}

#container #content-middle .product-paging ul li a:hover {
color:#fff;
text-decoration:none;
background-color:#434343;
}

#container #content-middle .product-paging form {
float:right;
margin:-2px 0 0 0;
padding:0;
width:370px;
}

#container #content-middle .product-paging form ul {
margin:0;
padding:0;
}

#container #content-middle .product-paging form ul li.sort {
margin:0 0 0 35px;
}

#container #content-middle .product-paging form label {
color:#fff;
font-weight:bold;
font-size:130%;
margin:0;
padding:0;
}

#container #content-middle .product-paging form select {
 margin:0;
padding:1px 0 0 0;
border:1px solid #000;
font-size:140%;
}

#container #content-middle .product-paging p.description {
font-size:130%;
color:#fff;
display:inline;
font-weight:bold;
/*margin: 0 0 0 265px;*/
margin:0;
}


/* products on the listing page need their own styles */

#container #content-middle .product-listing {
float:left;
width:315px;
margin:10px 5px 0 0;
}

#container #content-middle .product-listing.first {
margin:10px 0 0 0;
}

#container #content-middle .product-listing.new {
margin:10px 0px 0 6px;
}

#container #content-middle .product-listing .product-listing-top {
background:url(/assets/images/product-listing/product-box-top.jpg) no-repeat;
width:315px;
height:8px;
}

#container #content-middle .product-listing .product-listing-middle {
border-left:1px solid #b8b8b8;
border-right:1px solid #b8b8b8;
margin:-7px 0 0 0;
width:313px;
padding:0;
}

#container #content-middle .product-listing .product-listing-middle .left {
width:100px;
float:left;
margin:0;
padding:0;
}

#container #content-middle .product-listing .product-listing-middle .left img {
width:90px;
height:95px;
margin:5px;
}

/* changes for first level listings */

#container #content-middle .product-listing .product-listing-middle .left.first {
width:170px;
float:left;
margin:0;
padding:0;
}

#container #content-middle .product-listing .product-listing-middle .left img.new-img {
width:150px;
height:70px;
margin:0 5px;
}

#container #content-middle .product-listing .product-listing-middle p.more {
margin:0;
padding:0;
background:url(/assets/images/grey-arrow-listing.jpg) no-repeat 53% 50%;
font-size:70%;
text-align:left;
}

#container #content-middle .product-listing .product-listing-middle p a {
color:#000;
text-decoration:none;
}

#container #content-middle .product-listing .product-listing-middle p a:hover {
text-decoration:underline;
}

/* general in stock */

#container #content-middle p.in-stock {
background:url(/assets/images/product-listing/tick.jpg) no-repeat 0 0;
padding:0 0 4px 25px;
/*font-weight:bold;*/
margin:10px 0 10px 10px;

}

#container #content-middle p.spend {
background:url(/assets/images/delivery.jpg) no-repeat 0 0;
padding:0 0 4px 25px;
/*font-weight:bold;*/
margin:10px 0 10px 10px;

}

#container #content-middle p.pdf {
background:url(/assets/images/pdf.jpg) no-repeat top left;
padding:0 0 4px 25px;
/*font-weight:bold;*/
margin:10px 0 10px 10px;

}




#container #content-middle p.carriage {
background:url(/assets/images/carriage.jpg) no-repeat left;
padding:0 0 4px 25px;
/*font-weight:bold;*/
margin:10px 0 10px 10px;

}

#container #content-middle p.in-stock.out, #container #content-middle .product .product-middle p.in-stock.out {
background:url(/assets/images/product-listing/cross.jpg) no-repeat !important;
color:#585757;
}

#container #content-middle .product .product-middle p.in-stock.out{
	background-position: 20% 0 !important;
}

#container #content-middle p.in-stock.direct {
}

/*#container #content-middle p.in-stock#detail {
font-size:70%;
}*/ 

#container #content-middle .product-listing .product-listing-middle h4 {
font-size:80%;
font-weight:bold;
margin:5px;
padding:0;
}

#container #content-middle .product-listing .product-listing-middle h4 a {
color:#000;
text-decoration:none;
}

#container #content-middle .product-listing .product-listing-middle h4 a:hover {
color:#000;
text-decoration:underline;
}

#container #content-middle .product-listing .product-listing-middle p.ref {
margin:-5px 0 0 0;
padding:0;
}

/* can be used on both product detail and listing page */

dd#star-rating {
}

#container #content-middle ul.stars {
float:right;
list-style:none;
font-size:70%;
margin:-23px 20px 0 0;
}

#container #content-middle ul.stars#detail {
float:left;
margin:0 10px 0 0;
padding:0;
}

#container #content-middle ul.stars#review {
float:none;
margin:0 10px;
padding:0;
}

#container #content-middle p.review {
margin:0px 0 0 0;
padding:0;
float:left;
}

#container #content-middle p.review a {
color:#000;
text-decoration:underline;
}

#container #content-middle p.review a:hover {
color:#000;
text-decoration:none;
}

#container #content-middle ul.stars li {
display:inline;
}

#container #content-middle ul.stars#detail li.yes {
background:url(/assets/images/product-detail/big-star-full.jpg) no-repeat;
padding:0 4px 1px 6px;
}
#container #content-middle ul.stars#detail li.no {
background:url(/assets/images/product-detail/big-star-empty.jpg) no-repeat;
padding:0 4px 1px 6px;
}

/*#container #content-middle ul.stars li.yes {
background:url(/assets/images/product-listing/star-full.jpg) no-repeat;
padding:0 2px 1px 3px;
}
#container #content-middle ul.stars li.no {
background:url(/assets/images/product-listing/star-empty.jpg) no-repeat;
padding:0 2px 1px 3px;
}*/

#container #content-middle ul.stars#review li.yes {
background:url(/assets/images/product-detail/star-full.jpg) no-repeat;
padding:0 2px 1px 3px;
}
#container #content-middle ul.stars#review li.no {
background:url(/assets/images/product-detail/star-empty.jpg) no-repeat;
padding:0 2px 1px 3px;
}

#container #content-middle ul.stars li span {
visibility:hidden;
}

/*#container #content-middle ul.stars.your-rating {
float:left;
margin:0;
padding:0;
width:300px;
}


#container #content-middle ul.stars.your-rating a {
color:none;
text-decoration:none;
}

#container #content-middle ul.stars.your-rating li.yes {
background:url(/assets/images/product-detail/big-star-full.jpg) no-repeat;
padding:0 6px 5px 6px;
}
#container #content-middle ul.stars.your-rating li.no a {
background:url(/assets/images/product-detail/big-stars-off.jpg) no-repeat;
padding:0 4px 4px 6px;
}*/


/*#container #content-middle ul.stars.your-rating li.no a.one-star:hover {
background:url(/assets/images/product-detail/star-on-one.jpg) no-repeat;
}
#container #content-middle ul.stars.your-rating li.no a.two-stars:hover {
background:url(/assets/images/product-detail/star-on-two.jpg) no-repeat;
}
#container #content-middle ul.stars.your-rating li.no a.three-stars:hover {
background:url(/assets/images/product-detail/star-on-three.jpg) no-repeat;
}
#container #content-middle ul.stars.your-rating li.no a.four-stars:hover {
background:url(/assets/images/product-detail/star-on-four.jpg) no-repeat;
}
#container #content-middle ul.stars.your-rating li.no a.five-stars:hover {
background:url(/assets/images/product-detail/star-on-five.jpg) no-repeat;
}*/


/* detail page javascript star rating */

#container #content-middle form#review_form dt label { margin:10px 0 0 0;}

#container #content-middle ul.star-rating { 
list-style:none;
margin:10px 0 0 5px;
padding:0;
width: 75px;
height: 14px;
float:left;
position:relative;
background: url(/assets/images/product-detail/big-star-empty-rating.jpg) top left repeat-x;
}

#container #content-middle ul.star-rating li {
margin:0;
padding:0;
/*\*/ float: left; /* */}

#container #content-middle ul.star-rating  li a {
display: block;
width: 15px;
height: 14px;
text-decoration: none;
z-index: 20;
text-indent:-99999;
position: absolute;
padding: 0;
}

#container #content-middle ul.star-rating  li span {
visibility:hidden;
}

#container #content-middle ul.star-rating li a:hover,  #container #content-middle ul.star-rating li a:active, #container #content-middle ul.star-rating li a:focus {
background: url(/assets/images/product-detail/big-star-full-rating.jpg) transparent repeat left bottom;
z-index: 2;
left: 0px; }

#container #content-middle ul.star-rating a.one-star {
left: 0px;
}
#container #content-middle ul.star-rating a.one-star:hover, #container #content-middle ul.star-rating a.one-star:active, #container #content-middle ul.star-rating a.one-star:focus {
width:15px;
}
#container #content-middle ul.star-rating a.one-star.active {
width:15px;
background: url(/assets/images/product-detail/big-star-full-rating.jpg) transparent repeat left bottom;
z-index: 0;
left: 0;
}

#container #content-middle ul.star-rating a.two-star {
left:15px;
}
#container #content-middle ul.star-rating a.two-star:hover, #container #content-middle ul.star-rating a.two-star:active, #container #content-middle ul.star-rating a.two-star:focus {
width: 30px;
}
#container #content-middle ul.star-rating a.two-star.active {
width:30px;
background: url(/assets/images/product-detail/big-star-full-rating.jpg) transparent repeat left bottom;
z-index: 0;
left: 0;
}

#container #content-middle ul.star-rating a.three-star {
left: 30px;
}
#container #content-middle ul.star-rating a.three-star:hover, #container #content-middle ul.star-rating a.three-star:active, #container #content-middle ul.star-rating a.three-star:focus {
width: 45px;
}
#container #content-middle ul.star-rating a.three-star.active {
width:45px;
background: url(/assets/images/product-detail/big-star-full-rating.jpg) transparent repeat left bottom;
z-index: 0;
left: 0;
}

#container #content-middle ul.star-rating a.four-star {
left: 45px;
}	
#container #content-middle ul.star-rating a.four-star:hover, #container #content-middle ul.star-rating a.four-star:active, #container #content-middle ul.star-rating a.four-star:focus {
width: 60px;
}
#container #content-middle ul.star-rating a.four-star.active {
width: 60px;
background: url(/assets/images/product-detail/big-star-full-rating.jpg) transparent repeat left bottom;
z-index: 0;
left: 0;
}

#container #content-middle ul.star-rating a.five-star {
left: 60px;
}
#container #content-middle ul.star-rating a.five-star:hover, #container #content-middle ul.star-rating a.five-star:active, #container #content-middle ul.star-rating a.five-star:focus {
width: 75px;
}
#container #content-middle ul.star-rating a.five-star.active {
width:75px;
left: 0;
background: url(/assets/images/product-detail/big-star-full-rating.jpg) transparent repeat left bottom;
z-index: 0;
}

#container #content-middle ul.star-rating li.current-rating {
background: url(/assets/images/product-detail/big-star-empty-rating.jpg) left bottom;
position: relative;
float:left;
height: 14px;
display: block;
text-indent: -9000px;
z-index: 1; }

*html .star-rating li.current-rating {
background: urlurl(/assets/images/product-detail/big-star-empty-rating.jpg) left bottom;
position: relative;
padding:0;
width:100px;
float:left;
height: 14px;
display: block;
z-index: 1;
}



/* products listing page - basket */

#container #content-middle .product-listing .product-listing-middle p.price {
text-align:left;
font-size:110%;
font-weight:bold;
margin:0 0 0px 0;
}

#container #content-middle .product-listing .product-listing-middle .add-basket {
width:200px;
float:right;
margin:10px 8px 0 0;
}

#container #content-middle .product-listing .product-listing-middle form#add_to_basket {
margin:0;
width:200px;
background-color:#ececec;
}

#container #content-middle .product-listing .product-listing-middle form#add_to_basket ul li.quantity {
margin:0 0 0 10px;
font-size:150%;
}

#container #content-middle .product-listing .product-listing-middle .add-basket-top {
width:200px;
background:url(/assets/images/product-listing/qty-box-top.jpg) no-repeat;
height:8px;
margin:0;
padding:0;
}

#container #content-middle .product-listing .product-listing-middle .add-basket-bottom {
width:200px;
background:url(/assets/images/product-listing/qty-box-bottom.jpg) no-repeat;
height:8px;
float:right;
margin:0px 0 0 0;
}


/* new layout for add to basket and price on the product detail page */

#container #content-middle #prod-info {
width:320px;
}

#container #content-middle #prod-info .left {
width:10px;
height:10px;
float:left;
}
#container #content-middle #prod-info .middle {
width:300px;
float:left;
height:10px;
}
#container #content-middle #prod-info .right {
width:10px;
height:10px;
float:left;
}

#container #content-middle #prod-info-top .left {
background:url(/assets/images/product-detail/basket-top-left.jpg) no-repeat;
}
#container #content-middle #prod-info-top .middle {
background:url(/assets/images/product-detail/basket-top-bg.jpg) repeat-x #f0f0f0;
}
#container #content-middle #prod-info-top .right {
background:url(/assets/images/product-detail/basket-top-right.jpg) no-repeat #f0f0f0;
}

#container #content-middle #prod-info-bottom .left {
background:url(/assets/images/product-detail/basket-bottom-left.jpg) no-repeat;
height:11px;
}
#container #content-middle #prod-info-bottom .middle {
background:url(/assets/images/product-detail/basket-bottom-bg.jpg) repeat-x;
height:11px;
}
#container #content-middle #prod-info-bottom .right {
background:url(/assets/images/product-detail/basket-bottom-right.jpg) no-repeat;
height:11px;
}

#container #content-middle #prod-info-middle {
background:url(/assets/images/product-detail/basket-bg-new.jpg) 0 0 repeat-x;
border-left:1px solid #b8b8b8;
border-right:1px solid #b8b8b8;
border-top:1px solid #eeeeee;
border-bottom:0 solid #b8b8b8;
margin:0;
padding:0;
}

/* price */

#container #content-middle #prod-info-middle p {
font-size:100%;
font-weight:bold;
float:left;
margin:2px 0 0 0;
padding:0 10px;
}

/* add to basket new on detail page */

#container #content-middle form#add_to_basket {
padding:0;
margin:0 10px 0 0;
width:197px;
/*float:right;*/}

#container #content-middle form#add_to_basket ul {
list-style:none;
margin:0;
padding:0;
}

#container #content-middle form#add_to_basket ul li {
float:left;
}

#container #content-middle form#add_to_basket ul li.hidden {
display:none;
}

#container #content-middle form#add_to_basket label {
width:20px;
font-weight:bold;
text-transform:uppercase;
margin:0;
}

/* slight amends to basket on product detail page */

#container #content-middle #product-detail form#add_to_basket {
width:120px;
/*float:right;*/
margin:-2px 0 0 0;
}

#container #content-middle #product-detail form#add_to_basket label {
font-size:140%;
}

#container #content-middle #product-detail form#add_to_basket .radio label {
	font-size:inherit;
}

#container #content-middle form#add_to_basket input {
width:20px;
text-align:right;
border:1px solid #b7b7b7;
padding:0;
margin:0 5px;
}

#container #content-middle form#add_to_basket input.btn {
width:52px;
border:none;
margin:0;
padding:0;
}

#container #content-middle .product-listing .product-listing-bottom {
background:url(/assets/images/product-listing/product-box-bottom.jpg) no-repeat;
width:315px;
height:8px;
}

#container #content-middle .product-listing .product-listing-bottom.new {
margin:-5px 0 0 0;
}

/* product detail page */


#container #content-middle #product-detail {
margin:20px 0 0 0;
}

#container #content-middle #product-detail #image {
float:left;
width:300px;
margin:0 10px 0 0;
border:none;
}

#container #content-middle #product-detail #image #image-top {
background:url(/assets/images/product-detail/product-top.jpg) no-repeat;
width:294px;
height:9px;}

/*#container #content-middle #product-detail #image #image-top.thumbnails {
margin:10px 0 0 0;
}

#container #content-middle #product-detail #image #image-middle.thumbs img {
width:30px;
height:30px;
}*/

#container #content-middle #product-detail #image #image-middle {
width:292px;
border-left:1px solid #b8b8b8;
border-right:1px solid #b8b8b8;
position:relative;
z-index:1;
margin:-12px 0 0 0;
.margin:0;
padding:0;
}

#container #content-middle #product-detail #image #image-middle .options {
position:relative;
z-index:2;
background-color:#fff;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
padding:10px 0;
margin:-37px 0 0 0;
width:292px;
}

#container #content-middle #product-detail .fb_like{
	clear:both;
	padding:6px 4px;
}

#container #content-middle #product-detail #image #image-middle .options p {
display:inline;
}

#container #content-middle #product-detail #image #image-middle p.view {
color:#606060;
font-weight:bold;
font-size:90%;
margin:0 0 0 10px;
padding:0;
}

#container #content-middle #product-detail #image #image-middle p.view a {
color:#606060;
text-decoration:none;
}

#container #content-middle #product-detail #image #image-middle p.zoom {
color:#606060;
font-weight:bold;
font-size:100%;
background:url(/assets/images/product-detail/zoom.png) no-repeat 0 0;
margin:0 20px 0 0;
float:right;
padding:0 0px 2px 25px;
}

#container #content-middle #product-detail #image #image-bottom {
background:url(/assets/images/product-detail/product-bottom.jpg) no-repeat;
width:294px;
height:9px;
position:relative;
z-index:0;
margin:0 0 10px 0;
}

#container #content-middle #product-detail p.detail {
line-height:16px;
.margin:-3px 0 0 0;
padding:0;
}

#container #content-middle #product-detail #details {
float:left;
width:50%;
/*width:310px;*/}

#container #content-middle #product-detail #details h1 {
margin:0 0 -10px 0;
padding:0;
color:#000;
}

#container #content-middle #product-detail #details p.price {
font-size:100%;
font-weight:bold;
margin:20px 0 0 0;
text-align:left;
float:left;
}

/* new favourite options */

#container #content-middle .options {
float:right;
margin:10px 0 0 0;
}

#container #content-middle .options h3 {
float:left;
font-size:74%;
color:#4e4c4c;
margin:0 5px 0 0;
border-right:1px solid #d7d7d7;
}

#container #content-middle .options h3.favourites {
background:url(/assets/images/product-detail/add-fav.jpg) no-repeat 0 0;
padding:0 2px 0 18px;
}
#container #content-middle .options h3.friend {
background:url(/assets/images/product-detail/send-friend.jpg) no-repeat 0 50%; 
padding:0 2px 0 23px;
}
#container #content-middle .options h3.review {
background:url(/assets/images/product-detail/add-review.jpg) no-repeat 0 50%; 
padding:0 0 0 18px;
border:none;
}

#container #content-middle .options h3 a {
color:#4e4c4c;
text-decoration:none;
}

#container #content-middle .options h3 a:hover {
text-decoration:underline;
}

/* customer review */

#container #content-middle .customer-review {
margin:10px 0 0 0;
}

#container #content-middle .customer-review .customer-review-top {
width:99%;
height:9px;
}
#container #content-middle .customer-review .customer-review-top .review-left {
background:url(/assets/images/product-detail/review-left-top.jpg) no-repeat #ececec 0 0;
float:left;
width:1%;
height:9px;
}
#container #content-middle .customer-review .customer-review-top .review-middle {
background:#ececec;
height:9px;
width:98%;
float:left;
}
#container #content-middle .customer-review .customer-review-top .review-right {
background:url(/assets/images/product-detail/review-right-top.jpg) no-repeat #ececec 100% 0;
width:1%;
float:right;
height:9px;
}

#container #content-middle .customer-review .customer-review-middle {
background-color:#ececec;
width:99%;
margin:0;
padding:0;
}

#container #content-middle .customer-review .customer-review-middle h3 {
font-size:70%;
font-weight:bold;
margin:5px 10px;
}

#container #content-middle .customer-review .customer-review-middle p {
font-size:70%;
margin:5px 10px;
}

#container #content-middle .customer-review .customer-review-middle p.name {
font-weight:bold;
margin-bottom:0;
}

#container #content-middle .customer-review .customer-review-bottom {
width:99%;
height:9px;
}

#container #content-middle .customer-review .customer-review-bottom .review-left {
background:url(/assets/images/product-detail/review-left-bottom.jpg) no-repeat #ececec 0 0;
float:left;
width:1%;
height:9px;
}

#container #content-middle .customer-review .customer-review-bottom .review-middle {
background:#ececec;
height:9px;
width:98%;
float:left;
}

#container #content-middle .customer-review .customer-review-bottom .review-right {
background:url(/assets/images/product-detail/review-right-bottom.jpg) no-repeat #ececec 100% 0;
width:1%;
float:right;
height:9px;
}

/* registration form */

#container #content-middle ul.form-errors, #container #content-middle p.form-error {
margin:5px 0 20px 0px;
padding:20px 0 20px 10px;
border-bottom:1px solid #dd4580;
border-top:1px solid #dd4580;
background:#ecebeb;
}

#container #content-middle ul.form-errors { font-size:100%;}

#container #content-middle ul.form-errors ul { border:none;}

#container #content-middle ul.form-errors ul ul { font-size:70%;}

#container #content-middle ul.form-errors ul {
margin:0; 
padding:0;
}

#container #content-middle ul.form-errors li, #container #content-middle p.form-error {
list-style:none;
color:#dd4580;
background:url(/assets/images/middle/error.jpg) no-repeat 0 10%;
padding:0 0 5px 10px;
}

#container #content-middle ul.form-errors li li {
font-size:140%;
color:#494546;
background:none;
padding:0;
}

#container #content-middle form#registration {
font-size:72%;
width:97%;
margin:0 0 0 10px;
}

#container #content-middle form#registration .registration-option { margin:0;
padding:0;
border:1px solid #f4f4f4;
}

#container #content-middle form #fieldset-personal_details input#nav_id { margin:-20px 0 0 155px;
_margin:0;
.margin:0;}


#container #content-middle form #fieldset-personal_details input#submit { background:url(/assets/images/middle/sm-btn.jpg) no-repeat;
width:100px;
padding:1px 0 2px 0;
margin:0 0 0 155px;}

#container #content-middle form#registration .registration-option dt.checkbox { margin:0;
padding:0;
float:left;
width:450px;
.width:500px;}

#container #content-middle form#registration .registration-option dd.checkbox { margin:0;
padding:0;
float:left;
width:100px;
_float:none;
.margin:2px 0;
_width:50px;}

#container #content-middle form#registration .registration-option dd.checkbox #marketing_email { _margin:0 0 0 238px;}

#container #content-middle form#registration .registration-option dd.clearfix { _margin:0 0px 0 0;}

#container #content-middle form#registration .registration-option:after { clear:both;
content:'.';
visibility:hidden;
display:block;}

#container #content-middle form#registration dt label a {
color:#000;
font-weight:bold;
}

#container #content-middle form#registration p.description {
margin:2px 0 0 0;
padding:0;
color:#dd4580;
}

#container #content-middle form #fieldset-personal_details p.description {
clear:both;
padding:2px 0;
color:#dd4580;
font-size:100%;
}

#container #content-middle form#registration dt {
float:left;
clear:left;
margin:4px 0 5px 0;
width:262px;
}

#container #content-middle form#registration dt label {
width:150px;
padding:2px;
}

#container #content-middle form#registration dt label.error {
color:#dd4580;
font-weight:bold;
}

#container #content-middle form#registration dd {
float:left;
margin:0 0 5px 0;
width:250px;
}

#container #content-middle form#registration dd.postcode-lookup {
float:left;
margin:0 0 5px 0;
width: 262px;
}

#container #content-middle form#registration dd input {
width:200px;
.width:250px;
padding:2px;
}

#container #content-middle form#registration dd.checkbox {
width:120px;
margin:5px 0 0 0;
_margin:10px 0;
_float:right;
_display:block;
}


#container #content-middle form#registration dd.checkbox:after { clear:both;
visibility:hidden;
content:'.';
display:block;}


#container #content-middle form#registration dd input.checkbox {
width:20px;
}

#container #content-middle form#registration dd input.checkbox:after { _clear:both;
_content:'.';
_visibility:hidden;
_display:block;
_height:1px;}

#container #content-middle form#registration dt.checkbox {
width:460px;
.width:485px;

} 
#container #content-middle form#registration dt label.optional { _width:262px;}

#container #content-middle form#registration dt.checkbox label.optional { _width:485px;}
#container #content-middle form#registration dt.checkbox label.required { _width:485px;}

#container #content-middle form#registration dd.submit {
width:100%;
margin-bottom:20px;
}

#container #content-middle form#registration dd input#submit {
background:url(/assets/images/middle/proceed-bg.jpg) center top no-repeat;
border:none;
width:200px;
margin:10px 0px 0 0;
padding:1px 0 8px 0;
/*padding:0;
height:20px;*/
color:#fff;
font-size:100%;
font-weight:bold;
cursor:pointer;
float:right; 
position:relative;}

#container #content-middle form#registration p.description {
font-size:100%;
}

#container #content-middle form#registration select { width:200px;
.width:260px;
padding:2px;
}

#container #content-middle form#registration select#addresses {
width:483px;
_margin:0;
}

#container #content-middle form#registration #qas {
display:block;
}

#container #content-middle form#registration #qas p{
text-align:left;
width:200px;
font-size:100%;
color:#000;
}

#container #content-middle form#registration #qas select {
width:465px;
.width:520px;
margin:10px 0 0 -262px;
_margin:0;
_width:520px;
position:relative;
}

#container #content-middle form#registration dd fieldset {
margin:10px 0;
padding:10px;
border:1px solid #dd4580;
background:#f4f4f4;
}

#container #content-middle form#registration dd fieldset legend {
font-size:130%;
font-weight:bold;
color:#dd4580;
}

#container #content-middle form#registration dd.fieldset {
width:100%;
margin:0 0 10px 0;
padding:0;
border:none;
}

/* my basket */

#container #content-middle #basket-top {
width:636px;
height:11px;
margin:20px 0 0 0;
}

#container #content-middle #basket-top .basket-left {
background:url(/assets/images/basket/top-left.jpg) no-repeat;
height:11px;
width:10px;
float:left;
}

#container #content-middle #basket-top .basket-right {
background:url(/assets/images/basket/top-right.jpg) 100% 0 no-repeat;
height:11px;
width:10px;
float:left;
}

#container #content-middle #basket-top .basket-middle {
background:url(/assets/images/basket/top-bg.jpg) repeat-x;
height:11px;
width:616px;
float:left;
}

#container #content-middle form#basket-form {
margin:0;
_margin-top:-10px;
_font-size:100%;
}


#container #content-middle table#basket {

margin:0px 0 0 1px;
border-left:1px solid #b8b8b8;
border-right:1px solid #b8b8b8;
width:635px;
border-collapse:collapse;
_font-size:100%;
}

#container #content-middle #basket-fav {
border-left:1px solid #b8b8b8;
border-right:1px solid #b8b8b8;
width:645px;
margin:0;
background:#eeeeee;
padding:5px 0;
}

#container #content-middle #basket-fav p {
margin:0;
padding:0 0 0 10px;
}

#container #content-middle table#basket.favourites {
font-size:72%;
}

#container #content-middle table#basket.confirm {
font-size:72%;
}

#container #content-middle table#basket tr { _font-size:72%}

#container #content-middle p.proceed {
background:url(/assets/images/buttons/proceedwithorder.jpg) no-repeat;
padding:5px 5px;
float:right;
width:136px;
}

#container #content-middle p.proceed a {
text-decoration:none;
display:block;
padding:5px;
height:10px;
margin-top:-2px;
}
#container #content-middle p.proceed span {
visibility:hidden;
}

#container #content-middle table#basket a {
color:#000;
text-decoration:underline;
}

#container #content-middle table#basket a:hover {
text-decoration:none;
}

#container #content-middle table tr.header {
background:#eeeeee;
margin:0;
padding:0;
border:none;
}

#container #content-middle table tr.total {
font-weight:bold;
color:#2a2627;
}

#container #content-middle table tr.total td {
padding:10px 0 0 5px;
}

/*#container #content-middle table tr {
border-top:1px solid #b8b8b8;
}*/

#container #content-middle table th {
text-align:left;
padding:5px 5px;
}
#container #content-middle table td {
text-align:left;
padding:5px 5px;
border-top:1px solid #b8b8b8;
}

#container #content-middle table .ref {
width:40px;
}
#container #content-middle table .prod {
width:270px;
}
#container #content-middle table .products {
width:410px;
}
#container #content-middle table .price {
/*width:40px;*/
}
#container #content-middle table .discount {
/*width:60px;*/
}
#container #content-middle table .stock {
width:50px;
}
#container #content-middle table .quantity {
/*width:60px;*/
}
#container #content-middle table .remove {
width:50px;
}
#container #content-middle table .sub-total {
width:60px;
}

#container #content-middle table td.middle {
text-align:center;
}

#container #content-middle #basket-bottom {
width:646px;
height:11px;
}
#container #content-middle #basket-bottom .basket-left {
background:url(/assets/images/basket/bottom-left.jpg) no-repeat;
height:11px;
width:10px;
float:left;
}
#container #content-middle #basket-bottom .basket-right {
background:url(/assets/images/basket/bottom-right.jpg) 100% 0 no-repeat;
height:11px;
width:10px;
float:left;
}
#container #content-middle #basket-bottom .basket-middle {
background:url(/assets/images/basket/bottom-bg.jpg) repeat-x;
height:11px;
width:616px;
float:left;
}

table input#quantity {
width:60px;
}

table input#update {
background: url(/assets/images/middle/smaller-btn.jpg) no-repeat;
width:60px;
border:none;
color:#fff;
font-size:100%;
font-weight:bold;
padding:0 0 4px 0;
cursor:pointer;
}

/* specifics to quickshop form/table */

#container #content-middle table#basket.quick-shop {
font-size:72%;
padding:0 5px;
}

#container #content-middle table#basket.quick-shop tr {
margin:0;
padding:0;
}

#container #content-middle table#basket.quick-shop td {
margin:0;
padding:0 5px;
}

#container #content-middle table#basket.quick-shop td#add {
padding:10px 5px 0 0;
text-align:right;
}

#container #content-middle table#basket.quick-shop ul {
margin:0;
padding:0;
list-style:none;
width:100%;
}

#container #content-middle table#basket.quick-shop ul li {
display:inline;
}
#container #content-middle table#basket.quick-shop ul li.update {
font-size:200%;
display:inline;
margin-left:5px;
}

#container #content-middle table#basket.quick-shop form {
width:200px;
}
#container #content-middle table#basket.quick-shop form.update-quantity {
width:80px;
}
#container #content-middle table#basket.quick-shop form input {
width:50px;
}
#container #content-middle table#basket.quick-shop form input#product_code {
margin:0 4px 0 0;
}
#container #content-middle table#basket.quick-shop form input#submit {
width:16px;
}

#container #content-middle table#basket.quick-shop a.addtobasket {
background:url(/assets/images/product-listing/addtobasket-black.jpg) no-repeat;
padding:3px 18px;
}

#container #content-middle table#basket.quick-shop a.addtobasket span {
visibility:hidden;
}

/* quick shop form */

#container #middle-content-box form#quick_shop {
width:480px;
}

#container #middle-content-box form#quick_shop dd.submit input#submit {
width:40px;
float:right;
}

#container #content-middle .quick-shop p.description {
font-size:200%;
display:inline;
margin-left:5px;
}


/* review form */

#container #content-middle form {
font-size:72%;
width:99%;
margin:20px 0;
padding:0;
float:left;
}

#container #content-middle form dl {
margin:0;
padding:0;
}

#container #content-middle form dt {
margin:0 0 5px 0;
padding:0;
width:150px;
float:left;
clear:left;
}

#container #content-middle form dt.radio label.required { width:300px !important;}

#container #content-middle form div.radio, #container #content-middle form div.radio label, #fieldset-card_details span{
	float:none !important;
}

#container #content-middle form dt.checkbox {
width:283px;
}

#container #content-middle form dd {
margin:0 0 5px 0;
padding:0;
}

#container #content-middle form dd.hidden {
display:none;
}
#container #content-middle form dt.hidden {
display:none;
}

#container #content-middle form dd input {
width: 300px;
padding: 2px;
}

#container #content-middle form dd input.radio { width:20px;}

/* review form */

#container #content-middle form#review_form label { width:150px;
float:left;}

#container #content-middle form#review_form input { width:300px;
float:left;}

#container #content-middle form#review_form textarea { width:300px;
float:left;}

#container #content-middle form#review_form dt { clear:both;}


#container #content-middle form#review_form input#submit { background: url(/assets/images/middle/review-btn.jpg) no-repeat 0% 0%;
width: 310px;
margin: 0 0px 0 150px;
padding: 0 0pt 2px 0;
color: #ffffff;
font-size: 100%;
font-weight: bold;
cursor: pointer;
float: left;
border:none;}

#container #content-middle form#review_form .submit input { background: url(/assets/images/middle/review-btn.jpg) no-repeat 0% 0%;
width: 310px;
margin: 0 0px 0 150px;
padding: 0 0pt 2px 0;
color: #ffffff;
font-size: 100%;
font-weight: bold;
cursor: pointer;
float: left;
border:none;}

/*#container #content-middle form#review_form input {
width: 20px;
margin:0 0 0 155px;
}

#container #content-middle form#review_form textarea { width:300px;}

#container #content-middle form#review_form input#submit {
background: url(/assets/images/middle/review-btn.jpg) no-repeat 0% 0%;
width: 310px;
margin: 0 0px 0 150px;
padding: 0 0pt 2px 0;
color: #ffffff;
font-size: 100%;
font-weight: bold;
cursor: pointer;
float: left;
border:none;
}*/

#container #content-middle form dd input#submit.address {
background: url(/assets/images/middle/review-btn.jpg) no-repeat 0% 0%;
width: 310px;
margin: 10px 0px 0 125px;
padding: 0 0pt 2px 0;
color: #ffffff;
font-size: 100%;
font-weight: bold;
cursor: pointer;
float: left;
border:none;
}

#container #content-middle form#authenticate_user dd input#submit {
background: url(/assets/images/middle/review-btn.jpg) no-repeat 0% 0%;
width: 310px;
margin: 0 0px 0 150px;
padding: 0 0pt 2px 0;
color: #ffffff;
font-size: 100%;
font-weight: bold;
cursor: pointer;
float: left;
border:none;
}

#container #content-middle form#customer_recover_password dt {
width:200px; }

#container #content-middle form#customer_recover_password dd input#submit {
width:auto;
margin: 0 0px 0 465px;
}

#container #content-middle form dd select {
width: 308px;
padding: 2px;
}

#container #content-middle form dd textarea {
width:300px;
padding:2px;
}

#container #content-middle form fieldset {
margin:0;
padding:10px;
border:1px solid #dd4580;
background:#f4f4f4;
}

#container #content-middle form fieldset#fieldset-billing_addresses {
	
margin:0;
padding:0;
border:none;
background:none;
 
}

#container #content-middle form fieldset#fieldset-address br { display:none;}

#container #content-middle form fieldset#fieldset-address label { width:600px;
float:left;
margin:0;
padding:0;}



/*#container #content-middle form fieldset fieldset {
border:1px solid #a79696;
margin:0 0 10px 0;
}*/

#container #content-middle form fieldset legend {
font-size: 130%;
font-weight: bold;
color: #dd4580;
padding:10px 0;
}

/*#container #content-middle form fieldset fieldset legend {
font-size:100%;
color:#755d5d;
padding:0;
}*/

#container #content-middle form dd.radio {
width:50px;
}

#container #content-middle form input#address-delivery_address-0 {
width:80px;
}

#container #content-middle form input#address-billing_address-0 {
width:80px;
}

#container #content-middle form#checkout dd label {
float:left;
width:150px;
margin-bottom:5px;

}

#container #content-middle form#checkout fieldset#fieldset-billing_addresses .radio { 
width:500px;
}

#container #content-middle form#checkout fieldset#fieldset-billing_addresses input.radio { 
width:20px;}

#container #content-middle form#checkout fieldset#fieldset-card_details div label { float:left;
width:150px;
border:1px solid #f4f4f4;
margin:0 0 5px 0;}

input#card_details-cv2_number { width:300px;}

#container #content-middle form#checkout fieldset#fieldset-card_details div input { float:left;
width:300px;
margin:0 0 5px 0;} 

#container #content-middle form#checkout fieldset#fieldset-card_details div.BOO input { width:20px;
margin:0;}

#container #content-middle form#checkout fieldset#fieldset-card_details div.BOO label { margin:5px 0;
clear:both;}

#container #content-middle form#checkout fieldset#fieldset-card_details div.BOO { clear:both;
width:100%;
display:block;}

#container #content-middle form#checkout fieldset#fieldset-card_details div select#card_details-card_type {
    width:200px;
    margin: 0 0 5px;
}

#container #content-middle form#checkout fieldset#fieldset-card_details div.card_details-card_type {
      width:300px;
}

#container #content-middle form#checkout div.submit input#submit { background:url(/assets/images/middle/proceed-bg.jpg) no-repeat;
color:#fff;
font-weight:bold;
font-size:98%;
border:none;
width:188px;
/*padding:2px 0 3px 0;*/
padding:0 0 1px 0;
height:20px;
clear:btoh;
float:right;
margin:5px 0;
cursor:pointer}

#container #content-middle form#checkout div.submit { float:none;
clear:both;}

#container #content-middle form#checkout fieldset#fieldset-card_details div select { float:left;
width:150px;
margin:0 0 5px 5px;}


#container #content-middle form#checkout dd select {
float:left;
width:151px;
margin:0 5px 5px 0;
}

#container #content-middle form#checkout dd input#submit {
background:url(/assets/images/middle/proceed-bg.jpg) no-repeat;
color:#fff;
font-weight:bold;
font-size:98%;
border:none;
width:188px;
/*padding:2px 0 3px 0;*/
padding:0 0 1px 0;
height:20px;
float:right;
margin:5px 0;
cursor:pointer;
}

/* password button */

#container #content-middle form#update-password dd input#submit {
background:url(/assets/images/middle/proceed-bg.jpg) no-repeat;
color:#fff;
font-weight:bold;
font-size:98%;
border:none;
width:200px;
padding:2px 0 3px 0;
margin:5px 0 5px 205px;
cursor:pointer;
}

/* catalogue button */

#container #content-middle form#customer_catalogue_request dd input#submit {
background:url(/assets/images/middle/proceed-bg.jpg) no-repeat;
color:#fff;
font-weight:bold;
font-size:98%;
border:none;
width:200px;
padding:2px 0 3px 0;
margin:5px 0 5px 0px;
float:right;
cursor:pointer;
}

/* hair home page listing categories */

#cat-listing {
margin:10px 0 0 0;
padding:0;
width:99%;
color:#000;
font-size:98%;
}

#cat-listing ul {
margin:0 0 0 5px;
padding:10px;
float:left;
width:132px;
}

#cat-listing ul.last {
border:none;
}

#cat-listing ul li {
display:block;
}

#container  #content-middle #cat-listing ul li a {
color:#000;
text-decoration:none;
font-weight:normal;
}

#container  #content-middle #cat-listing ul li a:hover {
color:#000;
text-decoration:underline;
}

/* specifics to hair */

#cat-listing.hair ul {
border-right:1px solid #b7e0d2;
}

#cat-listing.hair {
border-top:1px solid #48b992;
background:url(/assets/images/cat-listing-bg.jpg) repeat-x;
}

#cat-listing.hair ul li {
background:url(/assets/images/green-arrow.png) 0 50% no-repeat;
padding:2px 0 2px 10px;
behavior:url(/assets/iepngfix/iepngfix.htc);
}

/* specifics to training */

#cat-listing.hair ul {
border-right:1px solid #b7e0d2;
}

#cat-listing.training-courses {
border-top:1px solid #48b992;
background:url(/assets/images/cat-listing-bg.jpg) repeat-x;
}

#cat-listing.training-courses ul li {
background:url(/assets/images/green-arrow.png) 0 50% no-repeat;
padding:2px 0 2px 10px;
behavior:url(/assets/iepngfix/iepngfix.htc);
}

/* specifics to beauty */

#cat-listing.beauty {
border-top:1px solid #dd4580;
background:url(/assets/images/cat-listing-beauty-bg.jpg) repeat-x;
}

#cat-listing.beauty ul {
border-right:1px solid #f5c4d7;
}

#cat-listing.beauty ul li {
background:url(/assets/images/pink-arrow.png) 0 50% no-repeat;
padding:2px 0 2px 10px;
behavior:url(/assets/iepngfix/iepngfix.htc);
}

/* specifics to clearance */

#cat-listing.clearance-stock {
border-top:1px solid #ff0000;
background:url(/assets/images/cat-listing-clear-bg.jpg) repeat-x;
min-height:120px;
}

#cat-listing.clearance-stock ul {
border-right:1px solid #fe9e9e;
_background:url(/assets/images/cat-listing-clear-bg.jpg) repeat-x;
_width:99%;
_border-right:none;
_border-top:1px solid #ff0000;
}

#cat-listing.clearance-stock ul li {
background:url(/assets/images/red-arrow.png) 0 50% no-repeat;
padding:2px 0 2px 10px;
behavior:url(/assets/iepngfix/iepngfix.htc);
}

/* account options */

#container #middle-content-box ul#account-options {
margin:20px 0 0 0;
padding:5px 0;
border-bottom:1px solid #dd4580;
background:#e882aa;
}

#container #middle-content-box ul#account-options li {
list-style:none;
display:inline;
padding:5px 15px 5px 15px;
border-right:1px solid #eba1bd;
}

#container #middle-content-box ul#account-options li.on {
background-color:#dd4580;
padding-top:10px;
border:none;
}

#container #middle-content-box ul#account-options li.on a {
color:#fff;
font-weight:bold;
}

#container #middle-content-box ul#account-options li a {
text-decoration:none;
color:#fff;
}

/* address section */

#container #middle-content-box table#account-management {
font-size:72%;
margin:0;
padding:0;
width:636px;
border-collapse:collapse;
border-left:1px solid #b7b7b7;
border-right:1px solid #b7b7b7;
}

#container #middle-content-box table#account-management address {
font-style:normal;
}

#container #middle-content-box table#account-management tr.header {
margin:0;
padding:0;
border:none;
background-color: #eeeeee;
}

#container #middle-content-box table#account-management td {
}

/* add address button */

#container #middle-content-box .new-btn {
float:right;
margin:10px 0 0 0;
}

#container #middle-content-box .new-btn .new-btn-left {
background:url(/assets/images/buttons/pink-left.png) no-repeat;
width:10px;
height:20px;
float:left;
behavior:url(/assets/iepngfix/iepngfix.htc);
}

#container #middle-content-box .new-btn p {
float:left;
background:url(/assets/images/buttons/pink-middle.jpg) repeat-x;
height:20px;
width:110px;
margin:0;
padding:2px 0 0 0;
text-align:center;
}

#container #middle-content-box .new-btn p a {
color:#fff;
text-decoration:none;
font-weight:bold;
}

#container #middle-content-box .new-btn .new-btn-right {
background:url(/assets/images/buttons/pink-right.png) no-repeat;
width:10px;
height:20px;
float:left;
behavior:url(/assets/iepngfix/iepngfix.htc);
}

/* voucher code on basket page */

#container #middle-content-box form#basket_checkout {
margin:10px 10px 10px 10px;
_margin:10px 0;

float:right;
/*width:310px;*/
}

#container #middle-content-box form#basket_checkout div { width:auto;
margin:0;
padding:0;}


#container #middle-content-box form#basket_checkout label.optional { width:400px;}

#container #middle-content-box form#basket_checkout dd {
float:left;
width:150px;
}

#container #middle-content-box form#basket_checkout dd.submit { _width:auto;}

#container #middle-content-box form#basket_checkout dt {
width:110px;
padding:2px 0 0 0;
}

#container #middle-content-box form#basket_checkout label {
font-weight:bold;
}

#container #middle-content-box form#basket_checkout input {
padding:0;
margin:0;
font-size:100%;
width:200px;
}

#container #middle-content-box form#basket_checkout #submit {
margin:10px 0 0 20px;
border:none;
background:url(/assets/images/buttons/proceedtocheckout.jpg) no-repeat left;
/*padding:0 0 6px 0;*/
padding:0;
height:20px;
color:#fff;
font-weight:bold;
cursor:pointer;
width: 142px;
_margin:0;
}




#container #middle-content-box button#continue {
background:url(/assets/images/buttons/continueshopping1.jpg) no-repeat;
width:136px;
height:20px;
border:none;
cursor:pointer;
margin:10px 0 0 25px;
padding:0 0 2px 0;
_margin:0;
}

#container #content-middle form#favourites {
float:right;
width:140px;
margin:0 20px 0 0;
}


/* drop downs on categorys from homepage banners */

div.dropdown { margin:0;
padding:0;
top:14px;
position: relative;
z-index:10;
left: 0px;
width: 313px;
.width: 314px; }

div#dropdown_beauty {
/*background: #dd4580;*/
}

div#dropdown_hair {
/*background: #49b993;*/ }

div#dropdown_hair li a:hover { display:block;
background-color:#158655;}

div#dropdown_beauty li a:hover { display:block;
background-color:#c01340;}

div#dropdown_beauty .dropdown-content { background:url(/assets/images/pink-drop-bg.png) repeat;
margin:0;
padding:0;
_background-color:#dd4580;
_width:314px;}

div#dropdown_beauty .dropdown-bottom { background:url(/assets/images/pink-drop-bottom.png) repeat;
width:313px;
height:10px;}

div#dropdown_hair .dropdown-content { background:url(/assets/images/green-drop-bg.png) repeat;
margin:0;
padding:0;
_background-color:#49b993;
_width:314px;}

div#dropdown_hair .dropdown-bottom { background:url(/assets/images/green-drop-bottom.png) repeat;
width:313px;
height:10px;}

div.dropdown ul {
list-style:none;
margin:108px 10px 0 10px;
padding:10px;}

div.dropdown ul li { }

div.dropdown ul li a { display:block;
background: url(/assets/images/middle/white-arrow.png) no-repeat 0 50%;
padding:4px 0 4px 20px;
_width:250px; }

div#dropdown_beauty ul li a  { border-bottom:1px solid #f0a0bf;
_background:url(/assets/images/middle/white-arrow-beauty.jpg) no-repeat 0 50%;}
div#dropdown_hair ul li a  { border-bottom:1px solid #9fe9d0;
_background:url(/assets/images/middle/white-arrow-hair.jpg) no-repeat 0 50%;}

/* search results page */

ul.search-results {
list-style:none;
margin:0;
padding:0 0 20px 0;
line-height:24px;
}

ul.search-results.new {
width:46%;
float:left;
margin:0 20px 0 0;
}

ul.search-results.account {
margin:10px 0 0 0;
}

ul.search-results li {
background:url(/assets/images/dark-arrow.jpg) no-repeat 0 50%;
padding: 2px 0 2px 20px;
border-bottom:1px dotted #9f9f9f;
}

ul.search-results li a {
text-decoration:none;
}

ul.search-results li.sub {
background:none;
}

#container #content-middle ul.search-results li.sub a {
font-weight:normal;
}

/* sitemap */

ul#sitemap {
line-height:24px;
list-style:none;
margin:0;
padding:0;
} 

ul#sitemap li a {
background:url(/assets/images/dark-arrow.jpg) no-repeat 0 50%;
padding:0 0 0 20px;
}

ul#sitemap ul {
list-style:none;
}

ul#sitemap ul li  {
font-size:170%;
}

ul#sitemap ul ul li  {
font-size:270%;
}

ul#sitemap ul ul ul li  {
font-size:400%;
}

/* contact form */

form#contact_form input#submit {
background:url(/assets/images/buttons/submit.jpg) no-repeat;
border:none;
margin:0 0 0 150px;
}

p.top {
text-align:right;
padding-bottom:10px;
border-bottom:1px dotted #000;
}

p.top a {
background:url(/assets/images/up-arrow.jpg) no-repeat 0 60%;
padding:0 0 0 18px; }

p.question {
font-weight:bold;
font-style:italic;
}

img.love-shop {
padding-bottom:10px;
}

img.thumbnail {
border: 1px solid #B8B8B8; }

#container #content-middle p.supersize {
background:url(/assets/images/middle/supersize-btn.jpg) no-repeat;
padding:2px 0;
text-align:center;
width:181px;
color:#fff;
font-weight:bold;
}

#container #content-middle p.supersize a {
color:#fff;
text-decoration:none;
}


/* contact form */

#container #content-middle form#contact_form div label { float:left;
width:150px;
margin:0 0 5px 0;}

#container #content-middle form#contact_form div input { width:350px;
margin:0 0 5px 0;}

#container #content-middle form#contact_form div select { width:355px;
margin:0 0 5px 0;}

#container #content-middle form#contact_form div textarea { width:350px;
margin:0 0 5px 0;}


#container #content-middle form#contact_form div input#submit { padding:0 0 2px 0;
width:300px;
margin:0 0 0 180px;} 

/* my account forms */


#container #content-middle form #fieldset-personal_details label { width:150px;
float:left;
margin:0 0 5px 0;}

#container #content-middle form #fieldset-personal_details input { width:250px;
float:left;
margin:0 0 5px 0;}

#container #content-middle form #fieldset-personal_details select { width:258px;
float:left;
margin:0 0 5px 0;}

#container #content-middle form #fieldset-personal_details dt.postcode-lookup { width:155px;
float:left;
margin:0 0 5px 0;}


#container #content-middle form #fieldset-personal_details dd.submit input {
width:307px;
}

#fieldset-personal_details #submit {
background: url(/assets/images/middle/review-btn.jpg) no-repeat top left;
border:none;
color:#fff;
font-weight:bold;
margin:0 0 0 150px;
height:19px;
width:307px;
}

#container #content-middle form #fieldset-password dd.submit input {
width:307px;
}

#fieldset-password #submit {
background: url(/assets/images/middle/review-btn.jpg) no-repeat top left;
border:none;
color:#fff;
font-weight:bold;
margin:0 0 0 150px;
padding:0;
height:19px;
width:307px;
}

/* update preferences */

#container #content-middle form #fieldset-preferences dt {
width:155px;
}
#container #content-middle form #fieldset-preferences dt.checkbox {
width:300px;
}

#container #content-middle form #fieldset-preferences dd.submit input {
width:307px;
}

#container #content-middle form #fieldset-preferences #submit {
background: url(/assets/images/middle/proceed-bg.jpg) no-repeat top center;
border:none;
color:#fff;
font-weight:bold;
margin:5px 0 0 220px;
padding:0 0 2px 0;
width:188px;
}

/* catalogue form */

#container #content-middle form#customer_catalogue_request dd.radio.image {
width:100%;
}


/* clear fix 

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}*/


#container #content-middle form#customer_catalogue_request dd.radio.image label {
width:290px;
float:left;
font-weight:bold;
margin:0 0 20px 10px;
overflow:hidden;
}
#container #content-middle form#customer_catalogue_request dd.radio.image label input {
width:20px;

}
#container #content-middle form#customer_catalogue_request dd.radio.image label img {
float:left;
margin:10px;
}

#container #content-middle form#customer_catalogue_request dd.radio.image br {
display:none;
}

/* fixes to more stupid forms */

#container #content-middle form#checkout_devlivery dt {
display:none;
}

#container #content-middle form#checkout_devlivery dd input#submit {
background:url(/assets/images/middle/proceed-bg.jpg) no-repeat top;
border:none;
width:188px;
margin:0 0px 0 445px;
color:#fff;
font-size:100%;
font-weight:bold;
cursor:pointer;
float:left;
height:25px;
padding:0 0 6px 0;
}

#container #middle-content-box .postcode-lookup button { border:none;
background:url(/assets/images/black-btn1.jpg) no-repeat  top;
font-size:100%;
color:#fff;
padding:0 0 5px 0;
height:20px;
width:140px;
margin:5px 0 5px 3px;
cursor:pointer;
}


#container #middle-content-box #fieldset-addedit_address .postcode-lookup button {
background:url(/assets/images/black-btn1.jpg) no-repeat top;
font-size:100%;
color:#fff;
padding:0 0 5px 0;
height:20px;
width:140px;
margin:0 0 0 90px;}

#container #content-middle form dd select#addresses { width:430px;}


#container #middle-content-box #fieldset-addedit_address div label { width:120px;
float:left;
margin:0 0 5px 0;}
#container #middle-content-box #fieldset-addedit_address dt { width:125px;}

#container #middle-content-box #fieldset-addedit_address div input { margin:0 0 5px 0;}

#container #middle-content-box .postcode-lookup button.inactive {
background:url(/assets/images/black-btn1.jpg) no-repeat top;
color:#ccc;
}

#container #middle-content-box .postcode-lookup p {
padding:2px 0;
color:#dd4580;
font-size:100%;
}


/* footer images at the bottom */

.creditcards {
background:url(/assets/images/credit-cards.jpg) no-repeat;
width:198px;
height:37px;
float:left;
margin:0 20px;
_margin:20px 20px;
}


p.address { font-size:74%;
float:left;
margin:20px 0 0 50px;
_margin:30px 0 0 50px;}

.secure {
height:52px;
float:right;
margin:-10px 20px 0 10px;
_margin:10px 20px 0 10px;}

.secure img { margin:0 5px;}


#container #content-middle form#update-password { margin:0;
padding:0;}

#container #content-middle form#update-password dt { display:none;}

#container #content-middle form#update-password dd dt { display:block;}

#container #content-middle form #fieldset-preferences input.checkbox { width:50px;} 

#container #content-middle form#update-password div label { float:left;
width:200px;
margin:0 0 5px 0;}

#container #content-middle form#update-password div input { float:left;
width:250px;
margin:0 0 5px 0;}

/*button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}*/



#container #content-middle form dl fieldset div { float:left;
margin:0 5px 0 0;}

#container #content-middle form dl fieldset div#showHide { width:600px;}

#container #middle-content-box form#basket_checkout div.submit { 
	float:right;
}
#container #middle-content-box form#basket_checkout div.proceed { 
	float:right;
}

#po_number-label{
	clear:both;
}

#fieldset-card_details span{
	margin-bottom:10px;
}

#container #content-middle form#authenticate_user label { width:120px;
float:left;
margin:0 0 5px 0;}

#container #content-middle form#authenticate_user input { width:250px;
float:left;
margin:0 200px 5px 0;}

#container #content-middle form#authenticate_user input#submit {
background:url(/assets/images/middle/proceed-bg.jpg) no-repeat top;
border:none;
margin:0 0px 0 122px;
color:#fff;
font-size:100%;
font-weight:bold;
cursor:pointer;
float:left;
padding:1px 0 2px 0;
width:190px;}

#container #content-middle form #fieldset-preferences .checkbox label { width:520px;
float:left;}

#container #content-middle form#checkout_devlivery input#submit {
background:url(/assets/images/middle/proceed-bg.jpg) no-repeat top;
border:none;
width:188px;
margin:0 0px 0 445px;
color:#fff;
font-size:100%;
font-weight:bold;
cursor:pointer;
float:left;
height:25px;
padding:0 0 6px 0;
}



/* registration postcode lookup */


/* added 27/7/10 just for ie */
#container #content-middle form#registration  #postaldivid.postaldiv { .width:550px;
.margin-top:5px;
.margin-left:-260px;
.position:relative;}

#container #content-middle form#registration dl .postaldiv label { float:left;
width:262px;}

#container #content-middle form#registration dl div.postcode-lookup { border:none;
width:250px;
float:left;}


#container #content-middle form#registration dl div.postcode-lookup input { width:200px;
.width:250px;}

#container #content-middle form#registration dl div.postcode-lookup button { }


#container #content-middle form #fieldset-personal_details .postcode-lookup { float:left;}

#container #content-middle form #fieldset-personal_details .postcode-lookup input { width:250px;}

#container #content-middle form #fieldset-personal_details .postcode-lookup button { clear:both;
margin:30px 0 10px -200px;
_margin:0 0 10px 50px;}




/* review form in IE which has been fixed once but yet again doesn't work!!! */


#container #content-middle form#review_form dt { .clear:both;}

#container #content-middle form#review_form ul.star-rating { .position:absolute;
.margin:-20px 0 0 150px; }

#container #content-middle form#review_form textarea { .float:none;}

/* yet another fix */

#container #content-middle form dl fieldset#fieldset-addedit_address div.postcode-lookup input#postal_code { float:right;
margin:-20px 18px 0 0;
.margin:-15px 14px 0 0;
_.margin:-15px 11px 0 0;
.position:relative;}

#container #content-middle form dl fieldset#fieldset-addedit_address div.postcode-lookup button { margin:5px 0 5px 200px;}

/* Note only visible when placeorder button clicked */
div#placeordernote {
	margin-top: -40px;
	float: right;
	width: 320px;
	font-weight: bold;
	font-style: italic;
}


/* new homepage tabs */

#container #content-middle #hometabs{ margin:10px 0 0 0;
padding: 0 0 0 5px;}


#container #content-middle .tabContent { border:1px solid #a6a6a7;
.margin-top:-10px;
.position:relative;
_margin-top:-9px;
_position:inherit;}

#container #content-middle #hometabs ul{ font-size:72%;
margin:0;
padding:0;
list-style:none;}

#container #content-middle #hometabs li {display:inline;
margin:0 2px 0 0;
padding:0;}

#container #content-middle #hometabs li#tabHeaderActive a{ float:left;
background: url(/assets/images/tab-on.jpg) no-repeat right top;
margin:0 2px 0 0;
color:#fff;
width:151px;
padding:5px 13px;
text-decoration:none;
text-align:center;}

#container #content-middle #hometabs li a{ float:left;
background: url(/assets/images/tab-off.jpg) no-repeat right top;
margin:0 2px 0 0;
color:#fff;
width:151px;
padding:5px 13px;
text-decoration:none;
text-align:center;}


#container #content-middle .tabbed-area .product { margin:10px 0 10px 8px;}

#container #content-middle .tabbed-area .product .product-top { display:none;}
#container #content-middle .tabbed-area .product .product-bottom { display:none;}
#container #content-middle .tabbed-area .product .product-middle { border:none;}



/* new links that are going at the bottom of the page */

#bottom-top { background:url(/assets/images/bottom-links.jpg) no-repeat top left;
width:317px;
height:15px;
margin:10px 10px 0 10px;
_margin:10px 10px -3px 10px;
_position:relative;}
#bottom-links { background:url(/assets/images/bottom-bit.jpg) no-repeat bottom left #3a3b34;
margin:0 10px 10px 10px;}
#bottom-links h2 { margin:0;
padding:0 10px;
color:#fff;
font-size:94%;}

#bottom-links ul { list-style:none;
margin:10px;
padding:0;
float:left;
width:220px;
font-size:70%;}

#bottom-links ul li { padding:2px 0;}

#bottom-links ul li a { color:#fff;
text-decoration:none;}

img.college { margin:10px 0 0 0;}


/* Twitter Feed 
div#twitter-title {
height: 23px;
width: 140px;
margin-top: 20px;
padding-top: 10px;
background-color: #fcfde9;
border: 1px solid #e0e0e0;
font-weight: bold;
text-align: center;
font-size: 0.7em;
color: #34b9dc;}*/

div#twitter-title { background:url(/assets/images/left/light-grey-box-top.jpg) no-repeat top left #ececec;
width:141px;
color:#000;
margin:15px 0 0 0;}

div#twitter-title h2 { margin:0;
padding:25px 0 0 5px;
font-size:74%;}

ul#tweets {list-style-type: none;
margin: 0;
padding:2px 0 5px 0;
background:#ececec;
border-top:1px solid #ececec;
border-right:1px solid #ececec;
width:140px;}

ul#tweets li{ color: #000;
font-size: 70%;
padding: 0 5px;
margin:5px 0 8px 0;}

.twitter-bottom { background:url(/assets/images/left/light-grey-box-bottom.jpg) no-repeat;
width:141px;
height:9px;
margin:0;
padding:0;}

ul#tweets li a, ul#tweets li a:hover, ul#tweets li a:visited{
	color: #3a92d2;
	font-weight:bold;
}

ul#tweets .timesince{
	font-size: 0.78em;
	font-style: italic;
	clear: left;
}

/* Featured Item rotator (homepage) */




#container #content-middle #feature-box { border:1px solid #000;
margin:10px 0;
height:284px;
border:1px solid #8c8d8f;
_height:274px;
_overflow:hidden;}

#container #content-middle #feature-box #image { float:left; 
margin:0;
width:360px;
height: 284px;
overflow:hidden;}
#container #content-middle #feature-box #panel { float:right;
width:277px;
height: 284px;
overflow:hidden;}

#container #content-middle #feature-box #panel .header { background:#1a1819;
color:#fff;
border-bottom:1px solid #414042;
/*padding:9px 10px 10px 10px;*/
height:60px;
padding:6px 10px;
_height:56px;}

#container #content-middle #feature-box #panel .header a { color:#fff;
text-decoration:none;}
#container #content-middle #feature-box #panel .header h4 { margin:0;
padding:0;
font-size:100%;
font-weight:bold;
position:relative;
z-index:1;}
#container #content-middle #feature-box #panel .header p { color:#fff;
font-weight:normal;
margin:0;
padding:0;
position:relative;
z-index:1;}

#container #content-middle #feature-box #panel .header p.more { float:right;
margin:0;
padding:0;
_float:none;
_text-align:right;}
#container #content-middle #feature-box #panel .header p.more a { background:url(/assets/images/new-arrow.jpg) no-repeat center right;
padding:0 20px 0 0;}
 
/* Feature options */
#container #content-middle #feature-box #panel .header#ftl_0 {border-left: 10px solid #eb5a85;}
#container #content-middle #feature-box #panel .header#ftl_1 {border-left: 10px solid #febb64;}
#container #content-middle #feature-box #panel .header#ftl_2 {border-left: 10px solid #bed83a;}
#container #content-middle #feature-box #panel .header#ftl_3 {border-left: 10px solid #ea6f34;}
#container #content-middle #feature-box #panel .header#ftl_4 {border-left: 10px solid #afe0e5;}


#container #content-middle #feature-box #panel .header#ftl_0 a:hover { color:#eb5a85;}
#container #content-middle #feature-box #panel .header#ftl_1 a:hover { color:#febb64;}
#container #content-middle #feature-box #panel .header#ftl_2 a:hover { color:#bed83a;}
#container #content-middle #feature-box #panel .header#ftl_3 a:hover { color:#ea6f34;}
#container #content-middle #feature-box #panel .header#ftl_4 a:hover { color:#afe0e5;}


/* Hover-over an option */
#ftl_0  .sys_linkSelect h4{color: #eb5a85;}
#ftl_1 .sys_linkSelect h4{color: #febb64;}
#ftl_2  .sys_linkSelect h4{color: #bed83a;}
#ftl_3  .sys_linkSelect h4{color: #ea6f34;}
#ftl_4  .sys_linkSelect h4{color: #afe0e5;}

/* customer services box */

#container #content-left .services-box { margin:20px 0 0 0;}

#container #content-left .services-box h2 { background:url(/assets/images/cust-services.jpg) no-repeat;
font-size:100%;
margin:0;
padding:0;}

#container #content-left .services-box span { visibility:hidden;}

#container #content-left .services-box p { background:url(/assets/images/tel-number.jpg) no-repeat;
margin:0;
padding:5px 0;
font-size:72%;}


#container #content-middle form fieldset#fieldset-card_details span { display:block;
float:left;}

/* multi buy on product detail page */


.multibuy-right { background:url(/assets/images/multibuy-right.jpg) no-repeat;
width:5px;
height:49px;
position:absolute;
margin:0 0 0 315px;
z-index:10;}



#container #content-middle .multi-buy { border:1px solid #d33d96;
margin:10px 0;
background:#f2f2f2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(/assets/pie/PIE.htc);
position:relative;
z-index:1;}

#container #content-middle .multi-buy ul { list-style:none;
margin:0;
padding:0;}

#container #content-middle .multi-buy ul li { float:left;
border-right:1px solid #d33d96;
background:#f2f2f2;
width:58px;}

#container #content-middle .multi-buy.size_2 ul li { width:118px;}
#container #content-middle .multi-buy.size_2 ul li.last { width:118px;}


#container #content-middle .multi-buy.size_3 ul li { width:78px;}
#container #content-middle .multi-buy.size_3 ul li.last { width:79px;}

#container #content-middle .multi-buy ul li.last { border:none;
width:60px;}

#container #content-middle .multi-buy ul li.title { width:80px;
background:url(/assets/images/mulitbuy-title.jpg) no-repeat center #d14292;
.background:url(/assets/images/mulitbuy-title.jpg) no-repeat top center #d14292;
height:47px;}



#container #content-middle .multi-buy ul li.title p { /*color:#fff;
text-align:center;
width:80px;
padding:0;
margin:0;
font-weight:bold;*/
visibility:hidden;
margin:0;
padding:0 0 1px 0;}
#container #content-middle .multi-buy ul li.title h3 { /*margin:0;
padding:0;
text-align:center;*/
visibility:hidden;
margin:0;
padding:0;}

#container #content-middle .multi-buy ul li p { font-size:100%;
margin:0;
padding:3px 6px 2px 7px;
_padding:3px 4px 2px 4px;
text-align:center;
background:#dbdbd9;}





#container #content-middle .multi-buy ul li p.price1 { font-weight:bold;
font-size:130%;
border-top:1px solid #d53e97;
background:#fff;
padding:3px 6px 4px 7px;
.padding:3px 4px 5px 4px;}



#container #content-middle #offersWrapper {
	width:630px;
	margin:auto;
	font-family:Helvetica, Arial, sans-serif;
}

#container #content-middle #offersWrapper .left {
	float:left;
}

#container #content-middle #offersWrapper .right {
	float:right;
}

#container #content-middle #offersWrapper #offersIntro p{
	font-size:11px;
	color:#000;
}

#container #content-middle #offersWrapper .offerWrapper {
	width:290px;
	height:168px;
	height:204px;
	background-image:url(/assets/images/offers/offerBackground.png);
	background-repeat:no-repeat;
	padding-top:7px;
	padding-left:4px;
	padding-right:16px;
	margin-top:10px;
}

#container #content-middle #offersWrapper .offerWrapper a img {
	border: 0;
	margin-right:10px;
	float:left;
}

#container #content-middle #offersWrapper .offerWrapper img {
	float:left;
	margin-top:4px;
}

#container #content-middle #offersWrapper .offerWrapper h2 {
	color:#5d5d5d;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}

#container #content-middle #offersWrapper .offerWrapper h2 a {
	text-decoration: none;
}

#container #content-middle #offersWrapper .offerWrapper p {
	font-size:11px;
	color:#7d7d7d;
	line-height:17px;

}

#container #content-middle #offersWrapper p.offerWrapperPrice {
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin-top:2px;
	margin-right:10px;
}

#container #content-middle #offersWrapper .offerWrapper a.right {
	width:60px;
	height:21px;
	font-size:11px;
	font-weight:bold;
	display:block;
	color:#fff;
	line-height:21px;
	text-align:center;
	text-decoration:none;
	background-image:url(/assets/images/offers/offersMoreLink.jpg);
	background-repeat:no-repeat;
}

a#offersLink {
	background-image:url(../images/offersLink.gif);
	background-position:10px 10px;
	background-repeat:no-repeat;
	text-indent:25px;
}

a#offersLink:hover {
	background-image:url(../images/offersLink.gif) !important;
	background-position:10px 10px!important;
	background-repeat:no-repeat!important;
	text-indent:25px!important;
	background-color:#545557!important;
}

p.offerDesc {
	float:right;
	width:166px;
	height:123px;
	margin:0px;
	padding:0px;
	margin-top:10px;
}

#youtube_link{
	font-size:70%;
}

#youtube_wrapper, #youtube2_wrapper, #youtube3_wrapper {
	display:none;
}