/* 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 -10px repeat-x;
color:#555;
font:normal 11px/1.6em Verdana, Arial, Helvetica, sans-serif;
}

/* BOX ELEMENTS ################ */
#container {
width:900px;
margin:0px auto 0px auto;
padding:30px 20px 1px 20px;
background-color:white;
color:#555;
border-left:1px solid #666;
border-right:1px solid #666;
}
#masthead {
width:900px;
background-color:#333;
color:#666;
}
#callbox {
float:right;
height:130px;
width:300px;
margin:0; padding:0;
/* background:transparent url('../images/bg-callbox.gif') no-repeat; */
}

#content {
margin:50px 0px 0px 250px; padding:0px 0px 1px 0px;
min-height:520px;
background-color:#FFF;
color:#555;
font:normal 11px/1.6em Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
}
#sidebar {
margin:0px; padding:1px 0px;
width:202px;
float:left;
}
#sbTop {
margin:0px; padding:0px 0px 1px 0px;
min-height:360px;
background:transparent url('../images/bg-sidebar.gif') no-repeat;
}
#sbBottom {
margin:0px; padding:0px;
width:202px;
height:15px;
background:transparent url('../images/bg-sbbottom.gif') no-repeat;
}
#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 24px Calibri, Verdana, Arial, Helvetica, sans-serif; color:#333;
margin-bottom:12px; padding:0px;}
#content h2 {
font:bold 14px 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;
}

p {margin:0px 0px 22px 0px; padding:0px;}
.center {text-align:center; }

#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:#EEE;
padding:2px; }

.imgLeft { float:left; margin-right:6px; }
.imgRight { float:right; margin-left:10px; }


.tbl01 th {text-transform:uppercase; background-color:#05B4C5; color:#FFF; }


/* ANCHORS LINKS    ******************************************** */
#content a:link{ text-decoration: none; color: #0392A2; border-bottom:1px dashed #0392A2; }
#content a:visited{ text-decoration: none; color: #0392A2;  border-bottom:1px dashed #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 8px; padding:40px 0px 0px 0px;}

#navcontainer h2 {
font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#333;
margin:0px; padding:0px; }

.navlist {
margin:0px 0px 25px 16px;
padding:0px;
}

.navlist li {
font:normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif; list-style-type: square; color:#05B4C5; font-weight:normal;
}

.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:200px;
}

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 ############################# */

form.product {

}

.price{
color:#C00;
font:bold 1.4em Verdana, Arial, Helvetica, sans-serif;
text-align:right;
}