﻿#header {background-image:url(../images/header-bg.gif);height:158px}
#logo {margin:54px 0 0;height:45px}

#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 {padding:0 10px;width:93px;border:1px #ea670c solid;}

#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;width:943px}
#nav li {background-image:none;}

body#home #nav li.rz {display:none}
#nav li.rz {float:right;border-right:0}


#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:bold}

#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:#DDF0FC url(../images/cvBox-bg.png) bottom right no-repeat;height:246px}

#home #cvBox h3 {margin-bottom:20px}
#home #cvBox p {}
#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:15px}
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:475px;top:8px}

#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:30px;}

/* Job listings */
#nav li.active ul {margin-left:41px;margin-top:-2px}
#nav li ul {width:943px;padding-left:0;background:#C4C5C7}

#nav li ul.accountNav {
padding-left:0px;
margin-left:39px;
}
.contrastBg {
border:1px solid #FBDEB1;
}

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

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

div#google-ads #google-ads-inner h2{
margin-bottom:10px
}

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

div#google-ads li a {

display:block;
font-weight:bold;
text-decoration:none;
}
div#google-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, form p.submit input, #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 15px 0px;
background:#DE022A;
}



form p.submit input {padding-bottom:3px}

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


span.button a {}

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

p.horiz {padding-right:5px}

#home #reveal {
border-top:8px solid #F2F2F2;
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:#f2f2f2;
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}

/* CUSTOM COLOURS */
a, .azDetails a strong  {color:#3F5473}
a:hover {color:#3F5473}
span.button a:hover {color:#FFF;}

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


#nav {background:#3A3A3C;}
#nav li {background-color:#3A3A3C;border-right:1px #FFF solid}
#nav li.active li a  {background-color:#FFF}

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

#nav li.rz {background:#111;}

#loginStatus {color:#CFF}

#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:#ccc}

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

#home form.box {background:#818285} 
#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:#FFF;}
#nav li.active a {background:#C4C5C7;color:#FFF}

#nav {background:#3A3A3C;}
#nav li {background-color:#3A3A3C;border-right:1px #FFF solid}
#nav li.active li a  {background-color:#C4C5C7}

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

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

#nav li.editorial {border-right:0}

form#quickSearch label {color:#FFF;}

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

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

div#google-ads li a {
color:#666;
}
div#google-ads li a.bottomlink {
color:#3F5473;
}

/* Scroller */

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

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

.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;
}
#footer ul.bottom li a {
	display:block;
	float:left;
	padding:0 7px;
}
#footer ul.bottom li.last a {
	padding:0 0 0 7px 
}
#footer ul.bottom li.mobileLink a {
	padding: 0 7px;
}
#footer p.copyright {
	background:url("../images/footer-logo.png") no-repeat scroll right top transparent;
	padding-bottom:35px;
}
/* ---- Amends KADS 6.10.10 ------- */

#jbeShort {
	width:95%;
}
#nav li ul {
	top:2.8em;
}
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:2px 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;
}
.layout4 form p.submit span.button {
	background: #999;
}
.contrastBg {
	background-color:#D9DDE0;
}
#lister .contrastBg, #empdetails .contrastBg, .article .contrastBg {
	border-top:1px solid #aeb7bc;
}
.contrastBg {
	border:1px solid #aeb7bc;
}
#jbeShort p {
	margin-top: 5px;
}
#home #mpuBox {
	background-image:none;
	float:left;
	height:250px;
	overflow:visible;
	padding-top:16px;
	position:relative;
	top:0;
	width:300px;
}
#apply form p.submit input {
	line-height:27px;
	padding:0 8px 3px;
}
body.layout3 span.applyButton span.button  {
	width: 95px;
	padding-left:12px;
	padding-right:12px;
}
body.layout3 span.applyButton span.button  a {
	width: 100%;
	display: block;
}
#jbeShort p.submit input {
	padding:0 10px 2px 10px;
}
#recruiters ul {
	font-size:13px;
	margin:0 0 12px 6px;
}
