@import url(reset.css);
body {
	padding: 0;
	margin: 0;
	background: #000;
	font: 11px/ 100% Verdana, sans-serif;
	text-align: center;
}

a:link,a:visited,a:hover,a:active {
	color: #E73366;
	text-decoration: none;
}

.nomargin {
	margin: 0;
}

.marginb10 {
	margin: 0 0 10px;
}

.nopadding,#advbooking p.nopadding {
	padding: 0;
}

.separator {
	margin: 25px 0;
	border-width: 0 0 1px;
	border-bottom: 1px solid #ccc;
}

.more {
	font-style: italic;
	color: #123879
}

h2 {
	color: #e73366;
	font-size: 22px;
	margin: 0 0 15px;
}

h3 {
	font-size: 16px;
	margin: 0 0 10px;
}

#page {
	background: url(../images/bodybg.gif) repeat;
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#headertop {
	height: 30px;
	padding: 5px;
	text-align: right;
	font-size: 14px;
}

#logo {
	position: absolute;
	left: 5px;
	top: 20px;
	width: 286px;
	z-index: 99;
	height: 175px;
}

#branches {
	position: absolute;
	left: 300px;
	top: 25px;
}

.branch {
	width: 158px;
	color: #fff;
	float: left;
	text-align: center;
}

.branch h3 {
	font-size: 12px;
	font-weight: normal;
}

.branch span {
	font-size: 11px;
	font-weight: 700;
}

.newbranch {
	font-size:20px;
	color:#fff;
	padding:10px 15px 15px;
	clear:both;
}
#kittyclub {
	position: absolute;
	right: 10px;
	color: #000;
	width: 210px;
}

#kittyclub h2 {
	margin: 0;
}

#kittyclub form {
	font-size: 8px;
	height: 60px;
	padding: 3px 5px;
	background: #dbdada;
}

#kittyclub input.txt {
	width: 120px;
	float: left;
	margin: 0;
	border: 1px solid #e73366;
	padding: 2px;
}

#kittyclub #kittygo {
	width: 55px;
	float: right;
	height: 49px;
	margin-top: -20px;
	background: url(../images/go_button.png) no-repeat left top;
	border: none;
}

#kittyclub p {
	font-size: 8px;
}

#kittyclub label {
	color: #e73366;
	margin: 0;
	font-size: 8px;
	display: block;
}

#headertop  a {
	color: #fff;
}

#header {
	height: 155px;
	text-align: left;
	background: transparent url(../images/headerbg.jpg) no-repeat left top;
}

#leftcol {
	width: 590px;
	padding: 20px;
	float: left;
}

#navigation {
	border-top: 3px solid #e73366;
	border-bottom: 3px solid #000;
	position: absolute;
	z-index: 97;
	top: 110px;
	width: 720px;
	padding: 0 0 0 280px;
	background: #ea77af;
	height: 35px;
	list-style: none;
}

#navigation li {
	float: left;
	display: inline;
}

#navigation li a {
	font-weight: 700;
	display: block;
	padding: 10px 12px 10px;
	line-height: 15px;
	font-size: 13px;
	border-right: 1px dashed #000;
	color: #fff;
}

#navigation li a:hover {
	background: #e73366;
}

#navigation li.lastnav a {
	padding-right: 0;
	border: none;
}

#content {
	position: relative;
	background: url(../images/bookbg.gif) repeat-y 45px 0;
	line-height: 150%;
}

#footbook {
	position: absolute;
	left: 45px;
	bottom: 50px;
	z-index: 0;
	background: url(../images/bookbgfoot.png) no-repeat center bottom;
	width: 204px;
	height: 80px;
	padding: 0 0 20px;
	text-align: center;
}

#footbook iframe {
	margin: 0 0 15px;
}

#contentheadmotif {
	background: url(../images/headmotif.gif) repeat-x left top;
	height: 20px;
}


#content p {
	margin: 0 0 12px;
}

#bannerslide {
    position:relative;
    height:470px;
}

#bannerslide IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

#bannerslide IMG.active {
    z-index:10;
}

#bannerslide IMG.last-active 
{
    z-index:9;
}

#userbox {
	background:transparent url(../images/userboxbg.png) no-repeat left top;
	width:160px;
	margin:0 auto;
	padding:20px 5px;
	color:#777;
	font-size:10px;
	letter-spacing:-1px;
}

#onlinebooking {
	background: url(../images/onlinebook_title.gif) no-repeat center 90px;
	margin-left: 45px;
	float: left;
	padding:20px 0 0 0;
	width: 204px;
}

