/*
MedSpa
*/

@import url(navi.css);
@import url(forms.css);
@import url(tables.css);


body{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background: url(/images/bodyBck3.png);
        background-repeat: repeat; 
      
	}

img{border:0; display:block; padding:0; margin:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}
a{outline:none; text-decoration:none;}

.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #DFDFDF; padding:5px; color:#666666; background-color:#FFFFFF;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}

/* ----------------------------------------------Wrapper-------------------------------------*/

#bigWrap {
background: url(/images/shadowSide.png) repeat-y center;
}


div.wrapper{
	position:relative;
	margin:0 auto;
	width:975px;
	text-align:left;    
	}

div.wrap {
	position:relative;
	margin:0 auto;
	width:100%;
	text-align:left;
}
	
.footWrap {
   margin:0 auto;
   width: 975px; 
    border: none;        
}


#terms {
width: 995px;
height: 22px;
margin-bottom: 20px;
background:url(/images/shadowBottom.png);
background-repeat: no-repeat;
margin: 0 auto;
}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 20px 0;
	padding:0 0 8px 0;
	font-size:20px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dotted #DDDDDD;
	}

div.wrap h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 20px 0;
	padding:0 0 8px 0;
	font-size:20px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dotted #DDDDDD;
	}

#pageWrap {
width: 100%;
background: #97ADC4;



}
.col1{width:100%; color:#666666; 

}
.col2{color:#FFFFFF; background-color:#6F8FAE;}
.col3, .col4, .col5{color:#666666; background-color:#fff;}
.col6{color:#999999; background-color:#F3F3F3;}
.col6 a{color:#EC1581; background-color:#F3F3F3;}
.col7, .col7 a{color:#FFFFFF; background-color:#907051;}

/* ----------------------------------------------Generalise-------------------------------------*/

#topbar, #intro, #services, #breadcrumb, #container, #footer, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:945px;
	}


#announce {
position: relative;
float: right;
background: url(/images/top-1.png);
background-repeat: no-repeat;
height: 145px;
width: 160px;

}


/* ----------------------------------------------Header-------------------------------------*/


.faceBook {
margin-top: 5px;
float: right;
width: 150px;
height:36px;
background-repeat: no-repeat;
background-position:0% 0%;
}



#promo {
float: right;
width: 190px;
color: #fff;
border: 1px dotted #000;
margin-right: 80%;
padding: 10px 10px;
background: #6c4c49;
font-size: 0.8em;
margin-top: -5px;

}

#header {
   padding-top: 0px;
   padding-bottom: 5px;
   font-family: Tahoma, fantasy, Arial;
   width: 975px;
   margin: 0 auto; 
   background: #5e3b1a;
   border-bottom: 1px solid #6c5a49;
}




#header h1 {
color: #AE8F6F;
font-family: Georgia;
font-size:2.0em;
border:none;
float: right;
width: 660px;
padding-top:48px;
margin-top: 6px;
height: 16px;
}


#address  {
color: #C8B997;
clear: right;
}


.slogan p {
color: #AE8F6F;
font-family: Georgia;
font-size:2.0em;
border:none;
padding-top: 30px;
height: 20px;
width:660px;
float: right;
}

	
/*----- use to place background image in header
   background:url(/images/top-2.png)
   background-repeat: no-repeat;
   background-position: 37% 100%;
------*/

#logo{
	     display:block;
	     float:left;
	     width:255px;
        height: 163px;
        background: #5E3B1A url(/images/logo.png);
        background-repeat: no-repeat;
        margin-left: 10px;
        margin-top: 5px;
        padding-right: 20px;
	}

#header #logo p{
	margin:0;
	padding:0;
	line-height:normal;
	}

#header #logo p{
	margin: 160px 0px 0px 30px;
	padding:0;
	font-size:1.2em;
	border:none;
        color: #DAC6C6;
        font-type: Comic Sans 
       
	}

#header p a{
	color:#fff;
	background-color:#E3F1F9;
	}

 #newsletter{
	float:right;
	padding:15px 10px 20px 10px;
	color:#dbdbdb;
	background-color:#6c5a49;
        margin-top: 10px;
        margin-right: 10px;
        min-width: 300px;

       
   
	}

#header #newsletter p{
	margin:0 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.5em;
        text-align:center;
	}




#navlist{
margin-left: -30px;
padding-right: 30px;
height: 150px;
list-style: none;
float: left;
}

#navlist li a{
padding-left: 20px;
background-image: url(/images/bullet-2.png);
background-repeat: no-repeat;
background-position: 0px 2px;
font-size : 1.5em;
color: #C4AD97;
font-family: Tahoma, Comic Sans MS;
letter-spacing: 3px;
line-height: 1.5;
}

