/*------------------------------------------------------------------------------*/
/*	--> FACE THE FUTURE WEBSITE V 2.0 2008 CSS DOCUMENT 	*/
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/*	--> WEBSITE BODY					*/
/*------------------------------------------------------------------------------*/
body {
margin: 0px;
padding:0px;
width:100%;
background-color:#b2cfe9;
background-image:url(../img/bg.gif);
background-position:top;
background-repeat:repeat-x;
}


/*------------------------------------------------------------------------------*/
/*	--> TOP DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/


#top_body{
margin: 0px;
padding:0px;
width:100%;
}

#top_container{
width: 710px;
	margin-left: auto;
	margin-right: auto;
}

#top_col_1{
width:288px;
float:left;
display:inline;
}

#top_col_2{
width:422px;
float:left;
display:inline;

}

#top_image{
width: 710px;
}


/*------------------------------------------------------------------------------*/
/*	--> MIDDLE DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#middle_body{
margin: 0px;
padding:0px;
width:100%;
}

.acne{
margin-left:50px;
margin-bottom:20px;
}

#middle_main{
width: 710px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../img/middle_bg.gif);
	background-repeat:repeat-y;
	padding-top:16px;
	padding-bottom:25px;
}


#content_main{
	margin-left: auto;
	margin-right: auto;
width:700px;
}

#middle_col_1{
width:425px;
float:left;
display:inline;
margin-left:25px;
}

#middle_col_2{
width:194px;
float:left;
display:inline;
margin-left:31px;
}

#middle_col_2 ul{
margin:10px 0 0 0;
padding:0px;
}

#middle_col_2 li{
list-style:none;
width:194px;


}

#middle_col_2 li a{
background-color:#797a7a;
width:174px;
display:block;
padding:10px;
border-bottom:1px #ffffff solid;
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#middle_col_2 li a:hover{
background-color:#90b4d4;
}

#middle_col_1 p, #middle_col_2 p, #middle_col_1 a, #middle_col_2 a, #before_after p{
font-family: Arial, Helvetica, sans-serif;
color:#414141;
font-size:11px;
line-height:16px;
}

#middle_col_1 .border_dmk{ border:1px solid #B2CFE9; margin-right:10px; margin-bottom:5px; float:left;}

h2.open{
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
margin:0px;
font-weight:normal;
color:#7c7c7c;
padding-left:0px;
padding-top:10px;
padding-bottom:10px;
padding-right:0px;
border-bottom: 1px solid #7c7c7c;
}

.open_times {margin:10px 0 7px 0; font-family: Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; font-size:14px; }

/*
#middle_col_1 ul
{

padding: 0px;
margin: 0px;
}*/

#middle_col_1 li
{
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
color:#737373;
font-size:11px;
line-height:16px;
}

#before_after{
width:650px;
float:left;
display:inline;
margin-left:25px;
}

.reachus{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
line-height:14px;
}

.reachus a{
color:#333333;
text-decoration:underline;
}


h1{
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
margin:0px;
font-weight:normal;
color:#7c7c7c;
padding-left:0px;
padding-bottom:10px;
padding-right:0px;
border-bottom: 1px solid #7c7c7c;
}

h2{
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
margin:0px;
font-weight:normal;
color:#7c7c7c;
padding-left:0px;
padding-left:0px;
padding-bottom:10px;
padding-right:0px;
border-bottom: 1px solid #7c7c7c;
}



.line_bg{
height: 40px;
width: 700px;
margin-left: auto;
margin-right: auto;
}






/*Enquiry Form*/
#middle_col_1 .form table{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:18px; margin: 0px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px dotted #7f7f7f; border-top: 1px dotted #707070;}

#middle_col_1 .form tr{height: 30px;}
#middle_col_1 .form tr.bg{background-color:#f0f0f0;}
#middle_col_1 .form td strong{color:#FBAD0E;}

#middle_col_1 .enq_form{background-color:#ffffff; border: #cccccc 1px solid; font-family:Arial, Helvetica; font-size:13px; color:#5e5e5e; padding:3px; width:250px;}
#middle_col_1 .drop_form{background-color:#ffffff; border: #cccccc 1px solid; font-family:Arial, Helvetica; font-size:13px; color:#5e5e5e; padding:3px; width:258px;}
#middle_col_1 .enq_form_button{height:40px; width:115px; background:url(../img/send_button.gif); no-repeat; border:0; cursor:pointer; margin:0; padding:0;}





.title{
width:400px;
border-bottom: 1px solid #ffffff;
padding-bottom:5px;
}


/*------------------------------------------------------------------------------*/
/*	--> FOOTER DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#footer_body{
width:100%;
}

#footer_container{
width:710px;
margin-left: auto;
margin-right: auto;
padding-top:60px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
height:110px;
background-image:url(../img/footer_bg.gif);
background-repeat:no-repeat;
text-align:left;
}

#footer_container ul{
padding:0px;
margin:0px;
}

#footer_container li{
display:inline;
list-style:none;
}

#footer_container p{
margin:0px;
padding:0px 5px 0px 0px;

}

#footer_container a{
color:#000000;
text-decoration:none;
}

#footer_container a:hover{
color:#000000;
text-decoration:underline;
}

.aff_border{
border: 1px solid #ffffff;
margin-right:2px;
margin-top:2px;
}

/*------------------------------------------------------------------------------*/
/*	--> MISC VALUES, DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

p{
padding-bottom: 0px;
margin-bottom:0px;
}

.clearcols
{
clear:both;
height:1px;
}

#no_display
{
display:none;
}


.right_border{
border: 2px #B2CFE9 solid;
margin-left:10px;
margin-bottom:10px;
}

.left_border{
border: 2px #B2CFE9 solid;
margin-right:10px;
margin-bottom:10px;
}

.border1{
border: #737373 1px solid;
padding:10px;
}


#acnelist{ 
margin: 0px; 
padding: 0px;
}

    #acnelist  ul {
      margin:0px;
      padding:0px;
      list-style:none;
      }

#acnelist li
{
float: left;
width: 200px;
list-style-type: none;
margin-right:14px;
margin-bottom:12px;
}

.acne_padder{
border: #737373 1px solid;
}