/*  ------------------------
   |   purple =  #542684    |
   |   grey   =  #DCDEDF    |
    ------------------------   */

body {
	margin: 0;
	padding: 0;
	font-family:  arial, verdana, helvetica, sans-serif;
	font-size: 87%;
	color: #333;
	background-color: #FFF;
	} 

#wrapper {
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	text-align: left;
	}

.sleeve {
	width: 780px;
	margin: 0px auto;
	}

#wrapper img#logo {
	text-align: center;
	margin: 10px 0 10px 80px;
	}

 #email {
 	padding-left: 30px;
 	}
 
 #page-title {
	padding-left: 60px;
	padding-right: 30px;
	}
	
h4 {
	color: #bbb;
	width: 100%;
	text-align: center;
	font-size: 3em;
	margin: 0;
	padding: 10px 0;
	font-weight: normal;
	}
	
h1, h2, h3, p, table {
	margin-left: 70px;
	padding-right: 40px;
	}
	
th {
	padding-top: 20px;
	}
	
	
/* ---------------------      menu 1     -----------------------*/	
    
#tabs {
	width:100%;
	line-height:1.5em;
	}
	
#tabs ul {
	margin: 0;
	padding: 12px 0px 0;
	list-style:none;
	font-size: 1.1em;
	}
	
#tabs li {
	float:left;
	background:url("../images/tab-left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	}
#tabs a {
	display:block;
	background:url("../images/tab-right.gif") no-repeat right top;
	padding:5px 47px 5px 11px;
	text-decoration:none;
	color:#fff;
	}

#tabs a:hover {
	color: #DCDEDF;
	color: #ccc;
	}
    
#home .home, #locations .locations, #specials .specials, #products .products, #booking .booking, #contact .contact {
	background-image:url("../images/tab-leftselect.gif");
	}
	
#home .home a, #locations .locations a, #specials .specials a, #products .products a, #booking .booking a, #contact .contact a {
	background-image:url("../images/tab-rightselect.gif");
    color:#333;
    padding-bottom:5px;
	}
	
#home .home a:hover, #locations .locations a:hover, #specials .specials a:hover, #products .products a:hover, #booking .booking a, #contact .contact a:hover {
    color: #333;
    }


/* ------------------   menu left positioning     ---------------------*/	

#tabs, #navcontainer {
	padding-left: 24px;
	}


/* ------------------------      menu 2     -------------------------*/	
	
.bar {
	width: 100%;
	background-color:  #DCDEDF;
	}
	
#navcontainer {
	margin-bottom: 10px;
	font-size: 0.9em;
/*	border: 1px solid #000; */
	}

#navcontainer ul {
	padding: 6px 0 6px 7px;
	margin-left: 0;
	margin: 0;
	background-color: #DCDEDF;
	color: White;
	width: 100%;
	}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	padding: 0em 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	background-color: #DCDEDF;
	color: #333;
	text-decoration: none;
	border-right: 1px solid #333;
	}

#navcontainer ul li a.far-right {
	border-right: 0;
	}

#navcontainer ul li a:hover {
	background-color: #DCDEDF;
	color: #fff;
	}


/* ------------------      treatment sub pages     ----------------------*/

ul#page-menu {
	margin-bottom: 40px;
	}

ul#page-menu li {
	display: inline;
	padding: 4px;
	}

ul#page-menu li a {
	text-decoration: none;
	color: #6666cc;
	}
	
ul#page-menu li a:hover {
	background-color: #DCDEDF;
	}
	

#fruit ol,
#fruit ul.push {
	margin: 10px 0 0 60px;
	}
	
#fruit ul {
	margin: 10px 0 10px 20px;
	}
	
#fruit #success_stories {
	text-align: center;
	}
	
#fruit h3 {
	width: 100%;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	padding-bottom: 1em;
	margin: 0px auto;
	}
	
#fruit #success_stories h3 {
	width: 400px;
	}
	

/* ~~~~~  -------------       common       ------------------- ~~~~~~ */		
	
.spacer {
	clear: both;
	}
	
#flash {
	text-align: center;
	margin: 10px 20px 20px 80px;
	}
	
#phone {
	margin: 0px auto;
	text-align: center;
	padding: 30px;
	clear: both;
	}
	
#footer {
	text-align: center;
	}
	
