/*
-------------------------------------------------
URL: http://www.jetservices.org/
Created by Liverpool Direct Limited
Version: 1.1 20/05/2008
-------------------------------------------------

CONTENTS

1: Site Master Setup

2: LAYOUT
	2.1 container
	2.2 header
	2.3 global navigation
	2.4 job search
	2.5 content
		2.5.1 content left column wide
		2.5.2 content right column
		2.5.3 content left navigation
		2.5.4 content left column
		2.5.5 content search result pages
	2.6 breadcrumb	
	2.7 footer
	
	
3: GLOBAL ELEMENTS / CONTROLS
	3.1 links
	3.2 external links
	3.3 general content
	3.4 job search style
	3.5 content news style
	3.6 content job lists style
	3.7 sub content images style
	3.8 content support style
	3.9 sub navigation style
	3.10 footer style
	
4: TEMPLATE / PAGE SPECIFIC

	4.1 jet services postocde search
	4.2 a to z index search
	4.3 advanced search box
	4.4 advanced search page a to z index
	4.5 home page partner logos 
	
5: USEFUL CLASSES
*/

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

body { margin: 0; padding: 0; font: .80em Arial, Helvetica, sans-serif; /*height: 100%;*/background-position: 50px 0px!important;}

img	{ border: 0; background: none }
ul, li, ol { margin: 0; padding: 0; list-style: none; }
a { color: #c25105; padding: 1px; }
a:hover, a:focus { color: #000aaa; text-decoration: none }
p { margin: 0;}
hr { background: #fff; width: 100%; height: 1px; margin: 3px auto 0 0; clear: both }
:link,:visited { text-decoration: none }
h1, h2, h3, h4, h5, h6 { color: #3e2d28 }
h1 { position:absolute; margin-left: -2000px }
.logo { font-size: 1.5em; position:absolute; width:112px; height:112px; margin-left: 0; padding: 0}
h2 { font-size: 1.5em; font-family: "Century Gothic", Georgia, Times, "Times New Roman", Helvetica, Verdana; font-weight: 650; margin-top: 10px; padding: 0; }
h3 { font-size: 1.1em; font-weight: 650;}


/* -----------------------------------------------
2. LAYOUT
----------------------------------------------- */

/* 2.1 - container */
#container { width:900px; margin:0 auto; margin-left: 5px; background: #fff!important}

/* 2.2 - header */
#header { padding: 0px; margin: 5px 0 10px 0; height: 174px;}

/* 2.4 - job search */

#job-search { display: none; }
#job-search h2 { display: none; }

/* 2.5 - content */  
#content { width: 900px; height: 100%; background-color:#FFF;}

/* 2.5.1 - content left column wide */
#leftcolumn_wide { float:left; width:630px; margin:0 0px 10px 0; padding:0 0 0 20px; background-color: #FFF;}

/* 2.5.2 - content right column */
#rightcolumn { float:right; width:200px; margin:0 0px 0px 0; padding:0; background-color: #FFF;}

/* 2.5.3 - content left navigation */
#left_navbar { clear:both; float:left; width:190px; overflow:hidden; margin-left:10px; margin-top:20px; padding:0 0 0 0px;}

/* 2.5.4 - content left column */
#leftcolumn { float:left; width:420px; margin:0; padding:0 0 0 20px; }

/* 2.5.5 - content search result pages */
#content_results { float:left; width:100%; margin:10px 0 10px 0; padding:0; background-color: #FFF;}

/* 2.6 - breadcrumb */  
#breadcrumb { position: relative; float: left; width: 100%; padding: 15px 0px 2px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #9d0025; font-size: .90em; text-align: left;}
#breadcrumb ul  { list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#breadcrumb li  { list-style-type: none; display: inline; margin-left: 3px; margin-right: 3px;}

/* 2.7 - footer */
#footer { float:left; margin:0; width:900px; height:20px; border-top: 4px solid #ccc; background-color: #FFF;}


/* -----------------------------------------------
3. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 3.1 - links */
a.pdf { background: url(/include/images/shopforjobs/pdficon.gif) no-repeat; padding: 0 0 55px 55px  }
a.word { background: url(/include/images/shopforjobs/wordicon.gif) no-repeat; padding: 0 0 55px 55px }
a.arrow { background: url(/include/images/shopforjobs/arrow.gif) left 4px no-repeat; padding: 1px 1px 1px 16px; font-size: .90em}
a.print { background: url(/include/images/global/print-friendly.gif) left 2px no-repeat; padding: 1px 1px 4px 26px;}

/* 3.2 - external links */
a.external, a.external:visited { padding: 1px 16px 1px 1px; background: url(/include/images/shopforjobs/external.gif) right 2px no-repeat  }

/* 3.3 - general content */

.content_subpages p { padding: 0 15px 15px 0;}
.content_subpages a { font-weight: bold;}
.content_subpages li { list-style-type: disc; margin: 1em 1em 1em 2em; } /* JB add 14/07/2008 */


/* 3.4 - job search style */
	
.job-searchbox { 
	display: none;
	}

button.job-search {
	display: none;
	}
	
button.job-search span {
	display: none;
	}
	
p.search a {
	float:left; 
	margin-top: 12px; 
	color:#000;
	text-decoration:underline;
	}
	
/* 3.5 - content news style ADD 27/08/2008*/

.content-news { display: block; margin-bottom: 1em; padding-bottom: 1em; width: 95%;  text-align: left;}
.content-news p { margin-top:10px; margin-bottom:10px; }
.content-news li { list-style: disc; margin-left:20px; }
.content-newstitle  { padding-top: 10px; font-size: 1.25em; font-weight: bold; }
.content-newsimage { float:left; margin-right:1em; width: 56px; padding: 0 2px 8px 2px; background-color:#eb8a43; }
.content-newsimage-odd  { float:left; margin-right:1em;  width: 56px; padding: 0 2px 8px 2px; background-color:#869e2e; }
.content-newsimage img  { border:0; padding: 0; margin: 2px 0; }
.content-newsimage-odd img  { border:0; padding: 0; margin: 2px 0; }  
.content-newstext  { float:none;  margin-top:0.25em;}
.content-newstext a { font-weight: bold; }

/*.content-news  { 
	position:relative; 
	float:left; 
	padding: 10px 10px 10px 0; 
	margin: 10px 10px 10px 0; 
	width: 100%;
	border-bottom: 1px solid #ccc
	}
	
.content-newsimage-odd  { 
	position:relative; 
	float:left; 
	width: 56px; 
	padding: 1px; 
	text-align:left; 
	background-color:#4d4635; 
	}
	
.content-newsimage img  { 
	border:0; 
	padding: 0; 
	margin: 2px 0;
	}
	
.content-newstext  { 
	font-size: .80em;  
	position:relative; 
	float:left; 
	width: 78%;
	padding: 0; 
	margin-left: 30px;
	text-align:left;  
	}

.content-newstext a { 
	font-weight: bold;
	font-size: 1.1em;  
	}
	
.content-newsline  { 
	border-bottom: 1px solid #9d0025; 
	}*/
	

/* 3.6 - content job lists style */

dl.content_even {
	border-top:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	background-color: #f0f0f0;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
	float: left;
	}

.content_even dt img{ 
	border: 0;
	width: 100px;
	height: 100px;
	float: left;
	padding: 20px;
	margin: 0;
	}
	

.content_even dt { 
	margin: 5px;
	padding: 0;
	}

.content_even dt a {
	font-weight: bold;
	}

.content_even dd {
	margin: 5px;
	padding: 0;
	}
	
dl.content_odd {
	background-color: #fff;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
	float: left;
	}
	
.content_odd dt img{ 
	border: 0;
	width: 100px;
	height: 100px;
	float: left;
	padding: 20px;
	margin: 0;
	}

.content_odd dt { 
	margin: 5px;
	padding: 0;
	}
	
.content_odd dt a {
	font-weight: bold;
	}

.content_odd dd {
	margin: 5px;
	padding: 0;
	}
	
.document { padding: 0 /*0 0 55px */ }
.jobdesc { padding: 0 55px 0 0; float: left; width: 65%; }
.location { padding: 0 55px 0 0; float: left; width: 10%; }
.date { padding: 0; float: left; width: 20%; }


/* 3.7 - sub content images style */

.subcontentbox {
	float:left; 
	padding-bottom: 25px
	}
	
.subcontent-img {
	float:left;
	margin: 0 15px 45px 0;
	padding:0px;
	border:1px solid #4d4635;
	width:121px;
	height:121px;
	}
p.subcontent {
	padding-top: 20px;
	font-weight: bold;
	}

/* 3.8 - content support style */

dl.content_support {
	border:1px solid #e4e6e9;
	background-color: #fff;
	width: 200px;
	text-align: left;
	padding: 0;
	margin-top: 10px;
	float: left;
	}

.content_support dt { 
	font-weight: bold; 
	font-size: 1.1em; 
	margin: 10px 20px 10px 20px;
	}

.content_support dt img {
	border: 0;
	width: 172px;
	background:#f8f8f8;
	}

.content_support dd {
	margin: 10px 20px 10px 20px;
	padding: 0;
	}

.content_support dd a {
	font-weight: bold;
	}
	

/* 3.8 - content support style - interior page layout */

dl.content_support_interior, { 
	border:1px solid #e4e6e9;
	background-color: #fff;
	text-align: left;
	padding: 0;
	margin-top: 10px;
	}

.content_support_interior dt { 
	font-weight: bold; 
	font-size: 1em; 
	margin: 10px 20px 10px 20px;
	color: #000;
	}

.content_support_interior dt img {
	border: 0;
	width: 172px;
	background:#f8f8f8;
	}

.content_support_interior dd {
	margin: 10px 20px 10px 20px;
	padding: 0;
	}

.content_support_interior dd a {
	font-weight: bold;
	}
	

	

/*3.9 - sub naivation style left column*/ /* JB - add 27/08/2008 */

#content_subnavigation {
	position:relative;

	width:90%;
	padding:0 0 1.75em 1em;
	margin-bottom: 0.75em;
	list-style:none;
	line-height:1em;
	background-color: #f0f0f0;
}

#content_subnavigation LI {
	margin-right:1em;
	padding-top: 0.25em; /* JB - add 26/08/2008 */
	font-weight: bold;

}

#content_subnavigation LI#select {
	display:block;
	margin-top:1px;
	padding: 0.25em 1em; 
	color: #a00024;
}

#content_subnavigation A {
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	margin: 5px 0;
	padding:0.25em 1em;
	border-left:4px solid #9d0025;
}

#content_subnavigation A:hover,
#content_subnavigation A:active,
#content_subnavigation A.select:link,
#content_subnavigation A.select:visited {
	background:#fff;
}

#content_subnavigation A.select:link,
#content_subnavigation A.select:visited {
	position:relative;
	z-index:102;
}

