
html, body {height:100%}

body {
	padding: 0;
	margin: 0;
	color: #000000;
	font: .7em/1.7em Verdana, Arial, Helvetica, sans-serif;
	background: #353535;
}

img {border: none;}
ul { }
ul li{}
ul li a, a { text-decoration: none; color: #FB3B91;}

/* Hidden content */
.structurelabel, .skiplinks
{
    position: absolute;
    left: -5000px;
    width: 4000px;
}

/* Content Styles */
div.clearDiv {
  clear: both;
}

/* Outer Styles */

#outer {
	clear: both;
	margin: 0 0 -26px 0;
	padding: 0 0 30px 0;
	width: 990px;
	height: auto;
	background: url(../images/outer_bg.gif) no-repeat left bottom #fbe63b;
	float: left;
}

.outerwrap {/*background: url(../images/outerwrap_bg.gif) no-repeat top right; margin-top: -11px;*/}

html>body #outer {
	min-height: 100%;
	height: auto;
}

/* header styles */



#header h1 {
	float: left;
	margin: 0;
	padding: 0;
}

#header h1 span { 
	display: none;
}

/*search*/

.search-line {float: left; margin-top: 158px;/* margin-right: 70px;*/ position: absolute; padding: 3px; height: 20px;}

#header .label {display:none}

#header input.searchbutton {
	background: none;
	text-transform: uppercase;
	color: #91E325;
	font-size: 0.8em;
	border: none;
	float: left;
}

#header #searchField {
	border: none;
	background: #FBE63B;
	float: left;

}

#header .optionblock {float: left; }

#header .optionblock label,
#header #searchJobs,
#header #searchSite {
	color: #91E325;
	float: left
}

/*printer friendly link*/

.print a {color: #fff; background: #000 url(../images/icon_printerfriendly.gif) bottom left no-repeat; float: right; padding-left: 19px; margin: 0px 60px 0 0; position:relative; top:20px; left:420px; }

/*utilities*/

#container .utilities {}

#container .utilities ul {
	margin-right: 55px;
	vertical-align: top;
}

#container .utilities ul li {
	list-style-type: none;
	display: inline;
	vertical-align: bottom;
	float: right;
	position: relative;
	z-index: 1;
	
}

#container .utilities ul li a {
	color: #00E2FF;
	text-decoration: none;
	padding: 0 5px 0 5px;
	border-right: solid 1px #00E2FF;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#container .utilities ul li.last a {
  border-right: none;
}

/* Centrecontent Styles */

#container {
	width: 100%;
	/*margin: 0;*/
	background: url(../images/test.gif) 0 0 no-repeat;
	float: left;
	border-right: dotted 1px #000;
}

html>body #container {
	float: left;
}

.outerwrap {
	float: left;
	width: 99.5%; /* This needs to be 99.5 otherwise right hand nav doesn't float properly */
	position: relative; /* This is VITAL for Mac IE so the rollovers don't disappear on mouse over */
	
}

#centrecontent {
	float: right;
	margin-top: 3px;
	width: 600px;
	margin-right: 40px;
	min-height: 268px;
	padding-bottom: 50px;
}

#content {
	margin: 65px 0 0 40px;
}

.jobsearch p {clear: left;}

.alphaNav ul {	
	list-style-type: none;
	float: left;
	clear: right;
}

.alphaNav ul li a {
	display: inline;
	float: left;
	padding: 0 5px;
	text-decoration: none;
	font-weight: normal;
}

.alphaNav li {font-weight: bold; width: 8px; display: inline; float: left; padding: 0 5px;}

ul.occupationList {clear: left;}

#toolbar-right .adTile  {margin-top: 10px;}


/*left-mainNav*/

#mainNav {
	/*background: url(../images/left_side.gif) right top no-repeat;*/
	/*padding-right: 16px;*/
	width: 176px;
	min-height: 580px;	
}

#mainNav ul {
	padding: 0px;
}

/*#mainNav ul li a {
	height: 30px;
	min-width: 140px;
	border-bottom: dotted 1px #FF3D83;
}*/

#left {
	width: 176px;
	padding-bottom: 38px;
	/*min-height: 580px;*/
	margin-top: -18px;
	background: #353535 url(../images/left_bottom.gif) left bottom no-repeat;
}

