/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
  background: url("images/page_background.jpg"); 
   background-repeat:repeat-x;
    background-color:#ffffff; 
} 
 
#pagewidth{ 
 width:800px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
 background-color:#ffffff;   
} 
 
#header{
 position:relative; 
 height:83px; 
 width:100%;
  background: url("images/banner.jpg"); 
   background-repeat:no-repeat; 
} 

#navbar{
 position:relative; 
 height:20px; 
 width:100%;
  background: url("images/navbar.jpg"); 
   background-repeat:no-repeat; 
}
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:800px;
 }
 
 
  
 
#footer{
 height:28px; 
    background: url("images/footer_line.jpg"); 
   background-repeat:no-repeat; 
 clear:both;
 } 
 
   .telephone-text{
 position:relative;
 float:right;
 padding-top:30px;
font-family: Arial,sans-serif;
text-decoration:none;
font-size:12px;
color: #ffffff;
line-height:150%;
text-align:right;
padding-right:15px;
 }
 
   .nav{
 position:relative;
 float:left;
 padding-left:10px;
color:#ffffff;
 }
 
  .navtext {
font-size:12px;
font-family: Arial,sans-serif;
text-decoration:none;
color:#ffffff;
}

  .navactive {
font-size:12px;
font-family: Arial,sans-serif;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

.navtext:hover {
text-decoration:underline;

}

.maincoltext{
padding:10px;
}

.leftarea{
float:left;
position:relative;
width:496px;
margin-right:15px;
}

.photoarea{
float:left;
position:relative;
width:144px;
height:170px;
margin-left:10px;
}

.textcol{
float:left;
position:relative;
width:340px;
height:220px;
}

.rightarea{
float:right;
position:relative;
width:230px;
margin-right:10px;
}

.beautyboxareah{
float:left;
position:relative;
width:496px;
height:162px;
background: url("images/revive_location_hale.jpg"); 
background-repeat:no-repeat;
margin-top:15px;
}

.beautyboxarear{
float:left;
position:relative;
width:496px;
height:162px;
background: url("images/revive_location_rack.jpg"); 
background-repeat:no-repeat;
margin-top:15px;
}

.openingtimes{
float:left;
position:relative;
width:496px;
height:162px;
background: url("images/opening_times_box.jpg"); 
background-repeat:no-repeat;
margin-top:15px;
}

.beautyboxleft{
float:left;
position:relative;
height:162px;
padding:10px 10px 10px 8px;
width:120px;
}

.beautyboxright{
float:right;
position:relative;
height:162px;
padding:10px;
width:330px;
}


.genesis{
float:left;
position:relative;
width:496px;
height:99px;
background: url("images/genesis_box.jpg"); 
background-repeat:no-repeat;
margin-top:15px;
margin-bottom:15px;
}

.jobvacancy{
float:left;
position:relative;
width:496px;
height:135px;
background: url("images/vacancy_box.jpg"); 
background-repeat:no-repeat;
margin-top:15px;
}

.boxpadding{
padding:5px 15px 5px 15px;
}



.specialoffers{
width:230px;
 height:24px; 
    background: url("images/special-offers_titles.jpg"); 
   background-repeat:no-repeat;
   margin-bottom:10px;
}

.newsarea{
width:230px;
 height:24px; 
background: url("images/news_titles.jpg"); 
background-repeat:no-repeat;
margin-bottom:10px;
}

.loyalty{
width:230px;
 height:24px; 
background: url("images/loyalty_titles.jpg"); 
background-repeat:no-repeat;
margin-bottom:10px;
}

.subscribe{
width:230px;
 height:104px; 
background: url("images/pale_pink_info_box.jpg"); 
background-repeat:no-repeat;
margin-bottom:10px;
}

.subscribebutton{
width:71px;
height:19px;
background: url("images/send_button.jpg");
background-repeat:no-repeat;
border:0px;
}

.newsline{
width:230px;
height:3px;
background: url("images/news_divide-line.jpg");
}

.pricelist{
width:230px;
 height:24px; 
 background: url("images/prices_titles.jpg"); 
 background-repeat:no-repeat;
 margin-bottom:5px;
 margin-top:0px;
}

.revive-halebanner{
width:498px;
height:159px;
background: url("images/hale_page_banner.jpg");
}

.dermaliftbanner{
width:498px;
height:159px;
background: url("images/treatment_banner.jpg");
}



.revive-rackhamsbanner{
width:498px;
height:159px;
background: url("images/rackhams_page_banner.jpg");
}
.weddingbanner{
width:498px;
height:159px;
background: url("images/wedding_page_banner.jpg");
}

.beautybanner{
width:498px;
height:159px;
background: url("images/Beauty_page_banner.jpg");
}


.giftvouchers{
width:233px;
 height:145px; 
background: url("images/gift_tag.jpg"); 
background-repeat:no-repeat;
margin-bottom:10px;
}

.weddinghairpackages{
width:230px;
 height:140px; 
 background: url("images/wedding_mod.jpg"); 
background-repeat:no-repeat;
margin-bottom:10px;
}

.weddingtext{
padding:10px 10px 10px 6px;
width:120px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
}

.contactcod{
width:250px;
 height:94px; 
    background: url("images/arrange_visit_mod.jpg"); 
   background-repeat:no-repeat;
margin-bottom:10px;
}


.thomasthomas{
float:left;
position:relative;
width:267px;
 height:179px; 
    background: url("images/t&t_mod.jpg"); 
   background-repeat:no-repeat;
margin-right:12px;
}

.alno-kitchens{
float:left;
position:relative;
width:267px;
 height:179px; 
    background: url("images/alno_mod.jpg"); 
   background-repeat:no-repeat;
margin-right:12px;
}

.kitchen-appliances{
float:left;
position:relative;
width:267px;
 height:179px; 
    background: url("images/loxley_mods.jpg"); 
   background-repeat:no-repeat;
margin-right:0px;
}

.textarea{
margin-top:10px;
position:relative;
float:left;
width:540px;
}

.imagearea{
margin-top:10px;
position:relative;
float:left;
width:259px;
height:160px;
}

 p, li, td,a{
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
line-height:140%;
margin:5px 0px 5px 0px;
}

 h2{
font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-weight:bold;
}

 h1{
font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
color:#E2001A;
font-weight:bold;
}

.white{
color:#ffffff;
}

.pink{
color:#BD007B;
font-size:11px;
}

.small{
font-size:11px;
}

.whitenarrow{
color:#ffffff;
line-height:120%;
}


.tablespacer{
width:50px;
}

.tableheight{
height:120px;
}

.footertext{
padding-left:15px;
padding-top:10px;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #A7A8AA;
}

.modtext{
padding-left:110px;
padding-top:10px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
}

.livingmodtext{
padding-left:10px;
padding-top:165px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
}

.redmodtext{
padding-left:20px;
padding-top:100px;
padding-right:15px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#E2001A;
}

.blackmodtext{
padding-left:20px;
padding-top:100px;
padding-right:15px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}

.appliancemodtext{
padding-left:20px;
padding-top:100px;
padding-right:15px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}



.mieleappliances{
float:left;
position:relative;
width:267px;
 height:179px; 
    background: url("images/appliances/miele_mod.jpg"); 
   background-repeat:no-repeat;
margin-right:12px;
}

.neffappliances{
float:left;
position:relative;
width:267px;
 height:179px; 
    background: url("images/appliances/neff_mod.jpg"); 
   background-repeat:no-repeat;
margin-right:12px;
}

.smegappliances{
float:left;
position:relative;
width:267px;
 height:179px; 
    background: url("images/appliances/smeg_mod.jpg"); 
   background-repeat:no-repeat;

}


.latestnews{
width:250px;
 height:142px; 
    background: url("images/news_box.jpg"); 
   background-repeat:no-repeat;
 margin-bottom:10px;
}

.newstext{
padding-top:10px;
padding-left:5px;
padding-right:5px;
padding-bottom:15px;
}

.dashesndots{
text-align:right;
font-size:10px;
color:#A7A8AA;
text-decoration:none;
font-family:arial;
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