/*subnav*/

#content_subnavigation UL {
	left:0;
	top:1.5em;
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
}


#content_subnavigation UL LI {
	display:block;
	margin-top:5px;
}

#content_subnavigation UL LI#select {
	display:block;
	margin-top:1px;
	padding: 0.25em 1em; 
}

#content_subnavigation UL A {
	margin: 5px 0;
	padding:0.25em 1em;
	border-left: solid 4px #fff;
}

#content_subnavigation UL A:hover,
#content_subnavigation UL A:active,
#content_subnavigation UL A.select:link,
#content_subnavigation UL A.select:visited {
	color:#444;
}


/* 3.9 - sub navigation style */

/*#content_subnavigation {
	background-color: #f0f0f0;
	width: 200px;
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	float: left;
	}
	
#content_subnavigation li { 
 	font-weight: bold; 
	margin: 10px;
	font-size: .90em;
	}
	
#content_subnavigation li a { 
	font-weight: normal; 
	font-size: .80em;
	color: #9d0025; 
	margin: 10px;
	padding-left: 5px;
	border-left: 4px solid #9d0025;
	}

#content_subnavigation li ul {
	margin: 0;
	padding-left: 5px;
	padding-bottom: 2px;
	background-color: #f4f4f4;
	text-decoration: none;
		}*/

