@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
html { background:#e0002a url(images/bg.jpg) center top no-repeat;}
body { font:12px/140% Arial, Helvetica, sans-serif; text-align:center; }
img { border:none;}
#wrapper { position:relative; padding-bottom:20px;}
#shdow {margin:0 auto; background:url(images/shdow.png) center top repeat-y; }
#shodw_bottom { background:url(images/shdow_bottom.png) center top no-repeat; height:30px; overflow:hidden; font-size:1px;}
#doc { width:981px; margin:0 auto; background-color:#fff; padding:10px; text-align:left; }
p { margin-top:1em;}
h3 { font-size:14px; font-weight:bold;}
h4 { font-size:16px; font-weight:bold;}
#hd { margin-bottom:10px;} 

#nav { margin-bottom:15px;  background:url(images/menu.gif) repeat-x; position: relative; z-index:10;}
#nav .level1 { background:url(images/menu_left.gif) left top no-repeat;}
#nav .level2 {background:url(images/menu_right.gif) right top no-repeat; height:35px;}
ul.menu li { list-style:none; list-style-type:none; display:inline-block; float:left; padding-left:4px; position:relative; white-space:nowrap; }
#nav ul.menu { font-size:13px; font-weight:bold; line-height:35px;}
#nav ul.menu a { color:#fff; text-decoration:none; display:inline-block; line-height:35px; height:35px; padding:0px 14px; position:relative;}
#nav ul.menu a:hover {color:#fff; text-decoration:none; background-color:#999999;}
#nav ul.menu a span { position:relative; left:0; top:0;}
#nav ul.menu a span.jq-shadow { color:#000; position:absolute; left:1.1em; top:0.1em;}
#nav ul.menu ul { position:absolute; top:35px; left:0; width:170px; background:#a90a25; display:none;}
#nav ul.menu ul li { display:block; float:none; padding-left:0;}
#nav ul.menu ul li a { display:block; padding-left:18px;}
#nav ul.menu ul li a span.jq-shadow  {left:1.4em;}

#bd { height:100%; overflow:hidden; position:relative; z-index:9;}
#sidebar_left { width:202px; float:left; position:relative; z-index:2; }
#sidebar_right { width:202px; float:right; position:relative; z-index:2;}
#content { width:100%; float:left; margin:0 -202px;}

#contairner {margin:0 210px; position:relative;  height:100%; overflow:hidden; width:560px; margin:auto }

.block { padding-bottom:8px;}

.box_a .head{ background:url(images/bar_a_right.gif) right top no-repeat; height:38px; }

.box_a .head_inner {background:url(images/bar_a_left.gif) left top no-repeat; height:28px;overflow:hidden; padding-top:10px;  padding-left:10px; color:#fff;}
.head .title {font-size:18px;  position:relative; line-height:18px;}
.head .title span { position:relative; left:0; top:0;line-height:18px;}
.head .title span.jq-shadow { color:#545454; position:absolute; left:0em; top:1px;line-height:18px;}
.head .title span a, .head .title span a:hover { color:#fff; text-decoration:none;}
.head .title span.jq-shadow a,.head .title span.jq-shadow a:hover  {color:#545454; text-decoration:none;}

.box_a .content { background:#ffffff url(images/box_a_bg.gif) left bottom repeat-x; border-left:1px solid #d6d5d5; border-right:1px solid #d6d5d5;}
.box_a div.bot { display:block; width:100%; height:5px; background:url(images/box_a_bot_m.gif) repeat-x; font-size:1px; overflow:hidden;}
.box_a div.bot div { display:block; width:100%; height:5px; background:url(images/box_a_bot_l.gif) left top no-repeat;font-size:1px; overflow:hidden;}
.box_a div.bot div div { display:block; width:100%; height:5px; background:url(images/box_a_bot_r.gif) 100% 100% no-repeat;font-size:1px; overflow:hidden;}
ul.list { padding:10px;}
ul.list li { list-style:none; list-style-type:none; background:url(images/point.gif) 0 0.7em no-repeat; padding-left:0.5em; margin-bottom:10px; zoom:1;}
ul.list li.last { margin:0;}
.box_b { width:202px;}
.box_b .content { background:#ffffff; border-left:1px solid #d6d5d5; border-right:1px solid #d6d5d5; padding:10px; text-align:center;}
.box_b div.bot { display:block;  height:6px; background:url(images/box_b_bot_m.gif) repeat-x; font-size:1px; }
.box_b div.bot div.l { display:block; width:5px; height:6px; background:url(images/box_b_bot_l.gif) left top no-repeat;font-size:1px; float:left;}
.box_b div.bot div.r { display:block; width:5px; height:6px; background:url(images/box_b_bot_r.gif) 100% 100% no-repeat;font-size:1px; float:right;}
.box_b div.top { display:block;  height:4px; background:url(images/box_b_top_m.gif) repeat-x; font-size:1px; overflow:hidden;}
.box_b div.top div { display:block;  height:4px; background:url(images/box_b_top_l.gif) left top no-repeat;font-size:1px; overflow:hidden;}
.box_b div.top div div { display:block;  height:4px; background:url(images/box_b_top_r.gif) 100% 100% no-repeat;font-size:1px; overflow:hidden;}
.spacer { height:15px; overflow:hidden;}


#slider { width:560px; height:238px; overflow:hidden; position:relative;}
#slider .panel { position:relative; z-index:10;}
#slider .panel div.item { position:absolute; top:0; left:0;width:560px; height:238px; overflow:hidden; background:#fff; }
#slider .panel div.item .bg { position:absolute; top:0; left:0; z-index:20;}
#slider .panel div.item .content { position:absolute; top:40px; left:20px; z-index:21; width:355px; color:#fff;}
#slider .panel div.item .content h2 {
	margin-top:10px;
	padding-top:0px;
	font-size:26px;
	font-weight:bold;
	margin-bottom: 10px;
	margin-left:5px;
}

#slider .panel div.item .content h1 {
	margin-bottom:20px;
	padding-bottom:0px;
	font-size:36px;
	font-weight:bold;
	margin-top: 15px;
		margin-left:5px;
	
}
#slider .panel div.item .content h1 span.jq-shadow  {color:#545454; position:absolute; left:0em; top:1px;line-height:18px;}


#slider .panel div.item p {}
#slider .panel div.item .content a.view_more { color:#fff; background:url(images/icon01.gif) right center no-repeat; padding-right:15px; text-decoration:none;}
#slider .panel div.item .content a.view_more:hover { color:#e1002a; text-decoration:none;}
.slider_tl { position:absolute; top:0; left:0; z-index:11; width:560px; height:3px; font-size:1px; overflow:hidden; background:url(images/slider_top_l.gif) left top no-repeat;}
.slider_tl div {width:560px; height:3px; font-size:1px; overflow:hidden;background:url(images/slider_top_r.gif) right top no-repeat; }
#slider .ctrl { position:absolute; z-index:999; bottom:0; right:0px;}
#slider .ctrl a { display:inline-block; height:19px; line-height:19px; padding:0 6px; background:url(images/slider_ctrl.gif) left bottom repeat-x; margin-left:1px; color:#545454; text-decoration:none;}
#slider .ctrl a:hover ,#slider .ctrl a.active { color:#fff; background-position:left top;}
.box_c { background:url(images/box_c_bg.gif) left top repeat-x; padding-top:11px;}
.box_c .content { padding:0 8px;background:#ffffff; border-left:1px solid #d6d5d5; border-right:1px solid #d6d5d5;}
.box_c div.bot { display:block;  height:6px; background:url(images/box_b_bot_m.gif) repeat-x; font-size:1px; overflow:hidden;}
.box_c div.bot div { display:block;  height:6px; background:url(images/box_b_bot_l.gif) left top no-repeat;font-size:1px; overflow:hidden;}
.box_c div.bot div div { display:block;  height:6px; background:url(images/box_b_bot_r.gif) 100% 100% no-repeat;font-size:1px; overflow:hidden;}
.box_c h3 { padding:18px 10px 0px 10px; font-size:18px; line-height:100%; color:#e1002a; font-weight:normal;}
.box_c p { margin-top:18px; padding:0 10px;}
.box_c .links { border-top:1px solid #e1e2e3; margin-top:25px; height:14px; line-height:14px; overflow:hidden; padding:10px 0 15px 0;}
.box_c .links .l { float:left; font-size:14px; color:#e1002a; }
.box_c .links .l a { color:#e1002a; text-decoration: none;}
.box_c .links .l a:hover { text-decoration:underline;}
.box_c .links .r { float:right;}
a.view_more { color:#676565; background:url(images/icon02.gif) right center no-repeat; padding-right:15px; text-decoration:none;}
a.view_more:hover { color:#e1002a;}
.row { height:100%; overflow:hidden;}

.box_d { width:275px;}
.box_d .content { background:url(images/box_d.gif) no-repeat;  height:236px;padding:20px;}
.box_d .head{ background:url(images/head_r.gif) right top no-repeat; height:38px; }

.box_d .head_inner {background:url(images/head_l.gif) left top no-repeat; height:28px;overflow:hidden; padding-top:10px;  padding-left:10px; color:#fff;}
.iso .item { width:50%; float:left; padding-bottom:1em; color:#e61938; font-weight:bold; }
.industry_list { font-weight:bold;}
.left { float:left;}
.right { float:right;}
.row2,.row3, .row4 { margin-top:8px;}



.box_e { width:202px; overflow:hidden;}
.box_e .head{ background:url(images/head_r.gif) right top no-repeat; height:38px; }

.box_e .head_inner {background:url(images/head_l.gif) left top no-repeat; height:28px;overflow:hidden; padding-top:10px;  padding-left:10px; color:#fff;}

.box_e .content { background:#ffffff url(images/box_a_bg.gif) left bottom repeat-x; border-left:1px solid #d6d5d5; border-right:1px solid #d6d5d5;}
.box_e div.bot { display:block; width:202px; height:5px; background:url(images/box_a_bot_m.gif) repeat-x; font-size:1px; overflow:hidden; padding:0; margin:0; position:relative;}
.box_e div.bot div.l { display:block; width:4px; height:5px; background:url(images/box_a_bot_l.gif) left top no-repeat;font-size:1px; overflow:hidden; position:absolute; top:0; left:0;  }
.box_e div.bot div.r { display:block; width:4px; height:5px; background:url(images/box_a_bot_r.gif) 100% 100% no-repeat;font-size:1px; overflow:hidden; position:absolute; top:0; right:0;}

#login_form { padding:10px;}
#login_form label { display:inline-block; width:5.3em;}
#login_form input.text { background:#fff url(images/input_text.gif) repeat-x; border:1px solid #a8acad; outline:none; padding:3px 5px; width:100px;}
.form_row { margin-bottom:8px;}
a.btn_submit { background:url(images/btn_login.png) no-repeat; width:69px; height:34px; line-height:34px; text-align:center; display:block; margin-left:5.4em; color:#fff; font-weight:bold; text-decoration:none;}
a.btn_submit:hover {color:#fff; font-weight:bold; text-decoration:none;}
#login_form .links { height:1em; line-height:1em; padding-top:5px;}
#login_form .links a { color:#000; text-decoration:none;}
#login_form .links a:hover { color:#e1002a;text-decoration:none;}

.box_f { width:202px; height:91px; overflow:hidden; background:url(images/box_f.gif) no-repeat; color:#fff;}
.box_f div{ padding-left:55px; }
.box_f .phone { font-size:16px; font-weight:bold;padding-top:24px;}
.box_f .email {padding-top:14px;}
.box_f a { color:#fff; text-decoration:none;}
.box_f a:hover { color:#fff;text-decoration:underline;}
a.btn_202 { display:block; background:url(images/btn_202.gif) no-repeat; width:132px; height:29px; overflow:hidden; padding:10px 20px 10px 50px; line-height:100%; text-decoration:none; color:#000;}
a.btn_202:hover {color:#000;text-decoration:none;}
a.btn_202 small { font-size:14px; line-height:100%; display:block;}
a.btn_202 span { font-size:14px; line-height:100%; display:block; font-weight:bold;}
a.btn_202_last { margin-top:10px;} 

ul.list1 { padding:0 18px; padding-bottom:10px;}
ul.list1 li { padding-top:10px; list-style:none; list-style-type:none; }
.date { color:#e1002a; font-size:14px;}
ul.list1 li a { color:#000; text-decoration:none; font-weight:bold;}
ul.list1 li a:hover { text-decoration:underline;}


.text_right { text-align:right; margin:0 10px; padding:10px 0; border-top:1px solid #e1e2e3;}

.ads { text-align:center;}
.clear { height:1px; overflow:hidden;}
#ft { margin-top:20px; }
#ft .inner { border-left:1px solid #e1e2e3;border-right:1px solid #e1e2e3; padding:10px 20px;height:100%; overflow:hidden;}
#ft .inner .col1 { float:left;}
#ft .inner .col2 { float:right; font-size:14px;}
.ft_t { height:4px; background:url(images/point1.gif) left top repeat-x; font-size:1px; overflow:hidden;}
.ft_t .l { width:4px; height:4px; font-size:1px; overflow:hidden; background:url(images/corner.gif) left top no-repeat; float:left;}
.ft_t .r { width:4px; height:4px; font-size:1px; overflow:hidden; background:url(images/corner.gif) right top no-repeat;float:right;}

.ft_b { height:4px; background:url(images/point1.gif) left bottom repeat-x; font-size:1px; overflow:hidden;}
.ft_b .l { width:4px; height:4px; font-size:1px; overflow:hidden; background:url(images/corner.gif) left bottom no-repeat; float:left;}
.ft_b .r { width:4px; height:4px; font-size:1px; overflow:hidden; background:url(images/corner.gif) right bottom no-repeat;float:right;}
#ft b { color:#e1002a; font-weight:normal;}
#ft a {color:#e1002a; text-decoration:none;}
#ft a:hover {color:#e1002a; text-decoration: underline;}

.prod a { display:block; width:180px; height:240px; overflow:hidden; float:left; position:relative; text-decoration:none; cursor:pointer; color:#fff;}
.prod a:hover { text-decoration:none;color:#fff;}
.prod .mid { margin:0 9px;}
.prod a img { position:relative; top:0; left:0;}
.prod a b { position:absolute; left:10px; bottom:0px; background: url(images/btn_red.png) no-repeat; width:160px; height:42px; line-height:42px; white-space:nowrap; text-align:center; font-size:24px; font-weight: bold; }
.prod a b small { font-size:12px;}
.prod a b.btn_blue {background: url(images/btn_red.png) no-repeat;}

.prod a b  span { position: absolute; left:30px; top:0px;line-height:42px;}
.prod a b  span.jq-shadow { color:#000; position:absolute; left:30px; top:1px;line-height:42px;}

/* manage my training page */
.icon { vertical-align:middle; margin-right:5px;}

ul.acc_link_list { margin:0; padding:15px;}
ul.acc_link_list li { list-style:none; list-style-type:none; font-weight:bold; padding:2px 0;}
ul.acc_link_list li a { text-decoration:none; color:#000;}
ul.acc_link_list li a:hover { color:#bf0225; }

.welcome { color:#fff; background:url(images/manage_my_training_top.jpg) no-repeat; height:71px; padding-top:60px; padding-left:10px;}
a.btn_update_profile { display:block; cursor:pointer; text-decoration:none; font-weight:bold; color:#fff; font-size:13px; background:url(images/btn_update_profile.png) no-repeat; width:110px; height:31px; padding-left:17px; padding-top:10px; white-space:nowrap;}
a.btn_update_profile:hover {color:#fff;}
.welcome h3 { margin-bottom:5px;}
.manage_btns { background:url(images/box_c_bg.gif) left top repeat-x; padding-top:11px;}

a.btn_book_a_course { background:url(images/btn_grey.gif) left bottom repeat-x; display:block; width:234px; height:69px; padding:10px 10px 0px 35px; text-decoration:none; color:#000; font-size:14px; font-weight:bold; float:left; border-bottom:1px solid #aeaeae; border-left:1px solid #aeaeae;}
a.btn_book_a_course:hover { color:#cc0033;}

a.btn_enquiry_form {background:url(images/btn_grey.gif) left bottom repeat-x; display:block; width:233px; height:69px; padding:10px 10px 0px 35px; text-decoration:none; color:#000; font-size:14px; font-weight:bold; float:left; border-bottom:1px solid #aeaeae; border-left:1px solid #aeaeae;border-right:1px solid #aeaeae; }
a.btn_enquiry_form:hover { color:#cc0033;}

a.btn_newsletter { background:url(images/btn_grey2.gif) left bottom repeat-x; display:block; width:280px; height:79px; text-decoration:none; color:#000; font-size:14px; font-weight:bold; float:left; }
a.btn_newsletter span { display:block;width:235px; height:69px; padding:10px 10px 0px 35px; background:url(images/btn_grey2_left.gif) left bottom no-repeat;}
a.btn_newsletter:hover { color:#cc0033;}

a.btn_training_signup { background:url(images/btn_grey2.gif) left bottom repeat-x; display:block; width:279px; height:79px;  text-decoration:none; color:#000; font-size:14px; font-weight:bold; float:left; border-left:1px solid #aeaeae;}
a.btn_training_signup span { display:block;width:234px; height:69px; padding:10px 10px 0px 35px; background:url(images/btn_grey2_right.gif) right bottom no-repeat;}

a.btn_training_signup:hover { color:#cc0033;}

.box_course { width:560px; margin-top:10px;}
.box_course .head{ background:url(images/head_r.gif) right top no-repeat; height:38px; }

.box_course .head_inner {background:url(images/head_l.gif) left top no-repeat; height:28px;overflow:hidden; padding-top:10px;  padding-left:10px; color:#fff;}
.box_course .content { background:url(images/box_course_left.gif) left bottom no-repeat; padding-left:10px;}
.box_course .cntinner { background:url(images/box_course_mid.gif) left bottom repeat-x; float:left;}
.box_course .left { width:369px; float:left;}
/*.box_course .left { background:url(images/box_course_mid.gif) left bottom repeat-x; width:369px; float:left;height:441px;} */
.box_course .right { width:180px; float:right;}
.course_detail {line-height:130%;}
.course_detail .item { padding-top:8px; float:left; }
.course_detail .label { float:left; width:115px; text-align:right; font-weight:bold; color:#bf0225; }
.course_detail .detail { float:left; padding-left:5px; width:243px;}

.btn_course_red { background:url(images/btn_course_red.png) no-repeat; width:190px; height:30px; line-height:30px; padding-left:10px; white-space:nowrap; display:block; font-size:17px; color:#fff;}
.btn_course_blue { background:url(images/btn_course_blue.gif) no-repeat; width:190px; height:30px; line-height:30px; padding-left:10px; white-space:nowrap; display:block; font-size:17px; color:#fff;}

a.btn_course { width:140px; height:50px; padding:13px 20px 0px 20px; background:url(images/btn_course.gif) no-repeat; display:block; font-size:13px; font-weight:bold; color:#bf0225; text-decoration:none;}
a.btn_course:hover { background-position:left bottom; color:#fff; }

a.btn_course1 { width:140px; height:40px; padding:23px 20px 0px 20px; background:url(images/btn_course.gif) no-repeat; display:block; font-size:13px; font-weight:bold; color:#bf0225; text-decoration:none;}
a.btn_course1:hover { background-position:left bottom; color:#fff; }

.btn_course_disable { width:140px; height:48px; padding:15px 20px 0px 20px; background:url(images/btn_course_disable.gif) no-repeat; display:block; font-size:13px; font-weight:bold; color:#999999; text-decoration:none;}

a.btn_course2 { width:140px; height:50px; padding:13px 20px 0px 20px; background:url(images/btn_course_bot.gif) no-repeat; display:block; font-size:13px; font-weight:bold; color:#bf0225; text-decoration:none;}
a.btn_course2:hover { background-position:left bottom; color:#fff; }
a.link { color:#cc0033; text-decoration:underline;}
a.link:hover { text-decoration:none;}

/* modal */
a.pop_up { color:#fff; font-size:11px;}
a.pop_up:hover { color:#FFFF00;}
.hide { display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {min-width:200px; min-height:200px; max-height:450px !important; width:auto; color:#fff; background-color:#e0002a; border:4px solid #fff; padding:12px; text-align:left;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:30px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

#logo{
  float:left;
}

#member_login{
	float:right;
  width:40%;
  text-align:right;
	padding-top:10px;
	vertical-align: bottom;
  
}

#member_login span{
  padding-right:10px;
  
  
}


.tutor_top {
	background-image: url(../images/tutor_top.jpg);
	background-repeat: no-repeat;
}
.tutor {
	background-color: #ECECEA;
}
.tutor_btm {
	background-image: url(../images/tutor_btm.jpg);
	background-repeat: no-repeat;
}
.tutor_image {
margin: 0 20px;
}
.tutor_title {
color:#B90022;
font-weight:bold}

.tutor_button {
background-image: url(../images/tutor_button.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding: 3px 35px;
	}
	
.tutor_button a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
a.bookred {
	border-style: solid;
	border-width : 1px 3px 3px 1px;
	text-decoration : none;
	padding : 4px;
	border-color : #CCCCCC;
	color: #FFFFFF;
	background-color: #E31937;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}


a.redlink {
	text-decoration : underline;
	color: #E31937;
	font-weight: bold;
}

.redtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E31936;
	word-spacing: normal;
	font-weight: bold;
	text-align: left;
}.buttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E31937;
	text-align: center;
}


.simplemodal-wrap{
max-height:450px;
}

.simplemodal-data{
  height: 449px !important;
overflow: scroll;
z-index: 1000;
}

#tutorPrf td {padding:0px 8px;}

.top_links {
margin-bottom:55px;
color:#999999;
}

.top_links a{
color:#999999;
}
.top_links a:hover{
color:#e1002a;
}
/* -------- course listing ------------- */
.divCourse p.read-more span {width: 150px;}
.divCourse p.description {float: left; width: 265px; margin-top: 0;}
.divCourse p.read-more {float: left;}
.course-price {width: 195px; background: #fff url(images/box_a_bg.gif) bottom left repeat-x; float: right; margin-bottom: 10px; padding: 10px; border: 1px solid #cdcdcd; text-align: right;}
.course-price p {text-align: center;}
.course-price p.price{color: #DF002A; font-weight: bold; font-size: 18px; margin: 7px 0;}
.links {overflow: hidden; width: 100%;}
.enquiry, .book-now {float: right; padding-left: 10px;}
.enquiry a, .book-now  a {display: block; line-height: 20px; background-color: #DF002A; color: #fff; text-decoration: none; padding: 0 20px;}
.enquiry a {background-color: #7D7D7D;}
.enquiry a:hover {background-color: #C1C9C7;}
.book-now a:hover {background-color: #ff002a;}