html,body {


margin:0;
padding:0;
color :#000;

background-color:#f5f5f5;


}

a:link { font-family: arial;
	color: #797979;
	text-decoration: none;

}
a:visited { font-family: arial;
	text-decoration: none;
	color: #797979;
}
a:hover { font-family: arial;
	text-decoration: none;
	color: #1b1b1b;
}
a:active { font-family: arial;
	text-decoration: none;
	color: #797979;
}
input {
border: solid #969696;
border-width: 2px 1px 1px 3px;
padding: 2px;
width: 240px;
font-family: verdana;
  font-weight: normal;
  color: #000;
  font-size: 12px;

}

select {
border: solid 1px #969696;
width: 250px;
font-family: verdana;
  font-weight: normal;
  color: #000;
  font-size: 12px;

}
option {
border: solid 1px #969696;
font-family: verdana;
  font-weight: normal;
  color: #000;
  font-size: 12px;
}
#navbar {
    height:50px;
    width: 239px;
margin: 0;
padding: 0;
}

#navbar li {
    list-style:none;
width: 239px;
clear: both;

}

#navbar #salons a {
    width:239px;
    background:url("/images/mnsalons.jpg") no-repeat;
    float:left;}
#navbar #salons a:hover {
    background-position:-239px 0px;}
#navbar #salons a:active {
    background-position:-239px 0px;}
#navbar #salons a#current{
    background-position:-239px 0px;}


#navbar #pricelist a {
    width:239px;
    background:url("/images/mnpricelist.jpg") no-repeat;
    float:left;}
#navbar #pricelist a:hover {
    background-position:-239px 0px;}
#navbar #pricelist a:active {
    background-position:-239px 0px;}
    #navbar #pricelist a#current{
    background-position:-239px 0px;}

#navbar #bookings a {
    width:239px;
    background:url("/images/mnbookings.jpg") no-repeat;
    float:left;}
#navbar #bookings a:hover {
    background-position:-239px 0px;}
#navbar #bookings a:active {
    background-position:-239px 0px;}
    #navbar #bookings a#current{
    background-position:-239px 0px;}
    
    
    
#navbar #gallery a {
    width:239px;
    background:url("/images/mngallery.jpg") no-repeat;
    float:left;}
#navbar #gallery a:hover {
    background-position:-239px 0px;}
#navbar #gallery a:active {
    background-position:-239px 0px;}
    #navbar #gallery a#current{
    background-position:-239px 0px;}


#navbar #hottie a {
    width:239px;
    background:url("/images/mnhootie.jpg") no-repeat;
    float:left;}
#navbar #hottie a:hover {
    background-position:-239px 0px;}
#navbar #hottie a:active {
    background-position:-239px 0px;}
    #navbar #hottie a#current{
    background-position:-239px 0px;}

#navbar #contact a {
    width:239px;
    background:url("/images/mncontact.jpg") no-repeat;
    float:left;}
#navbar #contact a:hover {
    background-position:-239px 0px;}
#navbar #contact a:active {
    background-position:-239px 0px;}
    #navbar #contact a#current{
    background-position:-239px 0px;}
    
    
    
    

#readmore a {
    background:url("/images/treadmore.jpg") no-repeat;
 }
#readmore a:hover {
    background-position:-68px 0px;}
#readmore a:active {
    background-position:-68px 0px;}
#readmore a#current{
    background-position:-68px 0px;}
    



#viewgallery a {
    background:url("/images/tviewgallery.jpg") no-repeat;
 }
#viewgallery a:hover {
    background-position:-107px 0px;}
#viewgallery a:active {
    background-position:-107px 0px;}
#viewgallery a#current{
    background-position:-107px 0px;}
    
    
#signup a {
    background:url("/images/tsignup.jpg") no-repeat;
 }
#signup a:hover {
    background-position:-48px 0px;}
#signup a:active {
    background-position:-48px 0px;}
#signup a#current{
    background-position:-48px 0px;}
    


#contactus a {
    background:url("/images/tcontactus.jpg") no-repeat;
 }
#contactus a:hover {
    background-position:-72px 0px;}