/* 3.10 - footer style */

p.copyright {
	float:right;
	margin-top:3px;
	color:000;
	font-size:.90em;
	padding-bottom: 10px;
	}

p.utilitylinks {
	float:left;
	margin:3px 5px 0 0;
	color:#000;
	font-size:.90em;
	padding-left: 5px;
	padding-bottom: 10px;
	}

p.copyright a, p.utilitylinks a {
	padding:0; color:#000aaa;
	}

/* -----------------------------------------------
4. TEMPLATE / PAGE SPECIFIC
----------------------------------------------- */

/* 4.1 - jet services postcode search */
	
.jet-searchbox { 
	float:left; 
	padding: 0; 
	}

button.jet-search {
	float:left;
	margin:10px 20px 10px 0;
	border: none;
	cursor:pointer;
	text-align:center; 
	padding: 0 25px 0 0 ; 
	background: url(/include/images/shopforjobs/searchbutton.gif) no-repeat;
	width:auto; 
	overflow:visible;
	font-weight: bold;
	font-size: 12px; 
	}
	
button.jet-search span {
	height: 23px;
	margin: 0;
	padding:3px 0 0 18px; 
	color: #FFF;
	position:relative;
	display:block;
	white-space: nowrap;
	}
	
/* 4.2 - a to z index search */

#azlist {
	background-color: #f2f2f2;
	width: 900px;
	text-align: left;
	padding-bottom: 13px;
	margin-top: 25px;
	float: left;
	}

#azlist li  { 
	padding: 11px;
	margin: 11px;
	background-color: #fff;
	float: left;
	font-size: 2em; 
	}

#azlist li a {
	font-weight: bold;
	}

#azlist li .select{ 
	padding: 0px;
	margin: 0px;
	background-color: #9d0025;
	border: 13px solid #9d0025;
	color: #fff 
	}
	
/* 4.3 - advanced search box */	
	
#advsearchbox {
	display: none
	}
	
/* 4.4 - advanced search page a to z index */	
	
#azlistsml {
	width: 98%;
	text-align: left;
	padding: 20px 0 20px 0;
	margin: 0;
	float: left;
	}
	
#azlistsml li  { 
	padding: 0 9px 0 9px;
	margin: 10px 0 0 0;
	border-right: 2px solid #aaa;
	float: left;

	}

#azlistsml li a {
	font-weight: bold;

	}

/* 4.5 - home page partner logos */

dl.logos {
	display: none;
	}

.logos dt img {
	display: none;
	}

.logos dd {
	display: none;
	}
	

/* -----------------------------------------------
5. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Non IE clearfix */



