
/*
============================================================================
Full width panel: STORE (currently seen only on the home page). (Richh)
If this panels needs using anywhere other than the homepage one day,
cut out this block of css and paste it into the global/base css
============================================================================
*/

#fw-panel-store {background:url(/images/tefl-v3/v2/fw-panels/store/store-panel-bg-top.png) no-repeat top;_float:left;}
#fw-panel-store-inner {background:url(/images/tefl-v3/v2/fw-panels/store/store-panel-bg-end.png) no-repeat bottom;padding:10px;overflow:hidden;_float:left;}
#fw-panel-store h2 {color:#606251;margin:0 0 7px}

#fw-panel-store-l {width:661px;float:left;position:relative}
#fw-panel-store-l-quicklinks {position:absolute;top:8px;right:0px;font-size:100%;color:#92997e}
#fw-panel-store-l-quicklinks a {color:#444f23}
#fw-panel-store-l-spotlight {background:url(/images/tefl-v3/v2/fw-panels/store/store-panel-spotlight-top.png) no-repeat top;position:relative;margin:0 0 2px}
#fw-panel-store-l-spotlight-inner {background:url(/images/tefl-v3/v2/fw-panels/store/store-panel-spotlight-end.png) no-repeat bottom;padding:13px 13px 13px 65px}

.fw-panel-store-l-spotlight-over {background-image:url(/images/tefl-v3/v2/fw-panels/store/store-panel-spotlight-top-over.png)!important}
.fw-panel-store-l-spotlight-inner-over {background-image:url(/images/tefl-v3/v2/fw-panels/store/store-panel-spotlight-end-over.png)!important}
#fw-panel-store-l-spotlight h3 {margin:0;color:#8f5700;font-size:220%;letter-spacing:-1px;text-transform:uppercase;width:295px}
#fw-panel-store-l-spotlight p {margin:0;color:#784c1e;font-size:90%}
p#fw-panel-store-l-spotlight-offer {position:absolute;top:9px;right:15px;text-align:right;color:#744700;font-size:230%;letter-spacing:-1px;width:295px}
#fw-panel-store-l-spotlight a {color:#784c1e}

#fw-panel-store-l-courses {overflow:hidden}
.fw-panel-store-l-course {float:left;width:130px;background:url(/images/tefl-v3/v2/fw-panels/store/store-panel-course-bg-top.png) no-repeat top left;margin-right:2px;position:relative}
.fw-panel-store-l-course-inner {padding:49px 9px 28px;background:url(/images/tefl-v3/v2/fw-panels/store/store-panel-course-bg-end.png) no-repeat bottom left}

.fw-panel-store-l-course h3 {display:none}

#c-20 {background-position:0 0}
#c-40a {background-position:-132px 0}
#c-40b {background-position:-264px 0}
#c-60 {background-position:-396px 0}
#c-80a {background-position:-528px 0}
#c-80b {background-position:-660px 0}
#c-80c {background-position:-792px 0}
#c-100a {background-position:-924px 0}
#c-100b {background-position:-1056px 0}
#c-120a {background-position:-1188px 0}
#c-120b {background-position:-1320px 0}
#c-120c {background-position:-1452px 0}
#c-140 {background-position:-1584px 0}

.fw-panel-store-l-course-over {background-image:url(/images/tefl-v3/v2/fw-panels/store/store-panel-course-bg-top-over.png)}
.fw-panel-store-l-course-inner-over {background-image:url(/images/tefl-v3/v2/fw-panels/store/store-panel-course-bg-end-over.png)}

