body {
background: #000;
margin:0px;
padding:0px 0px 50px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
}
a{
text-decoration:none;
outline:none;
color:#3540a4;
}
a:hover{
color:#aa8fc7;
}
p{
margin:0px 0px 15px 0px;
}
h1, h2, h3, h4, h5, h6{
margin:15px 0px;
}
.wrapper{
width:960px;
margin:0 auto;
}
#content{
overflow:hidden;
background: #fbfbfb url(../images/bg_gradient.gif) top left repeat-x;
}
#header{
height:100px;
background: #000;
position:relative;
}
#header h1{
margin:0px;
visibility:visible;
float:left;
}
#header h1 a{
display:block;
float:left;
width:220px;
height:100px;
background: url(../images/MissSelfridge.gif) left center no-repeat;
text-indent:-9999px;
}
ul#menu{
list-style:none;
padding:0px;
margin:74px 0px 0px 0px;
font-size:12px; 
text-align:right;
overflow:hidden;
line-height:26px;
width:305px;
float:right;
background: url(../images/topnav_gradient.gif) top left repeat-x;
}
ul#menu li{
display:inline;
overflow:hidden;
}
ul#menu li a{
color:#333;
padding:5px 21px;
background: url(../images/topnav_divider.gif) left center no-repeat;
font-weight:bold;
}
ul#menu li a:hover{
color:#999;
}
ul#menu li a.on{
color:#eb1936;
}
ul#menu li.main a{
background:none;
}
#content h2{
font-size:35px;
color:#03aff3;
font-weight:normal;
}
#content h3{
font-size:24px;
color:#03aff3;
font-weight:normal;
}

/* ================================ BANNERS ====================================*/
#content #banner{
background: url(../images/banner_content.jpg) top left no-repeat;
height:250px;
}
#banner h2{
color:#000;
font-size:30px;
margin:0px 0px 20px 0px;
font-weight:normal;
height:100px;
text-indent:-9999px;
}
.salon_finder #banner h2{
background: url(../images/title_salonfinder.png) bottom right no-repeat;
}
.terms #banner h2{
background: url(../images/title_terms.png) bottom right no-repeat;
height:210px;
}
.help #banner h2{
background: url(../images/title_help.png) bottom right no-repeat;
}
.home #content #banner{
width:238px;
height:204px;
float:left;
background: url(../images/banner_home.jpg) top left no-repeat;
border-right:7px solid #fff;
padding: 310px 10px 20px 270px;
font-size:14px;
line-height:19px;
}
.help #content #banner{
background: url(../images/banner_help.jpg) top left no-repeat;
}
.salon_finder #content #banner{
background: url(../images/banner_salon_finder.jpg) top left no-repeat;
}
.terms #content #banner{
background: url(../images/banner_terms.jpg) top left no-repeat;
}
/* ================================ BANNERS ====================================*/
	
/* =============================== HOMEPAGE ====================================*/
.home #content .wrapper{
height:600px;
position:relative; 
}
.home #content .wrapper h2{
background: url(../images/50off.png) bottom right no-repeat;
height:155px;
text-indent:-9999px;
margin:0px;
padding-top:50px;
}
.home #content .wrapper p{
background: url(../images/bg_text_home.png) top left no-repeat;
display:block;
float:left;
width:375px;
height:97px;
padding:100px 25px 25px 25px;
color:#f0ebe7;
font-size:14px;
line-height:17px;
margin-left:110px;
}
.home #content .wrapper p span{
color: #96c2de;
font-size:18px;
}
.home #right, #banner form {
background: url(../images/bg_form_home.png) 0px 0px no-repeat;
display:block;
float:left;
width:385px;
height:97px;
padding:135px 0px 0px 40px;
}
.home #right form#postcode_search{
/* background: url(../images/bg_postcode.jpg) top left no-repeat; */
height:63px;
padding:0px;
color:#000;
background:none !important;
float:left;
}
.home #right label{
display:block;
text-transform:uppercase;
font-weight:bold;
width: 190px;
color:#000;
}
form#postcode_search input{
border:none;
background:#000;
padding:10px;
margin:10px 0px 0px 0px;
color:#fff;
text-transform:uppercase;
font-weight:bold;
}
form#postcode_search input{
display:block;
float:left;
width:140px;
margin-top:13px;
text-align: center;
position:relative;
z-index:5;
}
form#postcode_search input.go{
display:block;
float:left;
cursor:pointer;
background: url(../images/button_search.png) 0px 0px no-repeat;
text-indent:-9999px;
height:62px;
width:190px;
border:none;
padding:0px;
margin:0px;
}
form#postcode_search input.go:hover{
background-position:0px -62px;
}
.home div#flash{
position:absolute;
top:0px;
left:0px;
z-index:1;
background:#333; 
}
.home div#content_home{
position:absolute;
top:0px;
left:0px;
z-index:2;
}
#steps{
display:block;
width: 850px;
float:right;
height:115px;
margin-top:12px;
background: url(../images/text_home.png) top right no-repeat;
}
/* ============================ // HOMEPAGE ====================================*/

