/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 background:#000000;
} 
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
 background: url("/images/site_background_slither.gif"); 
   background-repeat:repeat-y; 
} 
 
#header{
 position:relative;
 float:left;
 height:174px; 
 width:900px;
 background: url("/images/logo_header.jpg"); 
   background-repeat:no-repeat; 
} 

#maincolouter{
position:relative;
width:800px;
}
 
#maincol{ 
clear:all;
 float: left; 
 display:inline; 
 position: relative; 
 width:785px;
 margin-left:57px;
  }
 
#footer{
 height:91px; 
 width:810px;
 clear:both;
 background: url("/images/footer.jpg") center no-repeat #000000; 
 margin-top:0px;
 margin-left:46px;
 } 
 
 .telephone-text{
 position:relative;
 float:left;
 padding-top:145px;
font-family: Arial,sans-serif;
text-decoration:none;
font-size:14px;
color: #ffffff;
line-height:150%;
text-align:left;
padding-left:75px;
 }
 
 .leftcol{
 position:relative;
 float:left;
 width:150px;
 padding-top:15px;
 padding-left:5px;
 }
 
  .maincoltext{
 position:relative;
 float:left;
 width:625px;
 margin-left:4px;
 }
 
 .featuremods{
  position:relative;
 float:left;
 width:307px;
 height:163px;
 margin-bottom:10px;
  margin-top:5px;
 }
 
  .featuremods2{
  position:relative;
 float:right;
 width:307px;
 height:163px;
 margin-bottom:10px;
  margin-top:5px;
    background: url("/images/HP_offer.jpg"); 
   background-repeat:no-repeat;
 }
 
  .makeupquestions{
 position:relative;
 float:left;
 width:600px;
 margin-bottom:15px;
  margin-top:10px;
 }
 
   .makeupgallery{
  position:relative;
 float:left;
 width:327px;
 height:296px;
 margin-bottom:15px;
  margin-top:10px;
 }
 
   .questionstext{
   padding-top:0px;
 padding-left:0px;
 padding-right:0px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #615FA3;
line-height:130%
  }
  
  .mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
color:#615FA3;
font-size:12px;
margin-bottom:0px;
padding-bottom:0px;
margin-top:0px;
padding-top:5px;
}

.openpet{ /*class added to contents of 1st demo when they are open*/

}

