body {
background: #e7e5e6 url(../images/bg_body.jpg) top center repeat-y;
margin:20px 0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
}
a{
text-decoration:none;
outline:none;
color:#ec104b;
}
a:hover{
color:#000;
}
p{
margin:0px 0px 15px 0px;
}
h1, h2, h3, h4, h5, h6{
margin:15px 0px;
}
#wrapper{
width:930px;
margin:0 auto;
background:#fff;
padding:10px;
}
#content{
overflow:hidden;
}

/* ================================ HEADER ====================================*/
#header{
height:100px;
}
#header h1{
margin:0px;
visibility:visible;
float:left;
}
#header h1 a{
display:block;
float:left;
width:190px;
height:60px;
background: url(../images/freemans.gif) 0px 10px no-repeat;
text-indent:-9999px;
margin-left:10px;
}
div#shop{
width:400px;
float:right;
text-align:right;
padding:5px 5px 0px 0px;
}
div#shop p{
margin:3px 0px 0px 0px;
font-size:11px;
}
div#shop a{
font-size:16px;
color:#e50a75;
padding:5px 25px 5px 0px;
background: url(../images/shop.gif) center right no-repeat;
}
div#shop a:hover{
color:#000;
}
ul#menu{
float:right;
overflow:hidden;
width:930px;
list-style:none;
padding:0px;
margin:0px;
background: url(../images/bg_ul.gif) center left no-repeat;
font-size:13px; 
line-height:28px;
}
ul#menu li{
display:block;
float:left;
overflow:hidden;
height:31px;
background: url(../images/bg_ul_li.gif) center right no-repeat;
}
ul#menu li.last{
background:none;
}
ul#menu li a{
display:block;
float:left;
height:31px;
color:#fff;
font-weight:bold;
padding:0px 28px;
margin-right:2px;
}
ul#menu li.main a{
background: url(../images/topnav_homepage.gif) 0px 0px no-repeat;
padding-left:40px;
}
ul#menu li a:hover{
background: url(../images/bg_ul_li_a_hover.gif) center left repeat-x;
}
ul#menu li.main a:hover{
background:url(../images/topnav_homepage.gif) 0px -31px;
}
ul#menu li a.on{
color:#e50a75;
}
ul#menu li a.on:hover{
color:#fff;
}
ul#menu li.main a{
border:none;
}
/* ============================== //  HEADER ====================================*/

/* ================================ BANNERS ====================================*/
#banner{
background: url(../images/banner_content.jpg) top left no-repeat;
height:200px;
}
#banner h2{
height:40px;
padding:80px 220px;
margin:0px 20px 0px 0px;
font-size:30px;
font-weight:normal;
color:#000;
text-indent:-9999px;
}
.salon_finder #banner h2{
background: url(../images/title_salon_finder.gif) right 50% no-repeat;
}
.terms #banner h2{
background: url(../images/title_terms.gif) right 50% no-repeat;
} 
.help #banner h2{
background: url(../images/title_help.gif) right 50% no-repeat;
}
.home #banner{
height:85px;
overflow:hidden;
background: url(../images/banner_home2.jpg) top left no-repeat;
padding:280px 50px 0px 410px;
color:#000;
line-height:21px;
font-size:14px;
}
.home #banner p{
clear:both;
text-align:right;
font-size:11px;
}
.home #banner a{
display:block;
float:right;
width:278px;
height:40px;
background: url(../images/button_shop.gif) 0px 0px no-repeat;
text-indent:-9999px !important;
font-size:0px;
letter-spacing:278px;
text-decoration:none;
}
.home #banner a:hover{
background-position: 0px -40px;
}
/* ================================ BANNERS ====================================*/
	
/* =============================== HOMEPAGE ====================================*/
.home #content{
background: url(../images/bg_content_home.jpg) top left no-repeat;
height:150px;
}
.home #left{
display:block;
float:left;
width:465px;
height:135px;
overflow:hidden;
padding:15px 30px 0px 30px;
background: url(../images/home_text.jpg) bottom right no-repeat;
font-size:14px;
line-height:20px;
}
.home #left p{
margin:0px 0px 15px 0px;
}
.home #left span{
font-size:12px;
}
.home #right{
display:block;
float:left;
width:290px;
padding:30px 55px;
font-size:15px;
line-height:18px;
}
.home #right form#postcode_search{
height:30px;
background:none;
color:#000;
padding:0px;
}
.home #right p{
margin-bottom:15px;
}
form#postcode_search span{
display:block;
float:left;
width: 150px;
height:40px;
background: url(../images/bg_input.gif) center left no-repeat;
}
form#postcode_search input{
display:block;
float:left;
width:130px;
height:20px;
border:none;
background:#fff;
padding:5px;
margin:0px;
color:#333;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
line-height:20px;
margin:5px;
}
form#postcode_search input.go{
display:block;
float:left;
width:130px;
height:40px;
background: url(../images/bg_button.gif) 0px 0px no-repeat;
font-size:14px;
color:#fff;
padding-right:25px;
margin:0px 0px 0px 10px;
_margin:0px 0px 0px 0px;
cursor:pointer;
}
form#postcode_search input.go:hover{
background-position: 0px -40px;
}
/* ============================ // HOMEPAGE ====================================*/

/* ================================ SEARCH PAGE =================================*/
form#postcode_search{
background: #baddb7 url(../images/bg_search.jpg) top left no-repeat;
height:40px;
padding:30px 20px;
margin:0px;
}
form#postcode_search label{
padding:10px 10px 50px;
float:left;
font-size:14px;
font-weight:bold;
}
/* ============================= // SEARCH PAGE =================================*/

/* ============================ SEARCH RESULTS PAGE =============================*/
.search_results{
min-height:200px;
width:930px;
}
p.noresults{
background: url(../images/bg_search_empty.jpg) top left no-repeat;
height:174px;
padding:150px 365px 0px 70px;
margin-bottom:0px;
}
.search_results ul{
display:block;
width:940px;
overflow:hidden;
list-style:none;
margin:0px -10px 0px 0px;
padding:0px;
}
.search_results ul li{
display:block;
float:left;
position:relative;
width:303px;
margin:10px 10px 0px 0px;
background: #fff url(../images/bg_results_li.jpg) bottom left repeat-x;
}
.search_results ul li ul.services{
display:block;
float:none;
position:relative;
overflow:auto;
width:auto;
height:80px;
padding:0px;
margin:0px 15px 10px 15px;
}
.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;
}
#content.search_results ul li h3{
height:44px;
background: url(../images/bg_results_h3.jpg) top right no-repeat; 
font-size:15px;
color:#fff;
margin-top:0px;
padding:8px 50px 0px 20px;
}
.search_results ul li p{
margin:10px 15px;
color:#000;
}
.search_results ul li p.address{
display:block;
overflow:hidden;
height:150px;
margin-bottom:0px;
}
.search_results ul li p.closed{
color:#ec104b;
display:block;
float:none;
position:relative;
overflow:auto;
height:37px;
font-size:10px;
}
.search_results ul li p span{
color:#ec104b;
font-weight:bold;
}
/* ============================ SEARCH RESULTS PAGE =============================*/

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

/* ================================ HELP PAGE =================================*/
.help #content{
background: url(../images/bg_help.jpg) top right no-repeat;
width:930px;
}
.help_bg{
padding:40px 300px 50px 40px;
}
/* ============================== // HELP PAGE ================================*/