/* Global CSS Document */


/* /////////////// basic elements /////////////// */

body {
	margin:0;
	padding:0;
	font:75%/1.4 verdana,Helvetica,sans-serif;
	background:url(../images/grey_bg2.jpg) repeat-x;
	height: auto;
	/*background: url(../images/bg_gradient.jpg) repeat top center;*/

}


p {
	color:#000000;
	margin:0;
	padding:0;
	font-size: 11px;
}



.aboutus h1, .support h1, .sitemap h1, .terms h1, .return_page h1, .feedback_page h1, .feedback_min_page h1, .competition h1, .terms_EO h1, .unsubscribe h1{
	display:block;
	font-size:18px;
	padding:0 0 0 10px;
	margin:10px 0;
}



.support h2 {
	font-size:12px;
	padding:0 0 5px 5px;
	margin:10px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#999999;
	color:#000000;
	text-align:left;
	width:490px;
}

.priceenquiry h2 {
	font-size:14px;
	padding:20px 0 0 10px;
	margin:0 0 10px 0;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#999999;
	color:#000000;
	text-align:left;
	width:700px;
}


.aboutus h2, .sitemap h2, .terms h2, .return_page h2, .terms h2 {  
	font-size:14px;
	padding:0 0 0 10px;
	margin:10px 0 10px 0;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#999999;
	color:#000000;
	text-align:left;
	width:660px;
	clear: both;
}


.terms_EO h2{
	font-size:11px;
	padding:0;
	margin:10px 0;
	border-bottom:1px #999999 dotted;
	color:#000000;
	text-align:left;
}

.return_page p {
	margin:20px 0 20px 10px;
}

.feedback_page h2 {
	font-size:18px;
	padding:0 0 0 10px;
	margin:20px 0;
	color:#000000;
	text-align:left;
	width:660px;
	clear: both;
}


.democdenquiry h2 {
	font-size:14px;
	padding:0 0 0 10px;
	margin:10px 0 10px 0;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#999999;
	color:#000000;
	text-align:left;
	width:380px;
	clear: both;
}

h2{
	font-size:12px;
	text-align:center;
	color:#ffffff;
	margin:0;
}


/*h3 {
	margin:0;
	color:#000000;
	font-weight: bold;
	font-size:10px;
}*/

h3 {
	margin:0;
	padding:10px 0 0 0;
	font-size: 12px;

}

#indexhome h3 {
padding-left: 5px;
}

h4 {
	font-size: 10px;

	padding-left: 5px;
	margin: 0;
}

.clear {
	clear:both;
	margin: 0;
	padding: 0;
}
 
.errormsg {
	font-size:9px;
	color:#FF0000;
	margin: 0;
	float: left;
	width: 250px;
	padding: 0 0 0 5px;
	line-height: 15px;
}

/* For English Online - Worksheets page */
#worksheets_body {
	margin:0 auto;
	width:676px;
	background: url(../images/program/ProductPopupBg_line.jpg) repeat;
}

#demo_body {
	margin:10px 0 0 10px;
	width:676px;
	background: url(../images/program/ProductPopupBg_line.jpg) repeat;
}


/* For Toefl demo pop up screen */
#demo_body_toefl {
	margin:10px 0 0 10px;
	width:600px;
	background: url(../images/program/ProductPopupBg_line.jpg) repeat;
}

/* For splendid speaking demo pop up screen */
#demo_body_splendid {
	margin:10px 0 0 10px;
	width:700px;
	background: url(../images/program/ProductPopupBg_line.jpg) repeat;
}


/*Do NOT remove! CSS to hide random contents in JS enabled browsers - For RandomContent.js*/
.jsclass body .randomcontent{ 
display: none;
}

/*Do NOT remove! CSS to hide random Order contents in JS enabled browsers - For RandomContent.js*/
.productgroup1{
visibility: hidden;
}

.readmore_withline {
	margin:0;
	font-size:9px;
	color:#000000;
	font-weight: normal;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 210px;
	text-align: right;
	border-top:dotted;
	border-top-color:#999999;
	border-top-width:thin;
	height: 20px;
	padding: 5px 5px 0 0;
}

.readmore {
	margin:0;
	font-size:9px;
	color:#000000;
	font-weight: normal;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 210px;
	text-align: right;	
	height: 20px;
	padding: 5px 5px 0 0;
}

