#header {background-image:url("../images/header-bg.gif");height:158px}

#logo {
    margin: 27px 0 0;
    height: 85px;
    position: relative;
    z-index: 3;}

#home #col1 {
    float:left;
    width:640px;
    overflow:hidden;
    margin-right:20px}

#home #col2 {
    float:left;
    width:280px;
    padding-top:20px}

#home .content-wrapper { width:650px;margin-right:40px}
#home .primary {float:left;width:280px;top:170px}

#home div.shaded.buttonAds {background:#FFF;border-top:1px #CCC solid;border-bottom:1px #CCC solid;padding:15px 0}

.listImages li.even {float:none}

span.button a:hover {text-decoration:underline}

#recruiters{border:0;width:268px;-moz-border-radius:0;-webkit-border-radius:0;padding:10px 0 5px 8px;position:relative;overflow:hidden}
#recruiters .buttonAlt {}

#recruiters ul {margin:0 0 12px 16px;}
#recruiters .buttonAlt {padding:0 10px;width:93px;}

#recruiters #rec-col1, 
#recruiters #rec-col2 {float:left;}

#recruiters #rec-col1{width:130px;}
#recruiters #rec-col2{width:108px}

#recruiters #rec-col2 {background:url(../images/cards.gif) no-repeat 16px 2px;padding-left:15px;padding-top:52px;}
#recruiters #rec-col2 p a {font-weight:bold;padding-right:17px;background:url(../images/arrow.png) no-repeat center right}

#nav {top:125px;}
#nav li {background-image:none;}

body#home #nav li.rz {display:none}
#nav li.rz {float:right;border-right:0; border-left: solid 1px #fff }


#home .main {border:0}
#home .gradient {background-image:none;border:0}

#home .box, .box {-moz-border-radius:0px;-webkit-border-radius:0px}

#home .primary .block .box {padding:0} /* div holding 'recruiting now */
ul.recruitingNow {margin-left:0}
ul.recruitingNow li {margin:0 8px 5px 0}
ul.recruitingNow li a, ul.featuredJobs li a.logo{border:0}


#home .wrapper h1{font-size:1.6em;}
#home h2, #home h3 {font-size:1.4em}

#home .radial {width:auto}
#home .advSearchLink a {font-weight:normal}

#home .icon {background-image:none;}

#home .gradient {background-position:left 0;}
#home #jbe h3 {background-position:left 0;}
#home #widget h3 {background-position:left 0;background-image:none}
#home #tertiary div.box {background-color:#FFF;border-bottom:1px #CCC solid;background-image:url("../images/icons.png");background-repeat:no-repeat;background-position:left 0;}
#home #tertiary div.box h3 {margin:0;padding:10px 0 5px 40px;font-size:1.2em}
#home #tertiary div.box p {padding-left:40px}

#home #tertiary div.box#jbe {background-position:left 15px}
#home #tertiary div.box#widget {background-image:none}

#home .jbe {background-color:#FFF;}

#home #cvBox {background:#F1EDE0 url(../images/cvBox-bg.png) bottom right no-repeat;height:246px}

#home #cvBox h3 {margin-bottom:20px}
#home #cvBox p, #home #cvBox li {color:#111}
#home #cvBox div {padding-top:0;position:relative;top:0;background-image:none;width:300px}
#home #cvBox .button {
margin-top:15px;
}

#home .block {margin-bottom:15px}

form#quickSearch .field {float:left;margin-right:5px}
form#quickSearch.box {padding-top:15px}
form#quickSearch {width:616px;}
form#quickSearch input#keyword {width:260px;margin-top:2px}
form#quickSearch label {float:left;font-size:1.6em;margin-right:15px}

#home #panel {width:640px}

#home .secondary {float:none;width:640px}

.mid1 {width:660px;overflow:hidden}
#home .mid1 .block h3.bottomLine {border-bottom:0}


#tertiary .adsBlock {padding-top:10px}

/* ---- QUICK FIX AS TOO MANY ADS   ------- */
#home div.buttonAds {width:640px;height:95px;overflow:hidden}
/* ----------- */
.buttonAds .ad {padding:0 0 0 5px;margin-bottom:30px}
#what_car_ad {margin:0 !important; float:none !important /* this overrides the inline styles added in the actual ad markup */ }