#contactus a:active {
    background-position:-72px 0px;}
#contactus a#current{
    background-position:-72px 0px;}

#sendbooking a {
    background:url("/images/btnsendbooking.jpg") no-repeat;
 }
#sendbooking a:hover {
    background-position:-76px 0px;}
#sendbooking a:active {
    background-position:-76px 0px;}
#sendbooking a#current{
    background-position:-76px 0px;}





 #coshamh a {
    background:url("/images/coshamh.jpg") no-repeat;}
 #coshamh a:hover {
    background-position:-194px 0px;}
 #coshamh a:active {
    background-position:-194px 0px;}
 #coshamh a#current{
    background-position:-194px 0px;}

 #portsmouth a {
    background:url("/images/portsmouthh.jpg") no-repeat;}
 #portsmouth a:hover {
    background-position:-194px 0px;}
 #portsmouth a:active {
    background-position:-194px 0px;}
 #portsmouth a#current{
    background-position:-194px 0px;}

 #northendh a {
    background:url("/images/northendh.jpg") no-repeat;}
 #northendh a:hover {
    background-position:-194px 0px;}
 #northendh a:active {
    background-position:-194px 0px;}
 #northendh a#current{
    background-position:-194px 0px;}
    
    
#logo {
  position: absolute;
  left: 20px;
  width: 200px;
  height: 50px;
  top: 28px;

}
#central {
  position:absolute;
  width: 886px;
  left: 50%;
  top: 0;
     margin-left: -463px; /* half of the height */
     text-align: left;
     background-image:url(/images/logo.jpg);
background-repeat:no-repeat;
background-position: left top;
background-color:#fff;
border-width: 0px 50px 0px 50px;
border-style: solid;
border-color: #fff;
}
#mytable td{
  padding-top: 5px;
  padding-bottom: 5px;
}
#mytable input, select, textarea
{
  font-size: 14px;
}
#mytable textarea {
  width: 250px;
}
.salon {
font-family: arial;
  font-weight: bold;
  color: #797979;
  font-size: 12px;
  letter-spacing: 0px;
}
.salon a:link, a:active, a:visited {
  font-family: arial;
  font-weight: bold;
  color: #000;
  font-size: 12px;
  letter-spacing: 0px;
}
.salon a:hover {
  color: #797979;
}
#menutop {
  position: relative;
  width: 886px;
  top: 0px;
  font-family: arial;
  font-weight: bold;
  color: #797979;
  font-size: 12px;
  letter-spacing: 1px;
  height: 155px;
}

#wrapper {
clear: both;
padding-top: 10px;
}

#menutop1 {
  position: absolute;
  width: 239px;
  padding-top: 0px;
  padding-right: 42px;
  left: 285px;
  top: 53px;
  float: left;
  height: 50px;

}
#menutop2 {font-family: arial;
  position: absolute;
  width: 239px;
  left: 555px;
  top: 53px;
  float: left;
    height: 50px;
 }
 
#menutop3 {font-family: arial;
  position: absolute;
  width: 33px;
  padding: 0px;
  left: 795px;
  top: 27px;
  float: left;
}

#imgheader {

position: relative;top: 0px;
display: block;
clear: both;
width: 800px;
height: auto;


}
#imgheader2 {
top: 25px;
position: relative;
display: block;
clear: both;
padding-left: 45px;
padding-right: 30px;



}
#imgheadergy {
top: 180px;
position: absolute;
display: block;
clear: both;
padding-left: 45px;
padding-right: 30px;


}
#imgheader3 {
top: 25px;
position: relative;
display: block;
clear: both;
padding-left: 45px;
padding-right: 33px;
float: right;

}
#imgheader3 img {
   padding:1px;
   border:5px solid #fff;
   background-color:#fff;
}

#headergallery {
top: 20px;
position: relative;
display: block;
clear: both;
padding-left: 40px;
padding-right: 40px;