.readmore_about {
	margin:0;
	font-size:9px;
	color:#000000;
	font-weight: normal;
	padding: 5px 5px 0 0;
}

.readmore a, .readmore_withline a, .readmore_about a{
	color:#000000;
	text-decoration:none;
}


.readmore img, .readmore_withline img, .readmore_about img{
	text-align:right;
	padding:0;
	margin:0;
	vertical-align:text-top;
	border: 0;
}

.bold {
	font-weight:bold;
}


.luckydraw_results_top {
	background:url(../images/comp/Bg_luckdraw_top.jpg) no-repeat;
	height: 58px;
	margin: 0;
	padding: 0;
}

.luckydraw_results_middle {
	background:url(../images/comp/Bg_luckdraw_line.jpg) repeat-y;
	padding: 10px 20px 10px 15px;
}








.luckydraw_results_middle ul {
	margin:0;
	padding:0;
	font-size: 11px;
	list-style: none;
	line-height: 16px;
	margin-bottom: 8px;
}

.luckydraw_results_btm {
	background:url(../images/comp/Bg_luckdraw_btm.jpg) no-repeat;
	height: 27px;
	margin: 0;
	padding: 0;
	clear: both;
}


.logo_right_button a {
	color:#FFFFFF;
	text-decoration:none;
}

.support_right_button_header {
	padding:0;
	color: #FFFFFF;
	background-image:url(../images/ContactSupport.jpg);
	height: 58px;
	font-size: 11px;
	padding: 160px 12px 0 12px;
	margin: 0 0 10px 0;
	width:158px;
	position: relative;
	line-height: 15px;
}

.support_right_button_mc_header {
	padding:0;
	color: #FFFFFF;
	background-image:url(../images/ContactMC.jpg);
	height: 58px;
	font-size: 11px;
	padding: 160px 12px 0 12px;
	margin: 0 0 10px 0;
	width:158px;
	position: relative;
	line-height: 15px;
}

.support_right_button_mc_rm {
	padding:0;
	color: #FFFFFF;
	background-image:url(../images/support/MC_RM.jpg);
	height: 172px;
	font-size: 11px;
	padding: 0;
	margin: 0 0 10px 0;
	width:182px;
	position: relative;
	line-height: 15px;
}

.support_right_button_mc_rm a {
	width:182px;
	height: 172px;
	display:block;
}

.support_right_button_header a, .support_right_button_mc_header a {
	color:#FFFFFF;
	text-decoration:underline;
}


.cls_right_button_header {
	background: url(../images/cls_ad.jpg) no-repeat top center;
	height: 264px;
	color: #FFFFFF;
	font-size: 11px;
	padding: 0;
	margin: 0 0 10px 0;
	width:181px;
}

.cls_right_button_header a.img {
	display:block;
	height: 178px;
	width:181px;
}

.cls_right_button_header .text {
	color:#000000;
	font-size:10px;
	margin:0 auto;
	padding:5px 20px 0 20px;
	line-height:14px;

}

.customer_right_button_header {
	background: url(../images/RightBtn_CS.jpg) no-repeat top center;
	height: 114px;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 11px;
	padding: 0;
	margin: 0 0 10px 0;
	width:177px;
}

.customer_right_button_header a {
	display:block;
	height: 114px;
	width:177px;
	
}

.comp_right_button_header {
	background: url(../images/RightBtn_Comp.jpg);
	height: 177px;
	cursor: pointer;
	color: #FFFFFF;
	padding: 0;
	margin: 0 0 10px 0;
	width:177px;
}

.comp_right_button_header a {
	display:block;
	height: 177px;
	width:177px;
	
}


.customer_right_button {
	width:172px;
	margin:0 auto;
	padding:0;
	height: 147px;
	cursor: pointer;
}

/* ////////////// layout ///////////////// */

/* Top Bar */
#topbar {
	height:25px;
	font-size: 10px;
	padding: 5px 0 0 90px;
	
}

#topbar p {
color: #000000;
}




#topheader {
	width:980px;
	height:110px;
	clear: both;

}

/* Middle box (Include Left & Right hand side) */
#middlebox {
	width:980px;
	margin:0;
	padding:0;
	background: url(../images/BtnBg.jpg) no-repeat bottom right;
	position:relative;
	
}

#middlebox_mc {
	width:750px;
	margin:0;
	padding:0;
	background: url(../images/BtnBg.jpg) no-repeat bottom right;
	
}

