/* General styles */
body, img, p, h1, h2, h3, div {
	margin:0px;
	padding:0px;
	border-width:0px;
	outline-width:0px;
}

body {
	font-family: arial, sans-serif;
	background-color:#330033;
}

#mainSite {
	background-color:#330033;
	width:776px;
	border:2px solid #ed1e24;
	margin:5px auto 5px auto;
	color:#fff;
	position:relative;
}

#leftArea {
	width:193px;
	height:659px;
	padding-top:119px;
	border-right:1px solid #ed1e24;
	background: url('/images/backLeft.jpg') no-repeat top left;
	float:left;
}

#leftArea a {
	display:block;
	width:184px;
	color:#fff;
	text-decoration:none;
	height:21px;
	font-size:11px;
	padding:9px 0 0 9px;
	margin-bottom:1px;
}

#mainArea {
	width:582px;
	height:778px;
	float:right;
	background: url('/images/backtop.jpg') no-repeat top right;
}

#lasersmoothLogo {
	margin:80px 0 12px 15px;
	float:left;
}

#mainContent {
	width:542px;
	height:589px;
	padding:20px;
}

#mainContent h1 {
	font-size:20px;
	line-height:24px;
	color:#fff;
	font-weight:normal;
	margin-bottom:8px;
}

#mainContent h2 {
	font-size:16px;
	line-height:20px;
	margin-bottom:8px;
}

#mainContent p, table {
	font-size:13px;
	line-height:16px;
	color:#fff;
	margin-bottom:8px;
}

#byUs {
	width:780px;
	margin:5px auto 5px auto;
	font-size:11px;
	line-height:13px;
	color:#ed1e24;
	text-align:right;
}

#byUs a {
	text-decoration:none;
	color:#ed1e24;
}

#byUs a:hover { color:#fff; }

#indexButt { background: url('/images/home-butt.jpg') no-repeat top left; }
#indexButt:hover, #indexOver { background: url('/images/home-over.jpg') no-repeat top left; }

#shopButt { background: #ed1e24 ; font-weight:bold; }

#aboutButt { background: url('/images/about-butt.jpg') no-repeat top left; }
#aboutButt:hover, #aboutOver { background: url('/images/about-over.jpg') no-repeat top left; }

#botoxButt { background: url('/images/botox-butt.jpg') no-repeat top left; }
#botoxButt:hover, #botoxOver { background: url('/images/botox-over.jpg') no-repeat top left; }

#dermalfillersButt { background: url('/images/dermal-butt.jpg') no-repeat top left; }
#dermalfillersButt:hover, #dermalfillersOver { background: url('/images/dermal-over.jpg') no-repeat top left; }

#chemicalskinpeelsButt { background: url('/images/chemical-butt.jpg') no-repeat top left; }
#chemicalskinpeelsButt:hover, #chemicalskinpeelsOver { background: url('/images/chemical-over.jpg') no-repeat top left; }

#skincareproductsButt { background: url('/images/skincare-butt.jpg') no-repeat top left; }
#skincareproductsButt:hover, #skincareproductsOver { background: url('/images/skincare-over.jpg') no-repeat top left; }

#legveintreatmentButt { background: url('/images/legvein-butt.jpg') no-repeat top left; }
#legveintreatmentButt:hover, #legveintreatmentOver { background: url('/images/legvein-over.jpg') no-repeat top left; }

#laserhairremovalButt { background: url('/images/laser-butt.jpg') no-repeat top left; }
#laserhairremovalButt:hover, #laserhairremovalOver { background: url('/images/laser-over.jpg') no-repeat top left; }

#tattooremovalButt { background: url('/images/contact-butt.jpg') no-repeat top left; }
#tattooremovalButt:hover, #tattooremovalOver { background: url('/images/contact-over.jpg') no-repeat top left; }

#contactButt { background: url('/images/tattoo-butt.jpg') no-repeat top left; }
#contactButt:hover, #contactOver { background: url('/images/tattoo-over.jpg') no-repeat top left; }


.oneButt { background: url('/images/home-butt.jpg') no-repeat top left; }
.oneButt:hover, .oneOver { background: url('/images/home-over.jpg') no-repeat top left; }

.twoButt { background: url('/images/about-butt.jpg') no-repeat top left; }
.twoButt:hover, .twoOver { background: url('/images/about-over.jpg') no-repeat top left; }

