/* ---- 

########### Danne Montague-King UK CSS Document ###########

Author: tillwilly.com design studio
Created: 09 July 2008 

---- */







/* ---- Body Styles and Positions ---- */

body {
margin-top: 0px;
margin-bottom: 30px;
margin-right:0px;
margin-left:0px;
padding:0px;
width:100%;
background-color:#e5e5e5;
background-image:url(../images/body_bg.gif);
background-repeat:repeat-x;
}

#body_container{
width: 980px;
background-image:url(../images/container_bg.gif);
background-repeat:no-repeat;
background-position:top;
margin-left: auto;
margin-right: auto;
min-height:550px;
}

/* ---- Body End ---- */







/* ---- Main Structure Styles and Positions ---- */


#main_container{
width:850px;
margin-left: auto;
margin-right: auto;
}

#top{
width:825px;
}

#top1{
float:left;
display:inline;
width:300px;
}

#top2{
float:left;
display:inline;
width:525px;
text-align:right;
padding-top:26px;
}

.title{
font-family:Arial, Helvetica, sans-serif;
color:#99a82f;
font-size:11px;
line-height:16px;
}

.contact{
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:14px;
line-height:16px;
padding-top:22px;
}

.search_box{
	color: #99a82f;
	background-color: #FFFFFF;
	border: 1px solid #ababab;
	padding:6px;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	width:197px;
}

.search_button{
	color: #FFFFFF;
	background-color: #99a82f;
	border: 1px solid #ababab;
	padding:5px;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	width:52px;
}

.sign_up_box{
	color: #99a82f;
	background-color: #FFFFFF;
	border: 1px solid #ababab;
	padding:6px;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	width:335px;
}

/* ---- End Main  ---- */







/* ---- Homepage Structure Styles and Positions ---- */

#index_three_col{
width:850px;
margin-left: auto;
margin-right: auto;
height:288px;
}

#index_col_1{
display:inline;
float:left;
width:237px;
}

#index_col_2{
display:inline;
float:left;
width:375px;
}

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

#slide{
overflow: hidden; 
z-index: 2; 
left: 0px; 
visibility: visible; 
width: 375px; 
height: 288px; 
position: relative;
}

#slide ul{
margin: 0px; 
padding: 0px; 
position: relative; 
list-style-type: none; 
z-index: 1; 
width: 375px;
}

#slide li{
overflow: hidden; 
float: left; 
width: 375px; 
height: 288px;
}


#index_col_3{
display:inline;
float:left;
width:238px;
}

#index_two_col{
width:850px;
margin-left: auto;
margin-right: auto;
background-image:url(../images/text-box-images/index_bg.gif);
background-repeat:no-repeat;
background-position:top;
}

#index_two_col_footer{
background-image:url(../images/text-box-images/index_footer_bg.gif);
background-position:top;
width:850px;
margin-left: auto;
margin-right: auto;
height:30px;
background-repeat:no-repeat;

}

#index_acne{width:850px; margin-left: auto; margin-right: auto; background-image:url(../images/text-box-images/index_acne_bg.gif); background-repeat:no-repeat; background-position:top;}

#index_acne p{
padding-bottom: 0px;
margin-bottom:0px;
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:11px;
line-height:16px;
padding-left:42px;
width: 768px;
margin-top:7px;
padding-top:7px;
}

#index_acne_footer{background-image:url(../images/text-box-images/index_acne_footer.gif); width:850px; margin-left: auto; margin-right: auto; height:47px; background-repeat:no-repeat;}

#col_1{
display:inline;
float:left;
width:612px;
}


#col_1 p{
padding-bottom: 0px;
margin-bottom:0px;
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:11px;
line-height:16px;
padding-left:42px;
width: 544px;
margin-top:7px;
padding-top:7px;
}

#col_2{
display:inline;
float:left;
width:238px;
}

#col_2 p{
margin-top:7px;
padding-top:7px;
padding-bottom: 0px;
margin-bottom:0px;
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:11px;
line-height:16px;
padding-left:29px;
width: 152px
}

#col_2 a{
color:#99a82f;
}

#subscribe{
width:800px;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:11px;
line-height:16px;
height:80px;
}

#subscribe_col1{
display:inline;
float:left;
width:575px;
}

#subscribe_col2{
display:inline;
float:left;
width:225px;
text-align:right;
}

#subscribe p{
margin-top:0px;
padding-top:0px;
padding-bottom: 7px;
margin-bottom:7px;

}

/* ---- End Homepage ---- */






/* ---- Treatments Structure Styles and Positions ---- */


#treatments_two_col{
width:850px;
margin-left: auto;
margin-right: auto;
padding-top:14px;
}

#treatments_col_1{
display:inline;
float:left;
width:237px;
background-image:url(../images/text-box-images/treatments_col_1_bg.gif);
background-position:top;
background-repeat:no-repeat;
}

#treatments_col_2, #map_col_2{
display:inline;
float:left;
width:613px;
background-image:url(../images/text-box-images/treatments_col_2_bg.gif);
background-position:top;
background-repeat:no-repeat;
}

#involved_col_1{
display:inline;
float:left;
width:237px;
}

#news_col_2{
display:inline;
float:left;
width:613px;
background-image:url(../images/text-box-images/treatments_col_2_bg.gif);
background-position:top;
background-repeat:no-repeat;
}

#news_col_2 a{
color:#737373;
font-weight:bold;
}

