@charset "utf-8";
/* CSS Document */
#homebanner{width:960px; height:241px;}

#pager_home_banner{width:10px;margin:205px 0 0 5px; float:left;}
.banner_scroll{z-index:100;}
.banner_pager{padding:5px;z-index:200;margin:0;background-color:rgba(174,26,48,0);}
.banner_pager a{background-color:#5A3795;color:#fff !important;padding:0px 3px;margin:1px 3px;font-size:10px;text-decoration:none;}
.banner_pager a.activeSlide{border:1px solid #5A3795;background-color:#fff;color:#5A3795 !important;font-weight:bold;}
.banner_pager a:hover{background-color:#fff;color:#000;}

#banner{width:960px;height:240px;overflow:hidden;
	/* -moz-box-shadow: 1px 1px 4px #999;  FF3.5+ */
	/* -webkit-box-shadow: 1px 1px 4px #999;  Saf3.0+, Chrome */
	/* box-shadow: 1px 1px 4px #999;  Opera 10.5, IE 9 */
}

#yoga-style a{color:#000;}
#yoga-style a.current{color:#8cc63e; font-weight:bold;}

a:link {color: #000000; text-decoration: none; font-size:12px; font-weight:normal;}
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: underline; color: #666666;}
a:active {text-decoration: none;	color: #999999;}
#cyclingImage img{border:0;}
#cyclingImage {float:left; width:400px; height:200px; margin-left:5px;}

body {font-size:14px; margin:0px; line-height:22px; font-family:Arial, Helvetica, sans-serif; }
.STYLE2 {color: #296969}
.input { border:0px; border-bottom:1px solid #296969; width:96px;  height:16px; line-height:16px;}
#login a,a:link{color:#296969; text-decoration:underline;}
p {line-height:25px; color:#605668; }
ul{color:#605668;}
.redfont {color:#ff0000;}
.ctn_font{letter-spacing:1px;}
.maginleft {margin-left:15px;}
.required{color: #333;}

abbr{border:0;}


/*font*/
.font1 {Color: #00ADF1; font-weight: bold; font-size:13px;}
.font2 {Color: #92278f; font-weight: bold; font-size:13px;}
.font3 {Color: #f7941d; font-weight: bold; font-size:13px;}
.font4 {Color: #d4a477; font-weight: bold; font-size:13px;}
.font5 {Color: #8cc63e; font-weight: bold; font-size:13px;}

/*header*/
#header{}
.lang_txt{margin:2px 0 0 0 !important;}
.lang_txt2{margin:1px 0 0 0 !important;}
#lang_share {clear:none; float: right;display: block; color: #FFF; background-color: #a8c338;padding: 2px 2px 2px 2px; font-size:12px;
margin:0 10px 5px 0; -moz--bottom-right-radius: 10px; border-bottom-right-radius: 10px;}

#lang_share_grey {clear:none; float: right;display: block; color: #FFF; background-color: #ABADAF;padding: 2px 2px 2px 2px; font-size:12px;
margin:0 0 5px 0; -moz-bottom-left-radius: 10px; border-bottom-left-radius: 10px;}

#lang_share_grey ul{padding:0 5px 0 5px;}
#lang_share_grey li {color: #FFF; padding: 0 0 0 2px; display:inline-block;height:25px; font-size: 13x; overflow:hidden; vertical-align:middle; list-style:none;}
#lang_share_grey li a{color: #FFF;display:inline-block;height:25px;overflow:hidden; font-size: 13x; vertical-align:middle; list-style:none;}
#lang_share_grey a:hover{color:#666;}
#lang_share_grey a.lang{padding: 0 0 0 0;}
#lang_share_grey #top_menu{height:25px;overflow:hidden;}
#lang_share_grey #top_menu li{list-style:none;float:right;margin:0px;}
#lang_share ul{padding:0 5px 0 5px;}
#lang_share li {color: #FFF; padding-right:2px; display:inline-block;height:25px; font-size: 13x; overflow:hidden; vertical-align:middle; list-style:none;}
#lang_share li a{color: #FFF;display:inline-block;height:25px;overflow:hidden; font-size: 13x; vertical-align:middle; list-style:none;}
#lang_share a:hover{color:#666;}
#lang_share a.lang{padding: 0 2px 0 2px;}
#lang_share a.email{background:url(../images/icons/icon_email.png) no-repeat center transparent;width:24px;padding:0px; margin-left:10px;}
#lang_share a.facebook{background:url(../images/icons/icon_facebook.png) no-repeat center transparent;width:24px;padding:0px;}
#lang_share a.addme{width:24px;padding-top:5px; background-color: none;}
#lang_share #top_menu{height:25px;overflow:hidden;}
#lang_share #top_menu li{list-style:none;float:right;margin:0px;}

#contact { z-index:auto;width: 320px;clear: height: 5px;none; float: right;display: block;color: #FFF;background-color: #a8c338;padding: 2px 2px 2px 2px; font-size:12px;
	-moz-bottom-left-radius: 10px;
	-moz--bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#contact a{ color: #FFF; text-decoration:none; font-weight:bold; }
#contact a:hover{ color:#451106;}
#contact li, #contact li a{float:left; list-style:none; color: #FFF; padding-right:5px;}

/*table*/

/*index*/
#news_scroller{width:752px;margin:0px 0px;background:#333;  color:#fff;height:25px;overflow:hidden; padding: 0 2px 0 4px;
-moz-bottom-left-radius: 4px;
	-moz--bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
-moz-top-left-radius: 4px;
	-moz--top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;}
#news_scroller .left{background-image:url(../images/home/index/news_fav.png) top left no-repeat;height:10px;width:5px;overflow:hidden;}
#news_scroller .content{width:694px;}
#news_scroller .content div{padding:5px 0px;}
#news_scroller a{color:#fff; }
#news_scroller a:hover{color:#fff;}
#news_scroller .news{width:626px;}
#news_scroller .news a{border-right: #CCC 2px solid; padding-right:10px; margin-right:10px;}
#news_scroller .right{height:10px;width:10px;overflow:hidden;}

#masters{width:263px; height:100px;float:left; text-align:center; padding:10px 0 0 0; border:#E5E5E5 1px solid; margin:8px 0 8px 0;}
#masters p{font-size:12px; line-height:13px; margin:4px; width:180px;}
.dickson h1{ font-size:22px; color:#6c588c;width:185px; margin-bottom:8px;}
.dickson{background:url(../images/home/dickson.jpg) no-repeat;background-position: right top; margin-right:8px !important;}
.jessica{background:url(../images/home/jessica.jpg) no-repeat;background-position: left top;}
.jessica h1{font-size:22px; color:#6c588c; width:190px; margin-bottom:8px;}
.jessica p{width:160px !important; padding-left:10px;}
.master-title h1{font-size:18px !important; color:#6c588c; width:190px; margin-bottom:2px !important;}

#gg li{margin-left:5px;}
#gg a:link {color: #000000; text-decoration: none; font-size:12px; font-weight:normal; line-height:22px;}
#gg a:hover {color: #000000; text-decoration:underline; color:#FF6600; font-size:12px; font-weight:normal; line-height:22px;}
#news {color:#0066CC;}
#news a{color:#0066CC;}
#news a:hover{color:#0066CC !important; text-decoration:underline;}
#news li{ list-style-image:url(../images/ic_arrow1.gif);}
.padding{ padding:10px;}
#about li{ list-style-image:url(../images/um.jpg);}

/* top nav */
#nav-top{ height: 30px; background-color: #8ea924; margin-top: 10px; border-top-left-radius:5px; border-top-right-radius:5px; padding-top:2px;}
#nav-top li a:hover{color: #000;}
#nav-top li a{color: #FFF; float:left;  font-size: 16px; font-weight:500; font-family:"SimHei", STHeiti, Microsoft YaHei; padding-right:18px;}
#nav-top ul {margin: 0 0 0 -24px;}

#nav-top ul li {height: 20px; width: auto; line-height: 20px;list-style:none; float:left;}

#nav-top ul li span.icon {width: 18px; height: 18px; float: left; margin: 4px 4px 0 0; display: block; background:url(../images/nav/nav-icon.png);}


/* navigation */
#nav {width: 198px;	margin: 0; margin-left:-5px; float:left;}
#nav li a:hover{color: #333;}
#nav li a{color: #666;}
#nav ul {margin-left: -30px;}
#nav ul li {
	height: 30px;
	line-height: 14px;
	font-size: 14px;
	font-family: "SimHei", STHeiti, Microsoft YaHei;
	list-style:none;
}

#nav ul li span.node {
	width: 5px;
	height: 30px;
	float: left;
	margin: 0 0;
	display: block;

}
#nav ul li span.color1 {background: #e1d7be;}
#nav ul li span.color2 {background: #9b92bd;}
#nav ul li span.color3 {background: #f05f6c;}
#nav ul li span.color4 {background: #f68b1e;}
#nav ul li span.color5 {background: #f8c113;}
#nav ul li span.color6 {background: #dbe11f;}
#nav ul li span.color7 {background: #f4d59e;}
#nav ul li span.color8 {background: #f4857a;}
#nav ul li span.color9 {background: #f6a1a2;}
#nav ul li span.color10 {background: #b16dad;}
#nav ul li span.color11 {background: #dda4ca;}
#nav ul li span.color12 {background: #b8cbe3;}
#nav ul li span.color13 {background: #2b348a;}
#nav ul li span.color14 {background: #00736f;}
#nav ul li span.color15 {background: #F90;}
#nav ul li span.color15 {background: #F90;}
#nav ul li span.color16 {background: #5955a2;}

#nav ul li span.link {
	width: 154px;
	display: block;
	float: left;
	padding: 4px 0px 0px 5px;
	cursor: pointer;
	font-size:14px;
	font-family: "SimHei", STHeiti, Microsoft YaHei;
	font-weight:500;
}

/* dropdown navigation */
#sub-nav ul{margin-left:50px !important;}
#sub-nav ul li{ margin-left:50px; list-style:circle;}

/* monthly focus */
#monthly_focus{
	width: 510px;
	overflow: hidden;
	padding: 10px 14px 0 14px;
	margin-top: 5px;
	background-color: #f15e6d;
}
#monthly_focus p{width:510px; color:#FFF;}


/* Index */
marquee a{margin-right:20px;}

#home{margin-top:12px;}
#home_left{float:left; width:550px;}
#home_left p{padding:5px 10px 0 5px;}

#home_right{float:left; width:190px; margin-top:5px; margin-left:0;}
#home_right h1{background:url(../images/header/event_photo_video.png) no-repeat top left; font-size:14px !important; padding:0 0 0 10px; margin:0 0 5px 0;}
#home_right a{color:#684984 !important;}
#home_right img{margin-bottom:8px;}
/*content*/
#content {width:758px; display:block; float:left; border-left: #EBEBEB 1px solid; padding:0 0 0 8px;}
#content-en {width:740px; display:block; float:left; border-left: #EBEBEB 1px solid; padding:0 0 0 8px;}
#q-tableL{width:260px; float:left;}
#q-tableR{width:350px; float:left;}
#footer #associations{text-align:center; vertical-align:middle;}
#footer #associations img{margin:4px;}
#footer {color:#7a7a7a;font-size:11px;background:#eee; }
#footer .gray{padding:10px;margin:10px 0px 20px 0px; }
#footer .gray .content{color:#7a7a7a;}
#footer a{color:#7a7a7a;font-size:11px;}
#footer a:hover{color:#333;}

a.foot_facebook{background-image:url(../images/topbar/icon_facebook.png);background-repeat:no-repeat;padding-left:20px;background-position:0px 3px;display:inline-block;height:16px;overflow:hidden;padding-top:3px;}


/*contact*/

#contact-us{width:500px; margin-left:20px; line-height:24px;}
#google_map{
	width: 300px;
	margin-left: 20px;
	border: 1px solid #b5b9bc;
	padding: 0px;
	float: left;
	margin-bottom: 20px;
}
#contact-us_form{padding-left:20px;}



/*travel-log*/
#travel-log h2{margin:0; font-size:22px; font-weight:bold; color:#a8c338; background:none;}



/*about yoga*/


#newLink {font-weight:bold; font-size:13px;}
#newLink img{border:0px; margin-right:13px;}
#newLink a,a:link{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#79AFEC ; font-size:13px; line-height:25px;}
#newLink a:hover {color:#79AFEC ; }
#newLink a:visited {color:#79AFEC ; }

/**/
.bodyr a,a:link{font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#0066CC; font-size:12px; line-height:25px; text-decoration:none;}
.bodyr a:hover {color:#FF3300; text-decoration:underline;}
.bodyr a:visited {color:#0066CC;}

#foot {color:#fff;}
#foot a:link {color:#fff;}
#foot a:visited {color:#fff;}
#foot a:hover {color:#000000; text-decoration:underline;}
#foot a:active {color:#000000;}

.news a:link {color:#0066CC;}
.news  a:visited {color:#0066CC;}
.news  a:hover {color:#000000; text-decoration:underline;}
.news  a:active {color:#0066CC;}

div#submitForm fieldset{text-align:left;width:595px;margin:auto;margin-bottom:20px;}
div#submitForm fieldset label{display:inline-block;text-align:right;width:30px;margin-right:5px;}
div#submitForm fieldset input.data{width:300px;}
div#submitForm fieldset input{margin-right:5px;}
div#submitForm fieldset textarea{width:300px;height:200px;}

div.pdfLink{text-align:right;}
div.pdfLink img{vertical-align:middle;border:0;}

.video ul{width:100%;list-style:none; padding:0px;}
.video ul li{list-style:none; display:inline-block; padding-right:10px;}
.video_title{font-size:12px; font-weight:bold; color:#000; width:180px; text-align:center;}


.column{float:left;position:relative;overflow:hidden;}
.bookinfo{width:150px;}
.bookinfo ul{padding:0px; margin:0px;}
.bookinfo ul li{display:inline-block; list-style:none; line-height:15px; padding-bottom:15px;}
.txt_green{color:#4c5f05; font-weight:bold;}

#classes{width:100%; text-align:left;}
#classes .topbtn{padding:2px 5px; background:#8da827; color:#60721d; text-align:center;}
#classes .topbtn a{font-weight:bold; padding:0px 5px; color:#fff; font-size:15px;}
#classes .topbtn a:hover{font-weight:bold;}
#classes .main_container{width:100%; padding:10px 0px 0px 0px; font-weight:bold; line-height:17px; font-size:13px;}
#classes .each h3{font-size:14px; font-weight:bold; color:#000; margin:5px 0px; text-align:left;}
#classes .each h4{color:#ff3d04; font-size:18px; font-weight:bold; margin:7px 0px 2px 0px; text-align:left;}
#classes .each .sub{float:left; position:relative; overflow:hidden; font-size:14px; vertical-align:top; font-weight:bold; text-align:left; padding-top:5px;}
#classes .each .content{float:left; position:relative; overflow:hidden;}
#classes .each .content ul{color:#000; font-size:14px; padding-left:5px; margin:0px; vertical-align:top; font-weight:bold; text-align:left;}
#classes .each .content ul li{padding:0px; margin:0px; list-style:none; font-weight:bold; text-align:left; height:auto;}
#classes .each img{padding-right:10px;}
#classes .each .btn a{background:url(../images/quarry-bay-class/tc/btn-left.png) top left no-repeat; height:34px; font-size:13px; font-weight:bold; color:#420f00; float:left; padding:8px 0px 0px 10px;}
#classes .each .btn{background:url(../images/quarry-bay-class/tc/btn-right.png) right no-repeat; height:34px; padding:10px;}
#classes h2{background:url(../images/quarry-bay-class/tc/green-bg.jpg) top left no-repeat; padding:8px 0px 0px 8px; color:#420f00; font-size:20px; font-weight:bold; height:34px; margin-bottom:5px; display:inline-block; width:100%;}
#classes .title{color:#ff3d04; font-size:16px; font-weight:bold; display:inline-block; padding:8px 0px; display:inline-block; width:100%;}
#classes h5{margin:0px; font-size:15px; color:#000; font-weight:bold; padding-bottom:10px; text-decoration:underline;}

/*shopping*/
#product-list ul{padding-left:10px;}
#product-list li{padding:0px; width:234px; height:290px; list-style:none; vertical-align:text-top; display:inline-block; border:solid 1px #CCC; margin:10px 10px 5px 0;}
#product-list h3{font-size:20px; color:#a8c338; margin:0; padding:0 0 0 10px;}
#product-list h2{font-size:16px; margin:0; padding:0 0 0 10px;}

#product-list-en ul{padding-left:10px;}
#product-list-en li{padding:0px; width:228px; height:310px; list-style:none; vertical-align:text-top; display:inline-block; border:solid 1px #CCC; margin:10px 10px 5px 0;}
#product-list-en h3{font-size:20px; color:#a8c338; margin:0; padding:0 0 0 10px;}
#product-list-en h2{font-size:16px; margin:0; padding:0 0 0 10px;}
#product-list-en img{width:228px;}

/*shopping*/
#vegi-menu h1{ color:#A7D114; text-align:center; margin:50px 0 20px 0; background:url(../images/vegi-kitchen/bg/h1.jpg) no-repeat center; height:20px; padding:10px 0 10px 0;}
#vegi-menu-l{float:left; width:540px; padding-left:110px;}
#vegi-menu-l h2{border:0; background:none; font-size:20px; color:#605668; font-weight:bold; padding:0; margin:0 0 0 20px; width:auto;}
#vegi-menu-l p{ line-height:14px;}
#vegi-menu-R{float:left; width:50px;}
#vegi-menu-sp h2{border:0; background:none; font-size:20px; color:#605668; font-weight:bold; padding:0; margin:0 0 0 20px; width:auto;}
#vegi-menu-sp{text-align:center;}
#vegi-menu-sp p{margin-left: 90px;}
.spacing{clear:both; margin-bottom: 20px;}

.block{display:block;}
.fLeft{float:left !important;}
.fRight{float:right !important;}
.hLeft{text-align:left !important;}
.hRight{text-align:right !important;}
.hCenter{text-align:center !important;}
.vMiddle{vertical-align:middle !important;}
.vTop{vertical-align:top !important;}
.vBottom{vertical-align:bottom !important;}
.clear{clear:both;display:block;height:0px;overflow:hidden;visibility:hidden;width:0px;}

.promotion h3{color:#721a00; padding-bottom:5px; font-size:13px; margin:0px; text-decoration:underline; }
#content-list ul{margin-left:170px !important;}