/*Middle Left area*/
#middleboxleft{
	width:780px;
	float: left;
	position: relative;
	height: auto;

}

/*Middle Big-Ad area*/
.middlead_right {
	width:586px;
	float:right;
	height:213px;
	margin: 0;
	padding: 0 0 5px 0;
}

/*Feature ad area*/
#bottom_right {
	width:586px;
	float:right;
}


#bottom_right h1 {
	display:block;
	margin:0;
	padding:0;
	height:30px;
	clear:both;
	color:#FFFFFF;
	
}

#bottom_ad {
	width:586px;
	position: relative;
	margin: 0;
	padding: 0;
}


#bottom_ad h1 {
	display:block;
	margin:0;
	padding:0;
	height:30px;
	clear:both;
	color:#FFFFFF;
	
}

.h1_black {
	background:url(../images/Bg_index_header_line.jpg) no-repeat;
}

.h1_blue {
	background:url(../images/program/ProductCentreBg_GE.jpg) repeat-y;
}

.h1_orange {
	background:url(../images/program/ProductCentreBg_Exam.jpg) repeat-y;
}

.h1_red {
	background:url(../images/program/ProductCentreBg_PP.jpg) repeat-y;
}

.h1_green {
	background:url(../images/program/ProductCentreBg_BE.jpg) repeat-y;
}

.h1_purple {
	background:url(../images/program/ProductCentreBg_TT.jpg) repeat-y;
}


#bottom_right h1 .left, #bottom_ad h1 .left {
	float:left;
	font-size:13px;
	margin:3px 0 0 14px;
	height: 27px;
	

}

#bottom_right h1 .right {
	float:right;
	font-size:10px;
	font-weight:normal;
	text-align:right;
	margin:6px 20px 0 0;
}

#feature_programs_box {
	overflow:hidden;
	width:586px;
	clear: both;
	margin: 0;
	padding: 0;
	height:330px
}

#feature_programs_box_one {
	overflow:hidden;
	width:500px;
	margin: 0 0 10px 0;
	padding: 0;
	height:110px;
}

.randomordercontent_outter {
	margin:0;
	padding:0;
	height:110px;
}

.randomordercontent {
	margin:0;
	padding:0;
}


/*Feature prgorams*/
/* Disable IE8 movement */
/*.randomordercontent {
	height:110px;
	margin:0;
	padding:0;
	
}
*/


.feature_programs {
	height:101px;
	padding:9px 5px 0 9px;
	margin: 0;
	background: url(../images/Bg_index_header.jpg) repeat-x;
}

.feature_programs_nobg {
	height:101px;
	padding:9px 5px 0 9px;
	clear: both;
}

.feature_programs_logo {
	width:138px;
	height:100px;
	background:url(../images/Bg_program_shadow.jpg) no-repeat;
	float:left;
	margin:0;
	padding: 0;
	
	
}

.feature_programs_logo_nobg {
	width:138px;
	height:100px;
	float:left;
	margin:0;
	border-right: 1px dotted #CCCCCC;
	
	
}

.feature_programs_logo img, .feature_programs_logo_nobg img {
	padding:5px 10px 10px 3px;
	border:0;
}

.feature_programs_text {
	width:240px;
	padding:0 3px 0 10px;
	float:left;
	margin: 0;
}

.feature_programs h2, .feature_programs_nobg h2 {
	display:block;
	color:#000000;
	font-size:12px;
	text-align:left;
	margin:0 0 5px 0;
	width: 100%;
	padding: 0;
}

.feature_programs p, .feature_programs_nobg p {
	margin:0;
	padding:0;
	font-size:10px;
	line-height: 15px;
}

.feature_programs_see {
	width:175px;
	float:left;
	margin:0 0 0 5px;
	padding: 0;
}

.feature_programs_see img {
	margin:5px 1px 0 0;
	border:0;
}

a.info_iframe {
	background:url(../images/Front_featurelogo.jpg) repeat;
	width:53px;
	height:53px;
	display:block;
	float:left;
	margin:5px 5px 0 0;
	padding:0;
}

a.price_iframe {
	background:url(../images/Front_pricelogo.jpg) repeat;
	width:53px;
	height:53px;
	display:block;
	float:left;
	margin:5px 5px 0 0;
	padding:0;
}