#treatments_col_1 p{
margin-top:7px;
padding-top:7px;
padding-bottom: 0px;
margin-bottom:0px;
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:11px;
padding-left:40px;
}

#treatments_col_2 p, #news_col_2 p{
margin-top:7px;
padding-top:7px;
padding-bottom: 0px;
margin-bottom:0px;
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:11px;
padding-left:29px;
width: 544px;
}

#treatments_col_2 .resources{ width:100%; margin:0; padding:0;}
#treatments_col_2 .resources ul{margin:7px 0 0 10px; padding: 7px 0 0 0; font-family:Arial, Helvetica, sans-serif; color:#737373; font-size:11px; line-height:18px; padding-left:29px; width: 534px;}
#treatments_col_2 .resources li{ padding:0 0 5px 0;}
#treatments_col_2 .resources li a{color:#99a82f;}


#map_col_2 p{
margin-top:7px;
padding-top:7px;
padding-bottom: 0px;
margin-bottom:0px;
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:13px;
padding-left:29px;
width: 544px;

}

table{
margin-top:14px;
margin-left:29px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#737373;
background-color:#737373;
}

tr{
background-color:#FFFFFF;

}

.back_link, .back_link a{
color:#737373;
}

#treatments_col_1 ul{

list-style-type:none;
margin:0px;
padding:4px 0px 0px 0px;

}

#treatments_col_1 li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
margin:0px 0px 0px 41px;
padding:10px 0px 0px 0px;
width:168px;
}

#treatments_col_1 a#selected{
color:#99a82f;
}

#treatments_col_1 a:link, #treatments_col_1 a:active, #treatments_col_1 a:visited{
color:#737373;
text-decoration:none;
font-weight:bold;
height:20px;
display:block;
background-image:url(../images/text-box-images/list_bg.gif);
background-repeat:no-repeat;
padding:0px 0px 0px 20px;
}

#treatments_col_1 a:hover{
color:#99a82f;
text-decoration:none;
font-weight:bold;
height:20px;
display:block;
background-image:url(../images/text-box-images/list_bg_hover.gif);
background-repeat:no-repeat;
padding:0px 0px 0px 20px;
}

.treatments_col_1_footer{
background-image:url(../images/text-box-images/treatments_col_footer_1_bg.gif);
width:237px;
height:46px;
}

.treatments_col_2_footer{
background-image:url(../images/text-box-images/treatments_col_footer_2_bg.gif);
width:613px;
height:46px;
}

.concept{
padding-left:14px;

}

.concept_process a{
color:#FFFFFF;
font-weight:bold;

}

.concept_process{
width:242px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
padding-top:10px;
border: 1px solid #ababab;
background-color:#99a82f;
height:110px;
float:left;
margin-left:15px;
margin-top:15px;
}

.products{
margin-left: 29px;
}

.products ul{

list-style-type:none;
margin:0px;
padding:0px 0px 0px 0px;

}

.products li{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
list-style-type:none;
float:left;
margin:20px 20px 0px 0px;
}

.products a:link, .products a:visited, .products a:active{
color:#ffffff;
padding:10px;
width:235px;
display:block;
height:25px;
background-color:#99a82f;
border: 1px solid #ababab;
}

.products a:hover{
color:#99a82f;
padding:10px;
width:235px;
display:block;
height:25px;
background-color:#ffffff;
border: 1px solid #ababab;
}



/* ---- End Homepage ---- */





/* ---- Footer Styles and Positions ---- */

#footer_container{
width: 980px;
height:144px;
background-image:url(../images/footer_bg.gif);
background-repeat:no-repeat;
background-position:top;
margin-left: auto;
margin-right: auto;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}

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

#footer_container li{
padding: 0px;
margin: 0px;
display:inline;
}


#footer_col_1 a, #footer_col_2 a{
color:#FFFFFF;
}

#footer_col_1{
margin-left:95px;
display:inline;
float:left;
width:230px;
}

#footer_col_2{
display:inline;
float:left;
width:560px;
text-align:right;
}

.developed{
padding-top:30px;
padding-bottom:0px;
margin: 0px;
width: 890px;
text-align:right;
font-size:10px;
}

.developed a{
color:#999999;
}

/* ---- End Footer ---- */




/* ---- Gerneral Styles ---- */

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
padding: 25px 0px 13px 40px;
margin: 0px;
color:#99a82f;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
padding: 25px 0px 13px 29px;
margin: 0px;
color:#99a82f;
}

h3, h3 a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding: 0px 0px 5px 0px;
margin: 0px;
color:#ffffff;
}

h4{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding: 7px 0px 0px 29px;
margin: 7px 0px 0px 0px;
color:#154a16;
}

.product_title{
font-size:13px;
text-transform:uppercase;
}


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


/* ---- End Gerneral Styles ---- */







/* ---- Border Styles ---- */

.index_square_border{
margin-right:15px;
margin-bottom:5px;
}

.border_right{
margin-left:15px;
margin-bottom:5px;
border: 1px solid #ababab;
}

.border_news{
margin-left:15px;
margin-bottom:5px;
}

.border_left{
margin-right:15px;
margin-bottom:5px;
border: 1px solid #ababab;
}

.border_left_concept{
margin-top: 3px;
margin-right:15px;
margin-bottom:5px;
border: 1px solid #ababab;
}

.gallery_border{
border: 2px solid #ababab;
}

/* ---- End Border Styles ---- */