/* CSS Document */
body {
background-color:#9CD3FF;
margin:0;
font-family:Arial, Helvetica, sans-serif;
}
a {
font-size:12px;
}
.clear {
clear:both;
height:1px;
}
#topcontent {
width:100%;
height:160px;
background-color: #9CD3FF;
}
#topcontent .container-top {
width: 756px;
background-image:url(../images/top-bg.gif);
height:160px;
margin:0 auto;
}
#topcontent .container-top img {
position:relative;
top:85px;
border:none;
}
#bodycontainer {
background-color:#FFF;
width:100%;
}
#bodycontent {
margin:0 auto;
width:756px;
background:url(../images/maincontent-bg-front.gif) no-repeat;
}
#bodycontent-sub {
margin:0 auto;
width:756px;
background:url(../images/maincontent-bg-sub.gif) no-repeat;
}
#bodycontent .nav,
#bodycontent-sub .nav {
width:178px;
float:left;
}
#bodycontent .nav ul,
#bodycontent-sub .nav ul {
padding:0;
margin:50px 0 50px 0;
list-style:none;
border-top:1px solid #FFF;
width:178px;
}
#bodycontent .nav li ,
#bodycontent-sub .nav li{
list-style:none;
text-align:right;
padding:5px 0 5px 0;
border-bottom:1px solid #FFF;
}
#bodycontent .nav li a,
#bodycontent-sub .nav li a {
padding:5px 30px 0 0;
font-size:11px;
color:#6699CC;
font-weight:bold;
text-decoration:none;
}
#bodycontent .nav li a:hover ,
#bodycontent-sub .nav li a:hover{
color:#000033;
}
#bodycontent .nav li a.activelink ,
#bodycontent-sub .nav li a.activelink{
background-image:url(../images/active.gif);
background-position:right;
background-repeat:no-repeat;
margin-right:20px;
padding-right:10px;
color:#000033;
}
#bodycontent .maincontent {
width: 572px;
float:right;
margin:10px 0 30px 0;
}
#bodycontent .intro {
width:360px;
float:left;
}
#bodycontent .intro .slideshow {
width:352px;
display:block;
margin:0 auto;
}
	
#bodycontent .intro h1{
color:#A0001A;
font-size:14px;
padding:15px 0 15px 10px;
margin:0;
}
#bodycontent .intro p {
padding:10px 0 0 10px;
margin:0;
font-size:11px;
color:#666666;
}
#bodycontent .options {
width:195px;
float:right;
margin:15px 0 0 0;
}
#bodycontent .options h1 {
width:185px;
border-bottom:3px solid #9CD3FF;
font-size:14px;
color:#A0001A;
padding:5px 0 2px 0;
margin:0;
}
#bodycontent .options p {
width:185px;
color:#666666;
font-size:11px;
padding:5px 0 0 3px;
margin:0;
}
#bodycontent .options p a , .longcontent p a{
color:#333333;
text-decoration:none;
font-size:11px;
}
#bodycontent .options p a:hover {
text-decoration:underline;
}
#bottomcontent {
width:100%;
background-color:#9CD3FF;
}
/* SUBPAGE */
#bodycontent-sub .maincontent {
width: 572px;
float:right;
margin:10px 0 30px 0;
}
#bodycontent-sub .maincontent h1 {
color:#A0001A;
font-size:14px;
padding:15px 0 15px 10px;
margin:0;
}
#bodycontent-sub .maincontent p {
padding:0 15px 10px 10px;
margin:0;
font-size:12px;
color:#666666;
}
/* TREATMENTS */
#bodycontent-sub .treatmentblock {
width:400px;
background-color:#EEFAFD;
border:1px solid #D5EFF5;
margin:10px 0 15px 10px;
padding:18px 12px;
}
#bodycontent-sub .treatmentblock h2 {
font-size:13px;
padding:0 0 3px 0;
margin:0 0 5px 0;
color:#6396BF;
width:400px;
border-bottom:1px solid #FFF;
}
#bodycontent-sub .treatmentblock table {
width:400px;
font-size:12px;
color:#666666;
}
#bodycontent-sub .treatmentblock tr.light {
background-color:#F5FDFF;
}
#bodycontent-sub .treatmentblock tr {
background-color:#E3F9FE;
}
#bodycontent-sub .treatmentblock td.title {
width:360px;
}
#bodycontent-sub .treatmentblock td.price {
width:30px;
}
/* APPOINTMENTS */
#bodycontent-sub .appointmentblock-top {
background:url(../images/appointmentblock-top.gif) no-repeat;
width:525px;
height:11px;
margin:15px 0 -10px 10px;
}
html > body #bodycontent-sub .appointmentblock-top {
margin:15px 0 0 10px;
}
#bodycontent-sub .appointmentblock-body {
width:524px;
margin:0 0 0 11px;
background-color: #F2F9FE;
}
#bodycontent-sub .appointmentblock-body form {
width:420px;
margin:0 auto;
padding:10px 0 10px 0;
color:#666;
font-size:12px;
}
#bodycontent-sub .appointmentblock-body select {
margin: 0 10px 0 0;
width:70px;
color:#666;
font-size:12px;
}
#bodycontent-sub .appointmentblock-body input.time {
width:90px;
color:#666;
font-size:12px;
}
#bodycontent-sub .appointmentblock-body  label.long {
color:#666;
font-size:12px;
}
#bodycontent-sub .appointmentblock-body  label.contact {
float:left;
font-size:12px;
display:block;
width:120px;
text-align:left;
}
#bodycontent-sub .appointmentblock-body input.details {
color:#666;
font-size:13px;
width:150px;
margin:0 0 2px 0;
border:1px solid #F0EBEB;
}
#bodycontent-sub .appointmentblock-bottom {
background:url(../images/appointmentblock-bottom.gif) no-repeat;
width:525px;
height:11px;
margin:0 0 0 10px;
}
#bodycontent-sub .appointmentblock-body select.country {
width:275px;
color:#666;
font-size:12px;
}