font-family: arial;
  font-weight: bold;
  color: #545454;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 19px;
}
#headergallery img {
   border-width:7px 3px 2px 3px;
   border: solid #fff;
   background-color:#fff;
}
#headergallery span {
  padding-left: 3px;
}
#headergallery a:link {
  font-family: arial;
  font-weight: bold;
  color: #000;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 19px;
}
#headergallery a:active {
  font-family: arial;
  font-weight: bold;
  color: #000;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 19px;
}
#headergallery a:visited {
  font-family: arial;
  font-weight: bold;
  color: #545454;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 19px;
}
#headergallery a:hover {
  font-family: arial;
  font-weight: bold;
  color: #545454;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 19px;
}

#leftcolumn {
  width: 260px;
  float: left;
  padding-left: 48px;
  padding-top: 48px;
  font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 19px;

}
#rightcolumn {
  width: 577px;
  float: right;
  font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 21px;
  padding-top: 42px;
}
#rightcolumn2 {
  width: 262px;
  float: right;
  font-family: arial;
  font-weight: normal;
  color: #010101;
  font-size: 12px;
  padding-top: 30px;
}
#rightcolumn22 {
  width: 193px;
  float: right;
   font-family: verdana;
  font-weight: normal;
  color: #000;
  font-size: 12px;
  line-height: 19px;
  padding-top: 10px;
}


#rightcolumn3 {
  width: 577px;
  float: right;
  font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 21px;
  padding-top: 22px;
}
#rightcolumn4 {
  width: 395px;
  float: right;
  font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 21px;
  padding-top: 42px;
  padding-right: 43px;
}
#titleright4 {
  padding: 7px 0 7px 0;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #D4D4D4;
  width: 395px;
  font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 12px;
  letter-spacing: 1px;

}
#textright4 {
  padding: 18px 0 28px 0;
  width: 395px;
  font-family: verdana;
  font-weight: normal;
  color: #000;
  font-size: 12px;
  line-height: 19px;
}
#titleright {
  padding: 9px 0 9px 0;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #D4D4D4;
  width: 533px;
  font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 12px;
  letter-spacing: 1px;

}
.titlecompany {
font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 12px;
  letter-spacing: 1px;
}
#textright8 {
  padding: 18px 0 28px 0;
  width: 450px;
  font-family: verdana;
  font-weight: normal;
  color: #000;
  font-size: 12px;
  line-height: 19px;
}
#textright {
  padding: 18px 0 28px 0;
  width: 533px;
  font-family: verdana;
  font-weight: normal;
  color: #000;
  font-size: 12px;
  line-height: 19px;
}

    #textright label, 
    {
        display: block;
        width: 120px;
        float: left;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    #textright label
    {
        text-align: left;
        padding-right: 20px;
    }

   #textright br
    {
        clear: left;
    }

.img {
  padding: 5px;
}
.img2 {
  padding: 15px 15px 15px 0;
}

.small0 {
font-family: Verdana;
font-size: 11px;
color: #000;
padding-top: 15px;
font-weight: bold;
}
.small0 a:link{
font-family: Verdana;
font-size: 11px;
color: #000;
font-weight: bold;
}
.small0 a:active{
font-family: Verdana;
font-size: 11px;
color: #000;
font-weight: bold;
}
.small0 a:visited{
font-family: Verdana;
font-size: 11px;
color: #000;
font-weight: bold;
}
.small0 a:hover{
font-family: Verdana;
font-size: 11px;
color: #545454;
font-weight: bold;
}
.small {
font-family: Verdana;
font-size: 10px;
color: #000;
padding-top: 15px;
font-weight: bold;
text-decoration: none;
}
.small a:link{
font-family: Verdana;
font-size: 10px;
color: #000;
font-weight: bold;
}
.small a:active{
font-family: Verdana;
font-size: 10px;
color: #000;
font-weight: bold;
}
.small a:visited{
font-family: Verdana;
font-size: 10px;
color: #000;
font-weight: bold;
}
.small a:hover{
font-family: Verdana;
font-size: 10px;
color: #545454;
font-weight: bold;

}
.smallblue {
font-family: Verdana;
font-size: 9px;
color: #9e9e9e;
}

#titleright2 {
  padding: 9px 0 9px 0;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #D4D4D4;
  width: 266px;
  font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 12px;
  letter-spacing: 1px;

}
#titleright22 {
  padding: 9px 0 9px 0;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #D4D4D4;
  width: 193px;
  font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 12px;
  letter-spacing: 1px;

}

