/* - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : 
URL : 

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

html, body, blockquote, p, h1, h2, h3, h4, h5, h6, li,
form, legend, fieldset, input, textarea, select, form ul, form ol
{  margin: 0; padding: 0;  text-indent: 0; font-family: verdana, sans-serif;}

html
{  font-size: 1em; background: #fff; }

* {  }


/* ----- IDS ----- */

#container{ width: 905px; margin: 0 auto; padding: 0;  text-align: left;  border: 1px solid #f0f0f0; }

#header { width: 905px; height: 130px; margin: 0; padding: 0; text-align: left; border: 0;}

#navigation { height: 30px; margin: 0; padding: 0; border-bottom: 3px solid #eee; background-image: url('i/navback.jpg'); background-position: 0 50%; background-repeat: repeat-x; }

#montage { width: 905px; height: 130px; margin: 0; padding: 0; text-align: left; border: 0; }

#LeftCol { float: left; width: 450px; padding: 0; margin: 0; /* border: 1px solid gray; */}

#RightCol { float: left; width: 438px; padding: 0; margin: 0 0 0 10px; /* border: 1px solid yellow; */}

/* sub pages */
#LeftColsub { float: left; width: 552px; padding: 0; margin: 0; /* border: 1px solid gray; */}

#RightColsub { float: left; width: 333px; padding: 0; margin: 0 0 0 10px; /* border: 1px solid yellow; */ }

#footer{ margin: 0; padding: 20px 5px; clear: both; background: #eee; font-size: 0.7em; font-weight: 400; color: #444;}


/* 2 col layout within a column */

.colspace { width: 80%; margin: 10px 20px 150px 20px; padding: 0;  clear: both;}
.colL  { width: 30%; float: left; }

.colR  { width: 68%;  float: left;}

#footer div.colspace { width: 98%; margin: -10px auto; padding: 0;  clear: both;  background: #eee; }
#footer div.colL  { width: 79%; float: left;  margin: 0; padding: 0;   background: #eee; }

#footer div.colR  { width: 20%;  float: left;  margin: 0; padding: 0;   text-align: right;  background: #eee;  }


/* ----- CLASSES ----- */

.logo { float: left; width: 450px; margin: 0; padding: 10px 0 0 0; /* border: 1px solid green; */ }
.address {  float: left;  width: 418px; padding: 10px; margin: 0 0 0 10px; font-size: 0.75em; text-align: right; }
.treatments { display: block; min-height: 210px; }
.announcement { margin: 0 0 0 10px; padding: 0 0 0 10px;}

/* ----- HEADINGS ----- */

h1 { font-size: large; }
h2 { margin: 10px 15px; padding: 10px 0 0 0; font-size: 1em;  font-weight: 700; }

h2.mainsubH { font-family: Georgia, Century Schoolbook, serif; color: #cc0066; }
h3 {  margin: 10px 15px; padding: 10px 0 0 0; font-size: 0.9em;  font-weight: 700; color: #444;}
h4 { }

#RightColsub h2 { margin: 5px 15px;  padding: 0;}

h3.offers { color: #cc0066; }

/* ----- PARAGRAPHS ----- */

p { margin: 10px 15px; font-size: 0.8em; }




/* ----- LISTS -----    *** nav list formatting ***  */

ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; }

#navigation  ul{ float: left;  margin: 0 0 0 0; padding:0; vertical-align: top; list-style-position: inside;}

#navigation ul li { float: left;  height: 28px; list-style: none;  margin: 0; padding: 0;  border-right: 1px solid #fff; }

#LeftColsub ul { margin: 0; padding: 0; }
#LeftColsub ul li {  list-style: disc; list-style-position: outside; margin: 10px 50px; padding: 0;  font-size: 0.8em; }

ul ul { font-size: 1.3em; }


/* ----- IMAGES ----- */

img{ margin: 0; padding: 0; border: 0; text-align: left;}
img a { border: 0; text-decoration: none; }

img.frontpg { margin: 0px 0 0 40px;}

.img { float: left; margin: 5px 15px;}
.imgnofloat { margin: 5px 15px;}

img.specialoffers { margin: 0px 10px 5px 20px; }

img.specialoffersbanner { margin: 10px 10px 5px 17px; }



.evoucher { margin: 10px 90px;}

#RightCol img {  margin: 10px 15px; }
#RightColsub img {  margin: 10px 15px; }

/* img.contacts { border: 1px solid #ccc; margin: 0 0 10px 20px; display: block;}*/


img a:hover{ }


/* ----- TEXT FORMATTING ----- */

strong{}
em.small { font-size: 0.8em; font-style: normal; font-weight: 700;}
em.red { font-style: normal; font-weight: 700; color: #a00;}



/* ----- HORIZONTAL RULE ----- */

hr { width: 95%; height: 1px;  margin: 10px auto; color: #999; }

/* ----- LINKS ----- */

a { color: #336699; text-decoration: none; }
a:hover{color: #cc0066; }
a:visited, a:active, a:focus{color: #336699; }


/* ----- TABLES ----- */

table{
width: 80%; margin: 10px 15px; padding: 10px 0 0 0; font-size: 0.8em; }

caption{ text-align: left;  margin: 10px 10px 5px 15px; padding: 10px 0 0 0; }
thead{ }
tbody{ }
tfoot{ }
tr{ background-color: #eee;  }
tr.alt td{  background-color: #fff; }

td { width: 49%; text-align: center;}