.threeButt { background: url('/images/botox-butt.jpg') no-repeat top left; }
.threeButt:hover, .threeOver { background: url('/images/botox-over.jpg') no-repeat top left; }

.fourButt { background: url('/images/dermal-butt.jpg') no-repeat top left; }
.fourButt:hover, .fourOver { background: url('/images/dermal-over.jpg') no-repeat top left; }

.fiveButt { background: url('/images/chemical-butt.jpg') no-repeat top left; }
.fiveButt:hover, .fiveOver { background: url('/images/chemical-over.jpg') no-repeat top left; }

.sixButt { background: url('/images/skincare-butt.jpg') no-repeat top left; }
.sixButt:hover, .sixOver { background: url('/images/skincare-over.jpg') no-repeat top left; }

.sevenButt { background: url('/images/legvein-butt.jpg') no-repeat top left; }
.sevenButt:hover, .sevenOver { background: url('/images/legvein-over.jpg') no-repeat top left; }

.eightButt { background: url('/images/laser-butt.jpg') no-repeat top left; }
.eightButt:hover, .eightOver { background: url('/images/laser-over.jpg') no-repeat top left; }

.nineButt { background: url('/images/contact-butt.jpg') no-repeat top left; }
.nineButt:hover, .nineOver { background: url('/images/contact-over.jpg') no-repeat top left; }

.tenButt { background: url('/images/tattoo-butt.jpg') no-repeat top left; }
.tenButt:hover, .tenOver { background: url('/images/tattoo-over.jpg') no-repeat top left; }

.purpleColour { color:#330033; }
.redColour { color:#ed1e24; }
.boldText { font-weight:bold; }
.standardLink { color:#fff; }
.standardLink:hover { color:#ed1e24; }

#contactTable td, #treatmentTable td { vertical-align:top; padding-right:5px; }
#botoxLady { margin-top:50px; border:2px #ed1e24 solid;}
#hairRemoval { border:2px #ed1e24 solid; }

#treatmentTable td p { margin-bottom:0; }
#treatmentTable td a { color:#fff; }
#treatmentTable td a:hover { color:#ed1e24; }




/* --- STYLES USED ONLY IN THE SHOP --- */
.prodBox {
	float:left;
	height:180px;
	width:115px;	
	margin:5px;
	font-size:11px;
	line-height:13px;
	text-align:center;
	background-color:#f4ccf4;
	border:1px solid #FFFFFF;
	color:#330033;
}

.prodLink { text-decoration:none; color:#330033; }
.prodLink:hover { color:#fff; }

.prodBox div {
	width:115px;
	height:100px;
	background-color:#fff;
	text-align:center;
	margin-bottom:10px;
}

.text { padding:5px;}
.prodBox:hover { color:#fff; background-color:#ed1e24; }
.shopContent { height:543px; overflow:auto; padding-bottom:10px; }

.prodImage {
	float:right;
	margin: 0 0 10px 20px;
}

#prodInfo {
	background-color:#fff;
	padding:10px;
	height:493px;
	overflow:auto;
	
}

#prodInfo p { color:#330033; }

#quan {
	text-align:center;
	font-weight:bold;
	color:#330033;
	margin:0 10px 0 10px;
}

#basketArea {
	float:right;
	font-size:13px;
	line-height:16px;
	width:175px;
	margin:55px 15px 0px 0px;
	
}

#basketArea a { color:#fff; }

#basketArea span {
	display:block;
	text-decoration:underline;
	float:left;
	margin:25px 0 0 20px;
}

#basketArea a:hover { color:#ed1e24; }

#basketTable { width:100%; }

#basketTable td { padding: 8px 30px 0px 5px; border-top:1px solid #fff; }
#basketTable h3 { margin-bottom:8px; }
.baskLink { font-weight:bold;text-decoration:none; color:#fff; }
.baskLink:hover { color:#ed1e24; }
#basketImg { float:left; }





#phone {
	position:absolute;
	top:10px;
	right:15px;
	font-size:16px;
	line-height:20px;
	letter-spacing:1px;
	text-align:right;
}

#phone span { color:#996699; font-weight:bold; }
#phone a { color:#fff; text-decoration:none; }
#phone a:hover { color:#ed1e24; }

div#mainSite div.shop {
	width:542px;
	height:589px;
	padding:10px 20px 20px 20px;
}

.center { text-align:center; }