/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* CSS reset END */


div#wrapper { width: 794px; position: relative; margin: 0 auto; }

#active-courses div#content div#column-1 { width: 634px; padding-right: 7px; border-right: 1px dotted red; }
#active-courses div#content div#column-1 h2.lead { width: 623px; }
#active-courses div#content div#column-3 { border: none; margin: 0; }

body {font:13px Helvetica, sans-serif; background:#fff; color: #666;}
.page-title, .page-description { display: none;}

/* Header and Nav CSS */
div#header { position: absolute; top: 0; left: 0; padding: 0 0 0 8px; }
div#header a.logo-tes { position: absolute; top: 44px; left: 20px; }
div#header a.logo-bc { position: absolute; top: 60px; left: 645px; }
div#header a.logo-eu { position: absolute; top: 110px; left: 645px; }
div.menu {position:relative; height:25px; width:794px; margin: 15px 0 0 0;}
div.menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:8px 0px}
div.menu li {float:left; display: inline; margin: 0 3px 0 0;}
div.menu a, div.menu a:active, div.menu a:visited {text-decoration:none; color:#666; padding:0px}
div.menu div#slide {position:absolute; bottom:0; height:3px; background:#ff3333; z-index:10}

div#footer {margin-top: 15px;}
div#footer a.back-to-top, div#footer a.back-to-top { background: url('/assets/images/sprite.gif') 0 center no-repeat; padding-left: 15px; color: #FD4239; text-decoration: none; font-size: 15px; font-weight: bold;}


/* Header and Nav CSS END */

/* Content CSS */
div#content { width: 100%; padding: 305px 0 0 0; }
div#content p.list-emu { margin: 3px 0 0 0; }
div#content p.list-emu a { padding: 0 0 0 11px; margin: 0; border-bottom: 1px solid #666; text-decoration: none; color: #666; }
div#content p { margin-bottom: 15px; }
div#content h2, div#content h3 { font-size: 20px; font-weight: bold; }
div#content h3, div#content h3 a { color: #fd4239!important; margin: 15px 0; }
div#content h2.lead { background: #fd4239; padding: 5px; width: 615px; margin-bottom: 15px; line-height: 25px; color:#555; }
div#content h2.lead span { color: #fff; }
div#content-main, div#content-right, div#content-main div#main-left, div#content-main div#main-right { float: left; display: inline; }
div#content-main { width: 632px; margin: 0 0 0 8px; }
div#content-right { width: 145px; float: right; padding: 0 0 0 8px; border-left: 1px dotted #fd4239; }
div#content-right table a { text-decoration: none; color: #FD4239; font-weight: bold; }
div#content-right form { margin: 10px 0 0 0; }
div#content-right form a { color:#ccc; text-decoration: none; font-weight: bold; }
div#content-right p { padding: 0 0 0 8px; font-weight: bold; }
div#content-right p a, div#content-right p span { color: #fd4239; text-decoration: none; }
div#content-right div.first { background: #fea09c; padding: 15px 0 5px 0; }
div#content-right div.second { background: #febdba; padding: 15px 0; margin: 0 0 15px 0;}
div#content-right h3 { color: #666; background: #fe7a74; height: 19px; width: 137px; margin: 0; padding: 14px 0 0 8px; }
div#content-main div#main-left { width: 300px; margin-right: 11px; }
/*div#content-main div#main-right { width: 298px; padding: 0 0 80px 12px; border-left: 1px #666 dotted; }*/
div#content-main div#main-right { width: 298px; padding: 0 0 0 12px; border-left: 1px #666 dotted; }

div#content div#column-one { float: left; display: inline; width: 390px; margin: 0!important; }
div#content div#column-one p { margin: 10px 0 20px 8px!important; }
div#content div#column-one table { width: 345px; margin: 0 0 0 35px; }
div#content div#column-one table input { width: 175px; }
div#content div#column-one table td textarea { width: 177px; }
div#content div#column-one a { color: #666; text-decoration: none; }
div#content div#column-one h2.lead { width: 380px; color: #fff!important; font-size: 13px; height: 20px; padding-top: 0;}
div#content div#column-one h3 { font-size: 12px; margin-bottom: 3px; }
div#content div#column-one ul { list-style: disc; list-style-position: inside; }
div#content div#column-one ul li, div#content div#column-1 ol li { margin: 5px 0; }
div#content div#column-one ol li { list-style: decimal; list-style-position: inside; }
div#content div#column-1, div#content div#column-2, div#content div#column-3 { float: left; display: inline; }
div#content div#column-1 { width: 391px; margin: 0 0 0 8px; }
div#content div#column-1 a { color: #666; text-decoration: none; }
div#content div#column-1 h2.lead { width: 380px; }
div#content div#column-1 h3 { font-size: 12px; margin-bottom: 3px; }
div#content div#column-1 ul { list-style: disc; list-style-position: outside; }
div#content div#column-1 ul li, div#content div#column-1 ol li { margin: 5px 0 5px 13px; }
div#content div#column-1 ol li { list-style: decimal; list-style-position: outside; margin:5px 0 5px 20px; }
div#content div#column-2 { width: 225px!important; margin: 0 0 0 8px; padding: 0 0 0 8px; border-left: 1px dotted #666; }
div#content div#column-2 img { margin: 0 0 15px 0; }
div#content div#column-3 { width: 135px; float: right; margin: 0 0 0 8px; padding: 0 0 0 8px; border-left: 1px dotted #666; }
div#content div#column-3 p.intro { font-weight: bold; color: #fd4239; }
div#content div#column-3 p.close { margin: -15px 0 0 0; }
div#content div#column-3 p.last { margin: -15px 0 15px 0; }
p.contact-top { margin-top: -13px; }
div#content div#column-3 img { margin: 15px 0; }
div#content div#column-3 table span { color: #fff; padding: 3px 0 0 2px; font-size: 12px; font-weight: bold; }
div#content div#column-3 a { color: #fd4239; text-decoration: none; font-weight: bold; }
div#content-main ul { list-style: disc; margin: 0 0 15px 15px; }
div#content-main ul li { margin: 5px 0; }
div#content-main ul.sub-ul { list-style: none; }

/* contact CSS */
#active-contact div#content div#column-3 { width: 218px; float: right; margin: 0; padding: 0; border: none; }
#active-contact div#content div#column-3 h4 { color: #fd4239; font-weight: bold; }
#active-contact div#content div#column-3 h3 { margin-bottom: 0; font-size: 14px; }
#active-contact div#content div#column-3 a { color: #666; font-weight: normal; }
#active-contact div#content div#column-3 ul { margin: 0; }
#active-contact div#content div#column-1 { width: 470px; }
#active-contact div#content div#column-1 a { color: #fd4239; }
#active-contact div#content div#column-1 h3 { color: #666; margin-bottom: 0; }

div.panes div { display:none; }
div.panes div.pane { display:none; }
ul.tabs { background: #fd4239; color: #fff; padding: 8px 0 8px 8px; margin: 0 0 2px 0; width: 382px; list-style: none; }
ul.tabs li a { color: #fff!important; font-weight: bold; }
ul.tabs li { margin: 0 0 3px 0!important; list-style-type: none; }

/* blog css */
div#col1 { width: 450px; background: #fcdcdd; float: left; display: inline; margin: 0 6px 0 8px; padding: 5px 8px; }
div#col1 h3 { font-size: 16px; margin: 10px 0 5px 0; }
div#col1 h3 { text-decoration: underline; color: #000; }
div#col2 { width: 145px; float: left; display: inline; margin: 0; padding: 0 6px 100px 6px; border-left: 1px dotted #ccc; }
div#col2 h2, div#col1 h2 { color: #fd4239; margin: 0 0 5px 0; }
div#col2 ul.ul-categories { background: #fcdcdd; width: 140px; padding: 5px 2px; margin: 0 0 5px 0; font-size: 10px; list-style: none; }
div#col2 ul.ul-categories li { list-style: none; }
div#col3 { width: 145px; padding: 0 0 100px 6px; float: left; display: inline; margin: 0; border-left: 1px dotted #fd4239; }
div#col3 form input { width: 140px; }
div#col3 ul li { margin: 15px 0; }
div#col3 ul li ul li { margin: 2px 0; }
div#col3 ul li h3 { margin: 5px 0 0 0; }
div#col3 h3, div#col3 ul li a  { color: #000; font-size: 12px; }
div#col1 a, div#col2 a, div#col3 a { text-decoration: none; color: #000; }
div.newsletter { border:2px dashed #666666; font-size:0.85em; margin:10px 0 0; padding:5px; width:130px; }
div.newsletter strong { color: #000; font-weight: bold; }
div.newsletter form { margin: 10px 0 0 0; }

/* booking table and form css */
table.form_table { width: 100%; display: block; margin: 0 0 30px 0; }
table.form_table select { width: 150px; }
table.form_table td { padding: 3px 0; height: 15px; }
table.form_table td.td_right { padding-left: 15px; width: 150px; }
table.form_table td.td_left { width: 100px; }
table.form_table td.td_left input { height: 15px; border: 1px solid #666; }
div.summary_field, div.summary_amount { float: left; display: inline; }
div.summary_field { width: 200px; }
div.summary_amount { margin: 0 0 0 20px; }
table ol, table ul { margin: 3px 0; padding: 0; }
table ul { display: block; }
table ol li { list-style-position: outside; margin: 5px 0 0 20px; list-style-type: decimal;}
table ul li { list-style-type: circle; margin: 5px 0; list-style-position: inside; }
table { line-height: 1.3; }
table h4 { margin: 0 0 8px 0; font-weight: bold; }
select#countryID { width: 180px; }


/* Tools */
.floatright { float:right }
.floatleft { float:left }
.right { text-align:right }
.left { text-align:left }

pre {overflow:auto;}
.breaker {clear:both;}
.nobreak { white-space:nowrap;}
.vspace10 { padding:5px 0; display:block;}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

div#box-promo-tefl-lab { 
	margin:0 0 0 0;
	position:relative;
	background:url(../../img/home/tefl-lab-promo.jpg) left top no-repeat; 
	width:624px;
	height:350px;
}

div#box-promo-tefl-lab a.promo-logo {
	display:block;
	position:absolute;
	height:128px;
	width:80px;
	top:33px;
	left:9px;
}

div#box-promo-tefl-lab p a, div#box-promo-tefl-lab p a:visited {
	position:absolute;
	top:40px;
	left:118px;
	padding:0;
	margin:0px;
	font-size:12px;
	line-height:14px;
	color:#fffeff;
	width:495px;
	text-decoration:none;
}

div#box-promo-tefl-lab p a:hover {
	text-decoration:none;
}

div#box-promo-tefl-lab p strong {
	font-weight:bold;
}


div#box-promo-tefl-lab-new { 
	margin:0 0 0 0;
	position:relative;
	background:url(../../img/home/tefl-lab-promo-new.jpg) left top no-repeat; 
	width:624px;
	height:350px;
}