#leftcolumn2 {
  width: 262px;
  float: left;
  padding-left: 0px;
  padding-top: 30px;
  font-family: arial;
  font-weight: normal;
  color: #010101;
  font-size: 12px;
}
#leftcolumn22 {
  width: 193px;
  float: left;
  padding-left: 0px;
  padding-top: 10px;
   font-family: verdana;
  font-weight: normal;
  color: #000;
  font-size: 12px;
  line-height: 19px;
}
#leftcolumn3 {
  width: 200px;
  float: left;
  padding-left: 40px;
  padding-top: 22px;
  font-family: arial;
  font-weight: normal;
  color: #010101;
  font-size: 12px;
}
#titleright3 {
  padding: 9px 0 9px 0;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #D4D4D4;
  width: 246px;
  font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 12px;
  letter-spacing: 1px;

}
#indexintro {
  padding-left: 309px;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-right: 20px;
  font-family: arial;
  font-weight: bold;
  color: #000;
  font-size: 12px;
    letter-spacing: 1px;
  line-height: 19px;
  
}
#leftcolumn5 {
  width: 390px;
  float: left;
  padding-left: 48px;
  padding-top: 46px;


}


#leftcolumn55 {
  float: right;
  width: 194px;
  border-top: 1px solid #d4d4d4;
  font-family: arial;
  font-weight: bold;
  color: #000;
  font-size: 12px;
  padding: 0px;

}


#titleright7 {
  padding: 9px 0 9px 2px;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #D4D4D4;
  width: 800px;
  font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 12px;
  letter-spacing: 1px;
  top: 20px;
  text-align: left;

}
#tableprices {
  width: 800px;
  padding: 0px;
  margin: 0px;
}
#tableprices th {
font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 11px;
  width:68px;

padding-bottom: 10px;
padding-top: 20px;
border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #D4D4D4;
  vertical-align: top;

}
#tableprices .th2 {
font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 11px;
  width:68px;

padding-bottom: 10px;
padding-top: 40px;
border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #D4D4D4;
  vertical-align: top;

}
#tableprices td {
font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 11px;

border: 0px;
}
#tableprices.leftcolumn {
  width: 171px;
}
#tableprices.leftcolumn2 {
  width: 171px;
  padding-top: 20px;
}
#tabletreatments {
  width: 600px;
  padding: 0px;
  margin: 0px;
}
#tabletreatments th {
font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 11px;
width: 50%;
padding-bottom: 20px;
padding-top: 20px;
border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #D4D4D4;
  
}
#tabletreatments td {
font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 11px;
width: 50%;
border: 0px;
}

#footer
{
clear: both;
width: 797px;
float: right;
height:40px;
text-align: left;
vertical-align: bottom;
font-family: Verdana;
font-size: 10px;
color: #868686;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #D4D4D4;
  padding-top: 8px;
  margin-right: 40px;
}
#footer A:link{font-family: Verdana;
font-size: 10px;
  color: #848484;
  font-weight: normal;
}
#footer A:visited{font-family: Verdana;
font-size: 10px;
  color: #848484;
  font-weight: normal;
}
#footer A:active{font-family: Verdana;
font-size: 10px;
  color: #848484;
  font-weight: normal;
}

#footer A:hover {font-family: Verdana;
font-size: 10px;
  color: #000;
  text-decoration: none;
  font-weight: normal;
  
}

#footer2
{
clear: both;
width: 800px;
float: right;
height:40px;
text-align: left;
vertical-align: bottom;
font-family: Verdana;
font-size: 10px;
color: #868686;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #D4D4D4;
  padding-top: 8px;
  margin-right: 40px;
}
#footer2 A:link{font-family: Verdana;
font-size: 10px;
  color: #848484;
  font-weight: normal;
}
#footer2 A:visited{font-family: Verdana;
font-size: 10px;
  color: #848484;
  font-weight: normal;
}
#footer2 A:active{font-family: Verdana;
font-size: 10px;
  color: #848484;
  font-weight: normal;
}