/* ================================ SEARCH PAGE =================================*/
form#postcode_search{
margin:0px;
padding:0px;
float:right;
background: url(../images/bg_form_content.png) top left no-repeat;
padding-left:455px;
padding-top:23px;
}
/* ============================= // SEARCH PAGE =================================*/

/* ============================ SEARCH RESULTS PAGE =============================*/
.search_results{
min-height:200px;
background:#fff;
}
p.noresults{
height:174px;
padding:130px 200px 0px 200px;
margin-bottom:0px;
text-align:center;
}
.search_results ul{
list-style:none;
display:block;
width:880px;
margin:0px auto 50px auto;
padding:20px 0px 0px 0px;
overflow:hidden;
}
.search_results ul li{
display:block;
width:271px;
float:left;
border:1px solid #d6d8d7;
margin:20px 10px 0px 10px;
background: #fff url(../images/bg_results_li.jpg) bottom left repeat-x;
position:relative;
}
.search_results ul li ul.services{
display:block;
width:auto;
height:80px;
padding:0px;
margin:0px 15px 10px 15px;
overflow:auto;
float:none;
position:relative;
}
.search_results ul li ul li{
border:none;
width:205px;
height:auto;
background: url(../images/bg_results_li_li.gif) 0px 5px no-repeat;
clear:left;
margin:0px;
padding-left:15px;
}
#content .search_results ul li h3{
height:44px;
background: url(../images/bg_results_h3.jpg) top right no-repeat;
color:#fff;
font-size:15px;
margin-top:0px;
padding:8px 50px 0px 20px;
}
.search_results ul li p{
margin:10px 15px;
color:#000;
}
.search_results ul li p.address{
height:150px;
display:block;
overflow:hidden;
margin-bottom:0px;
}
.search_results ul li p.closed{
color:#3540a4;
display:block;
height:38px;
overflow:auto;
font-size:10px;
line-height:12px;
position:relative;
float:none;
}
.search_results ul li p span{
color:#3540a4;
font-weight:bold;
}
/* ============================ SEARCH RESULTS PAGE =============================*/

/* ================================ TERMS PAGE =================================*/
.terms #content div.left, .terms #content div.right{
padding:30px 3%;
width:44%;
margin:0px;
text-align:justify;
font-size:11px;
float:left;
list-style-type:none;
background:none;
}
.terms #content .wrapper{
background:#fff;
}
/* ============================== // TERMS PAGE ================================*/

/* ================================ HELP PAGE =================================*/

.help_bg{
padding:30px 30px 20px 30px;
background:#fff;
min-height:200px;
}
/* ============================== // HELP PAGE ================================*/

/* =============================== FOOTER ======================================*/
#footer{
padding:10px;
text-align:right;
clear:left;
background:#000; 
color:#fff;
font-size:11px;
margin:0px;
}
#footer p{
margin:0px;
}
#footer a{
color:#f0a1c1;
}
#footer a:hover{
color:#000;
}
/* ============================== // FOOTER ====================================*/