@charset "utf-8";
/* CSS Document */


* {
	margin:0;
	padding:0;
	
	
}

body { font-family:Arial, Helvetica, sans-serif; font-size:13px;  background:#5b78ff; color:#dedede;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
.clr {clear:both;}

.lefttube { float:left;}
.righttube { float:right;}

ul { margin:0; padding:0;}

h1 { font-size:22px; color:#016990; font-weight:lighter; margin:15px 0 15px 0px; border-bottom:1px dotted #c7c6c6; padding-bottom:5px;}
h2 { font-size:15px; color:#5B78FF; margin:10px 0 0 0px; font-weight:bold;}

h3 { font-size:13px; color:#444; font-weight:bold; margin:15px 0 3px 0px; padding-bottom:0px; font-style:italic; }

h4 { font-size:14px; color:#566; margin-bottom:5px; text-align:center;}

p { margin:5px 0px 20px 0px; text-align:justify; line-height:18px; word-spacing:0px; white-space:0; font-size:13px; color:#545454;}

b {color:#545454;}

#topcontainer { width:100%; background:#2e5eb0; height:119px; clear:both; border-bottom:3px #768FFF solid;  }

.shadowcontainer{ background:url(../../images/shadow-bg.png) repeat-y; width:1014px; margin:auto; }

#header{ width:978px; height:119px; background:url(../../images/header-bg.jpg) no-repeat; margin:auto; position:relative; z-index:6000;}

#logocontainer{ width:255px; height:107px; float:left; margin:8px 0 0 15px; background:url(../../images/logo.png);}
#logocontainer img{ border:0px;}

#top-click-here{ width:426px; float:right; margin-right:7px;}
#top-click-here img{ border:0px;}

#topmenu{ width:685px; float:right; margin-top:50px;}
/*#topmenu ul { list-style:none;}
#topmenu li {
 float:left; 
 color:#fff;
 padding:0px 1px; 
 line-height:35px;
 font-size:13px;
 text-align:center; 
 background:url(../../images/top-menu-bg.png) no-repeat;
 width:111px;
 }
#topmenu a { color:#fff; text-decoration:none;}
#topmenu a:hover { color:#b9dffc; text-decoration:none;}
*/

/*#topmenu ul {list-style:none;margin:0;padding:0;}
#topmenu 	li {float:left;width:111px;margin:0 0 0 2px;padding:0;text-align:center;}
#topmenu 	li a {display:block;padding:0px;color:#FFF;text-decoration:none; height:37px; line-height:37px;}
#topmenu 	li a {background:url(../../images/top-menu-bg.png) no-repeat 0 0;}
#topmenu 	li a:hover, li a:focus, li a:active {background-position:-150px 0;}
#topmenu 	#a a {background:url(../../images/top-menu-bg.png) no-repeat 0px 0px;}*/
/*#topmenu 	#a a {background:url(../../images/top-menu-bg.png) no-repeat -20px 35px;}*/

#topmenu ul {list-style:none;margin:0;padding:0; z-index:9000;}
#topmenu 	li {float:left;width:111px;margin:0 0 0 2px;padding:0;text-align:center;}
#topmenu 	li a {display:block;padding:0px;color:#FFF;text-decoration:none; height:37px; line-height:37px;}
#topmenu 	li a {}
#topmenu li ul li a { background-image:none;}
#topmenu li ul li  { text-align:left;}
/*#topmenu 	li a:hover, li a:focus, li a:active {background-position:-150px 0;}
#topmenu 	#a a {background:url(../../images/top-menu-bg.png) no-repeat 0px 0px;}*/

#midcontainer{ width:100%;  }

#contantcontainer{ width:978px; background:#fff;  margin-left:18px; margin-top:-3px; padding-top:7px; position:relative;  }

#text-container2 { padding:0 15px; width:785px;}

#banner{ width:510px; float:left; border:3px solid #e8e8e7; height:253px; margin:0 0 4px 2px;}

#video{ width:449px; float:right; border:3px solid #e8e8e7; height:253px; margin:0 2px 4px 0; position:relative; z-index:10;}

#contant-sub{ width:978px; background:#fff;}

#leftmenu{ width:155px; float:left; }
#leftmenu ul {
margin:0 0 0 0px;
padding:0;
list-style:none; background:#2980C3;
}

#leftmenu li {

width:155px;
font-size:13px;


}

#leftmenu li a { display:block; height:30px; line-height:30px; color:#fff; text-decoration:none;padding-left:10px; }
#leftmenu li a {background:url(../../images/left-menu-bg2.png) no-repeat 0 0;}
#leftmenu li a:hover, li a:focus, li a:active {background-position:-150px 0;}
#leftmenu #b a {background:url(../../images/left-menu-bg2.png) no-repeat 0 0;}

/*#leftmenu a {
color:#fff;
text-decoration:none;
}

#leftmenu a:hover {
color:#b9dffc;
text-decoration:none;

}*/

/*#leftmenu .selected a{ color:#a60a37;}*/

#sub-contant-container{ width:818px; float:left; padding-right:5px;}

#main-textcontainer{ width:800px; background:#fff; float:left;}

.gym ul{ margin-left:0px; padding-bottom:5px;}
.gym li {
		font-size:13px;	
	list-style:url(../../images/bullet3.gif);
	font-size:13px;
	color:#4a4848;
	margin:0px 0px 0px 23px;
	padding-bottom:2px;
	line-height:20px;}
.gym li a{color:#4a4848; text-decoration:underline;}
.gym li a:hover{color:#4a4848; text-decoration:none;}

.list-left {float:left; width:170px; margin-right:20px;}
.list-right { float:left;}

.pic-right{ float:right; border:3px solid #e8e8e7; margin:5px 0px 10px 20px; padding:1px;}
.pic-left{ float:left; border:3px solid #e8e8e7; margin:5px 20px 10px 0px; padding:1px;}

#home-left{ width:530px; background:#fff; float:left; margin-left:20px;}

#home-right{ width:245px; float:right; padding-right:1px;}

#checkout {width:125px; position:absolute; left:270px;}
#checkout img{ margin:5px 0 0 20px; border:0px;}

#newsletter{ width:330px; height:32px; /*background:url(../../images/newsletter-bg.png) no-repeat;*/ position:absolute; right:0px;  top:35px; clear:both;}
#newsletter h2 { font-size:14px; color:#fff; margin:10px 6px 0 11px; font-weight:bold; float:left; display:inline;
				}
#newsletter input { float:left; margin-top:7px; }
#newsletter .text { margin-top:10px; margin-right:4px;background:#2E5EB0; border:1px #67BFE6 solid; color:#fff; padding:2px; width:135px;}

#letter{padding:0 0 0 8px; margin-left:3px; }

.text { color:#777; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#facebook-shadow{ width:244px; background:url(../../images/facebook-shadow.gif) repeat-y;  clear:both; margin-top:5px;}
#facebook-text-container{
	width:234px; 
	background:#fff url(../../images/facebook-gradient-bg.jpg) repeat-x ;
	margin:auto;
	height:583px;
	
	}

#facebook-inner-text{ width:210px; float:right; padding:0 3px; padding-bottom:15px;}
#facebook-inner-text p { margin:5px 5px 5px 0; text-align:justify; line-height:14px; word-spacing:0px; white-space:0; font-size:11px; color:#2f2f2f;}


#facebook-logo{width:230px; background:#124e80; height:58px;}
#facebook-logo img{ border:0px;}
#facebook-logo h2 { font-size:13px; color:#fff; margin:10px 0px 0 6px; font-weight:bold; float:left;}

#facebook-fans{width:230px; border-top:1px solid #a8c0d1;}

#facebook-shadow-top{ width:244px; background:url(../../images/facebook-shadow-top.gif) no-repeat; height:3px;}
#facebook-shadow-bottom{ width:244px; background:#fff url(../../images/facebook-shadow-bottom.gif) no-repeat bottom; height:5px;}

#facebook-twitter{width:141px; position:absolute; left:400px;}
#facebook-twitter img{ margin-left:0px; border:0px;}

#footer{
height:57px;
clear:both; 
text-align:center; 
color:#fff; 
font-size:14px;
line-height:57px;
margin:auto;
width:976px;
margin-top:20px;
background:url(../../images/footer-bg.png) repeat-x;}

#footer a { color:#ffffff; text-decoration:none; font-size:14px;}
#footer a:hover { color:#ffffff; text-decoration:underline;}

#footer-links { width:978px; margin:auto; padding:10px 0; line-height:12px;}

#left-links {float:left; width:400px;}
#left-links li { list-style:none; float:left; border-right:1px #fff solid; font-size:12px; padding:0 10px;}
#left-links a { color:#fff; text-decoration:none;}


#aquaweb { 

color:#fff; 
font-size:12px;
width:300px;
float:right;
background:#5b78ff;
text-align:right;

}
#aquaweb a { color:#fff; text-decoration:none; }

.click a { color:#2E5EB0; text-decoration:underline;}
.click a:hover { color:#2E5EB0; text-decoration:none;}

#team{ margin:5px 0px 0px 0px;}
#team h3 { font-size:13px; color:#444; font-weight:bold; margin:0px 0 3px 0px; padding-bottom:0px; font-style:italic; }

#team img{ padding:5px 5px 5px 10px; }

.timetablehead{ color: #ffffff;font-weight: bold; background:#016990;}

.timetable{ color: #000; background:#d9dadc; padding:4px 0;}

.timetable2{ color: #000; background:#E8EBEE; padding:4px 0;}

.timetable3{ color: #fff; background:#308CD2; padding:4px 0; font-weight: bold}

.timetable4{ color: #fff; background:#308CD2; padding:4px 0 4px 15px;}

.opening-time{ color: #000;}

.staff{ color: #fff; background:#E8EBEE;}
.staff p { margin:5px 10px ; text-align:justify; line-height:18px; word-spacing:0px; white-space:0; font-size:13px; color:#545454;}
.staff h3{ font-size:13px; color:#444; font-weight:bold; padding:5px 0 3px 10px;  font-style:italic; }

#gallery ul{ list-style:none;}
#gallery li { float:left; text-align:center; width:245px; padding:0 16px 10px 0;}
#gallery img { display:block; margin:auto; border:3px #eee solid; padding:2px;}

.click-view { text-align:center; display:block; font-weight:normal; font-size:11px;padding-top:2px;}
.click-view a { color:#049DD7; text-decoration:none;}


#menu-nutrition {
	background:#1778C1 url(../../images/menu2-bg.gif) no-repeat;
	width:699px;
font-size:13px;
padding-top:7px;
margin:25px 0 40px 20px;
height:28px;

}

#menu-nutrition ul { margin-left:20px;}

#menu-nutrition li {
float:left;
list-style-type:none;
padding:0px 22px;
line-height:20px;
height:20px;
padding-left:20px;

}



#menu-nutrition a {
color:#fff;
text-decoration:none;
}

#menu-nutrition a:hover {
color:#111;
}

.off {background:url(../../images/m-sep.png) no-repeat;}
#on {background:url(../../images/m-sep-down.png) no-repeat;}
#on a { color:#000; font-weight:bold;}

.item-head{ color:#003366; size:14px; font-weight:bold;}
.item-head-red{ color:#139FDC; size:14px; font-weight:bold;}

#item-name {
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#111;
font-weight:bold;
padding-bottom:10px;
border-bottom:1px #ccc dotted;


}

.item-details {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003466;
font-weight:normal;
padding-bottom:5px;
}

.product-features ul{ margin-left:0px; padding-bottom:5px;}

.product-features li{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003466;
font-weight:normal;
padding-bottom:5px;
list-style:url(../../images/bullet2.gif);
}

.protein-tab td { padding-left:15px;}

.r-border { border-right:1px #ccc solid; }

.b-border { border:1px #ccc solid; background:#fff; padding-top:10px;  }


.box { width:360px; border:1px #D8DEE3 solid; float:left; background:url(../../images/box-bg.gif) repeat-x; padding:1px;
			margin-right:10px; margin-bottom:15px; font-size:13px;}
.box h3 { background:#1b95c2; font-size:16px; color:#fff; margin:0; padding:5px 10px; font-style:normal;}
.box-left { float:left; width:160px; padding-top:12px;}
.box-right { float:right; width:165px; background:#e0e1ee; padding:12px 0 0 10px; height:165px;}
.box-right br { margin-bottom:14px; clear:both}
.box ul { margin-left:23px;}
.box li { color:#999; padding-bottom:7px; line-height:14px;}
.box li span { color:#333;}
.box label { width:60px; float:left; color:#1966A1; font-weight:bold;}
.form-button { border:0; float:right; clear:both; margin-bottom:8px; margin-right:10px;}
.product { border-top:3px #D8DEE3 double; padding-top:10px; margin-top:1px;}

.gen-tab {  font-weight:normal; color:#666; font-size:13px;}
.gen-tab td { height:20px;}
.gen-tab span { color:#277DC0; font-weight:bold;}

.timings { color:#333; }
.timings td { background:#eee; padding:3px;}

#felda-office { background:url(../../images/felda-office.jpg) no-repeat; width:624px; height:300px; margin:auto; padding-top:140px;}

#opening-times { font-size:15px; font-weight:bold; background:url(../../images/opening-bg.png) no-repeat; 
					margin:auto; height:262px;  width:236px; padding:30px 0 0 10px;}
					
#opening-times td {  padding: 10px 5px; color:#111; border-bottom:1px #999 solid;}
#opening-times span { color:#176CA5;}

.sports-prize {color:#000; font-size:13px;}

#join-online ul{ }
#join-online li{
float:left;
list-style:none;
padding:0 3px;
}

#join-online li img{ border:0;}

#timetablenew { background:url(../../images/tt-bg.gif) repeat-y; width:777px; color:#fff; margin-top:10px;}
#timetablenew td {  font-weight:bold;  line-height:11px; }
#timetablenew em { font-size:9px;}

#form { border:5px #eee solid; padding:5px 15px 15px 15px; background:#f5f8fb;}

#timetablenew-top { background:url(../../images/tt-top.gif) no-repeat;}

#timetablenew-bot { background:url(../../images/tt-bot-bg.gif) bottom no-repeat;}

.timetablenew-head{ font-weight: bold; font-size:14px; text-align:center;}

.timetablenew-time { color:#fff; background:none; font-size:11px; text-align:right; padding-right:3px;}


.timetablenew-yellow { background:url(../../images/td-yellow.png) no-repeat; height:25px; width:91px; font-size:11px; color:#004372; text-align:center;}

.timetablenew-blue {background:url(../../images/td-blue.png) no-repeat; height:25px; width:91px; font-size:11px; color:#004372;text-align:center;}

.download { color:#03F; line-height:32px;/* background:url(../../images/download.gif) no-repeat center left;*/ margin-top:10px; }
.download a { text-decoration:underline; margin-left:5px; color:#008FCA;}
.download a:hover { text-decoration:none;}

#fitness-tab { text-align:center; color:#333;}
#fitness-tab img{ border:2px #257BBC solid; padding:1px; margin: 0 1px 5px 0; display:block;}




#slides {
	position:relative;
	height:253px
}
	#slides a {
		float:left;
		position:absolute;
	}
	
	#slides a img {
		border:none;
	}
	
	#slides a.show {
		z-index:500
	}

	#slides .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:50px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#slides .caption .content {
		margin:5px
	}
	
	#slides .caption .content h3 {
		margin:0;
		padding:0;
		color:#fff;
		font-size:18px;
	}

#slides .caption .content h3 span { color:#3CB5DC;}