div#box-promo-tefl-lab-new .left { float:left; width:290px; }
div#box-promo-tefl-lab-new .right { float:left; width:300px; margin:320px 0 0 30px; }
div#box-promo-tefl-lab-new .right p.not-accredited { 
	width:320px; 
	margin:10px; 
	padding:0; 
	text-align:left; 
	font-size:10px;
	line-height:14px;
	color:#ffffff;
	font-weight:bold;
}

div#box-promo-tefl-lab-new p.cooming-soon {
	font-size:18px;
	line-height:18px;
	color:#ffffff;
	font-weight:bold;
	margin:0 0 0 15px;
	padding:9px 0 0 0;
}

div#box-promo-tefl-lab-new p.online-english {
	font-size:16px;
	line-height:16px;
	color:#ff0000;
	font-weight:bold;
	margin:0 0 0 15px;
	padding:2px 0 15px 0;
}

div#box-promo-tefl-lab-new p.promo-tefl-desc {
	display:block;
	width:270px;
	font-size:12px;
	line-height:14px;
	color:#ffffff;
	font-weight:bold;
	margin:0 0 0 15px;
	padding:8px 0 0 0;
}

div#box-promo-tefl-lab-new p.promo-tefl-desc a, div#box-promo-tefl-lab-new p.promo-tefl-desc a:visited { color:#ffffff; text-decoration:none; }
div#box-promo-tefl-lab-new p.promo-tefl-desc a:hover { color:#ffffff; text-decoration:underline; }