#navlist li a:hover{
padding-left: 20px;
background-image: url(/images/bullet-3.png);
background-repeat: no-repeat;
background-position: -1px 2px;
font-size : 1.5em;
color: #C4AD97;
font-family: Tahoma, Comic Sans MS;
letter-spacing: 3px;
line-height: 1.5;
}






/* ----------------------------------------------Topbar-------------------------------------*/

#topbar #search{
	display:block;
	float:right;
	width:235px;
	margin:10px 0 0 0;
	padding:0;
	}

/* ----------------------------------------------Homepage Intro-------------------------------------*/

#intro{
	padding:20px 0 5px 0;
	font-size:1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#intro .fl_left{
	display:block;
	float:left;
	width:520px;
	height:240px;
	margin:0;
	padding:10px 20px 50px 20px;
	color:#fff;
	background-color:#6a688b;
        background-image:url(/images/door-10.jpg);
        background-position: right;
        background-repeat: no-repeat;

	}

#intro .fl_left h2{
	font-size:2.6em;
	margin:0 0 0px 0;
	padding-top: 0px;
	border:none;
	color:#FFFFFF;
	}

#intro .fl_left p{
	margin:0;
	padding-top: 0px;
	line-height:1.2em;
        width: 300px;
	}

#intro .fl_left p.readmore{
	display:block;
	width:100%;
	margin:20px 0 0 0;
	padding:0;
	text-align:right;
	line-height:normal;
	}

#intro .fl_left p.readmore a{
	padding:8px 15px;
	font-size:18px;
	color:#FFFFFF;
	background-color:#705190;
	}

#intro .fl_right{float:right;}

/* ----------------------------------------------Services-------------------------------------*/

#services ul, #services p, #services h2, #services img{
	margin:0;
	padding:0;
	list-style:none;
	}

#services li{
	display:block;
	float:left;
	width:289px;
	height:180px;
	margin:0 9px 0 0;
	padding:10px;
	color:#666666;
	background-color:#EFEFEF;
	}

#services li:hover, #services li:hover h2{
	color:#666666;
	background-color:#FCF0FF;
	}

#services li.last{
	margin-right:0;
	}

#services .fl_right{
	display:block;
	float:right;
	width:185px;
	padding:10px 0 0 0;
	}

#services h2{
	margin:0 0 5px 0;
	padding:0 0 3px 0;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	background-color:#EFEFEF;
	border-bottom-color:#666666;
	}

#services p{
	margin:0;
	padding:0;
	line-height:1.6em;
	}

#services p.readmore{
	display:block;
	width:100%;
	margin:15px 0 0 0;
	padding:0;
	text-align:right;
	line-height:normal;
	}

#services p.readmore a{
	padding:8px 15px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#666666;
	}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{
	padding:10px 0;
	border-bottom:1px solid #CCCCCC;
	}

#breadcrumb a{
	color:#EC1581;
	background-color:#FFFFFF;
	}

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

#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:none;}

/* ----------------------------------------------Content-------------------------------------*/

#container{
	padding: 20px 0;
	line-height:1.4em;
	}

#container a{
	color:#EC1581;
	background-color:#FFFFFF;
	}
#container a:hover{
	color:#515090;
	background-color:#FFFFFF;
	}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{
	padding-bottom:8px;
	border-bottom:1px dotted #CCCCCC;
	}

#content{
	display:block;
	float:left;
	width:600px;
	}
	
	
#content h1 {
color: #905372;
font-family: helvetica, arial;
font-size: 1.8em;
font-weight: bold;
line-height: 1.2em;
border: none;
}	

#content h2, h3 {
	margin:0 0 20px 0;
	padding:0 0 8px 0;
	font-size:20px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dotted #DDDDDD;
	}
	
	

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#FFFFFF;}
#comments .commentlist li.comment_odd a{color:#3E7060; background-color:#FFFFFF;}

#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#3E7060; background-color:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/


.flickrbox ul{
	margin:0;
	padding:0;
	list-style:none;
	}
	
.flickrbox li{
	display:block;
	float:left;
	width:80px;
	height:80px;
	margin:0 15px 15px 0;
	padding:4px;
	color:#666666;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	}

.flickrbox li.last{margin-right:0;}

#column{
	display:block;
	float:right;
	width:300px;
	}

#column .holder, #column #featured{
	display:block;
	width:300px;
	margin-bottom:20px;
	}

#column .holder h2.title{
	display:block;
	width:100%;
	height:45px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	}

#column .holder p img{
	float:left;
	margin:0px 8px 0px 0px;
	padding:5px;
	}

#column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	color:#666666;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	}


#column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}
	
/* Featured Block */

#column #featured a{
	color:#666666;
	background-color:#F9F9F9;
	}

#column #featured ul, #column #featured h2, #column #featured p{
	margin:0;
	padding:0;
	list-style:none;
	}