#tagline {
	text-align: center;
	padding: 6px;
	margin: 0;
	background-color:  #DCDEDF;
	}

.intro {
	font-style: italic;
	}
	
.small {
	font-size: 0.8em;
	}



/* -----------------      homepage     ----------------------*/

#home p#tags {
	font-size: 1.3em;
	margin: 0px 0px 0px 80px;
	color: #666;
	font-size: 1.5em;
	line-height: 1.2em;
	}

	
/* --------------------- locations page  -------------------- */

#locations table#clinics {
	margin-left: 70px;
	}

#locations table#clinics td {
	width: 60%;
	padding: 2px 10px 2px 0px;
	vertical-align: top;
	}
	
#locations table#clinics td.outer {
	width: 20%;
	}


/* - - - - - - - - - - products page - - - - - - - - - - - */

#products img.product-logo {
	margin: 40px 0 10px 70px;
	}

/* - - - - - - - - - - specials page - - - - - - - - - - - */

ul.spec {
	margin: 0px 0 20px 70px;
	}

/* - - - - - - - - - - contact page - - - - - - - - - - - */

#email input.input,
#email textarea,
#email select,
#email input.submit {
 	width: 20em;
 	border: 1px solid #666;
 	font-family: Helvetica, Arial, sans-serif;
 	font-size: 1em;
 	padding: 4px;
	}
#email textarea {
	width: 30em;
	}
#email input.submit {
 	padding-left: 10px;
 	padding-right: 10px;
 	margin-left: 70px;
 	margin-bottom: 40px;
 	width: 10em;
	}

#email input.input:focus,
#email textarea:focus,
#email select:focus {
 	background: #ccc;
	}

/* ---------------------      Optimized page     -----------------------*/	

#opti1 {
	background: #DCDEDF 0px 0px;
	float: left;
	width: 232px;
	clear: left;
	color: #19BFCE;
	margin-left: 7px;
}

#opti2 {
	background: #DCDEDF 0px 0px;
	text-align: left;
	padding: 10px 17px;
	min-height: 420px;
}

.style1 {
	FONT-SIZE: xx-small; COLOR: #434343; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.style3 {
	FONT-SIZE: x-small; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.style24 {
	FONT-SIZE: 16px; COLOR: #d5d7dd; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.style31 {
	FONT-WEIGHT: bold; FONT-SIZE: x-small;
}
.style39 {
	FONT-SIZE: x-small; COLOR: #434343; FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}
.style45 {
	FONT-SIZE: 10px; COLOR: #cb5d2a; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
}
.style46 {
	COLOR: #ffffff;
}
.style47 {
	FONT-SIZE: 10px; COLOR: #F2F2F2; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
}
.style48 {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
}
.style56 {
	FONT-SIZE: 16px;
}
.style57 {
	FONT-SIZE: 9px;
}
.style58 {
	FONT-SIZE: 14px;
}
.style59 {
	FONT-SIZE: 10px;
}
.style60 {
	FONT-SIZE: 12px;
}
.style61 {
	FONT-SIZE: 18px;
}
.style63 {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.style69 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.style70 {
	COLOR: #013567;
}
.style71 {
	COLOR: #ee1010;
}
.style72 {
	FONT-SIZE: xx-small;
}
.style73 {
	FONT-SIZE: xx-small; COLOR: #ee1010;
}

.style79 {color: #EEDD11}
.style81 {color: #0033CC}
.style82 {color: #00CC00}
.style84 {color: #BB0000}

.style88 {
	color:#D6311F;
	font-weight:bold;
	font-size: 18px;
}

#aaascroll {
height: 40px !important;
height: 40px;
overflow: auto;
display: block;
position: relative;
top: -4px;
left: 0px;
background-color: #DCDEDF;
border: 1px solid;
margin: -6px 6px 6px -6px;
padding: 5px;
}

#aaascroll p {
	margin-top:-1px;
	font: 11px verdana;
	color: #000;
}

#aaascrollwrap {
background-color: #D5DDF0;
border: 1px solid #9999CC;
border-bottom: 3px solid #9999CC;
border-right: 2px solid #9999CC;
}

.shadow {
/*  float:left; */
  background: url(/images/shadow_scroll.png) no-repeat bottom right !important;
  background: url(/images/shadow_scroll1.gif) no-repeat bottom right;
  margin: 10px 0 10px 5px !important;
  margin: 15px 0 0 5px;
}