@charset "utf-8";
/* CSS document for about_us.php */

/*-- headers --*/


/*-- middle content --*/
#middle-content {
	background:url(../images/bg/about_midbg.png) repeat-x; 
	background-color:#f9fdff;
	width:900px;
	height:800px;
	padding-top:30px;/*-- height of middle-content background image --*/
	}
#middle-content1 {
	background:url(../images/bg/about_midbg.png) repeat-x; 
	background-color:#f9fdff;
	overflow:hidden;
	width:900px;
	height:auto;
	padding-top:30px;/*-- height of middle-content background image --*/
	}

#middle-left {float:left; width:280px; padding-left:25px; height:auto; overflow:hidden;} /*-- width of left middle column, of total width --*/
#middle-left-wrap {padding:15px 10px 0px 10px;}
#middle-left-wrap p {display:block; font-style:italic; color:#000; font-size:0.8em; margin:3px; text-align:center;}

#middle-right {float:left; width:362px; height:640px;} /*-- width of right middle column, of total width --*/
#middle-right-about {float:left; width:362px; height:740px;}
#middle-right-book {float:left; width:362px; height:500px;}
#middle-right-service {float:left; width:562px; height:1140px;}
#middle-right-eye {float:left; width:562px; height:750px;}
#middle-right-waxing {float:left; width:562px; height:720px; text-align:justify;}
#middle-right-contact {float:left; width:562px; height:600px;}
#middle-rightwider {float:left; width:540px; height:auto;} /*-- wider column --*/
#middle-right-wrap {padding:15px 20px 0px 10px; font-size:0.9em; height:auto;}
#middlelast{float:left;width:215px; padding-top:20px; padding-right:15px;}
.main-para {margin-top:10px; font-size:0.9em; line-height:30px; color:#9698a0; padding-right:10px; font-family:Georgia, "Times New Roman", Times, serif;}
.normal {margin-top:10px; font-size:0.9em; line-height:30px; color:#9698a0; padding-right:10px; font-family:Georgia, "Times New Roman", Times, serif;}
.leftpara{margin:10px 0 0 0; font-size:0.9em; line-height:20px; color:#9698a0; padding:0 10px 0 0; font-family:Georgia, "Times New Roman", Times, serif;}
.leftpara1{margin:10px 0 0 0; font-size:0.8em; line-height:20px; color:#9698a0; padding:0 10px 0 0; font-family:Georgia, "Times New Roman", Times, serif;}
.bold {font-weight:bold; font-size:0.9em; margin-top:20px;}
.call {font-size:0.8em; line-height:15px;}


#middle-content .mouse-div {margin-top:20px; display:block; font:italic 700 0.9em Helvetica, sans-serif;}
#middle-content .mouse-div img {padding:0px 5px 9px 0px; vertical-align:middle;}
#middle-content .mouse-div span {color:#FF0000;}
#middle-content .mouse-div span .booking-link {color:#FF0000;}
#middle-content .mouse-div span a.booking-link:hover {color:#000;}

#indexrightul ul{ margin:0; padding:0;}
#indexrightul ul li{ list-style:none; line-height:45px; width:180px; height:45px; border-bottom:1px solid #999;}
#indexrightul ul li a{ font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#9698a0; font-size:16px;}
#indexrightul ul li a:hover{ background-color:#9F3;}
#Treatment{ font-size:26px; color:#999; padding-bottom:10px;}
#title1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#F00;}
#title3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; color:#F00;}
#title2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; color:#9698a0;}
#title2 a {color:#FF0000; text-decoration:none;}
#title2 a:hover {color:#FF0000;text-decoration:underline;}
.clickh{font-family:Georgia, "Times New Roman", Times, serif; color:#F00; font-weight:400; font-size:14px;}
#footer1{width:900px; height:160px; float:left;}
.space{ width:auto; height:20px;}
#wixingtxt{padding-left:15px;}
#wixingtxt p{ color:#8C8C8C; text-indent:50px; line-height:26px; font-family:Georgia, "Times New Roman", Times, serif;}
#wixingtxt p span{ font-weight:bold; margin-left:1px;}


#eyetxt{padding-left:5px;}
#eyetxt p{ color:#8C8C8C; text-indent:20px; line-height:22px; font-family:Georgia, "Times New Roman", Times, serif;}
#eyetxt p span{ margin-left:1px;}

#direction-list-left{
    width: 250px; 
	float: left ;
	color: #8c8c8c;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 1.6}
#directions-list {
	font:14px Georgia, "Times New Roman", Times, serif; 
	/*color:#fff; */
	color: #8c8c8c;
	padding:0 0px 0 25px;
	line-height: 1.8;
	/*margin-top:-40px;*/ /* negative value moves this div up */
	} 

#directions-list ul li {
	font-size:1em;
	list-style-position: inside; 
	margin:0px 0;}

#directions-list ul li.title {
	color:#999; 
	font-size:1.2em;
	list-style:none; 
	margin:0 0 0px -5px;
	}
#middle {
	background:url(../images/bg/about_midbg.png) repeat-x; 
	background-color:#f9fdff;
	overflow:hidden;
	width:900px;
	height:auto;
	padding-top:30px;
	}
#middle-wrap {
	height:auto; /* height pushed footer down, height size minus 40px of the padding */
	padding:20px;
	}

/*-- middle content --*/
#top img {float:left; display:block;}
#top div {float:right; width:65%;}
#top div p {
	font:0.8em Georgia, "Times New Roman", Times, serif;
	margin:10px 0 0 0;
	color:#9698a0;
}

