﻿/* ---------------------------------------------------------- */

HTML 
{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	LINE-HEIGHT: 20px; 
	PADDING-TOP: 0px
}

BODY 
{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #ccc repeat-x; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 0px; 
	COLOR: #000; 
	PADDING-TOP: 10px;
}

#container 
{
	MARGIN: 0px auto 0px auto;
	WIDTH: 800px; 
	POSITION: relative; 
	TEXT-ALIGN: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* ---------------------------------------------------------- */

#banner 
{
	BACKGROUND: url(images/banner_opt.gif) no-repeat;
	HEIGHT: 100px;
}

/* ---------------------------------------------------------- */

#content
{
    background: #fff;
    color: #000;
    FONT-SIZE: 75%; FONT-FAMILY: arial, helvetica, tahoma, verdana, sans-serif;
    padding-left: 30px;
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 30px;
}

#content p
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#footer 
{
	CLEAR: both; 
	PADDING-RIGHT: 15px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 80%; 
	BACKGROUND: url(images/footer_opt.gif) no-repeat bottom; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 1px; 
	FONT-FAMILY: tahoma, geneva, verdana; 
	HEIGHT: 25px; 
	TEXT-ALIGN: right;
	margin-bottom: 10px;
}
#footer P 
{
	MARGIN-TOP: 2px; MARGIN-BOTTOM: 0px
}

/* ---------------------------------------------------------- */

.bl {z-index: 10;background: url(images/corners/bl.png) 0 100% no-repeat;  width: 20em} 
.br {z-index: 10;background: url(images/corners/br.png) 100% 100% no-repeat} 
.tl {z-index: 10;background: url(images/corners/tl.png) 0 0 no-repeat} 
.tr {z-index: 10;background: url(images/corners/tr.png) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}

/* ---------------------------------------------------------- */

td {padding: 15px 15px 15px 15px;}

#map1 {border: 1px solid #555;}
#map2 {border: 1px solid #555;}

.question
{
    font-weight: bold;
}

.answer
{
    margin-left: 10px;
}


/* allow room for 3 columns */
#treatments ul
  {
    width: 40em;
    
  }

  /* float & allow room for the widest item */
#treatments  ul li
  {
    float: left;
    width: 15em;
    /*padding-right: 2em;*/
    margin-left: 2em;
  }

  /* stop the float */
#treatments  br
  {
    clear: left;
  }

  /* separate the list from subsequent markup */
 #treatments div
  {
    margin-bottom: 1em;
    padding-left: 20em;
  }

h1 
{
    font-size: medium;
}

h2
{
    font-size: small;
    font-weight: bold;
}

h5
{
  font-size: 10px;
  font-weight: bold;
}
/*
.content_roundheader
{
  width:100%;
}
*/
/* ---------------------------------------------------------- */

#menu_container
{
	position: relative;
	height: 115px;
	background: #fff;
	z-index: 9999;
	margin-left: 0px;
}

#menu_left
{
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 30px;
	margin-left: 50px;
	width: 580px;
}

#menu_right
{
	position: absolute;
	top: 20px;
	right: 0;
	background: url(images/small_map_146_135.png) !important;
	background: url(images/small_map_146_135.gif);
	width: 146px;
	height: 135px;
	z-index: 9999;
}

#menu_findus
{
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
}

#menu_findus a
{
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #880;
	text-decoration: none;
	padding-right: 40px;
}

#menu_findus a:hover
{
	text-decoration: underline;
}

/* ---------------------------------------------------------- */

#slidebanner_container
{
  position: relative;
	height: 245px;
	width: 650px;
	margin-left: 20px;
	padding-top: 0px;
	padding-top: 10px;
}

#slidebanner_imagebox
{
  position: absolute;
	top: 0;
	left: 0;
	height: 240px;
	width: 700px;
	margin-left: 0;
}

#slidebanner_listbox
{
  position: absolute;
	bottom: 0;
	left: 0;
	height: 12px;
	width: 700px;
	color: #000;
}

#slidebanner_listbox ul
{
  list-style-type: none;
  height: 12px;
  text-align: right;
  padding: 0;
  margin: 0;
}

#slidebanner_listbox ul li
{
  float: left;
  
  font-weight: bold;
  font-family: Verdana;
  font-size: 10px;
  line-height: 12px;
  padding-left: 14px;
  margin-right: 25px;
  
  color: #ccc;
  background: url("images/slidebanner/arrowbullet_ccc.png") no-repeat;
}

#slidebanner_listbox .currentitem
{
  color: #888;
  background: url("images/slidebanner/arrowbullet_888.png") no-repeat;
}

#slidebanner_imagebox .slidebanner_imagebox_item
{
  width: 700px;
  height: 240px;
   
  padding-left: 250px;
	padding-top: 40px;
	padding-right: 20px;
	height: 200px;
	margin-left: 0px;
	width: 430px;
	color: #fff;
	
	display: none;
}

#slidebanner_imagebox .currentitem
{
  display: block;
}

#slidebanner_imagebox .slidebanner_imagebox_item a
{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#slidebanner_imagebox .slidebanner_imagebox_item a:hover
{
  text-decoration: underline;
}

/* ---------------------------------------------------------- */

#banner_welcome
{
  background-image: url(images/slidebanner_1_pic.png);
}
#banner_treatments
{
  background-image: url(images/slidebanner_2_pic.png);
}
#banner_findus
{
  background-image: url(images/slidebanner_3_pic.png);
}
#banner_latest
{
  background-image: url(images/slidebanner_4_pic.png);
}

/* ---------------------------------------------------------- */

#bottom_three
{
  color: #000;
}

#bottom_three a
{
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

#bottom_three a:hover
{
  text-decoration: underline;
}

#bottom_three img
{
  border:1px solid #555;
  margin:5px;
}

/* ---------------------------------------------------------- */

#content_container
{
  margin-top: 10px;
}

#content_container .content_roundheader
{
  padding-top: 10px;
  padding-bottom: 5px;
}

#content_left
{
	float: left;
	width: 450px;
	padding-right: 20px;
}

#content_left p
{
  padding-top:10px;
  padding-bottom: 20px;
}

#content_right
{
	float: left;
	width: 200px;
	border-left: 1px dashed #aaa;
	padding-left: 20px;
}

#content_right .content_right_itemblock
{
  padding-bottom: 10px;
}

#content_right a
{
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

#content_right a:hover
{
  text-decoration: underline;
}

#content_right img
{
  border:1px solid #555;
  margin:5px;
}

#content_right table 
{
  margin-top: 10px;
}

/* ---------------------------------------------------------- */

.loginbox
{
  border: #aaa solid 1px;
  margin: 10px 10px 10px 10px;
  padding: 20px 20px 20px 20px;
  background: #cce;
}

.editbox
{
  border: #aaa solid 1px;
  margin: 10px 10px 10px 10px;
  padding: 20px 20px 20px 20px;
  background: #cce;
}

/* ---------------------------------------------------------- */

#offer_pulldown
{
  display: none;
  width:450px;
  height:110px;
  background: url('images/pulldown.png') no-repeat;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-top: 5px;
}

#offer_pulldown_text
{  
  padding-top: 5px;
  padding-left: 100px;
	color: #fff;
}

#offer_sidebar
{
  width: 200px;
  height: 140px;
  background: url('images/sidebar.png');
}
#offer_sidebar_text
{
  color: #fff;
  padding-top: 60px;
  padding-left: 10px;
  line-height:16px;
}

/* ---------------------------------------------------------- */

#fancymenu 
{
  position: relative;
  height: 29px;
  /*421+15+10+10=456*/
  /*
  width: 421px;	
  */
  /*545+15+10+10=580*/
  width: 545px;	
  background: #fff url('images/fancymenu/fancymenu_bg.gif') no-repeat top;
  padding: 15px;
  margin: 10px 0;
  overflow: hidden;
}
 
#fancymenu ul {
  padding: 0px 0px 0px 0px ;
  margin: 0px 0px 0px 0px;
  
}
 
/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#fancymenu ul li {
  float: left;
  list-style: none;
  list-style-type: none;
  
  margin-right: 0px;
  margin-left: 0px;
  
  padding: 0px 0px 0px 0px;
  font-family: Arial;
  font-size: 12px;
  font-weight: bolder;
  /*border: 1px solid #f00;*/
}
 
#fancymenu ul li a {
  /*text-indent: -500em;*/
  font-family: Arial;
  font-size: 12px;
  font-weight: bolder;
  
  padding-right: 10px;
  padding-left: 10px;

  text-decoration: none;
  color: #b8b8b8;
  outline: none;
  text-align: center;
  top: 7px;
  text-transform: uppercase;
  letter-spacing: 0;
                  
  z-index: 10;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  overflow: hidden;
}

#fancymenu ul li.current a
{
  color: #fff;
} 

#fancymenu ul li a:hover
{
  text-decoration: underline;
} 
#fancymenu li.background {
  background: url('images/fancymenu/fancymenu_right.png') no-repeat top right !important;
  background: url('images/fancymenu/fancymenu_right.gif') no-repeat top right;
  z-index: 9;
  position: absolute;
  visibility: hidden;
}
 
#fancymenu .background .left {
  background: url('images/fancymenu/fancymenu_left.png') no-repeat top left !important;
  background: url('images/fancymenu/fancymenu_left.gif') no-repeat top left;
  height: 30px;
  margin-right: 9px; /* 7px is the width of the rounded shape */
}

/* ---------------------------------------------------------- */