#footer2 A:hover {font-family: Verdana;
font-size: 10px;
  color: #000;
  text-decoration: none;
  font-weight: normal;

}
#admmenutop3 {font-family: arial;
  position: relative;
  width: 33px;
  padding: 0px;
  left: 797px;
  top: -35px;
  float: left;
}
#admleftcolumn {
  width: 260px;
  float: left;
  padding-left: 46px;
  padding-top: 48px;
  font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 19px;

}
#admtitleright {
  padding: 7px 0 7px 0;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #D4D4D4;
  width: 200px;
  font-family: arial;
  font-weight: bold;
  color: #010101;
  font-size: 12px;
  letter-spacing: 1px;
}
#admtextleft {

  padding: 18px 0 28px 0;
  width: 200px;
  font-family: arial;
  font-weight: bold;
  color: #000;
  font-size: 12px;
  letter-spacing: 1px;
}
#admtextleft a:link{

  font-family: arial;
  font-weight: bold;
  color: #000;
  font-size: 12px;
  letter-spacing: 1px;
}
#admtextleft a:active{

  font-family: arial;
  font-weight: bold;
  color: #000;
  font-size: 12px;
  letter-spacing: 1px;
}
#admtextleft a:visited{

  font-family: arial;
  font-weight: bold;
  color: #000;
  font-size: 12px;
  letter-spacing: 1px;
}
#admtextleft a:hover{

  font-family: arial;
  font-weight: bold;
  color: #545454;
  font-size: 12px;
  letter-spacing: 1px;
}

#newscentral {
  position:absolute;
  width: 570px;
  left: 50%;
  top: 0;
     margin-left: -285px; /* half of the height */
     text-align: left;
     background-image:url(/images/logo.jpg);
background-repeat:no-repeat;
background-position: left top;
background-color:#fff;

}
#newsmenutop3 {font-family: arial;
  position: relative;
  width: 33px;
  padding: 0px;
  left: 527px;
  top: -5px;
  float: left;
}
#newstexttop{
font-family: arial;
  font-weight: normal;
  color: #B0B0B0;
  font-size: 11px;
  text-align: center;

}
#newstexttop a:link{
font-family: arial;
  font-weight: normal;
  color: #000;
  font-size: 11px;
  text-align: center;

}
#newstexttop a:active{
font-family: arial;
  font-weight: normal;
  color: #000;
  font-size: 11px;
  text-align: center;

}
#newstexttop a:visited{
font-family: arial;
  font-weight: normal;
  color: #000;
  font-size: 11px;
  text-align: center;

}
#newstexttop a:hover{
font-family: arial;
  font-weight: normal;
  color: #000;
  font-size: 11px;
  text-align: center;

}
#newsnlt {
font-family: arial;
  font-weight: normal;
  color: #000;
  font-size: 12px;
	width: 570px;
}
#newsnlt2 {
font-family: arial;
  font-weight: normal;
  color: #000;
  font-size: 12px;
  padding-left: 179px;
	width: 570px;
}
.newsimg {
  padding: 5px 15px 5px 0px;
}



#gallery {position:relative; width:798px; background: #fff; padding:0px; border:0px; margin:0px;}

#images {border:0px; height:400px; background:#f4f4f4; margin:0px; padding: 0px; border: 0px;}

#image {position:relative; width:798px; height:400px; background:#FFF url(images/loading.gif) center center no-repeat; padding:0px; border:0px; margin: 0px;}

#image img {position:absolute; top:0px; left:0px;}

#thumbwrapper { width:800px; height:50px; background:#FFF; border: 0px; padding: 10px 0 0 0; margin: 0px;}

#thumbarea {position:relative; overflow:hidden; height:50px; width:802px; }

#thumbs {position:absolute; list-style:none; height:50px; width:10000px; padding:0px; margin: 0px; border: 0px;}

#thumbs li {float:left; margin-right:10px; cursor:pointer;}