.fw-panel-store-l-course p {color:#73765b;font-size:90%;margin:0;line-height:100%}
.c-price {font-size:120%!important;letter-spacing:;font-weight:bold;color:#83daff;margin:5px 0 0!important;position:absolute;bottom:8px;left:9px}

#c-20 .c-price {color:#d1000d}
#c-40a .c-price {color:#cc008a}
#c-40b .c-price {color:#b51ec7}
#c-60 .c-price {color:#F0C002}
#c-80a .c-price {color:#3e4fa5}
#c-80b .c-price {color:#2a78da}
#c-80c .c-price {color:#1bb9c6}
#c-100a .c-price {color:#1cac82}
#c-100b .c-price {color:#32b44b}
#c-120a .c-price {color:#35cc00}
#c-120b .c-price {color:#8bcc00}
#c-120c .c-price {color:#6d1dcb}
#c-140 .c-price {color:#e35500}



#fw-panel-store-r {width:285px;float:right}

#peek-intro {margin:8px 0 7px}


/*
============================================================================
Full width panel: TEFL ABROAD (currently seen only on the home page). (Richh)
If this panels needs using anywhere other than the homepage one day,
cut out this block of css and paste it into the global/base css
============================================================================
*/
#fw-panel-tefl-abroad {background:url(/images/tefl-v3/v2/fw-panels/tefl-abroad/tefl-abroad-panel-bg-top.png) no-repeat top;_float:left}
#fw-panel-tefl-abroad-inner { width:953px; background:url(/images/tefl-v3/v2/fw-panels/tefl-abroad/tefl-abroad-panel-bg-end.png) no-repeat bottom left;padding:10px 16px 38px;overflow:hidden;margin:0;_float:left;}
#fw-panel-tefl-abroad h2 {color:#dddfe8;margin:0 0 3px}
#fw-panel-tefl-abroad h3 {margin:0 0 10px;font-size:150%;font-weight:normal;color:#6c6f7e}
#fw-panel-tefl-abroad h3 strong {color:#fff}
#fw-panel-tefl-abroad p {font-size:90%}
#fw-panel-tefl-abroad-r h3 {margin:0}
#fw-panel-tefl-abroad-r p {color:#fff}
#fw-panel-tefl-abroad h4 {margin:0;font-size:120%;float:left}
#fw-panel-tefl-abroad a {text-decoration:none;color:#363636}
#fw-panel-tefl-abroad-l {width:470px;float:left}
#fw-panel-tefl-abroad-r {width:455px;float:right}

.fw-panel-tefl-abroad-intern {width:220px;float:left;margin:0 15px 0 0; }
.fw-panel-tefl-abroad-intern p {color:#363636;float:left;margin:2px 0 0 10px}
.fw-panel-tefl-abroad-intern div {float:left;padding:8px}

.tai-china {background:#ffd200 url(/images/tefl-v3/v2/fw-panels/tefl-abroad/intern-bg.png) no-repeat bottom}
.tai-china-over {background-color:#fff600}
.tai-thailand {background:#9acc21 url(/images/tefl-v3/v2/fw-panels/tefl-abroad/intern-bg.png) no-repeat bottom}
.tai-thailand-over {background-color:#b4ff00}
.tai-china h4 {color:#8f5700}
.tai-thailand h4 {color:#3c5205}

#fw-panel-tefl-abroad-intern-china,#fw-panel-tefl-abroad-intern-thailand {width:220px;float:left;margin:0 10px 0 0}
#fw-panel-tefl-abroad-intern-china p,#fw-panel-tefl-abroad-intern-thailand p {margin:0; color:#363636}
#fw-panel-tefl-abroad-intern-china div,#fw-panel-tefl-abroad-intern-thailand div {padding:5px}
#fw-panel-tefl-abroad ul {margin:5px 0 0;width:220px; float:left}
#fw-panel-tefl-abroad ul li {font-size:120%;font-weight:bold;margin:0;background:url(/images/tefl-v3/v2/fw-panels/tefl-abroad/tefl-abroad-panel-blt-white.png) no-repeat 0 4px;padding:0 0 0 10px}
#fw-panel-tefl-abroad ul li a {color:#4ca1c5}
#fw-panel-tefl-abroad ul li a:hover {color:#fff}



/* New Homepage layout */

/* New homepage intro area */
#home-intro { border-bottom:1px solid #c8cabf; padding:0 0 15px 0; margin-bottom:10px;}
#home-intro h1 { font-size:2.6em; letter-spacing:-2px; color:#009dff; }
#home-intro h1 a { color:#0391e9; text-decoration:none; }
#home-intro h1 a:hover { color:#037dc9; }
#home-intro h1 a span { border-bottom:1px dotted #0391e9; }
#home-intro h1 a:hover span { border-bottom:0;  }

#intro-text {margin:20px 0;}

.home-intro-welcome { float:left; width:400px; margin:0 15px 0 0; }
.home-intro-welcome h2 { margin:0; padding:0; }
.home-intro-welcome ul { margin:15px 0 0 0; padding:0; width:100%; }
.home-intro-welcome ul li { background: url(/images/tefl-v3/v2/common/bullet-star-yellow.png) no-repeat left; padding:5px 0 5px 30px; margin:0;  font-size:1.1em; line-height:1.2em;}
.home-intro-welcome ul li span.price-was { display:none; }
.home-tefltaster { float:left; width:190px; }

.video-preview { float:right; width:350px; }
.video-preview .video-thumb { float:left; width:345px; height:232px; background: url(/images/tefl-v3/v2/homepage/img-video-preview.jpg) no-repeat top left; }
.video-preview .video-thumb a, .video-preview .video-thumb a span { display:block; width:345px; height:232px; }
.video-preview .video-thumb a span { margin-left:-5000px; }
.video-preview .video-thumb a:hover { background-color:#fff; opacity: .3; filter: alpha(opacity=30); }
.ui-dialog-content, .ui-widget-content { padding:0!important; margin:0!important; }

h2.page-title { font-size:2.6em; letter-spacing:-2px; color:#009dff; margin-top:10px; }
h2.page-title a { color:#0391e9; text-decoration:none; }
h2.page-title a:hover { color:#037dc9; }
h2.page-title a span { border-bottom:1px dotted #0391e9; }
h2.page-title a:hover span { border-bottom:0;  }

/* Courses title area */
.panel-courses-title { background: url(/images/tefl-v3/v2/courses/panel-courses-title-bg.png) no-repeat bottom left; padding:0 0 10px 0; }
.panel-courses-title h3 { color:#000; font-size:1.8em; width:220px; float:left; text-align:center; margin:0 20px 0 0; padding:0; letter-spacing:-1px; }
.panel-courses-title h3 a { text-decoration:none; color:#000; }
.panel-courses-title h3 a span { border-bottom:1px dotted #ccc; }
.panel-courses-title p { float:left; width:740px; margin:0; padding:8px 0 0 0; }

/* Course panels */
.panel-courses-full { margin:15px 0 15px 0;background: url(/images/tefl-v3/v2/courses/course-panel-bg.png) no-repeat top left; min-height:230px; height:auto!important; height:230px; }
.panel-courses-full .panel-courses-inner { position:relative; background: url(/images/tefl-v3/v2/courses/course-panel-bg-end.png) no-repeat bottom left; padding:0 0 0 240px;  }
.panel-courses-full .course-panel-list { margin:0 0 0 8px; }
.panel-courses-full .course-panel, .course-panel-wide { position:relative; width:140px; float:left; margin:22px 6px 10px 0; padding:0 0 80px 0; background: #fff url(/images/tefl-v3/v2/courses/course-panel-end.png) no-repeat bottom left; /* min-height:148px; height:auto!important; height:148px; */ }
.panel-courses-full .course-panel-hover { background: #fff url(/images/tefl-v3/v2/courses/course-panel-end.png) no-repeat bottom right}

.panel-courses-full h3 { width:140px; height:43px; margin:0!important; padding:0!important; background: url(/images/tefl-v3/v2/courses/course-panel-headers.png) no-repeat top left; overflow:hidden;}
.panel-courses-full h3 span { display:block; width:140px; height:43px; text-indent:-5000px!important;  }
.panel-courses-full p { color:#000; text-align:center; padding:10px 5px 8px 5px; margin:0; }
.panel-courses-full p.learn-link { margin:0; padding:0; position:absolute; bottom:65px; width:140px; text-align:center; }
.panel-courses-full p.learn-link a { color:#000; text-align:center; background: url(/images/tefl-v3/v2/common/icon-info.png) no-repeat left; _background: url(/images/tefl-v3/v2/common/icon-info.gif) no-repeat left; padding:3px 0 3px 15px; }
.panel-courses-full p.course-panel-price { display:block; color:#000; font-weight:bold; width:140px; position:absolute; bottom:15px; left:0; background-color: #ffd1b2; margin:0; padding:3px 0 3px 0; text-align:center; font-size:1.4em; }
.panel-courses-full p.course-panel-price span.price-was { color:red; font-size:0.8em; position:absolute; top:-12px; left:0; width:140px; margin:0; background:transparent }

.panel-courses-full p.course-panel-price em { font-style:normal; font-size:0.7em; color:#4c4c4c; }

/* Offers styling */
.panel-courses-full .course-offer { margin-top:0; margin-bottom:0;  background-image: url(/images/tefl-v3/v2/courses/course-panel-offers-end.png); }
.panel-courses-full .course-offer h3 {  background: url(/images/tefl-v3/v2/courses/course-panel-headers-offer.png) no-repeat top left!important; }
.panel-courses-full .course-offer p { color:#fff; }
.panel-courses-full .course-offer p.learn-link { position:absolute; bottom:90px; color:#fff; font-weight:bold; }
.panel-courses-full .course-offer p.course-panel-price { color:#000; background-color:#fff; }
.panel-courses-full .course-offer p.course-panel-price span.price-was { color:red; background-color:#fff; }

#panel-online-courses .course-offer { background-image: url(/images/tefl-v3/v2/courses/course-panel-offers-online-end.png)!important; }
#panel-online-courses .course-offer.course-panel-hover { background-position: -140px bottom!important; }
#panel-combined-courses .course-offer { background-image: url(/images/tefl-v3/v2/courses/course-panel-offers-end.png); }
#panel-combined-courses .course-offer.course-panel-hover { background-position: -140px bottom!important; }

#panel-online-courses .course-panel p.course-panel-price { background-color: #bad4e0; }
#panel-online-courses .course-offer p.course-panel-price { background-color: #fff; }

.course-panel#course-20hr-classroom h3 { background-position: 0 0!important; }
.course-panel#course-40hr-combined h3 { background-position: 0 -43px!important; }
.course-panel#course-60hr-combined h3 { background-position: 0 -86px!important; }
.course-panel#course-120hr-combined h3 { background-position: 0 -129px!important; }
.course-panel#course-140hr-combined h3 { background-position: 0 -172px!important; }

.course-panel#course-40hr-online h3 { background-position: -140px 0!important; }
.course-panel#course-60hr-online h3 { background-position: -140px -43px!important; }
.course-panel#course-80hr-online h3 { background-position: -140px -86px!important; }
.course-panel#course-100hr-online h3 { background-position: -140px -129px!important; }
.course-panel#course-120hr-online h3 { background-position: -140px -172px!important; }

/* Two panels wide course - for example for uk, with only 4 */
.panel-courses-full .course-panel-wide { width:286px; margin:22px 6px 0 0; background: #fff url(/images/tefl-v3/v2/courses/course-panel-wide-end.png) no-repeat bottom left; }
.panel-courses-full .course-panel-wide.course-panel-hover { background: #fff url(/images/tefl-v3/v2/courses/course-panel-wide-end.png) no-repeat bottom right;}
.panel-courses-full .course-panel-wide h3 { width:286px; background: url(/images/tefl-v3/v2/courses/course-panel-header-120.png) no-repeat top left!important; }
.panel-courses-full .course-panel-wide p.learn-link { width:286px; }
.panel-courses-full .course-panel-wide p.course-panel-price { width:286px; background-color: #c6dbe5; }
.panel-courses-full .course-panel-wide p.course-panel-price span.price-was { width:286px; }

#panel-online-courses .course-panel-wide.course-offer h3 {  background: url(/images/tefl-v3/v2/courses/course-panel-header-120-offer.png) no-repeat top left; }
#panel-online-courses .course-offer h3.course-title-wide {  background: url(/images/tefl-v3/v2/courses/course-panel-header-120-offer.png) no-repeat top left!important; }
#panel-online-courses .course-panel-wide.course-offer { margin-top:0; background-image: url(/images/tefl-v3/v2/courses/course-panel-offers-online-wide-end.png)!important; }
#panel-online-courses .course-panel-wide.course-offer.course-panel-hover { background-position: -286px bottom!important; }
.course-offer p.course-panel-price { position:absolute; bottom:40px; left:0;}




/* Promo panels on left */
.panel-courses-full .panel-courses-promo { position:absolute; top:0; left:18px; width:190px; }
.panel-courses-full .panel-courses-promo .promo-inner-panel { /*height:195px;*/ padding:20px 15px 15px 15px; text-align:left; }
#panel-online-courses .panel-courses-promo { background: url(/images/tefl-v3/v2/courses/course-promo-end.png) no-repeat bottom right; }
#panel-combined-courses .panel-courses-promo { background: url(/images/tefl-v3/v2/courses/course-promo-end.png) no-repeat bottom left; }
#panel-online-courses .panel-courses-promo .promo-inner-panel { background: url(/images/tefl-v3/v2/courses/course-promo-top.png) no-repeat top right; }
#panel-combined-courses .panel-courses-promo .promo-inner-panel { background: url(/images/tefl-v3/v2/courses/course-promo-top.png) no-repeat top left; }
.promo-inner-panel .offer-link { font-weight:bold; color:#fff; margin:10px 0 0 0}
.promo-inner-panel p a {color:#fff;}

.panel-courses-full .panel-courses-promo h3 { font-size:1.4em; height:auto!important; width:100%!important; margin:0 0 10px 0; padding:0; color:#fff; letter-spacing:-1px; line-height:1.2em; background:none; }
.panel-courses-full .panel-courses-promo h3 strong { font-size:2.2em; display:block; letter-spacing:-2px; line-height:1.1em; text-shadow:0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.4) }
.panel-courses-full .panel-courses-promo p { color:#fff; margin:0; padding:0; text-align:left; }



/* Jobs Abroad Panel */
#jobs-abroad-panel { background: url(/images/tefl-v3/v2/homepage/jobs-abroad-top.png) no-repeat top left; margin:15px 0 25px 0; }
#jobs-abroad-panel .jobs-abroad-panel-inner { padding:75px 0 75px 0; background: url(/images/tefl-v3/v2/homepage/jobs-abroad-end.png) no-repeat bottom left; }
#jobs-abroad-panel .jobs-abroad-panel-inner h3 { margin:0 0 20px 0; padding:0; font-size:1.6em;  }
#jobs-abroad-panel .jobs-abroad-panel-inner h2 { margin: 0 0 20px 0; }
#jobs-abroad-panel .jobs-abroad-panel-inner h2 a { text-decoration:none; color:#686868;}
#jobs-abroad-panel .jobs-abroad-panel-inner h2 a span { border-bottom:1px dotted #ccc; }
#jobs-abroad-panel .jobs-abroad-panel-inner h2 a:hover span { border-bottom:1px dotted #fff; }

#jobs-abroad-panel .panel-internships { float:left; width:450px; padding-left:20px; }
#jobs-abroad-panel .panel-internships h2.icon-internships, #jobs-abroad-panel .panel-internships p.panel-internships-intro {position:relative; float:left;display:inline-block;width:420px;margin-left:0;margin-right:0;}
#jobs-abroad-panel .panel-placements { float:left; width:460px; padding:0 10px 0 40px; border-left:1px dashed #ccc;}

#jobs-abroad-panel .panel-internship { position:relative; float:left; width:340px; margin:0 0 15px 0; padding:10px 15px 0 85px; min-height:110px; height:auto!important; height:110px;}
#jobs-abroad-panel .panel-internship h3 { color:#92997e; font-size:1.2em; line-height:1.6em; margin:0 0 15px 0; float:left; width:215px; }
#jobs-abroad-panel .panel-internship h3 strong { color:#666; letter-spacing:-2px; text-transform:uppercase; font-size:1.8em; }
#jobs-abroad-panel .panel-internship a.btn-arrow { float:right; white-space: nowrap;}
#jobs-abroad-panel .panel-internship p { clear:both; }

#jobs-abroad-panel .panel-internship-thailand { background: url(/images/tefl-v3/v2/homepage/img-intern-thailand-v2.jpg) no-repeat top left; }
#jobs-abroad-panel .panel-internship-china { background: url(/images/tefl-v3/v2/homepage/img-intern-china-v2.jpg) no-repeat top left; }
#jobs-abroad-panel .panel-internship-southkorea { background: url(/images/tefl-v3/v2/homepage/img-intern-southkorea.jpg) no-repeat top left; }
#jobs-abroad-panel .panel-internship-poland { background: url(/images/tefl-v3/v2/homepage/img-intern-poland-v2.jpg) no-repeat top left; }

#jobs-abroad-panel p.internship-offer-label {font-size:1em;background-color:#ebedd8; padding:5px 8px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; }
/*#jobs-abroad-panel p.thai-landing-flash-green.internship-offer-label {background:#ed130e;}*/

#jobs-abroad-panel .panel-placements .panel-internship { margin:15px 0 15px 0; }
#jobs-abroad-panel .panel-placements h3 strong { margin-left:0; }
#jobs-abroad-panel .panel-placements h3 { margin-left:0; padding-left:0; }

#jobs-abroad-panel .panel-placements ul { margin:20px 0 0 0; padding:0; }
#jobs-abroad-panel .panel-placements ul li { float:left; width:210px; margin:0 20px 0 0; padding:0; background: url(/images/tefl-v3/v2/homepage/placement-polariods-sml.jpg) no-repeat left;}
#jobs-abroad-panel .panel-placements ul li a { position:relative; display:block; color:#92997e; font-weight:bold; white-space: nowrap; text-decoration:none; padding:12px 0 0 65px; line-height:1.2em; min-height:53px; height:auto!important; height:53px;}
#jobs-abroad-panel .panel-placements ul li a strong { display:block; font-size:1.3em; color:#666; text-transform: uppercase; letter-spacing:-1px; }
#jobs-abroad-panel .panel-placements ul li a:hover { color:#000; background-color:#fff; opacity: .3; filter: alpha(opacity=30); }
#jobs-abroad-panel .panel-placements ul li a:hover strong { color:#000;  }

#jobs-abroad-panel .panel-placements ul li a.flash-new { background: url(/images/tefl-v3/v2/common/flash-new.png) no-repeat top left; _background: url(/images/tefl-v3/v2/common/flash-new.gif) no-repeat top left; }

#jobs-abroad-panel span.flash-new { text-indent:-9999px;background: url(/images/tefl-v3/v2/common/flash-new.png) no-repeat top left; _background: url(/images/tefl-v3/v2/common/flash-new.gif) no-repeat top left;position:absolute;top:0;left:0;width:33px;height:19px; }

#jobs-abroad-panel .panel-placements ul li.tefljob-southkorea { background-position:0 0; }
#jobs-abroad-panel .panel-placements ul li.tefljob-china { background-position:0 -240; }
#jobs-abroad-panel .panel-placements ul li.tefljob-georgia { background-position:0 -120px; }
#jobs-abroad-panel .panel-placements ul li.tefljob-japan { background-position:0 -600px; }
#jobs-abroad-panel .panel-placements ul li.tefljob-czechrepublic { background-position:0 -360px; }
#jobs-abroad-panel .panel-placements ul li.tefljob-indonesia { background-position:0 -720px; }
#jobs-abroad-panel .panel-placements ul li.tefljob-ecuador { background-position:0 -480px; }


/* Misc Lower panels */
#panel-testimonials { float:left; width:210px; margin-right:20px; }
#mplayer { float:left; width:420px; margin-right:15px;}
#mediaplayer-container { margin-top:0; }
div#mediaplayer, div#mediaplayer-btm {width: 406px; height: 292px; }
#mplayer-btm { float:left; width:420px; margin-right:15px;}
#mediaplayer-container-btm { margin-top:0; }

#panel-faq { float:left; width:315px; position:relative;}
#panel-faq-small h3 {color:#fff;margin:0 0 5px 0}