.thepet{
color: #808284;
}
 
 
  .permanenttitleimage{
 width:620px;
 height:130px;
 margin-top:20px;
 
  }
  
    .beforeimage{
	position:relative;
	float:left;
 width:160px;
 height:130px;
margin-right:5px;
 
  }
  
    .spimage{
		position:relative;
	float:left;
 width:425px;
 height:130px;
 
  }
  
  .titletext{
   padding-top:55px;
 padding-left:18px;
 padding-right:10px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
line-height:16px
  }
  
  .largetitletext{
  font-weight:bold;
  font-size:20px;
  }
  
      .beautyopenday{
	  position:relative;
	  float:left;
 width:625px;
 height:247px;
   background: url("/images/open_day_1.jpg"); 
   background-repeat:no-repeat;
  }
  
  
    .makeupprocedures{
 width:620px;
 height:366px;
   background: url("/images/procedures_panel.jpg"); 
   background-repeat:no-repeat;
  }
  
 .subscribebutton{
 width:63px;
 height:22px;
   background: url("/images/send.jpg"); 
   background-repeat:no-repeat;
   border:0px;
  }
  
  .contactpanel{
   width:612px;
 height:486px;
   background: url("/images/conatct-_panel.jpg"); 
   background-repeat:no-repeat;
   border:0px;
  
  }
  
  .redtxt{
  font-size:12px;
  color:#d63835;
  font-family:Arial, Helvetica, sans-serif;
  }
  
  .protext{
  font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #615FA3;
line-height:126%
  }
  
    .procedurestext{
   padding-top:20px;
 padding-left:150px;
 padding-right:5px;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #615FA3;
line-height:126%
  }
  
  .navheight{
   width:142px;
 height:290px;
  }
  
 .feesbox{
 width:142px;
 height:196px;
 background: url("/images/fees.jpg"); 
 background-repeat:no-repeat;
  }
  
 .feestable{
padding:22px 5px 5px 5px;
 }
 
 .refreshers{
  margin-top:5px;
 width:142px;
 height:164px;
 background: url("/images/refresher_panel.jpg"); 
 background-repeat:no-repeat;
 }
 
 .refresherstext{
 padding:22px 3px 5px 5px;
 font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
color: #615FA3;
line-height:110%
 }
  
  
 
 .fade_1{
 width:625px;
 height:247px;
  background: url("/images/fade_1.jpg"); 
   background-repeat:no-repeat;
 }
 
  .fade_1a{
 width:625px;
 height:247px;
 background-repeat:no-repeat;
 }
 
 .pedicurefade{
  width:625px;
 height:247px;
  background: url("/images/pedi_fade.jpg"); 
   background-repeat:no-repeat;
  }
 
  .fade_2{
 width:625px;
 height:247px;
  background: url("/images/fade_2.jpg"); 
   background-repeat:no-repeat;
 
 }
 
   .fade_3{
 width:625px;
 height:247px;
  background: url("/images/fade_3.jpg"); 
   background-repeat:no-repeat;
 }
 
   .fade_4{
 width:625px;
 height:247px;
  background: url("/images/fade_4.jpg"); 
   background-repeat:no-repeat;
 }
 
   .fade_6{
 width:625px;
 height:247px;
  background: url("/images/minxfade.jpg"); 
   background-repeat:no-repeat;
 }
 
    .eyebrows{
 width:625px;
 height:247px;
  background: url("/images/fade_5.jpg"); 
   background-repeat:no-repeat;
 }
 
     .blink{
 width:625px;
 height:247px;
  background: url("/images/blink_fade.jpg"); 
   background-repeat:no-repeat;
 }
 
      .pedicure{
 width:625px;
 height:247px;
  background: url("/images/pedi_fade.jpg"); 
   background-repeat:no-repeat;
 }
 
 
 
 .bodytitle{
 padding-top:10px;
 padding-left:10px;
 padding-right:10px;
font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
line-height:180%
 }
 
 .bodytitlesmall{
 padding-top:10px;
 padding-left:10px;
 padding-right:10px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
line-height:150%
 }
 
 .red{
 color:#a11d20;
 }
 
 .orange{
  color:#F26522;
 }
 
 .blue{
 color:#2E3192;
 }
 
 h1{
  color:#83abcb;
  font-weight:bold;
   font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
 }
 
 h2{
  color:#83abcb;
  font-weight:bold;
   font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
 }
 
 p{
  font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
line-height:18px;
}

td{
 font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
line-height:156%;
padding:5px 5px 5px 0px;
}
 
 .whitetitle{
 color:#ffffff;
 font-size:20px;
 }
 
.footertext{
padding-left:60px;
padding-top:5px;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
}

.navtext{
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
line-height:150%;
text-decoration:none;
}

.navtext:hover {
color:#a11d20;
}

.navtext-active{
color:#a11d20;
}

.dashesndots{
text-align:center;
font-size:10px;
color:#A7A8AA;
text-decoration:none;
font-family:arial;
}

.telephonetext{
font-size: 20px;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFFF;
text-align:right;
}
     .opendayscreen{
 width:626px;
 height:247px;
   background: url("/images/launch.jpg"); 
   background-repeat:no-repeat;
   margin:20px 0 0px 0;
  }
  
       .opendayoffers{
 width:626px;
 height:763px;
   background: url("/images/openday_offers_background.jpg"); 
   background-repeat:no-repeat;
   margin:20px 0 0 0;
  }
  
  .opendaytext{
  padding-left:138px;
  padding-top:10px;
  padding-right:6px;
   font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #636466;
line-height:15px;
  }
  
    .opendaytitle{
  font-weight:bold;
    font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
color: #636466;
padding:5px 0px 5px 5px;
}

.welcomebox{
 width:624px;
 height:580px;
   background: url("/images/welcome-box.jpg"); 
   background-repeat:repeat;
   margin:0px 0 10px 0;

}

.welcometext{
 font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
padding:10px 40px 10px 20px;
}

.welcomepara{
 font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
width:590px;
}

.photoarea{

width:100px;
position:relative;
float:left;
margin-bottom:10px;
padding-top:10px;
}



.phototext{
width:510px;
position:relative;
float:left;
margin-bottom:10px;
padding-right:15px;
}

.purple{
color:#a92289;
}

.lgetext{
font-size:16px;
}


 
 /* *** 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 */