/* CSS Document - JTL Young People Unique Home Page */
html, body {height: 100%; font-size: 62.5%; margin: 0; padding: 0;}
body { font-size:1.0em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; background:url(../../_global/images/homebg.gif) no-repeat 0 870px #fff; }
.clear { clear:both; }
/*Image Replacement - saves duplication of below through stylesheet*/
.ir { display: block; text-indent: -9999px; font-size: 1%;}

/* --- Nav Bar ---------- */
.top_nav_bar { height:32px; width:100%; background:url(../../_global/images/top_net_bar.gif) no-repeat left top #fff; padding:7px 0 0 0; margin:0; }
.networking_bar { float:left; height:27px; width:300px; padding:0; margin:0;}
.networking_bar p, .join_us_at p { float:left; font-size:1.1em; color:#005aa2; padding:5px 5px 0 10px; margin:0;}
.networking_bar select { width: 147px; float:left; font-size: 10px; padding: 2px; margin: 3px 0 0 5px;}
.networking_holder { width:967px; }
.join_us_at { float:right; height:27px; width:456px; padding:0; margin:0 5px 0 0;}
.join_us_at ul { float:left; padding:0; margin:0; }
.join_us_at li { float:left; list-style:none; }
.join_us_at li a { display: block; height: 27px; width: 22px; background-repeat: no-repeat; }
.fb { background-image: url(../../../_global/images/facebook.gif); }
.mys { background-image: url(../../../_global/images/myspace.gif); }
.yt { background-image: url(../../../_global/images/youtube.gif); }
.twi { background-image: url(../../../_global/images/twitter.gif); }
.be { background-image: url(../../../_global/images/bebo.gif); }
.ning { background-image: url(../../../_global/images/ning.gif); }
.addthis_button { float:right; margin-top:2px; }

/* ---------- Header ---------- */
div#header {height:83px; width:100%; background:url(../../_global/images/header_bg.gif) repeat-x bottom left #fff; padding:0px; margin:0px;}
div#search_login { height:70px;	width:500px; background:#fff; padding:0px; margin:0px; }
div#links_bar { height:32px; width:100%; float: left; background:#f6d900; padding:0px; margin:0px; }
.logo a { width:130px; height:83px; display:block; text-indent:-9999px; font-size:1%; background:url(../../_global/images/jtllogo.gif) no-repeat #f6d900; float:left; padding:0; margin:0; }
.logo h1 {padding:0; margin:0;}
.site_name { background:url(../../_global/images/jtllogo_side.gif) no-repeat #f6d900; float:left; height:83px; width:152px; padding:0; margin:0; }
.mid_header { float:left; width:300px; height:44px; padding:35px 0 0 100px; margin:0; }

/* ---------- Search & Login ---------- */
#search { width:200px; height:30px; display:inline; padding:0; margin:0; }
#login { padding:0 0 0 0; margin:3px; width:250px; color:#005aa2; position:absolute; top:39px; left:717px; border-left:1px solid #005aa2; }
.logintitle { padding:2px 0 0 7px; margin:0; width:43px; height:16px; float:left; color:#f6d900; font-size:1.05em; font-weight:bold; background-color:#005aa2; display: block; }
.forgot_password { float:left; padding-left:60px; margin:3px 0; display:inline; font-size:1em; }
.forgot_password a { text-decoration: underline; color:#005aa2; font-size:1em; }
.forgot_password a:hover { text-decoration: none; }
.search { font-size:9px; color:#005aa2; clear:left; margin:0; padding:0; }
.search label { font-size:9px; width:54px; float:left; display:block; margin:8px 0 0 5px; padding:0; }
.log_input { width:140px; height:18px; float:left; font-size:11px; color:#333; margin:4px 4px 0 4px; padding:0; }
.go_btn { margin-top:30px; }
.search_input { width:140px; height:18px; float:left; font-size:11px; color:#333; margin:0 4px 0 0; padding:0; }

/* --- Navigation ---------- */
#nav { height:26px; width:100%; background:#f6d900; }		

/* --- Breadcumbs ---------- */
#breadcrumbs { color:#000; height:20px; background:url(../../_global/images/breadcrumbs_bg.gif) repeat-x #fdf8d1; margin:0; padding: 12px 0 0 6px; clear: both;}
#breadcrumbs li { list-style: none; display: inline;}
#breadcrumbs li a { color:#005aa2; font-weight:bold; }
#breadcrumbs li a:hover { color:#cb0909; font-weight:bold; }

/* ---------- Section Content ---------- */
#bodycontent {	width:970px; padding:0; margin:0;}
#left_col {	width:251px; height:520px; float:left; padding:0; margin:0;}
#primary_source { width:715px; height:539px; float:left; padding:0; margin:0;}
#app_process { width:966px; height:235px; float:left; padding:0; margin:0;}
#left_col_bot {	width:251px; height:347px; float:left; background:url(../../_global/images/news_bg.jpg) no-repeat; padding:0; margin:21px 0 0 0;}
#second_source { width:715px; height:350px; float:left; padding:0; margin:35px 0 0 0;}=

.getmessage_video { width:251px; height:206px; float:left; background-color:#cccccc; margin:0;	padding:0;}
.welcome { width:450px; height:206px; float:left; background:url(../../_global/images/welcome_apprentice.jpg) no-repeat top right; margin:0; padding:0;}
.welcome .title { width:270px; height:88px; float:left; background:url(../../_global/images/title_welcome.gif) no-repeat top left #fff; text-indent: -9999em; font-size: 1%; margin:0; padding:0;}
.welcome .intro { width:220px; height:100px; float:left; font-size:1.1em; line-height:1.3em; margin:0; padding:0 18px;}
.satnav {width: 264px; height:194px; float:left; display: inline; background-image: url(../../_global/images/welcome_satnav.gif); background-repeat:no-repeat; margin:12px 0 0 0; padding:0;}
.app_options { width:459px; float:left; display:inline; margin:20px 0 0 15px; padding:0;}
.app_options .title { width:447px; height:52px; background:url(../../_global/images/title_app_options.gif) no-repeat top left #fff; display: block; text-indent: -9999em; font-size: 1%; margin:0; padding:0;}
.app_options_icons { width:455px; height:220px; float:left; margin:0; padding:0 0 0 4px;}
.app_options_icons ul {margin-left: 0; padding-left: 0; display: inline;} 
.app_options_icons ul li {margin-left: 0; list-style: none; display: inline;}
.career_path { width:680px; height:27px; float:left; background:url(../../_global/images/career_path.gif) no-repeat top left #f6d900; display: inline; margin:2px 0 0 19px; padding:0;} 
.news { width:251px; display:block;	float:left; margin:0; padding:0;}
.news_title a {width: 250px; height:127px; display:block; text-indent: -9999px; font-size: 1%; margin:0;}
.news_story { width:240px; height:63px; margin:0; padding:0;}
.news_story img { width:58px; height:54px; float:left; margin:0 0 0 12px; padding:0; border:solid 2px #005aa2;}
.story { width:150px; height:58px; float:left; background:url(../../_global/images/news_story_bg.gif) top right no-repeat #fced77; margin:0; padding:0 0 0 10px;}
.news_head { color:#005aa2; padding:0; margin:5px 0;}
.news_head a { color:#005aa2; text-decoration: underline; padding:0;}
.news_head a:hover { color:#cb0909; text-decoration: underline;}
.story p { font-size: 1.05em; padding:0; margin:5px 0 0 0; line-height:1.2em;}

#quick_btns { width:966px; height:155px; float:left; padding:0; margin:0; }
.link_container01 a { width:183px; height:156px; float:left; background:url(../../_global/images/ql_breakingthemould.jpg) no-repeat top left #f8e345; margin:0 12px 0 0;}
.link_container02 a { width:183px; height:156px; float:left; background:url(../../_global/images/ql_stereotypes.jpg) no-repeat top left #f8e345; margin:0 12px 0 0;}
.link_container03 a { width:183px; height:156px; float:left; background:url(../../_global/images/ql_earn.jpg) no-repeat top left #f8e345; margin:0 12px 0 0;}
.link_container04 a { width:183px; height:156px; float:left; background:url(../../_global/images/ql_jobmatch.jpg) no-repeat top left #f8e345; margin:0 12px 0 0;}
.link_container05 a { width:183px; height:156px; float:left; background:url(../../_global/images/ql_greatcareer.jpg) no-repeat top left #f8e345;}
.link_container06 a { width:183px; height:156px; float:left; background:url(../../_global/images/ql_everystep.jpg) no-repeat top left #f8e345; margin:0 12px 0 0;}
.link_container07 a { width:183px; height:156px; float:left; background:url(../../_global/images/ql_coulditbeyou.jpg) no-repeat top left #f8e345; margin:0 12px 0 0;}
.link_container08 a { width:183px; height:156px; float:left; background:url(../../_global/images/ql_whyjtl.jpg) no-repeat top left #f8e345; margin:0 12px 0 0;}
.link_container09 a { width:183px; height:156px; float:left; background:url(../../_global/images/ql_gotajob.jpg) no-repeat top left #f8e345; margin:0 12px 0 0;}
.link_container10 a { width:183px; height:156px; float:left; background:url(../../_global/images/ql_cost.jpg) no-repeat top left #f8e345;}

#college_locator { width:294px; height:345px; display:inline; float:left; margin:0 0 0 20px; padding:0; }
#what_is a {width: 251px; height:155px; display:block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/title_whatisan_aa.jpg) no-repeat; margin:1px 0 0 0;}
#what_is a:hover {background:url(../../_global/images/title_whatisan_aa.jpg)  no-repeat 0 -155px;}
#apply a {width: 252px; height:160px; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/apply_now.jpg) no-repeat; margin:5px 0 0 0;}
#apply a:hover {background:url(../../_global/images/apply_now.jpg)  no-repeat 0 -160px;}
.practice_assess a {width: 396px; height:95px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/block_assess.gif) no-repeat; overflow: hidden; margin:15px 0 6px 0;}
.practice_assess a:hover {background:url(../../_global/images/block_assess.gif)  no-repeat 0 -95px;}
.try_isit4me a {width: 396px; height:104px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/block_isit.gif) no-repeat; overflow: hidden; margin:2px 0 0 0;}
.try_isit4me a:hover {background:url(../../_global/images/block_isit.gif)  no-repeat 0 -104px;}
.colour_deficient a {width: 396px; height:104px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/colour_deficient.gif) no-repeat; overflow: hidden; margin:7px 0;}
.colour_deficient a:hover {background:url(../../_global/images/colour_deficient.gif)  no-repeat 0 -104px;}

/* ------- Home Trade Icons ----------- */
.motor a {width: 103px; height:111px; float:left; display: block; text-indent: -9999px; font-size: 1%; background-image: url(../../_global/images/home_icons_motor.gif); background-repeat:no-repeat; overflow: hidden; margin:0;}
.motor a:hover {background:url(../../_global/images/home_icons_motor.gif)  no-repeat 0 -111px;}
.plumb a {width: 82px; height:111px; float:left; display: block; text-indent: -9999px; font-size: 1%; background-image: url(../../_global/images/home_icons_plumb.gif); background-repeat:no-repeat; overflow: hidden; margin:0;}
.plumb a:hover {background:url(../../_global/images/home_icons_plumb.gif)  no-repeat 0 -111px;}
.heat a {width: 91px; height:111px; float:left; display: block; text-indent: -9999px; font-size: 1%; background-image: url(../../_global/images/home_icons_heat.gif); background-repeat:no-repeat; overflow: hidden; margin:0;}
.heat a:hover {background:url(../../_global/images/home_icons_heat.gif)  no-repeat 0 -111px;}
.ele a {width: 82px; height:111px; float:left; display: block; text-indent: -9999px; font-size: 1%; background-image: url(../../_global/images/home_icons_ele.gif); background-repeat:no-repeat; overflow: hidden; margin:0;}
.ele a:hover {background:url(../../_global/images/home_icons_ele.gif)  no-repeat 0 -111px;}
.main a {width: 82px; height:111px; float:left; display: block; text-indent: -9999px; font-size: 1%; background-image: url(../../_global/images/home_icons_main.gif); background-repeat:no-repeat; overflow: hidden; margin:0;}
.main a:hover {background:url(../../_global/images/home_icons_main.gif)  no-repeat 0 -111px;}

/* ------- Home Career People ----------- */
.boss a {width: 110px; height:109px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/home_career_icons_boss.jpg) no-repeat; overflow: hidden; margin:0;}
.boss a:hover {background:url(../../_global/images/home_career_icons_boss.jpg)  no-repeat 0 -109px;}
.scale a {width: 110px; height:109px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/home_career_icons_scale.jpg) no-repeat; overflow: hidden; margin:0;}
.scale a:hover {background:url(../../_global/images/home_career_icons_scale.jpg)  no-repeat 0 -109px;}
.field a {width: 125px; height:109px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/home_career_icons_field.jpg) no-repeat;overflow: hidden;  margin:0;}
.field a:hover {background:url(../../_global/images/home_career_icons_field.jpg)  no-repeat 0 -109px;}
.show a {width: 110px; height:109px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/home_career_icons_show.jpg) no-repeat; overflow: hidden; margin:0;}
.show a:hover {background:url(../../_global/images/home_career_icons_show.jpg)  no-repeat 0 -109px;}

/* ------- Application Process Icons ----------- */
.app_title { width:194px; height:87px; float:left; display: inline; background:url(../../_global/images/title_app_process.gif) no-repeat top left; text-indent: -9999em; font-size: 1%; margin:95px 0 0 20px; padding:0;} 
.app_icons { width:751px; height:154px; float:left; margin:58px 0 0 0; padding:0;}
.app_icons ul {margin: 0; padding: 0; display: inline;} 
.app_icons ul li {margin: 0; list-style: none; display: inline;}
.apply_icon a {width: 94px; height:154px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/ap_icons_01.gif) no-repeat; overflow: hidden; margin:0; padding:0;}
.apply_icon a:hover {background:url(../../_global/images/ap_icons_01.gif)  no-repeat 0 -154px;}
.isit4me_icon a {width: 93px; height:154px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/ap_icons_02.gif) no-repeat; overflow: hidden; margin:0; padding:0;}
.isit4me_icon a:hover {background:url(../../_global/images/ap_icons_02.gif)  no-repeat 0 -154px;}
.colour_icon a {width: 93px; height:154px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/ap_icons_03.gif) no-repeat; overflow: hidden; margin:0; padding:0;}
.colour_icon a:hover {background:url(../../_global/images/ap_icons_03.gif)  no-repeat 0 -154px;}
.assess_icon a {width: 94px; height:154px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/ap_icons_04.gif) no-repeat; overflow: hidden; margin:0; padding:0;}
.assess_icon a:hover {background:url(../../_global/images/ap_icons_04.gif)  no-repeat 0 -154px;}
.approved_icon a {width: 92px; height:154px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/ap_icons_05.gif) no-repeat; overflow: hidden; margin:0; padding:0;}
.approved_icon a:hover {background:url(../../_global/images/ap_icons_05.gif)  no-repeat 0 -154px;}
.interview_icon a {width: 93px; height:154px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/ap_icons_06.gif) no-repeat; overflow: hidden; margin:0; padding:0;}
.interview_icon a:hover {background:url(../../_global/images/ap_icons_06.gif)  no-repeat 0 -154px;}
.work_icon a {width: 94px; height:154px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/ap_icons_07.gif) no-repeat; overflow: hidden; margin:0; padding:0;}
.work_icon a:hover {background:url(../../_global/images/ap_icons_07.gif)  no-repeat 0 -154px;}
.college_icon a {width: 94px; height:154px; float:left; display: block; text-indent: -9999px; font-size: 1%; background:url(../../_global/images/ap_icons_08.gif) no-repeat; overflow: hidden; margin:0; padding:0;}
.college_icon a:hover {background:url(../../_global/images/ap_icons_08.gif)  no-repeat 0 -154px;}

/* ------- Video Player ----------- */
#video_player {width:226px; height:265px; display:inline; float:left; margin:20px 0 0 0; padding:0;}
.vp_head {width: 226px;	height:41px; display: inline-block; background-image: url(../../_global/images/vp_header.gif); background-repeat:no-repeat; text-indent: -9999px; font-size: 1%; margin:0;}
.vp {width: 226px; height:234px; display: block; background-image: url(../../_global/images/vp_bg_lrg.gif);	background-repeat:no-repeat; margin:0; padding:0;}
.vp_channel {width: 216px; height:40px;	display: block; display: inline; float:left;	background-image: url(../../_global/images/vp_channel_bg.gif);	background-repeat:no-repeat; margin:0 0 2px 10px; padding:0; }
.vp_channel img {width: 35px;	height:35px; display: block; display:inline; margin:2px 2px; padding:0;	float:left;}
.vp_channel p {width:100px; color:#005aa2; font-weight:bold; margin:5px 0 0 30px; padding:0; float:left;}
.vp_channel .play a {width: 40px; height:40px; display: block; float:left; text-indent: -9999px;	font-size: 1%; background-image: url(../../_global/images/vp_play.gif); background-repeat:no-repeat; margin:0 0 0 0;}
.vp_channel .play a:hover {background:url(../../_global/images/vp_play.gif)  no-repeat 0 -40px;}

/* --- Footer ---------- */
#footer { height:70px; width:100%; background:url(../../_global/images/footer_bg.jpg) repeat-x #f6d900; padding:0; margin:0;}
#logo_strip { height:58px; padding:0; margin:0; list-style: none; }
#logo_strip li { float: left;	margin: 0;	padding: 0;	height: 64px; }
#logo_strip li a { display: block; text-indent: -5000px; height: 48px; background-repeat: no-repeat; }
.left_footer_contact { float:left; width:102px; }
.footer_contactus a { background:url(../images/footer/contactus.gif) no-repeat left top; width:102px; height:28px; display:block; }
.footer_contactus a:hover { background:url(../images/footer/contactus.gif) no-repeat bottom; }
.footer_phonenumber { background-image: url(../images/footer/phonenumber.gif); width: 102px; height:23px; }
.footer_unite { background-image: url(../images/footer/footer_02.gif); width: 49px; }
.footer_eca { background-image: url(../images/footer/footer_03.gif); width: 96px; }
.footer_lsc { background-image: url(../images/footer/footer_04.gif); width: 100px; }
.footer_wag { background-image: url(../images/footer/footer_05.gif); width: 85px; }
.footer_matrix { background-image: url(../images/footer/footer_06.gif); width: 110px; }
.footer_padp { background-image: url(../images/footer/footer_07.gif); width: 65px; }
.footer_iso { background-image: url(../images/footer/footer_08.gif); width: 96px; }
.footer_beacon { background-image: url(../images/footer/footer_09.gif); width: 69px; }
.footer_goodday { background-image: url(../images/footer/footer_10.gif); width: 59px; }
.footer_iip { background-image: url(../images/footer/footer_11.gif); width: 134px; }

#footer_nav { width:100%; height:45px; font-size:1.0em; background-image:url(../../_global/images/footer_bg.gif); background-color:#f6d900; background-position:top left; background-repeat:repeat-x; clear:both; margin:10px 0 0 0; padding:40px 0 0 0;}
#footer_nav a { color:#000;}
#footer_nav a:hover {color:#cb0909; text-decoration:underline;}
#footer_nav ul {margin:0; padding:0; display:inline;} 
#footer_nav ul li { margin:0; padding:0 2px 0 5px; list-style: none; display:inline; line-height:1.6em; border-left: 2px solid #005aa2;}
#footer_nav ul li.first { margin-left:7px; list-style:none; display:inline; border-left: none;}