/* STYLESHEET for KNIGHTSBRIDGE LASER CLINIC */
/* www.knightsbridgelaserclinic.co.uk */

/* Copyright 2010 - Site design and development by Digit@l Idiom Ltd */
/* Web Design Services www.digitalidiom.co.uk */


body {
margin:0 0 0 0; padding:0;
background:white url('../images/bg-body.gif') 0px -30px repeat-x;
color:#555;
font:normal 11px/1.6em Verdana, Arial, Helvetica, sans-serif;
}

/* BOX ELEMENTS ################ */
#topbar {
width:950px;
text-align:right;
margin:0px auto 0px auto;
padding:2px 20px 2px 20px;
background-color:#05B4C5;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
}

#container {
width:950px;
margin:0px auto 0px auto;
padding:30px 20px 1px 20px;
background:transparent url('../images/bg-masthead-model.jpg') -16px -22px no-repeat;
background-color:transparent;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
}

#masthead {
width:950px;
background-color:transparent;
color:#666;
}


#logo {
margin-left:20px;
}

#callbox {
float:right;
height:130px;
width:300px;
margin:0; padding:0;
/* background:transparent url('../images/bg-callbox.gif') no-repeat; */
}

#flashbox {
float:right;
height:130px;
width:650px;
margin:0; padding:0;
/* background:transparent url('../images/bg-callbox.gif') no-repeat; */
}

#content {
margin:50px 0px 0px 270px; padding:0px 0px 1px 0px;
background-color:#FFF;
color:#555;
font:normal 12px/1.7em Verdana, Arial, Helvetica, sans-serif;

}

#promos {
float:right;
width:200px;
margin-left:16px;
}

#sidebar {
margin:0px; padding:1px 0px;
width:240px;
float:left;
border-right:1px solid #CCC;
}
#sbTop {
margin:0px; padding:0px 0px 1px 0px;
background:#FFF url('../images/bg-sbtop.gif') no-repeat;
}
#sbBottom {
margin:0px; padding:0px;
width:240px;
height:15px;
background-color:#05B4C5;
}
#footer {
text-align:center;
margin:0; padding:16px 0px 30px 0px;
background:#333 url('../images/bg-footer.gif') repeat-x;
font:normal 0.8em/1.1em Verdana, Arial, Helvetica, sans-serif;
color:#999;
clear:both;
}

.sidebox {
font:normal 0.9em/1.4em Verdana, Arial, Helvetica, sans-serif;
color:#777;
background-color:#EEE;;
width:240px;
float:right;
border:1px solid #CCC;
padding:6px;
margin:0px 0px 16px 16px;
}


/* BODY TEXT & IMAGE STYLES ################ */
h1 {
font:bold 22px Calibri, Verdana, Arial, Helvetica, sans-serif; color:#333;
margin-bottom:12px; padding:0px;}

#content h2 {
font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#444;
line-height:150%;
margin-bottom:4px; padding:0px 0px 0px 12px;
border-left: 0px solid #05B4C5;
background:transparent url('../images/bullet-blue-sqr.gif') no-repeat;}

#sidebar h2 {
font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#444;
margin-bottom:4px; padding:0px;
border-left:0px solid #05B4C5;}
	
h3 {
font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#444;
margin-bottom:4px; padding:0px 0px 0px 12px;
border-left:0px solid #999;
background:transparent url('../images/bullet-grey-sqr.gif') no-repeat;
}

h3.green {
background:transparent url('../images/bullet-green-sqr.gif') no-repeat;
}

p {margin:0px 0px 20px 0px; padding:0px;}
.center {text-align:center; }
hr {height:1px;}

#content ul {margin:0px 6px 24px 19px;  padding:0px;}
#content ul li {list-style-type: square;}