#left ul {
	list-style-type: none;
	background: #353535 url(../images/left_bg_repeat.gif) 0 0 repeat-y;
}

#left ul li a,
#left ul li a.active,
#left ul li a:hover {	
	color: #00E2FF;
	text-decoration: none;
	min-height: 10px;
	max-width: 140px;
	border-top: dotted 1px #FF3D83;
	display: block;
	padding: 5px;
	padding-left: 12px;
	font-weight: bold;
}

#left li.first a, #left li.first a:hover, #left li.first a.active {border-top: none;}

#left ul li a.active {
	background: url(../images/arrow.gif) center left no-repeat;
	color: #fff;
}
 
/*Right*/

#right {
	float: right;
	width: 155px;
	margin: 0;
	padding: 0;
}

/* Form Styles */

DIV.form P {padding-left:20px;}
DIV.form H1 {margin:0px 0px 20px 0px; padding:32px 34px 12px 0px; color:#FFF; background:#4D4F53; font-size:2.4em; text-align:right; text-transform:uppercase;}
DIV.form FORM {width:505px; padding:0px 0px 0px 20px;}
DIV.form DIV.formElement {float:left; clear:left; width:525px; padding:3px 0px;}
DIV.form LABEL {float:left; clear:left; width:120px;}
DIV.form FIELDSET {float:left; clear:left; margin:10px 0px 0px 0px; padding:5px 0px 10px 220px;}
DIV.form FIELDSET LABEL {width:300px; padding:1px 0px;}
DIV.form INPUT {width:294px; padding:2px 3px; border:1px solid #4D4F53;}
DIV.form INPUT.formCheckbox, DIV#centrecontent DIV.form INPUT.formRadio {width:22px; padding:0px; border:none;}
DIV.form INPUT.formSubmit {float:right; width:auto; margin:10px 0px 0px 0px; color:#000; background:#ccc; border:none;}
DIV.form TEXTAREA {float:left; height:150px; width:296px; padding:4px 3px; border:1px solid #4D4F53;}
DIV.form FIELDSET#inquiry_type {border: none;}
DIV.form FIELDSET#inquiry_type legend.mandatory {float: left; clear: left; margin: 0 0 -25px -222px;}

DIV.inquiry P {padding-left:20px;}
DIV.inquiry H1 {margin:0px 0px 20px 0px; padding:32px 34px 12px 0px; color:#FFF; background:#4D4F53; font-size:2.4em; text-align:right; text-transform:uppercase;}
DIV.inquiry FORM {width:505px; padding:0px 0px 0px 20px;}
DIV.inquiry DIV.formElement {float:left; clear:left; width:525px; padding:3px 0px;}
DIV.inquiry LABEL {float:left; clear:left; width:220px;}
DIV.inquiry FIELDSET {float:left; clear:left; margin:10px 0px 0px 0px; padding:5px 0px 10px 220px;}
DIV.inquiry FIELDSET LABEL {width:300px; padding:1px 0px;}
DIV.inquiry INPUT {width:294px; padding:2px 3px; border:1px solid #4D4F53;}
DIV.inquiry INPUT.formCheckbox, DIV#centrecontent DIV.form INPUT.formRadio {width:22px; padding:0px; border:none;}
DIV.inquiry INPUT.formSubmit {float:right; width:auto; margin:10px 0px 0px 0px; color:#000; background:#ccc; border:none;}
DIV.inquiry TEXTAREA {float:left; height:150px; width:296px; padding:4px 3px; border:1px solid #4D4F53;}
DIV.inquiry FIELDSET#inquiry_type {border: none;}
DIV.inquiry FIELDSET#inquiry_type legend.mandatory {float: left; clear: left; margin: 0 0 -25px -222px;}

DIV.advancedSearch P {padding-left:20px;}
DIV.advancedSearch H1 {margin:0px 0px 20px 0px; padding:32px 34px 12px 0px; color:#FFF; background:#4D4F53; font-size:2.4em; text-align:right; text-transform:uppercase;}
DIV.advancedSearch FORM {width:505px; padding:0px 0px 0px 20px;}
DIV.advancedSearch DIV.formElement {float:left; clear:left; width:525px; padding:3px 0px;}
DIV.advancedSearch LABEL {float:left; clear:left; width:120px;}
DIV.advancedSearch FIELDSET {float:left; clear:left; margin:10px 0px 0px 0px; padding:5px 0px 10px 220px;}
DIV.advancedSearch FIELDSET LABEL {width:300px; padding:1px 0px;}
DIV.advancedSearch INPUT.formCheckbox, DIV#centrecontent DIV.form INPUT.formRadio {width:22px; padding:0px; border:none;}
DIV.advancedSearch INPUT.formSubmit {float:right; width:auto; margin:10px 0px 0px 0px; color:#000; background:#ccc; border:none;}
DIV.advancedSearch TEXTAREA {float:left; height:150px; width:296px; padding:4px 3px; border:1px solid #4D4F53;}
DIV.advancedSearch FIELDSET#inquiry_type {border: none;}
DIV.advancedSearch FIELDSET#inquiry_type legend.mandatory {float: left; clear: left; margin: 0 0 -25px -222px;}

.formField {padding-bottom: 3px;}
fieldset {border: none;}
fieldset legend {font-weight: bold;}


DIV.nameSearch P {padding-left:20px;}
DIV.nameSearch H1 {margin:0px 0px 20px 0px; padding:32px 34px 12px 0px; color:#FFF; background:#4D4F53; font-size:2.4em; text-align:right; text-transform:uppercase;}
DIV.nameSearch FORM {width:505px; padding:0px 0px 0px 20px;}
DIV.nameSearch DIV.formElement {float:left; clear:left; width:525px; padding:3px 0px;}
DIV.nameSearch LABEL {float:left; clear:left; width:120px; padding-top: 7px;}
DIV.nameSearch FIELDSET {float:left; clear:left; margin:10px 0px 0px 0px; padding:5px 0px 10px 220px;}
DIV.nameSearch FIELDSET LABEL {width:300px; padding:1px 0px;}
DIV.nameSearch INPUT.formCheckbox, DIV#centrecontent DIV.form INPUT.formRadio {width:22px; padding:0px; border:none;}
DIV.nameSearch INPUT.formSubmit {float:right; width:auto; margin:10px 0px 0px 0px; color:#000; background:#ccc; border:none;}
DIV.nameSearch TEXTAREA {float:left; height:150px; width:296px; padding:4px 3px; border:1px solid #4D4F53;}
DIV.nameSearch FIELDSET#inquiry_type {border: none;}
DIV.nameSearch FIELDSET#inquiry_type legend.mandatory {float: left; clear: left; margin: 0 0 -25px -222px;}



/* Rich text Image styles */
div.imageleft, div.imageright, div.leftobject, div.rightobject{padding-top: 4px;padding-bottom: 4px;display: inline;}
div.imagecenter, div.centerobject{width: 100%;padding-top: 4px;padding-bottom: 4px;display: block;}
div.imagecenter{text-align: center;}
div.imageleft, div.leftobject{float: left;padding-right: 8px;}
div.imageright, div.rightobject{float: right;padding-left: 8px;}
div.imageleft p.picturetext, div.imageright p.picturetext, div.imagecenter p.picturetext{margin-top: 2px;margin-bottom: 2px;}
div.imageleft p.picturetext, div.imageright p.picturetext, span.picturetext{background-color: #f0f0f0;}

#footer {clear: both; float: left; width: 990px; margin-top: 10px; position: relative; z-index: 1; height: 20px;}
#footer ul#Credits {display: none;}
#footer ul {list-style-type: none;  float: left; margin-top: -60px; margin-left: 160px; padding-top: 30px; width:780px;}

#footer ul li a {float: left; text-decoration: none; padding: 0 4px 0 4px; color: #FF3D83; border-right: solid 1px #FF3D83;}
#footer ul li.last a {border: none;}

ul li.hobsons {
  display: block;
  width: 300px;
  height: 38px;
  background: url(../images/logoHobsonsFooter.gif) no-repeat top right;
  float: right;
 
}

ul li.hobsons a {display: none;}
#footer ul .hobsons span {display: none;}

.ProviderDetails h4 {
 margin: 0.75em 0 0 0;
}

p.info {
    font-size: 0.8em;
}