#column #featured a{
	color:#000;
	background-color:#F9F9F9;
	}

#column #featured li{
	display:block;
	width:250px;
	margin:0;
	padding:20px 25px;
        color:#fff1d7;
	background-color:#8B93B0;
	}

#column #featured li p.imgholder{
	display:block;
	width:240px;
	height:90px;
	margin:20px 0 15px 0;
	padding:4px;
	border:1px solid #CCCCCC;
	}

#column #featured li h2{
	margin:0;
	padding:0 0 5px 0;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
	border-bottom:none;
        color: #fff1b7;
	}

#column #featured p.readmore{
	display:block;
	width:100%;
	margin-top:15px;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

#column #latestnews{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}

#column #latestnews li{
	display:block;
	margin:0 0 20px 0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #DDDDDD;
	}

#column #latestnews li.last{
	margin-bottom:0;
	}

#column #latestnews p{
	margin:0;
	padding:0;
	line-height:normal;
	}

#column #latestnews .imgl{
	margin:0 10px 10px 0;
	padding:4px;
	}
	
	
/* ------ Styles Map Page -------- */	
	
.map {
padding: 15px 0px 5px 15px;
background: #909051;
border: 1px solid #000;
margin-bottom: 20px;
}	

/* ---- Styles Contact Form -----*/



#contactUs {
margin: 0 auto;
width: 550px;
background: #A0B5CA;
padding: 20px 23px;
border: 1px solid #888;
}	



/*------------------Quick Links------------------------*/

#quickLinks {
display: block;
background: #acc2d7;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 5px;
border:none;

}

#quickLinks h2 {
display: block;
background: #acc2d7;
color:#fff;
font-family: Tahoma, Arial;
font-size: 17px;
font-weight: bold;
margin:0 auto;
text-align:center;
padding-top: 5px;
border:none;


}
 .quickLinks a{
display: block;
background: #fff;
color:#EC1581;
font-size: 12px;
font-family: Helvetica, Arial;
font-weight: normal;
text-align: left;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
}
	

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

#footer{
	padding:30px 0;
	}

#footer h2{
	margin-bottom:10px;
	border-bottom:1px dotted #999999;
	}

#footer p, #footer ul, #footer a{
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
        color:#905190;
	}
#footer a:hover{
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
        color:#000;
	}

#footer .footbox{
	display:block;
	float:right;
	width:190px;
	margin:0 0 0 30px;
	padding:0;
	}

#footer li{
	margin-bottom:3px;
	line-height:1.6em;
	}

#footer .last{
	margin:0;
	}

#login{
	display:block;
	float:left;
	width:278px;
	}

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{
	padding:20px 10px 10px 10px;
	}

#copyright p{
	margin:0;
	padding:0;
	}
	
	
	/*-----------------------------Contact Form-------------------*/
	
.fieldtext {
	color: #333333;
	font-size: 1.5em;
	font-family: Georgia, Times New Roman;
        text-align: left;
}

/* 
Note:  If you need to have multiple colored texts, or different attributes within the same form,
just duplicate the above and call it "fieldtext2" or whatever.  Then you can apply that style to
additional text if you wish 
*/

/* This is the style for the main form fields */
.field1 {
	background: #EFEFEF;
	color: #666666;
	font-size: 16px;
	font-family: Georgia, Times New Roman;
	padding: 4px;
	width: 400px;
	border: 1px solid #999999;
        margin-bottom: 10px;
        margin-top: 10px;
}

/* In case you have fields that need to be a different width, colors, etc ... you can change those here.*/
.field2 {
	background: #EFEFEF;
	color: #666666;
	font-size: 16px;
	font-family: Georgia, Times New Roman;
	padding: 4px;
	width: 180px;
	border: 1px solid #999999;
}

/* If you want a border on the table that holds the form */
.formborder {
	border: 0px solid #CCCCCC;
}


/*----------------------- NEWFLASH -----------------------------*/

#news p{
position: absolute;
padding: 3px 0px;
text-align: center;
font-family: Helvetica; 
font-size: 1.2em; 
border: 1px solid #AE8F6F; 
width: 300px; 
margin-top: 10px; 
background: #fff7EF; 
margin-left: 450px;  
color: #97ADC4;
}

#news .news {
color: #EC1581;
background: none;
}

#news .news:hover {
color: #EC1581;
background: none;
text-decoration: underline;
}


/*--------------------------ShopNow-------------------------*/


.shopNow {
position: absolute;
top: 5px;
left:100px;
display: block;
margin-left: 650px;
background: url(/images/announce/store-open.jpg) no-repeat;
height: 43px;
width:395px;
}

 .shopNow:hover {
position: absolute;
top: 5px;
left:100px;
display:block;
margin-left: 650px;
background: url(/images/announce/store-open-1.jpg) no-repeat;
height: 43px;
width: 395px;
}