#onlinebooking p 
{
	margin: 0 0 5px;
}

#onlinebooking form {
	padding: 40px 25px 80px;
}

#onlinebooking .txt {
	width: 150px;
	border: 1px solid #e73366;
	padding: 2px;
	font-size: 11px;
}

#onlinebooking label {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
}

#onlinebooking select {
	width: 150px;
	font-size: 10px;
	border: 1px solid #e73366;
}

#onlinebooking .ferror {
	font-size: 10px;
	color: #cc0000;
}

#onlinebooking input.error {
	border: 2px solid #000;
	background: #fc0;
}

#onlinebooking .success,#onlinebooking .error {
	background: #ffc9c9;
	margin: 0 0 15px;
	color: #c30057;
	padding: 8px;
	font-style: italic;
	border: 1px dashed #c30057;
}

#onlinebooking .success {
	background: #ffc9c9;
	border: 1px dashed #c30057;
}

#onlinebooking #booknow {
	width: 134px;
	height: 35px;
	border: none;
	background: url(../images/booknow_button.gif) no-repeat;
}

#midcol {
	float: left;
	width: 510px;
	min-height: 610px;
	margin-left: 20px;
	padding: 15px 0 0 0;
	position: relative;
}

#contentcol {
	float: left;
	width: 705px;
	float: left;
	margin-left: 20px;
	padding: 15px 0 0 0;
}

#ccontainerhead {
	height: 18px;
	padding: 5px 30px;
	background: url(../images/ccontent_title.png) no-repeat left top;
}

#ccontainercontent {
	background: #fff;
	padding: 25px;
	min-height: 380px;
}

#ccontainerleft {
	width: 110px;
}

#ccontainerright {
	width: 180px;
	float: right;
}

#ccontainerleft {
	float: left;
	width: 460px;
}

#ccontainerhead h2 {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}

.tbanner {
	line-height:140%;
	color:#666;
	font-size:10px;
	margin: 0 0 10px;
}

#midcol h2 {
	color: #fff;
}

#promotion {
	margin: 0 0 15px;
}

#pboxcontainer {
	height: 70px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	padding: 0 0 0 28px;
	margin: 0;
	background: url(../images/pboxbg.png) no-repeat left top;
}

.pbox {
	margin: 0 5px 0 0;
	float: left;
}

#tellafriend {
	text-align: center;
}

#tellafriendcontent {
padding: 0 10px;
height:120px;
background: transparent url(../images/roundedbg.png) no-repeat left top;
}


#tellafriendfoot {
	margin:0;
	background: url(../images/roundedbg_bottom.png) no-repeat left top;
	height:14px;
	overflow:hidden;
}

#tellafriend h2 {
	margin: 0 0 8px;
}

#rightcol {
	width: 210px;
	margin: 20px 0 0;
	padding: 0 5px 0 0;
	float: right;
}

#walloffame {
	position: relative;
	margin: 0 0 15px;
}

#wfame {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

#wpraise {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#wfame,#wpraise {
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
}

#walloffamehead {
	height: 23px;
	padding-top: 68px;
	overflow: hidden;
	color: #FF0078;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	font-family: "Segoe UI", Verdana, sans-serif;
	background: url(../images/wallfamehead.png) no-repeat left top;
}

#walloffamecontent {
	background: url(../images/wallfamebg.png) repeat-y;
}

#walloffamefoot {
	height: 57px;
	overflow: hidden;
	background: url(../images/wallfamefoot.png) no-repeat left top;
}

#walloffame dl {
	font-size: 10px;
	padding: 0 10px 0 8px;
	margin:0 0 10px;
}

#walloffame dl dt {
	padding: 5px 15px 5px 20px;
	background: url(../images/diamondlist.gif) no-repeat left 5px;
}

#walloffame dl dd {
	padding: 0 15px 0 20px;

}

.blue {
	color: #002851
}

#login {
	padding: 0 10px;
}

#login p {
	padding: 5px;
	margin: 0;
}

#login label {
	padding: 5px 0;
	font-size: 14px;
	display: block;
}

#login input.txt {
	border: none;
	background: #ffdcf6;
	padding: 4px;
	width: 250px;
	font-size: 14px;
}

ol#register {
	list-style: decimal;
	padding: 0 0 0 20px;
	margin: 0 0 20px;
}

.accdivider {
	float: left;
	width: 300px;
}

#remember {
	color: #333;
}

#registerbutton a {
	background: #E73366;
	color: #fff;
	padding: 6px 10px;
	font-size: 16px;
	font-family: Georgia, serif;
	border: 2px solid #333;
}

