@charset "utf-8";
/* Colours 
------------------------------------------------------------------------
	tirebuck orange: #f08821 / lighter shade: #f0ac68 (menu hover) this has now been changed to #154C72 and for menu hover #77C1FE
	tirebuck gray: #96938e
	
	text: #747376 - mid gray
	links: #000000 - darker gray
	gray lines around menu: #a4a3a8
	light grey for background: #f1f1f1
	
	
/" Font sizes
-------------------------------------------------------------------------
	default: 0.75em (12px) - HotJobs title, quicklinks, search text, menu
	smallfont: 0.9em (10px) - HotJobs text, footer contact info
	h1: 1.5em (18px) - titles and banner text
	h2: (14px) - page subtitles
	
	
/"	General
-----------------------------------------------------------------------*/

	body {font-family: "Trebuchet MS"; font-size: 0.75em; color: #747376; line-height: 1.3em; margin: 0; text-align: center;}
	h1 {font-size: 1.5em; color: #747376; padding-bottom: 0.4em; border-bottom: solid 1px #154C72; width: 100%; margin: 0.2em 0 0.5em 0; font-weight: bold;}
	h3 {color: #747376; font-size: 1.2em; margin-bottom: 1em; font-weight: bold; width: 100%; background: #f1f1f1; padding: 0.5em; font-style: italic;}
	p {text-align: left; font-weight: bold; margin-bottom: 1.5em;}
	ul {list-style: none;}
	address {font-size: 0.9em; font-style: normal;}
	
	a:link {color: #000000; text-decoration: none;}
	a:visited {color: #000000; text-decoration: none;}
	a:hover {color: #000000; text-decoration: underline;}
	a:active {color: #000000; text-decoration: none;}
	
	input, select {border: solid 1px black; font-size: 100%; font-family: "Trebuchet MS"; background: white;}
	legend {display: none;}
	
	.leftimage {float: left; padding-right: 2em;}
	.rightimage {float: right; padding-left: 2em;}
	.hotjob_refno {font-size: 0.9em;}
	.contentlist {list-style: disc outside; margin: 1em 0em 1em 2em; font-weight: bold;}
	.contentlist li {padding-bottom: 0.5em;}
	.smalltext {font-size: 0.9em;}
	
	.interviewpage_borderdiv {border-top: solid 1px #154C72; border-bottom: solid 1px #154C72; padding: 1px 0 1px 0;}
	.interviewpage_contentdiv {border-top: solid 1px #a4a3a8; border-bottom: solid 1px #a4a3a8; background: #f1f1f1; padding: 1em;}
	.interviewpage_link {clear: both; display: block; padding: 0.2em 0 0.2em 0; font-size: 115%;}
	
	.findus_map {display: block; clear: both; margin-bottom: 1em; float: left; width: 100%;}
	
	.enquiry_form, .sendtofriend_form {margin-top: 2em;}
	.enquiry_form fieldset label {width: 15em;}
	.sendtofriend_form fieldset label {width: 15em;}
		
	/* IE6 PNG Fix */
	img, div {behavior: url(iepngfix.htc);}
	
/*	Layout
-----------------------------------------------------------------------*/

	#mainwrapper {width: 100%; background: white; text-align: center; margin-top: -1px;}
	
	/* header */
	#header {width: 100%; clear: both; float: left;}
		#topbanner {z-index: 1; background: url(../tirebuckimages/tirebuck-banner.jpg) no-repeat; margin: auto; width: 860px; height: 204px;}
		#header_strapline {display: none;}
		#topmenu {width: 100%; border-top: solid 2px #a4a3a8; border-bottom: solid 2px #a4a3a8; float: left; clear: both;}
		#topmenu_inner {background: #154C72; margin: 1px auto 1px auto; height: 20px; min-height: 20px;}
		#topmenu_inner ul {width: 862px; margin: auto; padding: 0;}
		#topmenu_inner ul li {display: inline;}
		#topmenu_inner ul li a {float: left; width: 116px; background: #154C72; color: white; font-weight: bold; padding: 0.2em 0 0.2em 0.5em; text-decoration: none; text-align: left; border-right: solid 1px white;}
		#topmenu_inner ul li a#homelink {border-left: solid 1px white;}
		#topmenu_inner ul li a:hover {background: #77C1FE; color: black;}
		#topmenu_inner ul li a.menu_item_selected {background: #77C1FE; color: black;}
		#topmenu_breadcrumb {width: 860px; border-bottom: solid 1px #154C72; padding-bottom: 1px; margin: auto;}
		#topmenu_breadcrumb_inner {width: 855px; background: #f1f1f1; clear: both; padding: 0.5em 0 0.5em 5px; border-bottom: solid 1px #a4a3a8;}
		#topmenu_breadcrumb_inner span {margin-right: 0.5em;}
	
	
	/* content */
	#maincontent_wrapper {width: 100%; clear: both; float: left; margin: 2em 0 3em 0;}
	#content {width: 860px; margin: auto; text-align: left;}
			
		/* homepage */
		#searchbox_border {float: left; width: 600px; border-bottom: solid 1px #154C72; border-top: solid 1px #154C72; padding: 1px 0 1px 0;}
		#searchbox {float: left; width: 570px; background: #f1f1f1; border-bottom: solid 1px #a4a3a8; border-top: solid 1px #a4a3a8; padding: 0.2em 15px 1em 15px;}
		#searchbox h1 {border-bottom: none;}
		#searchbox a {font-weight: bold;}
		#searchbox fieldset ul li label {width: 11em; float: left; text-align: right; padding-right: 2em; font-weight: bold;}
		#viewallvacs {float: left; margin-top: -1.6em;}
		#findvacs {float: right;}
		#hotjobs {float: right; width: 200px; clear: right;}
		#hotjobs thead, #hotjobs tfoot {display: none;}
		#hotjobs td {height: 7em;}
		#hotjobs h2 {font-size: 1em; margin-bottom: 0; font-weight: normal; background: transparent;}
		#hotjobs p {font-weight: normal;}
		#homepage_content {clear: both; width: 100%; position:relative; min-height:270px;}
		#homepage_content_gutter {clear: both; width: 100%; position:relative;}
		#homepage_links {margin-bottom: 0.75em; font-weight: bold;}
		#homepage_links a {color: #154C72 !important;}
		
		/* content page */
		#contentpage {float: right; width: 600px;}
		#contentpage_nomenu {clear: both; width: 100%;}
		#contentpage_links_leftcol, #contentpage_sitemap_leftcol {float: left; width: 47%;}
		#contentpage_links_rightcol, #contentpage_sitemap_rightcol {float: left; width: 47%; margin-left: 5%; padding-left: 1%;}
		#contentpage_sitemap_rightcol {background: #f1f1f1; margin-left: 4%; padding-right: 1%;}
		
		/* sitemap jobs */
		#sitemap_jobs ul {list-style: disc inside;}
		#sitemap_jobs ul li {border: solid 0px red; clear: none; padding-bottom: 0.5em;}
		#sitemap_jobs ul li div {border: solid 0px brown; display: inline;}
		#sitemap_jobs ul li h2 {border: solid 0px green; display: inline;}
		#sitemap_jobs ul li address {display: inline; padding-left: 0.5em;}
		
		/* divisions job search box */
		#divisions_jobsearch_border {float: left; margin: 1em 0 0 0; padding: 1px 0 1px 0; border-bottom: solid 1px #154C72; border-top: solid 1px #154C72; width: 100%;}
		#divisions_jobsearch {float: left; background: #f1f1f1; padding: 1em 0 0.5em 0; border-top: solid 1px #a4a3a8; border-bottom: solid 1px #a4a3a8; width: 100%;}

		#divisions_links ul {float: left; text-align: left; padding: 0; margin: 0; clear:both; width:100%; font-weight:bold; padding-bottom:1em;}
		#divisions_links li {padding: 0.3em 0 0 3em; height: 2em; min-height: 2em; margin-top: 0.5em; background: url(../sharedimages/view.png) no-repeat;}		
		
		/* news pages */
		#news_main_date {float: left; clear: both;}
		#news_main_date span {display: block; clear: both; margin-bottom: 0.5em;}
		#news_main_right_image {float: right;}
		#news_main_list {font-weight: bold; margin-top: 1em; float: left; clear: both; width: 100%;}
		#news_main_list li {margin-bottom: 0.5em;}
		#news_story {clear: both; overflow: auto; margin-bottom: 2em;}
		#news_story_image {float: right; background:#f1f1f1; border: 1px solid #a4a3a8; padding: 5px;}
		
		/* left menu */
		#leftmenu_border {float: left; width: 190px; border-bottom: solid 1px #154C72; border-top: solid 1px #154C72; padding: 1px 0 1px 0; margin-top: 26px;}
		#leftmenu {float: left; width: 175px; background: #f1f1f1; border-bottom: solid 1px #a4a3a8; border-top: solid 1px #a4a3a8; padding: 0.2em 15px 1em 0px;}
		#leftmenu div {padding-left: 20px; display: block; width: 170px; border: solid 0px red;}
		#leftmenu ul li {margin: 1em 0 0 0; list-style: url(../tirebuckimages/tirebuckarrow.gif);}
		#leftmenu ul li a {font-weight: bold;}
		#leftmenu_with_image {float: left; width: 190px;}
		#leftmenu_with_image img {margin-top: 1em;}
		
		
	/* footer */
	#footer {width: 100%; float: left; clear: both; border-top: solid 2px #154C72; padding-top: 2px;}
		#footer_inner {width: 100%; float: left; clear: both; border-top: solid 2px #a4a3a8; background: url(../sharedimages/footerfade.gif) repeat-x; height: 10.5em;}
		#footer_content {width: 860px; margin: auto;}
		#quicklinks {float: left; width: 50%;}
		#quicklinks ul {float: left; text-align: left; padding: 0; margin: 0;}
		#quicklinks li {padding: 0.3em 0 0 3em; height: 2em; min-height: 2em; margin-top: 0.5em;}
			#favourites {background: url(../sharedimages/favourites_add.png) no-repeat;}
			#sendtofriend {background: url(../sharedimages/mail_send.png) no-repeat;}
			#emailenquiry {background: url(../sharedimages/email_enquiry.png) no-repeat;}
			#terms {background: url(../sharedimages/terms.png) no-repeat;}
			
		#recicon {float: right; margin-top: 0.5em; text-align: right;}
		#recicon ul {float: left; margin: 0.2em 3em 0 0;}
		#recicon li {text-align: right; font-size: 0.9em; color: #515151; font-weight: bold; margin-bottom: 0.5em;}
		#recicon img {margin-top: 0.4em;}
		#poweredby {float: right; margin-top: 0.5em; text-align: right;}
		
		
		
/*	Personneltoday.com News Styles
-----------------------------------------------------------------------*/

	.PTNEWSlatestnews {width: 100%; margin-bottom: 2em;}
	.PTNEWSlatestnews img { float:right; padding:5px;}
	.PTNEWSheading {font-weight: bold; float: right; width: 30%;}
	.PTNEWSheadingimg {display: block; float: right;}
	.PTNEWSlastupdated {visibility: visible; width: 60%; float: left; padding-bottom: 0.5em;}
	.PTNEWSstory {margin: 6px 0 6px 0; border: solid 0px pink; clear: both;}
	.PTNEWSheadline {padding: 3px 0px 0px 0px; display: block; font-weight: bold;}
	.PTNEWSdescription {display: block;}
	.PTNEWSnoscript {display: block; font-weight: bold;}
