﻿* {margin: 0;padding: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;text-decoration: none;}
a img {border: 0;}
html body {font-family: arial!important;font-size: 12px!important;color: #000!important;width: 100%!important;height: 100%!important;padding: 0px;margin: 0px;position: relative;min-width: 950px!important;}
#wrapper {width: 100%;overflow: hidden;position: relative;}
#wrapper .w1 {width: 2000px;position: relative;float: left;left: 50%;}
#wrapper .w2 {width: 2000px;padding: 0 0px;position: relative;float: left;left: -50%;}
p {margin-bottom: 15px;line-height: 1.3em;}
#header {width: 942px;margin-left: auto;margin-right: auto;clear: both;}
.logo {float: left;height: 77px;width: 232px;}
.apprenticeship_week {float: left;margin-left: 315px;height: 59px;width: 157px;background-image: url(/graphics/promotions/apprenticeships.png);}
.contact {float: right;margin-right: 14px;text-align: right;}
#header .call {font-size: 25px;color: #024b80;margin-top: 5px;font-weight: bold;}
#header .login a {color: #024b80;line-height: 2em;text-decoration: none;}
#header .login a:hover {text-decoration: underline;}
.droplinetabs {overflow: hidden;width: 940px;margin-left: auto;margin-right: auto;clear: both;}
.droplinetabs ul {width: 940px;list-style: none;list-style-type: none;text-indent: 0px;margin-left: auto;margin-right: auto;padding-left: 10px;}
.droplinetabs li {display: inline;text-transform: uppercase;height: 64px!important;outline: none;margin: 0px;white-space: nowrap;}
.droplinetabs a {float: left;font-size: 11px!important;color: #024b80;text-transform: uppercase;text-decoration: none;padding-right: 9px!important;padding-left: 9px!important;padding-top: 30px;padding-bottom: 20px;}
.droplinetabs a:hover {background: #dde6e7;}
.droplinetabs ul li ul {position: absolute;z-index: 100;top: 0;background: #dde6e7;visibility: hidden;width: 2000px!important;margin-top: 0px!important;text-align: center!important;margin-left: -2px!important;}
.droplinetabs ul li ul li a {float: none;color: #024b80!important;border-right: 1px solid #fff;padding: 0px 9px 0px 9px!important;line-height: 30px!important;}
.last {color: #87a4c6!important;}
.end {background-image: none!important;border: 0px!important;margin: 0px!important;}
.utilitiesdrop {left: -1.3%!important;}
.safetydrop {left: -3.35%!important;}
.mechanicaldrop {left: -10.9%!important;}
.behaviouraldrop {left: -1.1%!important;}
.apprenticeshipsdrop {left: 4.8%!important;}
.aboutusdrop {left: 14.2%!important;}
.frame {position: relative!important;width: 2000px!important;height: 295px!important;margin-top: 0px;margin: 0 auto;background: #000;}
.frame li {width: 1420px!important;height: 295px!important;}
.slideshow-item {position: relative;list-style-type: none;width: 1420px;padding: 0px;margin: 0 auto;}
.slideshow-item li {position: absolute;top: 0;left: 0;width: 1420px;height: 240px;}
.intro {position: relative!important;width: 269px;height: 220px;float: right;padding-top: 43px;padding-left: 15px;padding-right: 256px;z-index: 4!important;}
.intro h3 {color: #ffd51e;font-size: 21px;border-bottom: 1px dotted #dde6e7;padding-bottom: 12px;margin-bottom: 10px;}
.intro a {float: right;color: #ffd51e;}
.intro a:hover {text-decoration: underline;}
.intro p {color: #fff;}
.brochure {float: right;width: 82px;height: 115px;}
.pdf {float: none!important;}
.foxit a {font-size: 0.9em;color: #fff;}
#training {position: relative;width: 2000px;height: 136px;background-position: left bottom;background-repeat: no-repeat;z-index: 2;margin-top: -131px;}
#training ul {list-style: none;width: 640px;margin: 0px;padding-top: 73px;float: left;margin-left: 519px;height: 53px;}
#training ul li {display: inline;}
#training li a {position: relative;z-index: 4;display: inline-block;width: 159px;height: 53px;text-align: center;margin-right: 1px;padding-top: 10px;}
#scotland ul {margin: 0;}
#scotland li a {font-size: 14px;color: #ffd51e;line-height: 1.4em;padding-left: 16px;margin: 0 10px;width: 284px;text-align: left;}
#scotland span {color: #fff;}
#content_wrapper {width: 942px;margin: 0 auto;}
#content {background-position: left top;background-repeat: no-repeat;float: left;}
#info {width: 588px;float: left;position: relative;margin-top: 18px;margin-left: 18px;padding-right: 35px;}
#breadcrumb p {color: #024b80;font-size: 0.9em;}
#info #breadcrumb span {font-weight: normal;font-size: 1em;color: #024b80;}
#info #breadcrumb a {text-decoration: none;font-weight: normal;}
#info h1 {color: #024b80;font-size: 21px;border-bottom: 1px dotted #dde6e7;padding-bottom: 16px;margin-bottom: 18px;}
#info h2 {font-size: 1.1em;font-weight: bold;margin-bottom: 15px;}
#info ul {line-height: 1.3em;margin-bottom: 17px;list-style: disc!important;padding-left: 30px;margin-left: 0px;}
#info li {margin-left: 0px;padding: 0px;}
#info ul ul li {list-style: circle none;}
#info ul ul {margin-left: 10px;margin-bottom: 0;}
#info a {text-decoration: underline;color: #024b80;font-weight: bold;}
#info a:hover {text-decoration: none;color: #87a4c6;}
#info p strong {font-weight: bold;}
.promotions {float: left;width: 100%;margin-top: 7px;margin-bottom: 20px;}
.promotion {float: left;width: 100%;border-bottom: 1px solid #fff;background: #dde6e7;font-size: 1.3em;line-height: 35px;color: #024b80;font-weight: bold;}
.gasicon, .corporateicon {float: left;width: 40px;height: 35px;}
#info .promotion a {text-decoration: none;display: block;}
.schedule {float: right;height: 21px;width: 235px;}
.planner {float: right;height: 21px;width: 175px;}
.heading {color: #024b80;font-size: 21px;border-bottom: 1px dotted #dde6e7;padding-bottom: 16px;margin-bottom: 18px;}
.repeater {margin-bottom: 5px;border-bottom: 1px dotted #dde6e7;}
.row {margin-bottom: 7px;line-height: 1.7em;}
.column {float: left;width: 120px;}
.textbox {width: 300px;}
.required {color: #ff0000;font-size: 0.9em;}
.validation {margin-left: 5px;color: #ff0000;font-weight: bold;}
.form-button {margin-top: 15px;}
.dgstyle {float: left;width: 100%;border-style: none;}
.dgstyle td {padding: 5px;vertical-align: text-top;border: 1px solid #dde6e7;}
.dgheader td {color: #024b80;background: #dde6e7;}
.dgheader {font-weight: normal;text-align: left;border: 1px solid #dde6e7;background: #dde6e7;color: #024b80;padding: 5px;}
.dgwrap, .dgbook, .dgbasket {border: 1px solid #dde6e7;white-space: nowrap;}
.dgbook, .dgbasket {text-align: center;font-weight: bold;}
#info .dgstyle a {text-decoration: none;}
.slider {padding-bottom: 2px;display: none;overflow: hidden;}
.toggle {width: 588px;display: block;text-align: right;padding-top: 6px;padding-bottom: 12px;margin-bottom: 12px;color: #024b80;border-bottom: 1px dotted #dde6e7;}
h2.trigger {height: 34px;width: 579px;margin: 0px!important;line-height: 34px;padding-left: 12px;margin-top: 5px!important;clear: both;}
h2.trigger:hover {background-position: left bottom;height: 35px!important;margin-bottom: 0px!important;} 
h2.trigger a, #info h2.trigger a {color: #024b80;text-decoration: none;display: block;font-size: 14px;font-weight: normal;}
h2.trigger a:hover {color: #ccc;}
h2.active {background-position: left center;height: 35px!important;margin-bottom: 0px!important;} 
.toggle_container {overflow: hidden;width: 589px;border: 1px #dde6e7 solid;clear: both;border-top: 0;border-bottom: 0;}
.toggle_container ul {margin: 0px!important;padding: 0px!important;}
.toggle_container ul li {border-bottom: 1px #dde6e7 solid;padding: 5px 12px!important;}
#info .toggle_container ul li a {font-weight: normal;text-decoration: none;}
.blue {background: #dde6e7;color: #024b80;font-weight: bold;}
#resources {width: 300px;float: left;position: relative;height: 100%;background-repeat: no-repeat;}
#resources h2 {font-size: 14px;text-transform: uppercase;margin-bottom: 16px;font-weight: normal;}
#search {height: 103px;margin-left: 14px;padding-top: 20px;}
#search h2 {color: #024b80!important;}
.searchbutton {width: 35px!important;height: 25px!important;margin-top: -3px;margin-bottom: 3px;}
#search p {color: #024b80;font-size: 11px;}
#search span {margin-top: 8px;width: 231px;display: block;}
.searchstring {float: left;color: #000;border: 0;width: 211px;margin-top: 2px;margin-left: 10px;margin-right: 20px;}
.member a {color: #fff!important;display: block;height: 44px;width: 285px;margin-top: 5px;font-size: 14px;line-height: 44px;padding-left: 15px;}
#area {height: 101px;margin-left: 15px;padding-top: 20px;color: #fff;}
#area select {margin-bottom: 15px;width: 229px!important;float: left;margin-right: 10px;height: auto!important}
.areabutton {margin-top: -3px;width: 35px!important;height: 25px!important;}
#resources ul {list-style: none;}
#resources li a {display: block;height: 44px;width: 285px;margin-top: 5px;color: #fff;font-size: 14px;line-height: 44px;padding-left: 15px;}
.callback {color: #024b80!important;height: 43px!important;}
#general {margin-top: 40px;position: relative;float: left;width: 960px;}
#general ul {width: 50%;margin-left: 15px;}
#general li {display: inline;border-right: 1px #87a4c6 solid;padding-left: 5px;padding-right: 5px;}
#general a {color: #87a4c6;}
#general a:hover {color: #024b80;}
.media {float: left;padding: 20px;width: 546px;margin-left: 20px;margin-bottom: 25px;border: 1px solid #dde6e7;}
.fb-like {float: left;}
.twitter-share-button {float: right;}
#footer {padding-top: 25px;width: 2000px;border-top: 5px solid #87a4c6;height: 100px;text-align: center;margin-top: 25px;float: left;}
.logos {margin: 0 auto;width: 915px;height: 42px;}
.apprenticeships a, .gsr a, .iip a, .cg a, .eus a, .citb a, .hefma a, .ilm a, .iosh a, .matrix a, .sfa a {float: left;height: 42px;margin-right: 16px;}
.matrix a {width: 89px;}
.iosh a {width: 47px;}
.apprenticeships a {width: 80px;}  
.sfa a {width: 45px;}
.hefma a {width: 42px;}
.citb a {width: 109px;}
.eus a {width: 137px;}
.cg a {width: 52px;}
.gsr a {width: 37px;}
.ilm a {width: 35px;}
.iip a {width: 63px;}
