body {
background: #fff;
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
}
a{
text-decoration:none;
outline:none;
color:#eb1936;
}
a:hover{
color:#000;
}
p{
margin:0px 0px 15px 0px;
}
h1, h2, h3, h4, h5, h6{
margin:15px 0px; 
}
#wrapper{
width:850px;
margin: 20px auto;
background:#e5e9ee;
padding:30px 50px 50px 50px;
position:relative;
}
#content{
overflow:hidden;
width:790px;
margin-top:20px;
padding:30px;
background:#ddd;
}
#header{
height:61px;
position:relative;
}
#header h1{
margin:0px;
visibility:visible;
}
#header h1 a, #header h1 a:hover{
display:block;
float:left;
width:145px;
height:62px;
background: url(../images/wallis.gif) bottom left no-repeat;
text-indent:-9999px;
}
ul#menu{
list-style:none;
padding:0px;
margin:0px;
font-size:14px; 
text-align:right;
overflow:hidden;
line-height:36px;
position:absolute; 
width:705px;
bottom:0px;
right:0px;
background: url(../images/bg_ul.jpg) top right repeat-y;
text-transform:uppercase;
}
ul#menu li{
display:inline;
overflow:hidden;
}
ul#menu li a{
color:#fff;
padding:0px 21px;
}
ul#menu li a:hover{
color:#999;
}
ul#menu li a.on{
color:#ccc;
}
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 ====================================*/
#banner{
height:300px;
background: url(../images/banner_content.jpg) top left no-repeat;
margin-top:20px;
}
#banner h2{
text-indent:-9999px;
margin:0px;
}
.salon_finder #banner{
background: url(../images/banner_salonfinder.jpg) 0px 0px no-repeat;
}
.terms #banner{
background: url(../images/banner_terms.jpg) 0px 0px no-repeat;
height:200px;
}
/* ================================ BANNERS ====================================*/
	
/* =============================== HOMEPAGE ====================================*/
.home #content{
width: 790px;
height:134px;
background: url(../images/bg_home.jpg) 0px 0px no-repeat;
padding: 350px 30px 0px 30px;
font-size:14px;
}
.home #copy{
display:block;
float:left;
width:470px;
padding:0px 30px 0px 0px;
}
.home #copy h2{
text-indent:-9999px;
margin:0px;
} 
.home #copy p{
margin:5px 0px 0px 0px;
text-align:justify;
}
.home form#postcode_search{
padding:0px 0px 0px 30px;
color:#000;
overflow:hidden;
height:auto;
width:255px;
margin:0;
}
form#postcode_search p{
margin-bottom:25px;
}
form#postcode_search span{
display:block;
float:left;
width:159px;
height:41px;
background: url(../images/input.gif) 0px 0px no-repeat;
padding:0px 10px;
margin:0px;
}
form#postcode_search input{
border:none; 
padding:0px;
margin:13px 0px 0px 0px; 
color:#fff;
text-transform:uppercase;
font-weight:bold;
text-align:center;
display:block;
float:left;
width:159px;
background:#3a3637;
}
form#postcode_search input.go{
display:block;
float:left;
cursor:pointer;
background:url(../images/button_go.gif) 0px 0px no-repeat;
text-indent:-9999px;
font-size:1px;
letter-spacing:75px;
height:41px;
width:75px;
margin:0;
padding:0px 20px 0px 0px;
border:none;
}
form#postcode_search input.go:hover{
background-position: 0px -41px;
}
/* ============================ // HOMEPAGE ====================================*/

/* ================================ SEARCH PAGE =================================*/
form#postcode_search{
padding:160px 50px 30px 350px;
margin:0px;
height:70px;
overflow:hidden;
}
form#postcode_search label{
float:left;
font-size:16px;
padding-bottom:10px;
margin:0px;
}
/* ============================= // SEARCH PAGE =================================*/

/* ============================ SEARCH RESULTS PAGE =============================*/
.search_results{
min-height:200px;
}
p.noresults{
background: url(../images/bg_search_empty.jpg) top left no-repeat;
height:174px;
padding:150px 340px 0px 70px;
margin-bottom:0px;
margin-top:20px;
}
.search_results ul{
list-style:none;
display:block;
width:880px;
margin:0px -20px 0px 0px;
padding:0px;
overflow:hidden;
}
.search_results ul li{
display:block;
width:271px;
float:left;
margin:20px 20px 0px 0px;
background: #fff;
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;
}
.search_results ul li h3{
height:44px;
background: url(../images/bg_results_h3.gif) 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:#eb1936;
display:block;
height:37px;
overflow:auto;
font-size:10px;
position:relative;
float:none;
}
.search_results ul li p span{
color:#eb1936;
font-weight:bold;
}
/* ============================ SEARCH RESULTS PAGE =============================*/

/* ================================ TERMS PAGE =================================*/
.terms div.left, .terms div.right{
padding:0px 3%;
width:44%;
margin:0px;
text-align:justify;
float:left;
list-style-type:none;
background:none;
line-height:18px;
overflow:hidden;
}
/* ============================== // TERMS PAGE ================================*/

/* ================================ HELP PAGE =================================*/
.help_bg{
padding:30px 30px 20px 30px;
background:#eee url(../images/bg_ul_terms.gif) no-repeat right bottom !important;
line-height:18px;
}
/* ============================== // HELP PAGE ================================*/

/* =============================== FOOTER ======================================*/
#footer{
padding:15px 0px 0px 0px;
margin-top:15px;
text-align:right;
clear:left;
font-size:11px;
color:#696969;
border-top:10px solid #ccc;
}
#footer p{
margin:0px;
}
#footer a{
color:#f0a1c1;
}
#footer a:hover{
color:#000;
}
/* ============================== // FOOTER ====================================*/