a.demorequest_iframe, a.demo_general, a.demochoose_iframe, a.demotoefl_iframe, a.demoRM_iframe, a.demoClarity_iframe, a.demoWeb_iframe, a.demoSS_iframe {
	background:url(../images/Front_demologo.jpg) repeat;
	width:53px;
	height:53px;
	display:block;
	float:left;
	margin:5px 5px 0 0;
	padding:0;
}


/* Right Ad area */
#middleboxright {
	width:184px;
	padding:15px 7px 10px 7px;
	float: right;
}


/* Menu */
.menubox {
	height:26px;
	margin:0;
	padding:0;
	position: absolute;
	bottom: 10px;
	width:695px;
	left: 90px;

}

#menu-home{
	background:url(../images/menubtn_frontbg_off.jpg) no-repeat;
	width:80px;
	height:27px;
	float:left;
}

#menu-home a span{
	float:left;
	padding:0;
	margin:4px 0 0 0;
	height: 20px;
	width:79px;
	border-right:solid #FFFFFF 1px;
}

#menu-home a:hover{
	background:url(../images/menubtn_frontbg_on.jpg) no-repeat;	
}



#menu-about {
	width:110px;
	background:url(../images/menubtn_endbg_off.jpg) no-repeat;
	height:27px;
	float:left;
}

#menu-about a span {
	float:left;
	margin:4px 0 0 0;
	padding:0;
	width:110px;
	height: 20px;

}

#menu-about a:hover{
	background:url(../images/menubtn_endbg_on.jpg) no-repeat;

}



.menubox ul{
	list-style:none;
	margin:0 auto;
}
.menubox li{
	float:left;
	list-style:none;
	background:url(../images/menubtn_bg_off.jpg) repeat-x;
}

.menubox li a, #menu-home a, #menu-about a {
	float:left;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:0;
	height:27px;
	text-align:center;
	cursor:pointer;
}
.menubox li a span {
	float:left;
	display:block;
	padding:0 17px 0 17px;
	margin-top:4px;
	height:20px;
	border-right:solid #FFFFFF 1px;
}

.menubox li.current a span{
	color:#fff;

}
.menubox li a:hover{
	color:#fff;
	background:url(../images/menubtn_bg_on.jpg) repeat-x;
	text-decoration: none;
}
.menubox li a:hover span{
	color:#fff;
	background:url(../images/menubtn_bg_on.jpg) repeat-x;
	
}


/* Menu select color */

#home_page .current_home a {
	color:#fff;
	background:url(../images/menubtn_frontbg_on.jpg) no-repeat;
}

#program_page .current_program a, #EO_page .current_EO a, #support_page .current_support a, #catalogue_page .current_catalogue a {
	color:#fff;
	background:url(../images/menubtn_bg_on.jpg) repeat-x;
}

#about_page .current_about a {
	background:url(../images/menubtn_endbg_on.jpg) no-repeat;

}


/* Container */
#container {
	width:980px;
	margin:0 auto;
	padding:0;
	position:relative;
	color:#000000;
	background: url(../images/BgTop.jpg) repeat-y center;
	text-align:left;
}

#container_mc {
	width:750px;
	margin:0 auto;
	padding:0;
	position:relative;
	color:#000000;
	background: url(../images/BgTopMC.jpg) repeat-y center;
	text-align:left;
}

#header_mc {
	width:750px;
	height:162px;
	background:url(../images/support/MC_banner.jpg) no-repeat;


}

#aboutus a {
color:#3d409f;
text-decoration:none;
}

#aboutus a:hover {
text-decoration:underline;
}






/* Header */

#header_menu {
	padding:8px 10px 5px 10px;
	margin: 0;
	font-size: 10px;
	text-align: right;
	width: 960px;
	color: #FFFFFF;
	border-bottom: 1px solid #4D4D4D;
	height:20px;
	background: url(../images/grey_bg2.jpg) repeat-x;
}

#header_menu a {
	color: #FFFFFF;
	text-decoration:none;
}

#header_menu a:hover {
	text-decoration:underline;
}

#header {
	width:980px;
	height:110px;
	background: url(../images/banner.jpg) no-repeat top left;
	padding:0;
	position: relative;
	margin: 0;
}

#logoheader {
	width:680px;
	padding:15px 0 0 90px;
	margin:0;
	float:left;
	display: none !important; 
}

/* Hidden Company name and slogan in Header area */
#logoheader h1 {
	color:#000000;
	font-size: 17px;
	margin: 0;
	padding: 0;
}

#logoheader h4 {
	color:#000000;
	font-size: 10px;
	margin: 0;
	padding: 0;
}

