@charset "utf-8";
* {	margin: 0; padding: 0; outline: 0; border: 0; }
body {	font-family: Arial, Helvetica, sans-serif;	font-size: 0.75em; }
p { font-size: 0.96em; padding-bottom: 1.5em; color: #58595b; }
h6 { font-size: 1.08em; font-weight: normal; padding-bottom: 0.75em;}
h5 { font-size: 1.17em; font-weight: normal; padding-bottom: 0.75em;}
h4 { font-size: 1.25em; font-weight: normal; padding-bottom: 0.75em;}
h3 { font-size: 1.33em; font-weight: normal; padding-bottom: 0.75em;}
h2 { font-size: 1.42em; font-weight: normal; padding-bottom: 0.75em;}
h1 { font-size: 1.50em; font-weight: normal; padding-bottom: 0.75em;}
#maincontainer { width: 821px; margin: 0 auto; background: url(../images/pageshadow.png) center repeat-y; margin-bottom: 20px; }
#header { height: 310px; background: url(../images/topbanner.jpg) center top no-repeat; overflow: hidden; position: relative; margin: 0 0 3px 0; }
#topnavi { background: url(../images/topnavibg.png); width: 745px; height: 41px; position: absolute; left: 38px; top: 268px; }
#container { background: url(../images/footerbg.jpg) center bottom no-repeat; padding-bottom: 90px; position: relative;}
#topbar { background: url(../images/pagetopbg.png) top repeat-x; height: 40px; position: absolute; left: 0; top: 0; width: 100%; text-align: right; }
.content { width: 745px; margin: 0 auto; padding: 0 38px; }
#topphoneno { background: url(../images/telephone.png) left top no-repeat; width: 170px; height: 25px; position: absolute; right: 38px; top: 31px;}
#swishoverlay { background: url(../images/swishoverlay.png); width: 241px; height: 277px; position: absolute; top:0; right: 10px; }
#elysialogo { background: url(../images/elysialogo.png); width: 240px; height: 55px; margin: 48px 0 0 38px;}
#elysialogo a { display: block; width: 240px; height: 55px; text-decoration: none; }
#topnav { width: auto; margin: 10px 0 0 0; height: 23px; text-align: right; font-size: 1.08em; color: #ffffff; line-height: 20px; }
#topnav a { color: #ffffff; text-decoration: none; padding: 0 7px; }
#topnav a:hover { text-decoration: underline; }
#topnav a.active { font-weight: bold;}
.pagehead { float: left; margin: 3px 0 0 3px; display: block; padding: 0; line-height: 29px; }
#contentarea { margin: 3px 0 0 0; }
#leftcol { width: 168px; margin: 0 1px 18px 0; float: left;}
#rightcol { width: 534px; float: left; border: 5px solid #cbcdcf; min-height: 268px; padding: 16px; margin: 0 0 18px 0;}
.clear { clear: both; }

.arrowlistmenu{	width: 168px; background: #344440; padding: 11px 0; min-height: 324px; }
.arrowlistmenu a.menuheader{ color: #ffffff; text-decoration: none;	display: block;	padding: 4px 11px; line-height: 1em;font-weight: normal; }
.arrowlistmenu a.menuheader:hover {	color: #000; background-color: #996;}
.arrowlistmenu a.openheader{ background: #de8392;}
.arrowlistmenu a.openheader:hover{  background: #de8392; color: #ffffff;}
.arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0 0 5px 11px; background: #fff; }
.arrowlistmenu ul li {	padding: 3px 4px 2px 0px;	line-height: 1em;}
.arrowlistmenu ul li a {	font-size: 0.91em;	line-height: 0.91em; color: #33443e; text-decoration: none; }
.arrowlistmenu ul li a:hover{text-decoration: underline;}
div.hr { height: 1px; background: #b1b3b6; margin: 0 0 18px 0; font-size: 1px; line-height: 1px; }
.bannerarea { background:url(../images/bottomshade.jpg) center bottom no-repeat; padding-bottom: 20px;}
.banner { border: 4px solid #71968c; margin: 0 auto; width: 736px; }
.banner img { float: left; }
.logoarea { margin: 20px 0; text-align: center; }
.logoarea img { padding: 0 5px;}
#footer p { color: #808285; padding-bottom: 0.35em; text-align: center;}
p.conaddress { font-size: 0.83em; }
p.conphone { font-size: 0.92em; }
.bigger { font-size: 1.17em;}
.maroontext { color: #993366; }
.imgleft { float: left; padding: 0 16px 16px 0; }
.imgleft1 { float: left; padding: 0 8px 16px 0; }
.imgright {float: right; padding: 0 0 16px 16px; }
.box120px { width: 120px; }
.box250px { width: 250px; }
.box120px img, .box250px img { padding-bottom: 8px; float: right; }
.boxhalf { width: 50%; float: left; }
td.bigmaroon { color: #dd8392; font-size: 1.17em; font-weight: bold;}

.leftcol { width: 140px; float: left; min-height: 142px;}
.rightcol { width: 380px; float: right; min-height: 142px; position: relative;}

.rightcol div.hr { margin: 0; position: absolute; bottom: 0; right: 0; width: 100%; }

#txtheadwelcome { background: url(../images/txtwelcome.png) left center no-repeat; width: 101px; height: 29px; }
#txtaboutus { background: url(../images/txtaboutus.png) left center no-repeat; width: 113px; height: 33px; }
#txttreatments { background: url(../images/txt-treatments.png) left center no-repeat; width: 148px; height: 23px; }
#txttreatments.pagehead { margin: 8px 0 0 0; }
#txtcontactus { background: url(../images/txt-contactus.png) left center no-repeat; width: 136px; height: 33px; }

#txtgiftvouchers { background: url(../images/txt-giftvouchers.png) left center no-repeat; width: 167px; height: 29px; }

.col1 { width: 310px; }
.col2 { width: 21px; }
.col3 { width: 54px; }

.col11 { width: 288px; }
.col12 { width: 43px; }

.col21 { width: 302px; }
.col22 { width: 29px; }

.col31 { width: 315px; }
.col32 { width: 34px; }
.col33 { width: 36px; }


td { vertical-align: top; }