body {
background: #eee url(../images/bg_body.jpg) 0px 0px repeat-x;
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
}
a{
text-decoration:none;
outline:none;
color:#fd7d3a;
}
a:hover{
color:#000;
}
p{
margin:0px 0px 15px 0px;
}
h1, h2, h3, h4, h5, h6{
margin:15px 0px;
}
#wrapper{
width:880px;
margin:0 auto;
position:relative;
}
#content{
background:#fff;
overflow:hidden;
}
#header{
height:70px;
background: url(../images/bg_header.gif) center right no-repeat;
}
#header h1{
margin:0px;
visibility:visible;
}
#header h1 a{
display:block;
float:left;
width:260px;
height:70px;
background: url(../images/RiverIsland.gif) center left no-repeat;
text-indent:-9999px;
}
ul#menu{
list-style:none;
padding:0px 20px 0px 20px;
margin:0px;
background: #000;
font-size:16px; 
text-align:right;
position:relative;
overflow:hidden;
line-height:30px;
}
ul#menu li{
display:inline;
overflow:hidden;
}
ul#menu li a{
color:#fff;
padding:5px 50px;
border-left:1px solid #fff;
position:relative;
z-index:3;
}
ul#menu li a:hover{
color:#fefe00;
}
ul#menu li a.on{
color:#fefe00;
}
ul#menu li.main{
display:block;
height:16px;
width:67px;
position:absolute;
top:5px;
right:450px;
overflow:hidden;
}
ul#menu li.main a{
display:block;
height:16px;
padding:0px 0px 0px 20px;
background: url(../images/icon_home.gif) 0px 0px no-repeat;
line-height:20px;
border:none;
}
ul#menu li.main a:hover{
background-position: 0px -16px;
}
#content h2{
font-size:35px;
color:#03aff3;
font-weight:normal;
}
#content h3{
font-size:24px;
color:#03aff3;
font-weight:normal;
}

/* ================================ BANNERS ====================================*/
#banner{
background: #fff url(../images/bg_content.gif) 0px 40px no-repeat;
height:200px;
}
#banner h2{
color:#fff;
font-size:30px;
margin:0px;
font-weight:normal;
height:35px;
text-indent:-9999px;
padding:40px 0px 0px 30px;
}
.salon_finder #banner h2{
background: url(../images/title_salon_finder.png) 20px 35px no-repeat;
}
.terms #banner h2{
background: url(../images/title_terms.png) 20px 35px no-repeat;
}
.help #banner h2{
background: url(../images/title_help.png) 20px 35px no-repeat;
}
.terms #banner {height:160px;}
/* ================================ BANNERS ====================================*/
	
/* =============================== HOMEPAGE ====================================*/
.home #wrapper{
margin-bottom:-90px;
}
.home #content{
background: #fff url(../images/bg_content_home.gif) 0px 10px no-repeat;
padding:130px 0px 100px 325px;
width:555px;
}
#overlay{
width:599px;
height:603px;
background: url(../images/overlay.png) 0px 0px no-repeat;
position:absolute;
top:50px;
left:-130px;
z-index:1;
}
.home #left{
display:block;
float:left;
font-size:14px;
font-weight:bold;
line-height:23px;
padding:20px 20px 35px 30px;
font-family:Helvetica, Arial, sans-serif;
position:relative;
z-index:2;
}
.home #left p{
margin:0px;
}
.home #left span{
color:#52a1f0;
}
.home #right{
display:block;
float:left;
padding:20px 35px 0px 200px;
font-size:17px;
color:#ff7f39;
font-weight:bold;
}
.home #right form#postcode_search{
background:none;
padding:0px;
}
.home #right p{
margin-bottom:10px;
}
form#postcode_search label{
display:block;
width:550px;
float:left;
color:#FF7F39;
font-size:18px;
font-weight:bold;
text-align:right;
padding:8px 10px 0px 0px;
}
form#postcode_search input{
border:none;
background:#000;
margin:0px;
color:#ccc;
height:19px;
font-size:14px;
padding:10px 0px;
text-align:center;
}
form#postcode_search input{
display:block;
float:left;
width:140px;
}
form#postcode_search input.search{
display:block;
float:left;
cursor:pointer;
width:148px;
height:39px;
background: url(../images/button_search.gif) 0px 0px no-repeat;
font-size:1px;
letter-spacing:148px;
text-indent:-9999px;
padding:0px;
}
form#postcode_search input.search:hover{
background-position: 0px -39px;
}
/* ============================ // HOMEPAGE ====================================*/

/* ================================ SEARCH PAGE =================================*/
form#postcode_search{
height:47px;
padding:60px 0px 0px 15px;
margin:0px;
clear:both;
}

/* ============================= // SEARCH PAGE =================================*/

/* ============================ SEARCH RESULTS PAGE =============================*/
.salon_finder #content{
clear:left;
}
.search_results{
min-height:200px;
margin-bottom:-50px;

}
p.noresults{
background: url(../images/bg_search_empty.jpg) top left no-repeat;
height:176px;
padding:150px 370px 0px 70px;
margin-bottom:0px;
}
.search_results ul{
list-style:none;
display:block;
width:880px;
margin:0px 0px 20px 0px;
padding:0px;
overflow:hidden;
}
.search_results ul li{
display:block;
width:273px;
overflow:hidden;
float:left;
margin:0px 10px 20px 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:210px;
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:#000;
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:#fd7d3a;
display:block;
height:41px;
overflow:auto;
font-size:10px;
position:relative;
float:none;
margin:8px 15px;
}
.search_results ul li p span{
color:#fd7d3a;
font-weight:bold;
}
/* ============================ SEARCH RESULTS PAGE =============================*/

/* ================================ TERMS PAGE =================================*/
.terms #content{
/*background: url(../images/bg_terms.jpg) top left repeat-y;*/
background:#f0f7ff;
padding-bottom:70px;
}
.terms #content div{
overflow:hidden;
background: url(../images/bg_ul_terms.gif) bottom right no-repeat;
}
.terms #content div.left, .terms #content div.right{
padding:30px 3%;
width:44%;
margin:0px;
text-align:justify;
float:left;
list-style-type:none;
background:none;
}
/* ============================== // TERMS PAGE ================================*/

/* ================================ HELP PAGE =================================*/
.help_bg{
display:block;
float:left;
padding:50px 30px 100px 30px;
width:820px;
background:#f0f7ff url(../images/bg_ul_terms.gif) no-repeat right bottom;
}
/* ============================== // HELP PAGE ================================*/

/* =============================== FOOTER ======================================*/
.contentpage #footer{
clear:left;
position:relative;
z-index:2;
display:block;
width:900px;
height:70px;
background: url(../images/bg_footer.png) center top no-repeat; 
margin:-15px auto 0px auto;
}
.salon_finder.contentpage #footer{
margin:20px auto 0px auto;
}
.home #footer{
clear:left;
position:relative;
z-index:2;
display:block;
width:900px;
height:159px;
margin:0px auto;
background: url(../images/bg_footer_home.png) center top no-repeat;
}
#footer p{
margin:0px;
}
#footer a{
color:#f0a1c1;
}
#footer a:hover{
color:#000;
}
/* ============================== // FOOTER ====================================*/