/* PHILOSOPHY */
#bodycontent-sub ul.subnav {
padding:0;
margin:10px 0 0 0 ;
text-align:center
}
#bodycontent-sub ul.subnav li {
list-style:none;
display:inline;
border:1px solid #E6F5FA;
margin:0 5px 0 0;
padding:1px 15px 4px 15px;
}
#bodycontent-sub ul.subnav li a {
text-decoration:none;
font-size:12px;
color:#999999;
}
#bodycontent-sub ul.subnav li a.active {
font-weight:bold;
}
#bodycontent-sub .maincontent .shortcontent {
float:left;
width:300px;
}
#bodycontent-sub .maincontent p.short {
padding:0 15px 10px 10px;
margin:0;
font-size:12px;
color:#666666;
width:300px;
}
#bodycontent-sub .maincontent .shortcontent img {
padding:10px 0 0 10px;
}
#bodycontent-sub .maincontent .photocontent {
width:202px;
float:right;
margin:0 15px 0 0;
}
#bodycontent-sub .maincontent p.quote {
height:135px;
background:url(../images/quote-bg.gif) no-repeat;
margin:10px 0 0 0;
padding:30px 10px 0 20px;
color:#336699;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size:11px;
}
/* PRESS/NEWS */
#bodycontent-sub .maincontent .pressphoto{
width:220px;
float:right;
margin:0 10px 0 0;
}
#bodycontent-sub .maincontent img.press {
padding:2px;
border:1px solid #E0EEFA;
margin-right:2px;
}
/* MEDIA PAGE */
#bodycontent-sub .maincontent .longcontent {
width:550px;
}
#bodycontent-sub .maincontent .longcontent a img{
border:none;
}
.longcontent p.magtitle {
width:230px;
float:left;
position:relative;
top:4px;
}
.longcontent p.downloadpdf {
width:250px;
float:left;
}
#bodycontent-sub .maincontent .leftcolphoto {
width:270px;
float:left;
}
#bodycontent-sub .maincontent .rightcolphoto {
float:left;
width:202px;
}
.photo-col {
background:url(../images/bk-mediapic.gif) no-repeat;
width:202px;
height:165px;
margin: 0 10px;
padding:25px 0 0 37px;
float:left;
}
.photo-col p {
text-align:center;
margin-left:-20px !important;
}
.photo-col img {
padding:2px;
border:1px solid #E0EEFA;
margin-right:2px;
}
/* FOOTER */
#bottomcontent .footer {
margin:0 auto;
background:url(../images/bottom-bg.gif) no-repeat;
width:755px;
height:92px;
}
#bottomcontent .footer p {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
padding:5px 0 0 10px;
margin:0;
}
#bottomcontent .footer a {
font-size:10px;
color:#FFF;

}
#bottomcontent .footer a:hover {
text-decoration:none;
color:#0099CC;
}

p.btnbuyzam {
  padding:5px;
  border:1px solid #fff;
  background:#8fcae5;
  color:#000;
  display:block;
  margin:0 8px 0 5px;
  text-align:center;
  font-size:1.3em;
  font-weight:bold;
  text-transform:capitalize;}

p.btnbuyzam a {
  color:#fff;
  text-decoration:none;}

p.btnbuyzam a:hover {
  color:#003366;}

.prodcol {
  width:230px;
  float:left;
  display:block;
  margin-left:20px;
  padding:10px;}

.prodcolr {
  border-left:1px dashed #addcf8;
  padding:10px 10px 10px 15px;}
  
  .prodcol h3 {
    font-size:13px;
	padding-left:10px;
	color:#7da2ba;}
  
  .prodcol a.btnbuy {
    background:#a4d0eb;
	color:#fff;
	font-size:11px;
	padding:5px 10px;
	margin:10px auto;
	font-weight:bold;}