img {border:0;}
.print { position:absolute; top:-1000px; left:-1000px; /* for printing only */}
.note { font-size:84%; color:#999; }


.boxed { margin:0px 0px 20px 0px;
border:1px solid #CCC;
background-color:#F9F9F9;
padding:8px; }

.featurebox {
border:1px solid #CCC;
background-color:#ECECEC;
padding:10px;
width:400px;}

.imgLeft { float:left; margin-right:6px; }
.imgRight { float:right; margin-left:10px; }


.tbl01 th {text-transform:uppercase; background-color:#05B4C5; color:#FFF; }


#treatmentGrid td {
font-weight:bold;
text-align:center;
}

#treatmentGrid td.gridLeft {
text-align:left;
}

/* ANCHORS LINKS    ******************************************** */
#topbar a:link {font-size:140%; font-weight:bold; text-decoration: none; color: #FFF; }
#topbar a:visited {font-size:140%; font-weight:bold;  text-decoration: none; color: #FFF;}
#topbar a:active {font-size:140%; text-decoration: none;  color: #C00;}
#topbar a:hover {font-size:140%;  text-decoration: underline; color: #333;}

#content a:link{ text-decoration: underline; color: #0392A2; }
#content a:visited{ text-decoration: underline; color: #0392A2; }
#content a:active{text-decoration: none;  color: #C00;}
#content a:hover{ text-decoration: none; color: #05B4C5;}

#footer a {text-decoration:none; color:#999; border:0px;}

/* NAVIGATION MENU ############# */
#navcontainer {margin:0px 2px 2px 4px; padding:60px 0px 0px 0px;}

#navcontainer h2 {
font:bold 13px Verdana, Arial, Helvetica, sans-serif; color:#333;
margin:0px; padding:0px; }

#navcontainer h2.blue {
font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#05B4C5;
margin:0px; padding:0px; }

.navlist {
margin:0px 0px 10px 14px;
padding:0px 0px 10px 0px;
border-bottom:1px solid #CCC;
}

.navlist li {
font:normal 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
list-style-type: square;
color:#05B4C5;
font-weight:normal;
padding:0px 0px 0px 0px;
}


.navlist a:link, .navlist a:visited { text-decoration: none; color: #333;  border-bottom:0px dashed #0392A2; }
.navlist a:hover{ text-decoration:underline; color:#05B4C5;}


/* ###### FORMS ############################# */
form {}

fieldset /* boxed form style */ {
border:1px solid #CCC;
background-color:#FFF;
color:#036;
margin:0px;
padding:6px;
}

legend {
font-weight:bold;
background-color: transparent;
color:#444;
font-size:110%;
border:1px solid #CCC;
padding:2px 6px;
margin-left:-5px;
margin-bottom:10px;
}


label {
display:block; font-weight:bold; margin-top:10px;
}

select, input, textarea
{
border:1px solid #036;
width:350px;
}

input.qty {width:20px;}

input.chk,input.rad
{
border:0px solid #036;
float:left; position:relative; top:0px;
}

input.submit {
color:#FFF;
background-color: #05B4C5;
font-weight:bold;
width:auto;
margin:0px;
float:right;
}
input.emph {
font-weight:bold;
font-size:130%;
color:#393;
background-color: transparent;
}


/* ###### SHOPPING CART ############################# */

.price{
color:#C00;
font:bold 1.4em Verdana, Arial, Helvetica, sans-serif;
text-align:right;
}

/* CONTACT FORM STYLES ########################## */
#frmEnquiry form {margin-top:15px; padding:4px; border:1px solid #999;}
#frmEnquiry input, textarea {border:1px solid #999;}
#frmEnquiry input.submit {color:#FFF; background-color: #05B4C5; font-weight:bold; width:auto; margin:0px; float:none;}


/* TABLES STYLES ########################## */
table.priceList {
background-color: #EEE;
border:1px solid #DDD;
}

table.priceList th {
text-align:left;
}

table.tblPriceList {
border-collapse:collapse;
}

.tblPriceList td {
padding-left:3px;
border-collapse:collapse;
border:1px solid #CCC;
text-align:left;
vertical-align:top;
}