.mid1 #cvBox,
.mid1 div.block {float:left}

.mid1 #cvBox {width:300px}
.mid1 div.block {width:295px;clear:none;margin-left:20px}

/* Search form */
#home .advSearchLink a {color:#FFF;background:none;padding-left:0}
/* ---- */


/* -- facets -- */

div#home-facet-lists {
overflow:hidden;
padding:0 10px;
position:relative;
width:644px;
}

#home div#home-facet-lists div, #home div#featured-jobs div {
float:left;
margin-right:22px;
width:190px;
}

.featuredJobs li.last {margin-bottom:0;padding-bottom:0}

/* ------------ */

#home #cvBox div {
background-position:right bottom;
}

#leaderboard-ad .ad {width:468px;float:none;position:absolute;left:472px;top:18px}

#loginStatus {top:0}

#loginStatus p {display:inline}
#loginStatus p#visit {margin-right:20px}

ul.featuredJobs {padding:15px;height:200px}
ul.featuredJobs li img, ul.featuredJobs li a.featuredLogo {display:none}

#home #home-extras {width:640px}
#home #tertiary, #home #careers-advice{width:310px;float:left;}
#home #tertiary {margin-top:0}
#home #careers-advice {margin-left:15px}

#home #content .box {margin-bottom:10px}

/* #jbe h3 {background:url("../images/icons.png") no-repeat left 8px;} */

body#jbe.layout4 h3.tall {
background:url("../images/icons.png") no-repeat left top transparent;
padding:5px 10px 10px 40px;
}

#leaderboard-ad {top:25px;}

/* Job listings */
#nav li.active ul {
    margin-left:41px;
	margin-top:1px}

#nav li ul {
    width:940px;
    padding-left:0;
    background:#CDC197;
    color:#6C603E;
    z-index: 2;
    top: 2.51em;}

#nav li ul.accountNav {
    padding-left:0px;
    left:-377px;}

#jbeShort {width:95%}

.contrastBg {
    border:1px solid #FBDEB1;}

/* ====================================================
======================================================
==========================================================================*/
/* ------ Google Ads */
	
div#lister-ads {
clear:both;
overflow:hidden;
}

body#home div#lister-ads {
border-top:3px solid #CCC;
}

div#lister-ads #lister-ads-inner h2{
margin:10px 0;
}

div#google-ads li,
div#lister-ads li {
margin-bottom:15px;
margin-right:10px;
}

div#google-ads li a,
div#lister-ads li a {

display:block;
font-weight:bold;
text-decoration:none;
}

div#google-ads li a.bottomlink,
div#lister-ads li a.bottomlink {
font-size:0.9em;
font-weight:normal;
text-decoration:none;
}
#googleadvertsLister a {
display:block;
float:left;
margin-right:10px;
width:240px;
}




/* BUTTONS - includes background colour of box */

form p.submit input, .button, #recruiters .buttonAlt {
-moz-border-radius:0px 0px 0px 0px;
-webkit-border-radius:0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
border:0 none;
color:#FFF;
cursor:pointer;
line-height:27px;
padding:0 5px 0px;
}

form p.submit input, #recruiters .buttonAlt, .button {
background:url(../images/button-bg.png) repeat-x scroll 0 0 #cdc197;
border:1px solid #716752;
color:#FFF;
font-weight:bold;
}

form p.submit input {padding-bottom:3px;height:27px}
#home form p.submit span {height:27px}

.button a, .buttonAlt a, #home #recruiters .buttonAlt a {
color:#FFF;
height:27px;
line-height:27px;
}



span.button a {}

#popular-searches {clear:both;padding:8px 15px 25px;background:#f2f2f2;margin-bottom:30px;overflow:hidden}
ul.popular-search-list{width:45%;float:left;margin-right:10px}

p.horiz {padding-right:5px}

#footer ul.bottom li a {padding:0 5px 0 0}

#footer p.copyright {
background:url("../images/footer-logo.png") no-repeat scroll right top transparent;
padding-bottom:35px;
}


#home #reveal {
border-top:8px solid #F4F2EC;
bottom:0 !important;
clear:both;
left:0;
margin:0;
padding:0;
position:absolute;
width:640px;
}