/* Header Bar */
#headerbar {
	width:180px;
	height:35px;
	margin:0;
	padding:15px 10px 0 0;
	clear: right;
	float: right;
	font-size:10px;
	text-align:right;
	font-weight: bold;
}

#headerbar a, #headerbar a:hover {
	color:#000000;
	text-decoration:none;
}

.links {
	float:right;
	margin:0;
	padding:0;
}

.fb_follow {
	height:16px;
	background:url(../images/facebook_icon.jpg) no-repeat left center;
	margin:0;
	padding:0 5px 0 20px;
	float:right;
}


/* Search Bar */
#searchheader {
	width:190px;
	height:60px;
	margin:0;
	padding:0;
	position: relative;
	clear: right;
	float: right;
	display: block;
}

#searchheader p {
	font-size: 10px;
	color:#000000;
	text-align: right;
	line-height: 15px;
	padding:15px 10px 0 0;
	margin:0;
}



#cse-search-box{
	width:179px;
	height:26px;
	margin:0;
	background: url(../images/search_bg.gif) no-repeat top left;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 0px;
	padding: 0 3px;
}

#cse-search-components {
	width:225px;
	padding:0;
	height:25px;
	padding:0 5px 0 10px;
}

#cse-search-results {
	width:500px;
	margin:0;
	padding:30px 0 0 90px;

}

.searchfield {
	border: 0px !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0 0 4px;
	font-size: 11px;
	width: 130px;
	float: left;
}


.searchbutton {
	border: 0px;
	width:31px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	float: right;
	height: 26px;
	margin: 0;
	background:url(../images/search_but.gif) top right;
	color: #FFFFFF;
	padding: 0;
	cursor: pointer;
}

input.searchbutton:hover, input.searchbutton:focus {
	background:url(../images/search_but_over.gif) top right;
	
}

/* Site map */
ul.returnpage_area {
	margin:0;
	padding:0 0 20px 10px;
	width: 161px;
	float: left;
	font-size:11px;
	list-style: none;
}

ul.returnpage_area li, ul.sitemap_area li {
	line-height:18px;
}


ul.sitemap_area {
	margin:0;
	padding:0 10px 20px 10px;
	width: 205px;
	float: left;
	font-size:11px;
	list-style: none;
}

ul.sitemap_subarea {
	list-style:url(../images/-.jpg);
	padding: 0 0 0 15px;
	margin: 0;
	
}

ul.sitemap_subarea_fixheight {
	list-style:url(../images/-.jpg);
	padding: 0 0 0 15px;
	margin: 0;
	height:200px;
	
}

ul.sitemap_area li a, ul.returnpage_area li a {	
	color:#000000;
	text-decoration:none;

}

ul.sitemap_area li a:hover, ul.returnpage_area li a:hover {	
	color:#000000;
	text-decoration:underline;

}

ul.sitemap_area li.header, ul.returnpage_area li.header {
	margin:5px 0;
	font-size:12px;
	font-weight: bold;
}

ul.sitemap_area li.subheader {
	margin:10px 0 0 0;
}




/* Footer */
#footer {
	clear:both;
	width:980px;
	height:25px;
	margin:0;
	padding:0;
	position: relative;
}

#footer_mc {
	clear:both;
	width:750px;
	height:25px;
	margin:0;
	padding:0;
	position: relative;
}

#footer_inner {
	padding:15px 0 0 0;
	background-color: #4D4D4D;
	color: #FFFFFF;
	width:980px;
	height:40px;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #000000;
	background: url(../images/footer_border.jpg) top center no-repeat;
}

#footer_inner_mc {
	padding:15px 0 0 0;
	background-color: #4D4D4D;
	color: #FFFFFF;
	width:750px;
	height:40px;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #000000;
	background: url(../images/footer_border_mc.jpg) top center no-repeat;
}




#footer_inner .p1, #footer_inner_mc .p1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color:#FFFFFF;
	margin:0;
	padding:5px 0 0 90px;
	line-height:12px;
	text-align:left;
	vertical-align: bottom;
}

#footer_inner a, #footer_inner_mc a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer_inner .left {
	float:left;
	padding:0;
	margin: 0;
	color: #FFFFFF;
	font-size: 10px;
}

#footer_inner .right {
	float:right;
	margin:0;
	padding:0;
	width: 460px;
	color: #FFFFFF;
	font-size: 10px;
}