#footer {
	color: #333;
	height: 50px;
	background: url(../images/footbg.gif) repeat-x;
	padding: 20px 0;
	clear: both;
}

#locateus {
	position: absolute;
	bottom: 50px;
	right: 10px;
	padding: 0 10px;
}

#locateus img {
	vertical-align: bottom;
}

#locateus a {
	font-weight: 700;
	color: #fff;
}

ul#footmap {
	text-align:right;
	font-size: 11px;
	width: 670px;
	margin: 10px 140px 0 0;
	float: right;
}

#footmap li {
	float: left;
	display: inline;
}

#footmap li a {
	padding: 5px;
	color: #fff;
}


.footernav {
	color: #666;
	margin: 0 0 15px;
}

.footernav a {
	color: #666;
}

.copyright {
	color: #fff;
	margin: 0 0 5px;
}

#company {
	color: #fc0;
}

#footerlogo {
	float: right;
	width: 114px;
}

.banner {
	margin: 0 0 10px;
}

#container {
	margin: 0 0 10px;
}

.container {
	float: left;
	width: 220px;
	height: 180px;
	margin: 0 10px 0 0;
	background: #d3deeb;
}

.container .blueheader {
	background: url(../images/bluebar_bg.gif) repeat-x;
	height: 20px;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	padding: 8px 10px 5px;
}

.container .blueheader .stockcode {
	line-height: 16px;
}

.container .cheader {
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 700;
	padding: 12px 10px;
	color: #04407b;
}

.containercontent {
	padding: 5px;
}

.container.last {
	float: right;
	margin: 0
}

.tabbing {
	padding: 0 5px;
}

.tabbing li {
	float: left;
	font-size: 10px;
	display: inline;
}

.tabbing li.selected {
	background: transparent url(../images/bluetabbg.gif) right -30px
		no-repeat;
	float: left;
	width: 40px;
	height: 28px;
	margin: 0 3px 0 0;
}

.tabbing li.selected span {
	float: left;
	width: 25px;
	padding: 3px 0 7px 6px;
	height: 18px;
	color: #4a71a2;
	background: transparent url(../images/bluetabbg.gif) left -30px
		no-repeat;
}

.tabbing li span {
	float: left;
	width: 45px;
	height: 28px;
	margin: 0 3px 0 0;
	background: transparent url(../images/bluetabbg.gif) right top no-repeat
		;
	color: #fff;
}

.tabbing li span a {
	float: left;
	color: #fff;
	text-align: center;
	width: 25px;
	padding: 3px 0 7px 6px;
	height: 18px;
	background: transparent url(../images/bluetabbg.gif) left top no-repeat;
}

.tabcontent {
	margin: -1px 0 0 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #4b72a2;
}

.lastupdate {
	background: #d3deeb;
	padding: 5px;
	font-size: 10px;
	color: #4c73a4;
	text-align: right;
}

table.stockinfo {
	border-collapse: separate;
	border-spacing: 3px;
}

.stockinfo td {
	background: #edf2f8;
	padding: 5px;
	color: #666;
}

.stocktable th {
	font-weight: 700;
	color: #21568a;
	padding: 10px;
	background: #d3deeb;
}

.stocktable td {
	background: #fff;
	color: #666666;
	font-size: 10px;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px 5px 0;
}

td .plus {
	color: #416cf5;
}

td .minus {
	color: red;
}

.exchangetable th {
	font-weight: 700;
	color: #4a71a2;
	padding: 10px;
	background: #edf2f8;
}

.exchangetable td {
	padding: 5px 10px;
}

.exchangetable tr.odd {
	background: #d3deeb
}

.exchangetable tr.even {
	background: #edf2f8
}

#contentfoot {
	padding: 10px 20px;
}

.followus {
	float: right;
	color: #4a71a2;
	font-weight: 700;
	line-height: 10px;
}

.followus span {
	float: left;
	display: inline;
	padding: 5px;
}

#advbooking {
	padding: 0 10px;
}

#advbooking p {
	color: #000;
	padding: 5px 5px 5px 120px;
	margin: 0;
}

#advbooking label {
	display: inline;
	float: left;
	width: 120px;
	margin: 0 0 0 -120px;
	color: #000;
	font-weight: 700;
}

#advbooking .txt,#advbooking select {
	width: 200px;
}

#emptycart {
	background: #000;
	padding: 5px 8px;
	color: #fff;
}

#treatmentcart {
	margin: 0 0 20px;
}

#treatmentcart th {
	color: #fff;
	padding: 5px;
	background: #000;
}