#mid {height:146px;}
#mid img {display:block;}
#mid a {color:#fff; text-decoration:none;}
#mid a:visited {color:#fff;}

#mid ul {
	list-style-type:none; 
	text-align:center;}
#mid li {
	float:left;
	background:#767171; 
	display:inline; 
	font:italic 1.3em Georgia, "Times New Roman", Times, serif;
	border:1px solid #c8c8c8;
	}

#mid li, #mid li:hover {
	color:#fff; 
	text-decoration:none; 
	display:block; 
	width:212px; 
	height:25px; 
	background:#767171;
	}
#mid li:hover {background:#f00000; cursor:pointer;}


/*-- terms and conditions --*/
#terms {border:width:100%;}
#terms div {
	text-decoration:underline;
	padding:15px 0 5px 0; /* top and bottom spacing */
	font:italic 1.2em Georgia, "Times New Roman", Times, serif;}
p.fine-print {font:0.6em Georgia, "Times New Roman", Times, serif;color:#9698a0;}

/*-- group bookings --*/
#group-bookings {width:100%;}
#group-bookings .left {float:left; width:75%;}
#group-bookings .left div {font-size:0.7em; font-weight:700;}
#group-bookings .left div img {padding:0 5px 4px 0; vertical-align:middle;}
#group-bookings .left div p {display:inline;}
#group-bookings .left div .number {margin-left:5px; font-size:1.6em;}
#group-bookings .left div .number span {color:#767171;}

#group-bookings .left h2 {display:inline;}
#group-bookings .left .red {
	font:italic 1.4em Georgia, "Times New Roman", Times, serif; 
	color:#FF0000;
	display:inline;
	}

p.group-bookings {font:0.8em Georgia, "Times New Roman", Times, serif; margin:12px 0;color:#9698a0;}

#group-bookings .right {float:right; width:24%;}
#group-bookings .right div.top {background:url(../images/bg/group_price1.png); width:192px; height:122px; margin:0 auto;}
#group-bookings .right div.top .left {float:left; list-style:none; width:50%; padding:5px 0 0 20px;}
#group-bookings .right div.top .right {float:right; list-style:none; width:35%; padding-top:5px;}

#group-bookings ul {font:0.9em Georgia, "Times New Roman", Times, serif; color:#fff;}

.group-title {font:italic 700 1.2em Georgia, "Times New Roman", Times, serif; color:#fff;}

#group-bookings .right div.bottom {background:url(../images/bg/group_price2.png); width:186px; height:37px; margin:10px auto;}
#group-bookings .right div.bottom p {
	font:italic 700 0.9em Georgia, "Times New Roman", Times, serif; 
	color:#fff; 
	width:80%; 
	margin:0 auto;}



/*-- other classes --*/
.choose {
	clear:both;
	padding:10px 0 5px 0; /* top and bottom spacing */
	font:italic 1.2em Georgia, "Times New Roman", Times, serif;
	}
.line {background:url(../images/group_line.png) repeat-x; width:100%; margin:10px 0 5px 0;}

#wrapper {width:330px; color:#333;} /*width is the size of middle column booking page*/
.dropdown {background:#c23a2e; width:100%; border:none; color:#fff; padding:3px;}

#wrapper .booking-form {text-align:right;}
#wrapper ul {list-style-type:none;}
#wrapper li {
	list-style-type:none; 
	font:0.8em Georgia, "Times New Roman", Times, serif;
	color:#9698a0; 
	padding:10px 5px 0 0; 
	}

#wrapper li.dropdown-position {padding-top:2px;} /*moves dropdown box up to top edge of div*/

#wrapper .msg-div {margin:10px 5px 0 5px;} /*have to float this for IE to move msg labe to top*/
#wrapper .msg-label {float:left; width:20%;} /*indents the message label inline with the rest*/
#wrapper .msg-label li {padding:0 3px 0 0;}
#wrapper .msg-box {float:right; width:80%; font-size:13px;} 

#wrapper .submitbutton {width:130px; height:29px; margin-top:5px; clear:both;}
#wrapper li.special {display:none;} /*for security box*/
#wrapper input {width:255px;}
#wrapper textarea {width:255px;}
#wrapper p {text-align:center;}

#middle-right .message {
	background:#eee; 
	color:#000;
	display:none;
	width:225px;
	padding:10px; margin-left:10px; /*inline with treatment-menu*/
	border:2px #797979 dashed;} 
#middle-right-book .message ul {list-style-type:none;}
#middle-right-book .message li {list-style-type:none; color:#c23a2e}
.bottom {
	font:0.7em Georgia, "Times New Roman", Times, serif;
	color:#9698a0;
	padding-top:15px;	
	}
.bottom span {color:#bd2121; text-decoration:underline;}
.red {color:#c73a31;}
h5 {font-size:1.4em; font-style:italic; /*text-align:center; color:#fff;*/ margin:5px 0 5px 0;color:#9698a0; font-family:Georgia, "Times New Roman", Times, serif;}
h4 {font-size:28px; display:inline; margin: 5px 0 5px; color:#fff; font-family: Georgia, "Times New Roman", Times, serif; color: #8C8C8C;}
h2 {font:normal 2.2em Georgia, "Times New Roman", Times, serif; color:#000; /*position:absolute;*/ left:25px; top:125px;}
h2 span {color:#c73a31;}