
* html .largebutton  {width:15.5em; padding:0;}
body				{ font-size:75%; }
body.smallText		{ font-size:75%; }
body.standardText	{ font-size:90%; }
body.largeText		{ font-size:100%; }

h1 a		{ float:left; width:482px; height:135px; background:url(/pages/files/images/loveWhereYouWork.png) left top no-repeat; text-indent:-999em; display:inline; margin-left:220px; }
h2 a		{ float:right; width:94px; height:85px; background:url(/pages/files/images/logo.png) left top no-repeat; text-indent:-999em; margin-top:50px; }
h3			{ float:left; clear:both; width:98%; font-family:"Courier New", Courier, monospace; font-size:140%; padding-top:20px; font-weight:bold; color:#fff; 
			  min-height:25px; height:auto !important; height:25px; text-indent:10px; padding-bottom:2px; }
.h3Wrapper	{ float:left; clear:both; margin-bottom:15px; }
h4			{ clear:both; font-weight:bold; margin-bottom:7px; font-size:120%; }
h4 span		{ font-weight:normal; }
h4 span.sub	{ font-size:85%; }
h5			{ margin-bottom:4px; }
img 		{ margin-bottom:15px; }
p			{ line-height:1.5em; clear:both; margin-bottom:1em; }
a			{ color:#000; font-weight:bold;  overflow: hidden; }

dl, dd, dt	{ float:left; }
dl			{ margin:9px 0 12px 0; }
dd			{ clear:both; width:120px; font-weight:bold; margin-bottom:7px; }
dt			{ width:400px; margin-bottom:7px; }

/*  Image Links */
a.readMore				{ display:block; clear:both; text-indent:-999em; width:172px; height:30px; margin-bottom:30px; 
						  cursor:pointer; background-position:left top; background-repeat:no-repeat;  }
a.readMore:hover		{ background-position:bottom; }

a.searchJobs			{ float:left; clear:both; text-indent:-999em; width:300px; height:50px; margin-bottom:25px; margin-top:10px; 
						  cursor:pointer; background-position:left top; background-repeat:no-repeat; }
a.searchJobs:hover		{ background-position:bottom; }

input.previousStep			{ 

float:left; clear:both; text-indent:-999em; width:184px; height:31px; margin-bottom:15px; margin-top:7px; cursor:pointer; 
						  background-position:left top; background-repeat:no-repeat; border:0;}
input.previousStep:hover	{ background-position:bottom; }

input.nextStep			{ float:left; clear:both; text-indent:-999em; width:285px; height:48px; margin-bottom:15px; margin-top:7px; cursor:pointer; 
						  background-position:left top; background-repeat:no-repeat; border:0; }
input.nextStep:hover	{ background-position:bottom; }

input.submit			{ float:left; clear:both; text-indent:-999em; width:208px; height:49px; margin-bottom:15px; margin-top:7px; cursor:pointer; 
						  background-position:left top; background-repeat:no-repeat; border:0; }
input.submit:hover		{ background-position:bottom; }

input.buttonSubmit			{ float:left; clear:both; text-indent:-999em; width:208px; height:49px; margin-bottom:15px; margin-top:7px; cursor:pointer; 
						  background-position:left top; background-repeat:no-repeat; border:0; }
input.buttonSubmit:hover		{ background-position:bottom; }

input.logIn				{ float:left; clear:both; text-indent:-999em; width:175px; height:51px; margin-bottom:15px; margin-top:15px; cursor:pointer;
						  background-position:left top; background-repeat:no-repeat; border:0; }
input.logIn:hover		{ background-position:bottom; }

input.buttonSearch {border:none; background:url(/pages/files/images/blue/button-search.gif) top left no-repeat; width:186px; height:43px; padding-top:43px; cursor:pointer;}

input.buttonSearch:hover { background-position: bottom left;}

input.buttonSend { border:none; background:url(/pages/files/images/blue/button-send.gif) top left no-repeat; width:145px; height:47px; padding-top:47px; cursor:pointer;}

input.buttonSend:hover { background-position: bottom left;}

input.buttonSave { border:none; background:url(/pages/files/images/blue/button-save.gif) top left no-repeat; width:126px; height:40px; padding-top:40px; cursor:pointer;}

input.buttonSave:hover { background-position: bottom left;}


#outerWrapper				{ font-family:Arial, Helvetica, sans-serif; width:935px; margin:0 auto; }

#head, #footer	{ float:left; clear:both; width:100%; }

#textSize			{ float:left; width:100%; text-align:right; visibility:hidden; }
#textSize a			{ text-decoration:none; }
#textSize a.active,
#textSize a:hover	{ text-decoration:underline; }
#smallText			{ font-size:80%; }
#standardText		{ font-size:110%; }
#largeText			{ font-size:130%; }

.leftCol			{ float:left; width:370px; margin-top:15px; }
.leftCol .content	{ padding:0 15px 0 10px; }
.rightCol			{ float:left; width:175px; border-left:1px solid #000; margin-top:65px; padding-left:15px; padding-top:10px; }
.rightCol img		{ clear:both; }
.mainCol			{ float:left; width:570px; margin-top:15px; }
.mainCol .content	{ padding:0 15px 0 10px; }
.mainCol .content p	{ width:500px; }

#nav			{ float:left; clear:both; margin-top:10px; }
#nav ul			{ float:left; width:935px; min-height:45px; height:auto !important; height:45px; padding-bottom:6px; }
#nav li			{ float:left; margin:0 25px; color:#fff; padding-top:3px; }
#nav li.one		{ margin-top:16px; }
#nav li.two		{ margin-top:14px; }
#nav li.three	{ margin-top:12px; }
#nav li.four	{ margin-top:10px; }
#nav li.five	{ margin-top:8px; }
#nav li a		{ color:#fff; text-decoration:none; font-family:"Courier New", Courier, monospace; font-size:140%; font-weight:bold; float:left;  }

#subNav			{ float:left; clear:both; margin-top:-16px; }
#subNav	ul		{ float:left; width:935px;  min-height:45px; height:auto !important; height:45px; padding-bottom:2px; }
#subNav li		{ float:left; margin:0 25px; color:#000; }
#subNav li a:hover	{ color:#fff; }
#subNav li.one		{ margin-top:16px; }
#subNav li.two		{ margin-top:14px; }
#subNav li.three	{ margin-top:11px; }
#subNav li.four		{ margin-top:8px; }
#subNav li.five		{ margin-top:5px; }
#subNav li.six		{ margin-top:3px; }
#subNav li a		{ color:#000; text-decoration:none; font-family:"Courier New", Courier, monospace; font-size:140%; font-weight:bold; float:left;  }

#imageHolder	{ float:left; width:360px; height:420px; }

#footer						{ margin-bottom:30px; font-size:11px; }
#footer	a					{ font-weight:normal; position:relative; padding-left:1px; }
#footer ul 					{ margin:40px 0px 15px 355px; clear:both; float:left; display:inline; }
#footer ul li				{ margin-left:15px; float:left; display:inline; line-height:1.4em;  }
#footer ul li.delicious 	{ padding-left:19px; background:url(/pages/files/images/icons/delicious.png) left top no-repeat; }
#footer ul li.digg			{ padding-left:19px; background:url(/pages/files/images/icons/digg.png) left top no-repeat; }
#footer ul li.facebook		{ padding-left:19px; background:url(/pages/files/images/icons/facebook.png) left top no-repeat; }
#footer ul li.reddit		{ padding-left:19px; background:url(/pages/files/images/icons/reddit.png) left top no-repeat; }
#footer ul li.stumbleUpon	{ padding-left:19px; background:url(/pages/files/images/icons/stumbleUpon.png) left top no-repeat; }

#footer .siteLinks			{ width:100%; }
#footer .siteLinks ul		{ margin:0; float:right; }
#footer .siteLinks li		{ margin-left:6px; padding-left:6px; background:url(/pages/files/images/footerLinkDivider.gif) left center no-repeat; }
#footer .siteLinks li.first	{ background:none; }
#footer .siteLinks a		{ text-decoration:none; }
#footer .siteLinks a:hover	{ text-decoration:underline; }

#footer .copyright			{ float:right; clear:both; margin-top:3px; }

/*  Forms */
fieldset.styled				{ border-top:1px solid #000; border-bottom:1px solid #000; width:100%; padding:13px 0 20px 0; }
fieldset label				{ float:left; clear:both; position:relative; margin-bottom:9px; width:500px; }
fieldset label input,
fieldset label span,
fieldset label select			{ float:left; }
fieldset label span				{ width:233px; margin-right:5px; padding-left:12px; }
fieldset label input.postcode 	{ width:80px; } 
fieldset label select			{ width:174px; }
fieldset em.required			{ position:absolute; left:0; top:0; width:1em; height:1em; }
.saveContinue			{ float:left; clear:both; margin-top:15px; }

fieldset div.radioWrapper		{ float:left; width:250px; position:relative; }
fieldset div.radioWrapper span	{ float:left; width:233px; margin-right:5px; padding-left:12px; }
fieldset label.radio		{ float:left; width:80px; clear:none; }
fieldset label.radio span	{ display:inline; float:none; padding:0; vertical-align:middle }
fieldset input.radio		{ display:inline; float:none; vertical-align:middle; margin:0; }
.withdrawApplication		{ float:left; clear:both; }

/*  Search Results */
div.aJobSummary				{ float:left; clear:both; width:500px; padding:11px 0 5px 0; border-bottom:1px solid #000; }
div.aJobSummaryFirst		{ border-top:1px solid #000; margin-top:8px; }
div.aJobSummary .published	{ float:left; width:220px; font-size:90%; margin-bottom:12px; }
div.aJobSummary .closing	{ float:left; width:220px; font-size:90%; margin-bottom:12px; }

/*  Hero summary */
.heroSummary					{ float:left; clear:both; width:500px; margin-bottom:15px; }
.heroSummary .photoWrapper		{ float:left; width:210px; height:200px; position:relative; }
.heroSummary .photoWrapper div	{ width:215px; height:240px; position:absolute; z-index:2 }
.heroSummary .photoWrapper img	{ position:absolute; z-index:1; top:31px; left:10px; }
.heroSummary .details			{ float:left; width:290px; }
.heroSummary .details p			{ width:250px; }

.heroFrameOne .photoWrapper			{ height:230px; }
.heroFrameOne .photoWrapper div		{ left:-22px; background:url(/pages/files/images/photoFrameOne.png) left top no-repeat; z-index:2; }
.heroFrameOne .photoWrapper img		{ left:12px; }
.heroFrameOne .details				{ padding-top:21px; }
.heroFrameTwo .photoWrapper div		{ background:url(/pages/files/images/photoFrameTwo.png) left top no-repeat; z-index:2 }
.heroFrameTwo .photoWrapper img		{ top:10px; }
.heroFrameThree .photoWrapper div	{ background:url(/pages/files/images/photoFrameThree.png) left top no-repeat; z-index:2 }
.heroFrameThree .photoWrapper img	{ top:23px; }
.heroFrameThree .details			{ padding-top:13px; }


/**********************/
/*  Section specific  */
/**********************/

/* Home */
body.home					{ background-color:#6c0; }
body.home h3				{ background:url(/pages/files/images/green/navBottom.gif) left bottom no-repeat; }
body.home .h3Wrapper		{ background:#000 url(/pages/files/images/green/navTop.gif) left top no-repeat; }
body.home #nav				{ background:#000 url(/pages/files/images/green/navTop.gif) left top no-repeat; }
body.home #nav ul			{ background:url(/pages/files/images/green/navBottom.gif) left bottom no-repeat; }
body.home #nav a strong 	{ color:#6c0; }
body.home #nav li a:hover	{ color:#6c0; }

body.home #imageHolder		{ background:url(/pages/files/images/green/mood.gif) center top no-repeat; }
body.home a.readMore		{ background-image:url(/pages/files/images/green/readMore.gif); margin-bottom:30px; cursor:pointer; }
body.home a.searchJobs		{ background-image:url(/pages/files/images/green/searchJobs.gif); margin-bottom:25px; margin-top:10px; cursor:pointer; }


/* Jobs */
body.jobs					{ background-color:#3cf; }
body.jobs h3				{ background:url(/pages/files/images/blue/navBottom.gif) left bottom no-repeat; }
body.jobs ul.styled li		{ padding-left:15px; background:url(/pages/files/images/blue/bullet.gif) left 0.15em no-repeat; margin-bottom:4px; }
body.jobs .h3Wrapper		{ background:#000 url(/pages/files/images/blue/navTop.gif) left top no-repeat; }
body.jobs #nav				{ background:#000 url(/pages/files/images/blue/navTop.gif) left top no-repeat; }
body.jobs #nav ul			{ background:url(/pages/files/images/blue/navBottom.gif) left bottom no-repeat; }
body.jobs #nav a strong 	{ color:#3cf; }
body.jobs #nav li a:hover	{ color:#3cf; }
body.jobs #subNav			{ background:url(/pages/files/images/blue/subNavFooter.gif) left bottom no-repeat; }

body.jobs #imageHolder		{ background:url(/pages/files/images/blue/mood.gif) center top no-repeat; height:485px; }
body.jobs input.nextStep	{ background-image:url(/pages/files/images/blue/nextStep.gif); }
body.jobs input.logIn		{ background-image:url(/pages/files/images/blue/logIn.gif); }
body.jobs input.submit		{ background-image:url(/pages/files/images/blue/submit.gif); }
body.jobs input.previousStep	{ background-image:url(/pages/files/images/blue/previousStep.gif); }

body.jobs a.editLinks { padding:0px; background:url(/pages/files/images/blue/editButton.gif) top left no-repeat; display:block; width:77px; height:26px; font-size:0.01em; text-indent:-9999em; margin-top: 16px; margin-left: 40px;}
body.jobs a.editLinks:hover { background-position: bottom left;}

body.jobs input.buttonSubmit { background-image:url(/pages/files/images/blue/submit.gif);margin-top:-8px; width:208px;}

body.jobs input.logIn		{ background-image:url(/pages/files/images/blue/logIn.gif); }
body.jobs label.checkbox	{ float:left; width:150px; }
body.jobs label.salary		{ width:250px; }
body.jobs label.salary span	{ width:50px; margin-right:7px; }
body.jobs label.salary select	{ width:170px; margin-right:25px }

/* Big Picture */
body.bigPicture					{ background-color:#f39; }
body.bigPicture h3				{ background:url(/pages/files/images/pink/navBottom.gif) left bottom no-repeat; }
body.bigPicture ul.styled li	{ padding-left:15px; background:url(/pages/files/images/pink/bullet.gif) left 0.15em no-repeat; margin-bottom:4px; }
body.bigPicture .h3Wrapper		{ background:#000 url(/pages/files/images/pink/navTop.gif) left top no-repeat; }
body.bigPicture #nav			{ background:#000 url(/pages/files/images/pink/navTop.gif) left top no-repeat; }
body.bigPicture #nav ul			{ background:url(/pages/files/images/pink/navBottom.gif) left bottom no-repeat; }
body.bigPicture #nav a strong 	{ color:#f39; }
body.bigPicture #nav li a:hover	{ color:#f39; }
body.bigPicture #subNav			{ background:url(/pages/files/images/pink/subNavFooter.gif) left bottom no-repeat; }

body.bigPicture #imageHolder	{ background:url(/pages/files/images/pink/mood.gif) center top no-repeat; }

/* People */
body.people					{ background-color:#f60; }
body.people h3				{ background:url(/pages/files/images/orange/navBottom.gif) left bottom no-repeat; }
body.people .h3Wrapper		{ background:#000 url(/pages/files/images/orange/navTop.gif) left top no-repeat; }
body.people a.readMore		{ background-image:url(/pages/files/images/orange/readMore.gif); margin-bottom:30px; cursor:pointer; }
body.people #nav			{ background:#000 url(/pages/files/images/orange/navTop.gif) left top no-repeat; }
body.people #nav ul			{ background:url(/pages/files/images/orange/navBottom.gif) left bottom no-repeat; }
body.people #nav a strong 	{ color:#f60; }
body.people #nav li a:hover	{ color:#f60; }
body.people #subNav			{ background:url(/pages/files/images/orange/subNavFooter.gif) left bottom no-repeat; }

body.people #imageHolder	{ background:url(/pages/files/images/orange/mood.gif) center top no-repeat; height:600px; }

/* Conatct */
body.contact	{ background-color:#fc0; }
body.contact h3					{ background:url(/pages/files/images/yellow/navBottom.gif) left bottom no-repeat; }
body.contact .h3Wrapper			{ background:#000 url(/pages/files/images/yellow/navTop.gif) left top no-repeat; }
body.contact #nav				{ background:#000 url(/pages/files/images/yellow/navTop.gif) left top no-repeat; }
body.contact #nav ul			{ background:url(/pages/files/images/yellow/navBottom.gif) left bottom no-repeat; }
body.contact #nav a strong 		{ color:#fc0; }
body.contact #nav li a:hover	{ color:#fc0; }

body.contact #imageHolder	{ background:url(/pages/files/images/yellow/mood.gif) center top no-repeat; }

input.hover { background-position:bottom left; }