body {
background: #a5acaf url(../images/bg_body.jpg) center top repeat-y;
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
}
a{
text-decoration:none;
outline:none;
color:#448798;
}
a:hover{
color:#0b5569;
}
p{
margin:0px 0px 15px 0px;
}
h1, h2, h3, h4, h5, h6{
margin:15px 0px;
}
.wrapper{
width:950px;
margin: 0px auto;
overflow:hidden;
}
#content{
width:890px;
margin: 0px auto;
overflow:hidden;
padding:30px;
background:#fff;
}
#header{
width:100%;
height:110px;
}
#header h1{
margin:0px;
visibility:visible;
}
#header h1 a{
display:block;
float:left;
width:167px;
height:110px;
background: url(../images/outfit.gif) center left no-repeat;
text-indent:-9999px;
}
ul#menu{
list-style:none;
padding:0px;
margin:0px;
font-size:18px;
text-transform:uppercase; 
float:right;
text-align:right;
width:550px;
height:110px;
line-height:110px;
}
ul#menu li{
display:inline;
overflow:hidden;
}
ul#menu li a{
color:#fff;
margin:0px 0px 0px 50px;
}
ul#menu li a:hover{
color:#448798;
}
ul#menu li a.on{
color:#095367;
}
#content h2{
font-size:35px;
color:#03aff3;
font-weight:normal;
}
#content h3{
font-size:24px;
color:#03aff3;
font-weight:normal;
}

/* ================================ BANNERS ====================================*/
#banner{
background:#5593a3;
border-top:3px solid #fff;
border-bottom:3px solid #fff;
position:relative;
}
#banner h2{
display:block;
width:950px;
height:30px;
margin:0px auto 10px auto;
text-indent:-9999px;
}
.contentpage #banner h2{
width:950px;
height:196px;
margin:0px auto;
}
.salon_finder #banner h2{
background: url(../images/title_salonfinder.gif) 100px 10px no-repeat;
height:70px;
}
.terms #banner h2{
background: url(../images/title_terms.gif) 100px 75px no-repeat;
}
.help #banner h2{
background: url(../images/title_help.gif) 100px 75px no-repeat;
}
#banner #container{
display:block;
background: #abdcea url(../images/bg_home.jpg) top left no-repeat;
width:654px;
height:319px;
margin:0px auto;
border-left:3px solid #fff;
border-right:3px solid #fff;
color:#095367;
font-size:17px;
padding:205px 0px 0px 290px;
}
.home #banner #container p{
padding-right:260px;
}
.home #banner #container h2{
width:500px;
text-indent:0px;
font-size:23px;
color:#095367;
padding:0px;
margin:0px 0px 5px 0px;
}
.contentpage #banner{
background: #5593a3 url(../images/banner_content.jpg) top center no-repeat;
}
.salon_finder #banner{
background: #5593a3;
}
/* ================================ BANNERS ====================================*/

/* ================================ SEARCH PAGE =================================*/
form#postcode_search{
padding:95px 0px 0px 50px;
margin:0px;
color:#333;
}
.contentpage form#postcode_search{
padding:0px;
display:block;
width:930px;
height:28px;
overflow:hidden;
margin:0px auto;
overflow:hidden;
background:#fff url(../images/bg_form_content.jpg) bottom left no-repeat;
padding:10px;
}
form#postcode_search label{
display:block;
float:left;
font-size:14px;
font-weight:bold;
width: 250px;
}
.contentpage form#postcode_search label{
width: 450px;
padding-left:100px;
padding-top:10px;
}
form#postcode_search input{
display:block;
float:left;
width:125px;
height:23px;
line-height:18px;
text-align:center;
color:#b8e2ed;
text-transform:uppercase;
background: url(../images/bg_input.jpg) 0px 0px no-repeat;
border:none;
margin: 0px 0px 0px 20px;
padding:7px 0px 0px 0px;
}
form#postcode_search input.go{
width:132px;
height:41px;
font-size:14px;
line-height:41px;
color:#fff;
text-transform:uppercase;
background: url(../images/button_search.jpg) 0px 0px no-repeat;
cursor:pointer;
border:none;
padding:0px 30px 3px 0px;
margin:-7px 0px 0px 0px;
}
form#postcode_search input.go:hover{
background-position: 0px -44px;
}
/* ============================= // SEARCH PAGE =================================*/

/* ============================ SEARCH RESULTS PAGE =============================*/
.search_results{
min-height:200px;
padding:0px;
width:950px;
margin:0px auto;
}
p.noresults{
background: #fff url(../images/bg_search_empty.jpg) top left no-repeat;
height:250px;
padding:150px 370px 0px 70px;
margin-bottom:0px;
}
.search_results ul{
list-style:none;
display:block;
width:970px;
margin:0px -20px 20px 0px;
padding:0px;
overflow:hidden;
}
.search_results ul li{
display:block;
width:302px;
float:left;
margin:20px 20px 0px 0px;
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:215px;
height:auto;
background: url(../images/bg_results_li_li.gif) 0px 5px no-repeat;
clear:left;
margin:0px;
padding-left:15px;
}
.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:#448798;
display:block;
height:37px;
overflow:auto;
font-size:10px;
position:relative;
float:none;
}
.search_results ul li p span{
color:#448798;
font-weight:bold;
}
/* ============================ SEARCH RESULTS PAGE =============================*/

/* ================================ TERMS PAGE =================================*/
.terms #content{
/*background: url(../images/bg_terms.jpg) top left repeat-y;*/
background:#fff url(../images/bg_ul_terms.gif) bottom right no-repeat;
}
.terms #content div.left, .terms #content div.right{
padding:0px 2%;
width:46%;
margin:0px;
text-align:justify;
font-size:11px;
float:left;
list-style-type:none;
background:none;
}
/* ============================== // TERMS PAGE ================================*/

/* ================================ HELP PAGE =================================*/
.help_bg{
padding:30px 30px 20px 30px;
background:transparent url(../images/bg_ul_terms.gif) no-repeat right bottom;
}
/* ============================== // HELP PAGE ================================*/

/* =============================== FOOTER ======================================*/
#footer{
clear:left;
width:950px;
height:50px;
margin:0px auto;
background:#dcf0f5 url(../images/bg_footer.gif) 0px 0px no-repeat;  
font-size:11px;
}
.home #footer{
background:#dcf0f5 url(../images/bg_footer_home.jpg) top left no-repeat;
padding-top:90px; 
}
#footer p{
margin:0px;
}
#footer a{
color:#f0a1c1;
}
#footer a:hover{
color:#000;
}
/* ============================== // FOOTER ====================================*/