/* 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 */


/* RESET TAGS TO ZERO ################ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}

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

/* ##### STRUCTURE DIVS and BOX STYLES ##### */

#container {
width:960px;
margin:0px auto 0px auto;
background:transparent url('../images/bg-masthead-model.jpg') -16px 0 no-repeat;
color:#333;
}

#topbar {
text-align:right;
margin:0px auto 0px auto;
padding:2px 10px 2px 0px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
background-color:#05B4C5;
color:#333;
}

#masthead {
height:188px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
background-color:transparent;
color:#333;
}

#logo {
padding:30px 0 0 20px;
}


#flashbox {
float:right;
height:130px;
width:650px;
padding:30px 10px 0 0;
}

#contentwrapper {
float:right;
width: 716px;
border-right:1px solid #CCC;
font:normal 12px/1.6em Verdana, Arial, Helvetica, sans-serif;
background-color: transparent;
color:#333;
}

#homebanna {
text-align:center;
margin-top:10px;
}

#content {
width:660px;
margin:0 auto;
margin-top:40px;
background-color:#FFF;
color:#333;
}

#content.home {
width:100%;
margin-top:10px;
padding-top:20px;
padding-bottom:20px;
background-color:#333;
color:#EEE;
}

#home {
width:660px;
margin:0 auto;
background-color:#333;
color:#F6F6F6;
}

#sidebar {
margin-top:-40px;
width: 240px; /*Width of left column*/
border-right:1px solid #CCC;
border-left:1px solid #CCC;
background-color: #FFF;
}

#sbTop {
background:#FFF url('../images/bg-sbtop.gif') no-repeat;
}

#sbBottom {
height:15px;
background-color:#05B4C5;
}

#footer {
clear:both;
padding:16px 0px 30px 0px;
font:normal 0.8em/1.1em Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background:#333 url('../images/bg-footer.gif') repeat-x;
color: #999;
}

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

#content h2 {
font:bold 20px Calibri, Verdana, Arial, Helvetica, sans-serif;
margin-bottom:4px;
border-left: 0px solid #05B4C5;
background-color:transparent;
color:#05B4C5;
}

#sidebar h2 {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
margin-bottom:4px;
border-left:0px solid #05B4C5;
background-color:transparent;
color:#444;
}
	
h3 {
font:bold 15px Verdana, Arial, Helvetica, sans-serif;
margin-bottom:4px;
border-left:0px solid #999;
background-color:transparent;
color:#444;
}

h4 {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
margin-bottom:4px;
border-left:0px solid #999;
background-color:transparent;
color:#333;
}

p {margin:0px 0px 20px 0px; padding:0px;}

.green {color:#0C6;}

.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:-2000px; left:-2000px; /* for printing only */}
.note { font-size:84%; color:#999; }

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

.featurebox {
border:1px solid #CCC;
padding:10px;
margin-bottom:12px;
background-color:#EEE;
}

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


/* ##### SPECIAL HOME PAGE STYLES ################ */
#home h2 {
font:bold 17px Verdana, Arial, Helvetica, sans-serif; color:#444;
line-height:150%;
margin-bottom:4px;
border-left: 0px solid #05B4C5;
background:transparent;
color:#05B4C5;
}

#home h3 {
font:bold 15px Verdana, Arial, Helvetica, sans-serif; color:#444;
margin-bottom:4px;
border-left:0px solid #999;
background:transparent;
color:#333;
}

#home .boxed p {color:#333;}

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

.innerbox {
margin:0px 0px 20px 0px;
padding:8px;
background-color:#333;
color:#F6F6F6;
}

/* ##### TABLES and LISTS ##### */
#tdOffers {
width:220px;
height:240px;
text-align:center;
background:transparent url('../images/bg-home-offers.gif') no-repeat; 
color:#FFF;
}

#tdOffers h3 {
padding-top:15px;
}

#tdOffers ul.listOffers li {
list-style:none;
padding:6px 0; color: #FFF;
font-size:120%;
font-weight:bold;
}


/* ##### 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;}


#tdOffers li a.linkOffer {font-size:140%; font-weight:bold;
text-decoration: none; color: #FFF;}

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



/* ##### SIDEBAR MENU ############# */
#navcontainer {padding:56px 0px 0px 0px;}

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

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

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

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


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