body{font-family:Tahoma;text-align:center;background:#8E9198;margin:10px 0 10px 0!important}

div#container{width:995px;text-align:center;margin:auto}
div#leftcontainer{width:100px;float:left;background:url("../images/leftswirl.gif") #8E9198 no-repeat;height:340px;}
div#middlecontainer{width:730px;float:left;border:1px solid #7F7F7F;background:#FFF;padding:7px 19px 0 19px;text-align:left}
* html div#middlecontainer{padding-right:15px}
div#rightcontainer{width:100px;float:left;background:url("../images/rightswirl.gif") #8E9198 no-repeat;height:340px;}

img{border:0}

div#topsection{}
div#logo{width:170px;float:left;margin-top:5px}
div#topmenu{float:left;width:560px}
ul.menulist a{color:#757272;font-size:0.7em}
ul.menulist a:hover{color:#9ACD32;text-decoration:none}
body#home ul.menulist li#navhome a,
body#contact ul.menulist li#navcontact a,
body#hairsalons ul.menulist li#navsalons a,
body#stylists ul.menulist li#navstylists a,
body#hairdesign ul.menulist li#navhairdesign a,
body#pricing ul.menulist li#navpricing a,
body#products ul.menulist li#navproducts a,
body#onlineappointment #navclientlogin a,
body#beforeandafter ul.menulist li#navbeforeandafter a{color:#9ACD32}
ul.menulist li{letter-spacing:1px}
ul#topmainmenulist{float:right;margin-bottom:25px}
ul#topmainmenulist li{margin:0 0 4px 0;text-align:right}
ul#mainmenulist{float:right}
ul#mainmenulist li{float:left;display:block;padding:0 0 0 15px}

div#bannersection{width:730px;margin-top:7px;background:#b8dc6f}

div#bannerleft{background:url("../images/bannerleft.jpg") no-repeat;width:541px;float:left;min-height:207px;padding-top:5px}
* html div#bannerleft{height:207px}
#bannerleft p{color:#fff;margin:2px 0 0 4px}
#bannerleft p.new{color:#fff;margin:0px;font-size:1.2em;line-height:1em;width:90px;text-align:center;}
#bannerleft p.newsalon{color:#fff;margin:0px;font-size:0.8em;line-height:1em;width:90px;text-align:center;}
#bannerleft p.newsalona{color:#fff;margin:-2px;margin-bottom:2px;font-size:1.3em;line-height:0.8em;width:85px;text-align:center;} /*samar*/
#bannerleft p.newsalonb{color:#fff;margin:-2px 0 0 0;font-size:1.3em;line-height:0.9em;width:85px;text-align:center;} /*samar*/
#bannerleft p.newsalonc{color:#fff;margin:0px;font-size:0.9em;line-height:1em;width:85px;text-align:center;} /*samar*/
#bannerleft p.newsalond{color:#fff;margin:0px;font-size:0.6em;line-height:1.1em;width:85px;text-align:center;font-weight:bold;} /*samar*/
#bannerleft a{color:#fff;}

#bannerleft p.newsalon2{color:#fff;margin:-25px 0 0 78px;font-size:0.75em;line-height:1em;width:90px;text-align:center;}
#bannerleft p.newsalon3{color:#fff;margin:0 0 0 62px;font-size:0.75em;line-height:1em;width:90px;text-align:right;}
#bannerleft p.new2{color:#fff;margin:0 0 0 48px;font-size:1.2em;line-height:1em;width:90px;text-align:right;}

#bannerleft p.contact1{color:#fff;margin:176px 0 0 4px}
#bannerleft p.contact2{color:#fff;margin:0 0 0 4px}
#bannerleft p.contact3{color:#fff;margin:0 0 0 4px}

body.background1 div#bannerleft{background:url("../images/banners/Main_Top_1_lhs.gif") no-repeat}
body.background2 div#bannerleft{background:url("../images/banners/Main_Top_2_lhs.gif") no-repeat}
body.background3 div#bannerleft{background:url("../images/banners/Main_Top_3_lhs.gif") no-repeat}
body.background4 div#bannerleft{background:url("../images/banners/Main_Top_4_lhs.gif") no-repeat}
body.background5 div#bannerleft{background:url("../images/banners/Main_Top_5_lhs.gif") no-repeat}
body.background6 div#bannerleft{background:url("../images/banners/Main_Top_6_lhs.gif") no-repeat}
body.background7 div#bannerleft{background:url("../images/banners/Main_Top_7_lhs.gif") no-repeat}
body.background8 div#bannerleft{background:url("../images/banners/Main_Top_8_lhs.gif") no-repeat}
body.background9 div#bannerleft{background:url("../images/banners/Main_Top_9_lhs.gif") no-repeat}
body.background10 div#bannerleft{background:url("../images/banners/Main_Top_10_lhs.gif") no-repeat}
body.background11 div#bannerleft{background:url("../images/banners/Main_Top_11_lhs.gif") no-repeat}
body.background12 div#bannerleft{background:url("../images/banners/Main_Top_12_lhs.gif") no-repeat}
body.background13 div#bannerleft{background:url("../images/banners/Main_Top_13_lhs.gif") no-repeat}
body.background14 div#bannerleft{background:url("../images/banners/Main_Top_14_lhs.gif") no-repeat}
body.background15 div#bannerleft{background:url("../images/banners/Main_Top_15_lhs.gif") no-repeat}
body.background16 div#bannerleft{background:url("../images/banners/Main_Top_16_lhs.gif") no-repeat}
body.background17 div#bannerleft{background:url("../images/banners/Main_Top_17_lhs.gif") no-repeat}
body.background18 div#bannerleft{background:url("../images/banners/Main_Top_18_lhs.gif") no-repeat}
body.background19 div#bannerleft{background:url("../images/banners/Main_Top_19_lhs.gif") no-repeat}
body.coleshill1 div#bannerleft{background:url("../images/banners/Main_Top_Coleshill_1_lhs.gif") no-repeat}

div#bannerright{background:url("../images/bannerright.jpg") no-repeat;width:162px;float:left;min-height:201px;padding:11px 13px 0 14px;color:#FFF}
* html div#bannerright{height:201px}
body.background1 div#bannerright{background:url("../images/banners/Main_Top_1_rhs.gif") no-repeat}
body.background2 div#bannerright{background:url("../images/banners/Main_Top_2_rhs.gif") no-repeat}
body.background3 div#bannerright{background:url("../images/banners/Main_Top_3_rhs.gif") no-repeat}
body.background4 div#bannerright{background:url("../images/banners/Main_Top_4_rhs.gif") no-repeat}
body.background5 div#bannerright{background:url("../images/banners/Main_Top_5_rhs.gif") no-repeat}
body.background6 div#bannerright{background:url("../images/banners/Main_Top_6_rhs.gif") no-repeat}
body.background7div#bannerright{background:url("../images/banners/Main_Top_7_rhs.gif") no-repeat}
body.background8 div#bannerright{background:url("../images/banners/Main_Top_8_rhs.gif") no-repeat}
body.background9 div#bannerright{background:url("../images/banners/Main_Top_9_rhs.gif") no-repeat}
body.background10 div#bannerright{background:url("../images/banners/Main_Top_10_rhs.gif") no-repeat}
body.background11 div#bannerright{background:url("../images/banners/Main_Top_11_rhs.gif") no-repeat}
body.background12 div#bannerright{background:url("../images/banners/Main_Top_12_rhs.gif") no-repeat}
body.background13 div#bannerright{background:url("../images/banners/Main_Top_13_rhs.gif") no-repeat}
body.background14 div#bannerright{background:url("../images/banners/Main_Top_14_rhs.gif") no-repeat}
body.background15 div#bannerright{background:url("../images/banners/Main_Top_15_rhs.gif") no-repeat}
body.background16 div#bannerright{background:url("../images/banners/Main_Top_16_rhs.gif") no-repeat}
body.background17 div#bannerright{background:url("../images/banners/Main_Top_17_rhs.gif") no-repeat}
body.background18 div#bannerright{background:url("../images/banners/Main_Top_18_rhs.gif") no-repeat}
body.background19 div#bannerright{background:url("../images/banners/Main_Top_19_rhs.gif") no-repeat}
body.coleshill1 div#bannerright{background:url("../images/banners/Main_Top_Coleshill_1_rhs.gif") no-repeat}

div#bannerright p{font-size:0.9em;margin:0}

div#bannerright p.minitext{font-size:0.6em}
div#bannerright form#bookanappointmentform{margin-top:6px}
div#bannerright label{font-size:0.7em;display:block;width:40px;float:left;padding-top:4px}
label#lblwhen,
label#lblwhere{padding-top:6px!important}
div#bannerright input.textfield{font-size:0.7em;width:106px;color:#666;padding-left:3px;border:0}
div#bannerright input#btnCallMe{font-size:0.7em;width:60px;float:right;background:#8E9198;color:#FFF;margin:4px 9px 0 0}
html>body div#bannerright input#btnCallMe{margin-right:13px}
div#bannerright select{font-size:0.7em;width:110px;color:#666;margin-top:5px}
html>body div#bannerright select{width:109px}

.appointmenterror{font-size:0.7em;width:80px;float:left;color:#B8DC6F}
.mediumappointmenterror{font-size:0.7em;width:75px;float:left;color:#B8DC6F;font-weight:bold}
.smallappointmenterror{font-size:0.7em;width:45px;float:left;color:#B8DC6F;margin-top:-2px;font-weight:bold}

div#calltoactionsection{margin-top:2px;margin-bottom:6px;background: url("../images/ctabg.gif") bottom no-repeat;overflow:hidden}
body.salons div#calltoactionsection{margin-bottom:6px;margin-top:4px}
ul#calltoactionitems {}
ul#calltoactionitems h3{background:#B8DC6F;color:#FFF;font-size:0.7em;padding:6px 0;text-align:center;margin:0}
ul#calltoactionitems h2{background:#B8DC6F;color:#FFF;font-size:0.7em;padding:6px 0;text-align:center;margin:0;font-weight:bold}
ul#calltoactionitems h3#rssheading{padding:0}
ul#calltoactionitems h3#rssheading a{width:122px; display:block;background:url("../images/rss.gif") 10px 4px #B8DC6F no-repeat;padding:6px 0 6px 17px; color:#fff}
ul#calltoactionitems h4{background:#D7EBAD;font-size:0.7em;text-align:right;padding:23px 11px 6px 0;font-weight:normal;margin:0!important}
ul#calltoactionitems h4 a{color:#000}
ul#calltoactionitems .outofhourslink{background:#D7EBAD;font-size:0.7em;text-align:right;padding:23px 11px 6px 0;font-weight:normal;margin:0!important}
ul#calltoactionitems .outofhourslink a{color:#000}
ul#calltoactionitems li{display:block;float:left;width:143px;margin-right:3px;text-align:center;background:#fff}
ul#calltoactionitems li.formitem{width:144px}
ul#calltoactionitems li#firstformitem{width:145px}
ul#calltoactionitems li.lastformitem{width:143px;margin-right:0}
ul#calltoactionitems li.lastformitem form{padding-top:6px}
ul#calltoactionitems li.lastformitem fieldset{margin-bottom:0px!important}
ul#calltoactionitems li.lastformitem label{margin-left:2px}
ul#calltoactionitems li.lastformitem input.textfield{width:91px}
html>body ul#calltoactionitems li.lastformitem input.textfield{width:94px}
div.calltoactionarea{min-height:144px;margin:3px 0 3px 0}
* html div.calltoactionarea{height:144px}

form.calltoactionform{padding:0 3px}
form.calltoactionform label{font-size:0.7em;color:#333;display:block;float:left;width:34px;padding-top:4px}
html>body form.calltoactionform label{width:36px}
form.calltoactionform label.longlabel{width:138px}
form.calltoactionform input.textfield{font-size:0.7em;width:95px;color:#666;border:1px solid #8E9198}
form.calltoactionform input.photofield{font-size:0.7em;width:95px;color:#666;border:1px solid #8E9198;}
html>body form.calltoactionform input.textfield{width:96px}
form.calltoactionform input#btnSendRequest{font-size:0.7em;float:right;background:#8E9198;color:#FFF;margin:3px 2px 0 0;width:86px}
form.calltoactionform input#btnSignUp{font-size:0.7em;float:right;background:#8E9198;color:#FFF;margin:6px 2px 0 0;width:60px}
form.calltoactionform input#btnSignUp2{font-size:0.7em;float:right;background:#8E9198;color:#FFF;margin:6px 2px 0 0;width:60px}
form.calltoactionform input#btnAskUs{font-size:0.7em;float:right;background:#8E9198;color:#FFF;margin:8px 2px -2px 0;width:55px}
* html form.calltoactionform input#btnAskUs{margin:6px 2px 0px 0!important} /* margin-top:8px */
html>body form.calltoactionform input#btnSendRequest,
html>body form.calltoactionform input#btnSignUp,
html>body form.calltoactionform input#btnSignUp2,
html>body form.calltoactionform input#btnAskUs{margin-right:4px}
form.calltoactionform fieldset{margin:0 0 1px 0!important}

form#outofhoursform{}

form#smssignupform{text-align:left}
form#smssignupform p{margin-bottom:7px}

form#askaquestionform{}

.backtomoretips a{float:right;display:block;font-size:0.8em;color:#B8DC6F!important}

div.rsscalltoactionarea{min-height:144px;background:#F5FAEA;margin:3px 0 3px 0}
ul.styliststoptips{overflow:hidden}
ul.styliststoptips li{text-align:left!important;color:#31322F!important;width:117px!important;padding:0 10px 0px 10px;margin:7px 0 2px 0}
html>body ul.styliststoptips li{margin-bottom:9px}
ul.styliststoptips h3{margin:0!important;background:0!important;color:#000!important;text-align:left!important;color:#31322F!important;padding:0!important}
ul.styliststoptips a{text-align:right!important;float:right;background:url("../images/arrow.gif") no-repeat;font-size:0.6em;color:#31322F;background-position:right;padding-right:12px}
* html .styliststoptips a {margin-top:-2px;} /* IE6 fix */
ul.styliststoptips p{margin-bottom:7px;font-size:0.6em}

div#maincontentsection{margin-top:3px}
.fullpagewidth{width:100%!important}
body.salons div#maincontentsection{margin-top:2px}
body.salons div#maincontentsection p{padding-right:20px}
div#maincontentarea{width:730px;float:left;padding:0}
body#home div#maincontentarea{width:420px;margin-bottom:-4px}
div#maincontentarea h3{font-size:0.75em;font-weight:normal;margin:0}
/* div#maincontentarea h3{font-size:0.75em;font-weight:normal;margin:0;float:left;display:inline} */
body#hairdesign div#maincontentarea{width:100%;float:left;margin-right:0px}
body#faq div#maincontentarea{width:100%;float:left;margin-right:0px}
#maincontentarea h4{font-size:0.8em;font-weight:normal;margin:0 0 11px 0;padding:0}
#stylists h4{margin:0;padding:0;font-size:0.8em}
#stylists h4 a{color:#B8DC6F}
#stylists .oldh4{margin:0;padding:0;font-size:0.8em}
#stylists .oldh4 a{color:#B8DC6F}
#maincontentarea a{color:#000;text-decoration:underline}
#maincontentarea a:hover{text-decoration:none}
body#accessibility #maincontentarea h3{margin:0 0 11px 0;padding:0}

div#images{width:289px;float:right;margin-bottom:2px;margin-top:4px;margin-left:10px}

/*Cathy 11.08.09 body#hairsalons div#images,*/

body#stylists div#images{float:right;margin-bottom:2px;margin-top:4px;margin-left:10px} /*samar*/
body#home div#images{margin-bottom:0;margin-top:0}
.oneimage{width:143px;float:right;margin-top:4px;margin-left:10px}
div#image1{margin-right:3px}
body.salons div#image1{margin-right:3px}
.image1{margin-right:3px}
body.salons .image1{margin-right:3px}
.link{width:143px; height:201px}
.link a{color:#000}
.link p{font-size:0.8em;padding:135px 14px 0 12px}
div#link1{background:url("../images/stylist1.jpg") no-repeat}
div#link2{background:url("../images/stylist2.jpg") no-repeat}
div#link3{background:url("../images/Template_2b_lhs.gif") no-repeat}
div#link4{background:url("../images/Template_2b_rhs.gif") no-repeat}
div#link5{background:url("../images/Template_6_rhs.gif") no-repeat}
div#link6{background:url("../images/Template_2c_rhs.gif") no-repeat}
div#link7{background:url("../images/Salons_centre_section_lhs.gif") no-repeat}
div#link8{background:url("../images/Salons_centre_section_rhs.gif") no-repeat}
div#link9{background:url("../images/Centre_sections_salon_reservation_lhs.gif") no-repeat}
div#link10{background:url("../images/Centre_sections_salon_reservation_rhs.gif") no-repeat}
div#link11{background:url("../images/salon3.jpg") no-repeat} /* Kenilworth salon added to dso: "hair salons" here + in "salonlinks" include */ /*samar*/
div#link12{background:url("../images/stylist3.jpg") no-repeat} /* Kenilworth stylists added to dso: "hair salons" here + in "stylistlinks" include */ /*samar*/

div.homepageimages{float:left}

#contactsection{width:436px;float:right;margin-top:4px}
.contactform{width:270px;float:left;padding:8px 0 5px 20px}
.contactform .textfield{width:220px!important}
.contactform h3{padding-bottom:8px}
.contactform #txtBestTime{width:256px!important;height:110px}
.contactform #txtBestTimeHours{width:256px!important;height:110px}
.contactform #txtBestTimeEnq{width:256px!important;height:110px}
.contactform #photoupload{width:256px!important;font-size:0.8em}
.contactform #btnSendEnquiry{margin-top:10px}
#btnSendEnquiry{font-size:0.7em;float:right;background:#8E9198;color:#FFF;margin:3px 2px 0 0;width:85px}
.rhsads{width:143px;float:left;margin-left:3px}
.rhsads li{height:101px;margin-bottom:3px}
.rhsads li.lastcalltolink{margin-bottom:0}
.rhsads li p{padding:35px 13px 0 13px;font-size:0.8em}
.rhsads li a{color:#000}
.rhsads #navcalltoclientlogin{background:url("../images/client_login_ad.gif") no-repeat}
.rhsads #navcalltooutofhours{background:url("../images/out_of_hours_ad.gif") no-repeat}
.rhsads #navcalltosmssignup{background:url("../images/sms_signup_ad.gif") no-repeat}
.rhsads #navcalltocontact{background:url("../images/contact_ad.gif") no-repeat}

.offersfieldset input{width:15px;float:left}
.offersfieldset label{width:230px!important;float:left!important;margin-left:5px}

h1,
h2{font-size:0.8em;font-weight:normal;margin:11px 0 11px 0;padding:0}
p{font-size:0.7em;margin:0 0 12px 0;padding:0}
a{text-decoration:none}
a:hover{text-decoration:underline}
ul{list-style:none;margin:0;padding:0}
form{margin:0 0 0 0;padding:0;text-align:left}
fieldset{border:0;margin:0 0 6px 0;padding:0}
fieldset.buttonfieldset{margin:0!important;padding:0!important}
textarea{font-family:tahoma;font-size:0.7em;overflow:hidden;width:131px;color:#666;border:1px solid #8E9198;height:27px;padding-left:2px}
textarea#txtQuestion{height:32px;margin-left:4px;width:127px}

.smallheader{background:#B8DC6F;padding-left:3px;min-height:17px;padding-top:5px}
.smallheader h2{font-size:0.8em;font-weight:normal;margin:0;padding:3px 0}
.smallheader a{color:#fff;text-decoration:none}
.smallheader a:hover{text-decoration:underline}
.smallheader p{color:#fff;margin:0}
* html .smallheader{height:17px}

.testimonials strong{font-weight:normal;font-size:1.1em}
.faqarea strong{font-size:1em;color:#9ACD32}
.faqarea ul{font-size:0.7em;margin:5px 0 10px 0;padding:0}
.accesskeylist li{line-height:1.3em}
.faqleftcolumn{width:355px;float:left;margin-right:20px}
.faqrightcolumn{width:355px;float:left}
body#accessibility .faqrightcolumn{padding-top:12px}

ul.productlist{margin-top:-6px;margin-bottom:0px; width:410px}
ul.productlist li{width:65px;margin-right:5px;margin-bottom:2px;float:left}
ul.productlist li p{margin:0;display:inline}
.productinformation{margin-top:17px}
.productinformation img{float:left;margin:0 30px 10px 30px}
.returnlink{float:right}
.returnlink a{color:#9ACD32!important}

.beforenadafterlist{}
.beforenadafterlist li{width:277px;float:left;margin-bottom:5px;padding-right:10px}
.beforenadafterlist li img{float:left;margin-right:15px}
.beforenadafterlist li p{margin:0}
.beforenadafterlist li a{color:#9ACD32}

.backpagelink{color:#B8DC6F!important;float:right}

div#footer{width:790px;text-align:center;margin:auto;font-family:tahoma}
div#bottomnav{width:550px;float:left;float:right}
div#bottomnav ul{margin:2px 15px 0 0;padding:0;list-style:none;float:right}
html>body div#bottomnav ul{margin-right:30px}
div#bottomnav ul li{float:left;color:#FFF;font-size:0.7em}
div#bottomnav ul li a{padding:0 8px 0 25px;color:#fff;text-decoration:none;letter-spacing:1px}
div#bottomnav ul li#navsitemap a{padding-right:0}
div#bottomnav ul li a:hover{text-decoration:underline}

#hairdesignpages{float:right;width:292px;margin-left:20px}
#hairdesignpages ul{list-style:none;margin:4px 0 0 0;padding:0}
* html #hairdesignpages ul{margin:4px 0 0 -3px}
#hairdesignpages ul li{width:143px;float:left;margin-left:3px} 
#hairdesignpages ul li p{margin:0;display:inline}
#hairdesignpages a{margin:13px 0 0 -130px;position:absolute;color:#000;font-size:0.8em}

.priceguideheading{margin-bottom:5px;width:721px;background:#B8DC6F;padding:4px 0px 4px 9px}
.priceguide{width:100%;padding-left:9px}
.priceguideheading p,
.priceguide p{margin:0}
p.serviceitem{display:block;width:125px;float:left;text-align:left}
p.priceitem{display:block;width:85px;float:left;text-align:center}

ol li{font-size:0.7em;margin-bottom:4px}
ol li a{color:#000}
ol li li{font-size:1em;margin-bottom:2px}

body#home div#createdby{display:block}
div#createdby{width:200px;text-align:left;margin:auto;float:left;display:none}
div#createdby p{color:#D2D3D6;font-size:0.6em;text-align:left;padding-top:2px;margin:0}
div#createdby a{color:#D2D3D6;text-decoration:none}
div#createdby a:hover{text-decoration:underline}
div.clearer{clear:both}

/* images - images come in three types, float left, float right and centered */
img.left					{ float: left; margin: 0 10px 10px 0; }
body.staffsection img.left{float: left; margin: 0 8px 0px 0; padding-top:2px}
body.staffsection div#maincontent h3{margin-bottom:-10px!important;padding-bottom:0!important}
img.right					{ float: right; margin: 0 0 10px 10px; }

/*Safari fixes  */
@media screen and (-webkit-min-device-pixel-ratio:0){
#hairdesignpages a {position:inherit;margin:-50px -30px 0 0;}
.smallheader strong{font-weight:normal!important}
div#bannerright p{font-size:0.8em;margin:0}
}

/* Site Map */
#sitemap #maincontentsection ol  {list-style:none}
#sitemap #maincontentsection ol ol {list-style-type:decimal;}
#sitemap .sitemapcontent {width:243px; float:left}
.sitemapmiddle, .sitemapright {padding-top:45px!important;} /* !important value only required for IE */
html>/**/body .sitemapmiddle, html>/**/body .sitemapright {padding-top:20px;}
#sitemap ol li{line-height:1.1em}
.nomargin{display:none}
.toprightfieldset{margin:0 0 3px 0!important}