#home p.more {
background:#FFF
}

#home p#reveal a {padding-left:20px}

#home #reveal a {
background-position:91% 7px;
background-repeat:no-repeat;
display:block;
float:right;
margin-right:20px;
padding:5px 15px 5px 10px;
width:80px;
}

#home p.less {background:#FFF}

#home #home-facet-lists .more a {
background-color:#F4F2EC;
margin-top:0
}

#home .less a {
background-color:#FFF;
}


p#reveal a, #home a.more {background-image:url(../images/arrow-more.png);}
#home a.less {background-image:url(../images/arrow-less.png);}

.listImages div {width:110px}
.listImages img {width:95px;height:63px}
.listImages li {width:260px}
.listImages h4 {margin:0}


#home #footer ul.bottom {border-top:0}


body.layout3 span.applyButton a {font-weight:normal}
#tertiary div.adsBlock img {border:0} /* doubleclick were inserting a 1px gif when no ad was to be served which caused a small dot to appear - caused by a border */

/* CUSTOM COLOURS */
a, .azDetails a strong {color:#035292}
a:hover {color:#035292}
span.button a:hover {color:#CCC;}

.azDetails a:hover {color:#737373}

#nav a {color:#FFF;}
#nav li.active a {background:#FAA113;color:#FFF}


#nav {background:#3A3A3C;}
#nav li.active li a  {background-color:#FFF}

#nav li ul li, #nav li ul li.active {background:#FFF none}

#nav li.rz {background:#333;}
#nav li.rz a {color:#FFF}

#loginStatus {color:#999}

#recruiters {background:#7C7D7F none;padding-bottom:5px}
#recruiters .buttonAlt, #recruiters .buttonAlt a {color:#FFF}

#recruiters a {color:#FFF}

#recruiters #rec-col1{border-right:2px #666 solid}

#recruiters .buttonAlt, #recruiters .buttonAlt a {height:auto}

#loginStatus a {color:#FFF;}
#loginStatus span.pipe {color:#666}

#home .wrapper h1{font-size:1.6em;color:#333;margin-top:15px}

#home form.box {background:#4D4D4D} 
#home .advSearchLink a {color:#FFF;}

#home .mid1 .block ul.featuredJobs {border:1px #CCC solid}

#home .jbe {border:0;border-bottom:1px dashed #d2d2d2;}

#home .gradient {background-color:#F0F0F0;}

#nav a {color:#111;}
#nav li.active a {background:#CDC197 url(../images/nav-bg-active.gif) repeat-x;color:#FFF}

#nav {background:#A9ABAE url(../images/nav-bg.gif) repeat-x;}
#nav li, #nav li.last {background:#A9ABAE url(../images/nav-bg.gif) repeat-x;border-right:1px #FFF solid}
#nav li.active li a  {background:#CDC197 none}

#nav li.active li a {border-left:none}

#nav li ul li.active {background:#CDC197 none}
#nav li.active ul li.active a {color:#FFF}
#nav li ul li {background:#CDC197}
#nav li li.first a {padding-left:10px}
#nav li.active li a {color:#FFF}


form#quickSearch label {color:#FFF;}

div#home-facet-lists {
background:#F4F2EC;
}

ul.recruitingNow li img {border:1px solid #D2D2D2;}

div#lister-ads li a {
color:#666;
}
div#lister-ads li a.bottomlink {
color:#9A0000;
}

/* Scroller */

#home .mid1 div.block {width:auto}

.featured {width:300px;}
.featured .item p {margin-bottom:2px;}
.featured .item p.horiz {padding-bottom:8px;}

.scrollable {}

.item {width:275px;height:65px;padding-top:10px;border-bottom:1px #CCC dotted}
.item.last {border-bottom:0}

#actions {z-index:9999;margin:0 0 0 118px;position:relative;bottom:6px}
#actions a {text-indent:-9999px;width:12px;height:12px;display:block;float:left;cursor:pointer}
#actions a.prev {background:#FFF url(../images/arrow-less.png) no-repeat;margin-right:10px}
#actions a.next {background:#FFF url(../images/arrow-more.png) no-repeat;margin-top:1px}

#actions a.prev.disabled {background:#FFF url(../images/arrow-less-grey.png) no-repeat;margin-right:10px;cursor:default}
#actions a.next.disabled {background:#FFF url(../images/arrow-more-grey.png) no-repeat;margin-top:1px;cursor:default}

/* root element for scrollable */
.scrollable {

border:1px #CCC solid;padding:0 10px 10px 10px;

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height:217px;

}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;
	/* this time we have very large space for the height */
	height:20000em;
}

#home #homeTitle {
    display: none;}   

body.layout3 .primary {
    width:438px;}

body.enhanced .wrapper-enhanced {
    margin-top: 40px;
    border: 1px solid #ccc;}    
    
.emailAlert {
    background:url(../images/icons.png) no-repeat left -518px transparent;}
    
/* ---- Amends KADS 6.10.10 ------- */

body.layout3 span.applyButton span.button {
	padding-left:12px;
	padding-right:12px;
	width:95px;
}
.layout3 span.applyButton span.button a {
	width: 100%;
	display: block;
}
#nav li ul {
	top:2.55em;
}
body.layout3 .primary div.formWrapper img {
	margin-bottom:15px;
}
#jobdetails .primary {
	width:438px;
}
.error .icon {
	background:url("../images/icons.png") no-repeat scroll left -420px transparent;
}
.success .icon {
	background:url("../images/icons.png") no-repeat scroll left -280px transparent;
}
.warn .icon {
	background:url("../images/icons.png") no-repeat scroll left -358px transparent;
}
#lister form fieldset.checkboxes label, body#lister fieldset.checkboxes label.indent1 {
	margin-left:10px;
	width:190px;
}
#lister div.check-scroller div.checkbox input.indent1 {
	margin-left:10px;
}
#myaccount .contrastBg {
	border: none;
}
#myaccount .bottomLine {
	border-bottom:1px solid #fff;
}
body.layout2 .gridBoxes li {
	width:99% !important;
}
.emailAlert {
	background:url("../images/icons.png") no-repeat scroll left -518px transparent;
}
#jbe .check-scroller.height3  {
	height:190px;
}
#jbe div.formWrapper div.radiocheckField fieldset {
	width:230px;
}
#home #homeTitle {
	display: none;
}
#recruiters ul {
	font-size:13px;
	margin:0 0 12px 6px;
}
#home #mpuBox {
	float:left;
	height:250px;
	overflow:visible;
	padding-top:16px;
	position:relative;
	top:0;
	width:300px;
}
#footer ul.bottom li a {
	display:block;
	float:left;
	color:#fff;
	padding:0 7px;
	border-right:1px solid #666;
}
#footer ul.bottom li.last a {
	padding:0 0 0 7px 
}
#footer ul.bottom li.last1 a {
	padding:0 37px 0 7px;
	border-right: 0
}
#footer ul.bottom li.mobileLink a {
	padding: 0 7px;
}
#footer ul.bottom li.mobileLink {
	color:#ccc;
}
#footer p.copyright {
	background:url("../images/footer-logo.png") no-repeat scroll right top transparent;
	padding-bottom:35px;
	color:#929292;
}
#footer p.copyright a {	color:#fff;}

#jbeShort, .contrastBg {
	background-color:#f5efdb;
	border: solid 1px #bbb18e
}
#lister .contrastBg, #empdetails .contrastBg, .article .contrastBg {
	border-top:1px solid #bbb18e;
}
ul.facetSelection li p:hover span,
ul.facetSelection li p:hover a {
	background-color: #f5efdb;
}						
ul.facetSelection li a:hover {
	background: #9c9169 !important;
}
ul.facetSelection li p span {
	background: #f5efdb;
}						
ul.facetSelection li a {
	background: #f5efdb;
}
.layout4 form p.submit span.button {
	background:none repeat scroll 0 0 #999;
	border:0;
}
.layout4 form p.submit span.button a {
	color: #fff
}
#home div#home-facet-lists div#home-facet-list-2 {
	margin-right:0;
	width: 220px;
}
#home div#home-facet-lists div#home-facet-list-3 {
	width: 170px;
	margin-right:0;
}
.atozSelector li a span {
	display: inline;
}
#home p.more {
	background:none #fff;
}
form p.submit span {
	height:27px;
}