#pptreatmenthead {
	height: 28px;
	display: block;
	background: url(../images/treatment_title.gif) no-repeat left top;
}

#pptreatmentcontent {
	background: #fff;
	padding: 15px;
}

.treatmentlist {
	background: #ffeaf0;
	font-size: 11px;
	padding: 10px 10px 15px 115px;
	margin: 0 0 2px;
}

.treatmentcat {
	width: 100px;
	float: left;
	border: 1px solid #ccc;
	font-size: 22px;
	height: 120px;
	margin: 0 10px 10px;
	padding: 20px 10px;
	text-align: center;
}

.treatmentcontent {
	margin: 0 0 10px;
}

.tprice {
	vertical-align: middle; font-size : 28px;
	color: #9c3c57;
	font-family: "Segoe UI", sans-serif;
	font-size: 23px;
}

.treatmentlist h3 {
	color: #e73366;
	font-size: 20px;
	font-weight: normal;
}

.treatmentlist .more {
	border-bottom: 1px dotted #ccc;
}

.treatmentlistphoto {
	margin-left: -105px;
	float: left;
	display: inline;
	width: 85px;
	height: 85px;
	background: #fffafb;
	padding: 5px;
	border: 1px solid #aaa;
}



.waytobook {
	background: #ffeaf0;
	font-size: 11px;
	padding: 10px 10px 15px 135px;
	margin: 0 0 2px;
}


.waytobook h3 {
	color: #e73366;
	font-size: 20px;
	font-weight: normal;
}


.waytobookphoto {
	margin-left: -125px;
	float: left;
	display: inline;
	width: 115px;
	height: 115px;
}

.waytobook ul{
	margin:0 0 10px 10px;
}
.error-box {
	font-size: 10px;
	background: #fff4f9 url(../images/icons/icon-error.png) 10px 10px no-repeat;
	color: #cc0000;
	margin: 0 0 20px;
	border: 1px dotted #fc0b82;
	font-style: italic;
	padding: 20px 20px 20px 70px;
}

.success-box {
	font-size: 14px;
	background: #f5f5f5 url(../images/icons/icon-success.png) 10px 10px
		no-repeat;
	color: #0bc0fc;
	margin: 0 0 20px;
	border: 2px dashed #0bc0fc;
	font-style: italic;
	padding: 20px 20px 20px 70px;
}


#content .error-box p {
	margin: 0;
}

.req {
	color: #cc0000;
}

#submitButton {
	background: #E73366;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #990070;
	font-family: Georgia, serif;
}

#register p,#reset_pass p {
	margin: 0 0 5px;
}

#register label,#reset_pass label {
	font-size: 11px;
	display: block;
	padding: 0 0 5px;
}

#register .text,#register textarea.text,#reset_pass .text {
	border: none;
	padding: 4px;
	border: none;
	font-size: 11px;
	width: 180px;
	background: #ffdcf6;
}

#register textarea {
	width: 200px;
	height: 50px;
}

#register p.submit,#reset_pass p.submit {
	padding: 30px 0 0 0;
}

.ddsmoothmenu ul {
	z-index: 100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
	color: #000;
	padding: 10px 25px;;
	text-decoration: none;
}

* html .ddsmoothmenu ul li a {
	/*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited {
	color: #000;
}

.ddsmoothmenu ul li a.selected {
	/*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #000;
}

.ddsmoothmenu ul li a:hover {
	color: #000;
}

#header .ddsmoothmenu ul li ul {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
#header .ddsmoothmenu ul li ul li a {
	font: normal 13px Verdana;
	width: 160px; /*width of sub menus*/
	padding: 10px;
	margin: 0;
	background: #E73366;
	color: #fff;
}

#header .ddsmoothmenu ul li ul li a:hover {
	background: #000;
	color: #fff;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
}
/*Holly Hack for IE7 and below*/
.downarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}	

#submityours {
	display:block;
	font-family:Georgia,serif;
	width:160px;
	text-align:center;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	color:#E73366;
	font-size:14px;
	font-style:italic;
	padding:7px 0;
	margin:0 auto;
}

.photoalbum {
	border-bottom:1px solid #ccc;
	padding:10px 10px 10px 160px;
}

.photoalbum .photo {
	margin-left:-160px;
	width:160px;
	display:inline;
	float:left;
}

.photoalbum .photocontent h3{
	font-size:16px;
	font-family:"Segoe UI",Helvetica,Arial,sans-serif;
	font-weight:normal;
}

ul#photos li {
	float:left;
	display:inline;
	height:150px;
	margin:0 5px 10px;
}

ul#photos li img{
	border:1px solid #ccc;
}