body {
	font-size: 69.2%;	/* Default (medium) is 16px: scale */
	font-family: Arial, Helvetica, sans-serif;
	color: #818285; /* dark grey */
	line-height: 1.6em;
	padding: 0;
	margin: 0;
	background-color: #E9E9E9; /* light grey */
}

h1, h2, h3, h5, .rss, p, .col-left, .col-right-left, .col-right-right, .col-right-both, .content, .footer, .nav-section, .job-search-top, .job-search-middle, .job-search-middle ul, .job-search-bottom, table, .feature-box-generics, hr, img { padding:0;	margin:0; }

/* Prevent borders showing in firefox */
a { outline: none; }

 /* typography"
------------------------------------------------*/
#strap { font-size:40px; padding-left:28px; width:512px; }
#banner-image { margin-bottom:-47px; }

a       {   text-decoration:underline;  color: #818285; /* dark grey */}
a:hover {	text-decoration:none;}

h3.titles {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #F57F20;
	letter-spacing: -.05em;
	line-height: 1em;
	text-align: left;
	font-size: 28px;
	width: 528px;
	margin-bottom:24px;
}
h4 {
	font-weight: bold;
	/*letter-spacing: 0.02em;*/
	line-height: 1em;
	text-align: left;
	font-size: 1.15em;
	padding-bottom:2px;
	border-bottom: solid 2px #FDD68C; /* light orange */
	width: 528px;
	margin-bottom: 1em;
	margin-top: 1em;
	color:#F57F20; /* orange */
}
h4 span {
	font-weight: normal !important;
	color:#FBAD18; /* yellow */
}
h5 {
	font-weight: bold;
	font-size: 1.0em;
	line-height: 1.3em;
	float: left;
	display:inline;
	text-indent:-3000px;
	margin-bottom:9px;
}
h6 {
	font-weight: bold;
	font-size: 1.0em;
	color:#F57F20; /* orange */
	line-height: 1.3em;
	/*display:inline;*/
	margin-bottom:15px;
}
.content h6 {
	width: 528px;
}


 /* In Focus"
------------------------------------------------*/
.in-focus {
	width: 528px; /* This turns the above h6 off */
	/*font-size: 0.95em !important;*/
	line-height: 1.3em !important;
	margin-bottom:0; /* This turns the above h6 off */
}

.in-focus h4
{
    width: 528px !important; /* This turns the above h4 off */
	float: none !important;
}

.in-focus h6
{
	width: 528px !important;
	padding-bottom: 5px;
	margin: 0;
}
.in-focus h6 a { color: #F57F20;}
.in-focus p {
	padding-bottom: 10px;
}
.in-focus hr
{
	float: none !important;
	clear: both;
	margin-top: 0
}

 /* Feature Boxes"
------------------------------------------------*/
.feature-box-generics 
{
	float: right;
    width:141px; /* Originally 181px */
    padding:17px 20px 17px 20px;
    /*font-size: 0.95em;*/
    line-height:1.3em;
}
.xheight {
    height:126px; /* Originally 160px */
}
.iphone {
    background: transparent url(images/graphics/icon-iphone-2.gif) top right no-repeat;
}
.iphone2 {
    background: transparent url(images/graphics/icon-iphone-1.gif) top right no-repeat;
}
.globe {
    background: transparent url(images/graphics/icon-globe.gif) top right no-repeat;
}
.feature-box-generics a:hover {    text-decoration:none;}

.grey-left, 
.grey-left a {
    background-color:#818285; /* Dark Grey BG */
    color:#fff;
}
.grey-right {
    background:#A4A4A4; /* Light Grey BG */
    color:#666;
}
.grey-right a {
    color:#fff;
}

h5.co   {     background: transparent url(images/sub-titles/title-sub-contact.png)         0 0 no-repeat; width:137px;}
h5.su   {     background: transparent url(images/sub-titles/title-sub-submit-your-cv.png)  0 0 no-repeat; width:137px;}
h5.stj  {     background: transparent url(images/sub-titles/titles-sub-start-job.png)      0 0 no-repeat; width:322px;}
h5.iiw  {     background: transparent url(images/sub-titles/titles-sub-overseas.png)       0 0 no-repeat; width:137px; height:24px !important}
h5.in   {     background: transparent url(images/sub-titles/titles-sub-ind-news.png)       0 0 no-repeat; width:137px;}
h5.usel  {    background: transparent url(images/sub-titles/titles-sub-useful.gif)         0 0 no-repeat; width:110px;}
h5.rela  {    background: transparent url(images/sub-titles/titles-sub-related-info.png)   0 0 no-repeat; width:137px;}
h5.cont  {    background: transparent url(images/sub-titles/titles-sub-contact-us.png)     0 0 no-repeat; width:137px;}
h5.test  {    background: transparent url(images/sub-titles/titles-sub-testimonials.png)   0 0 no-repeat; width:137px;}
h5.narr  {    background: transparent url(images/sub-titles/titles-sub-narrow-your-search.png)   0 0 no-repeat; width:322px;}

.feature-box-generics span {
    width:122px;
    float:left;
}
.feature-box-generics p {
    width:122px;
    clear:left !important;

}
.topspace {
    margin-top:15px;
}
img.divider 
{
	float: left;
    padding:0;
    padding-left:18px;
    float:left;
    clear:both;
    width:141px;
    margin:0;
}
.speechmarks {
    float:none;
}
ul.related {
	padding:0;
	margin:0;
	padding-left: 15px;
	float:left;
	list-style:disc;
	width:121px;
}


 /* Job Search Box GREY"
------------------------------------------------*/
.job-search-top {
    width:362px;
    height:19px;
    background: transparent url(images/graphics/bg-corners-top.gif) 0 0 no-repeat;
}
.job-search-middle {
/*    font-size: 0.95em;*/
    line-height:1.5em;
    width:322px;
    margin: 0;
    padding:0 20px 0 20px !important;
    float: left !important;
}
.magnify {
    background: transparent url(images/graphics/icon-magnify.gif) top right no-repeat;
}

.job-search-bottom {
    width:362px;
    height:19px;
    background: transparent url(images/graphics/bg-corners-bottom.gif) 0 0 no-repeat;
    float: left;
}
.job-search-middle ul {
	padding-left: 15px;
	/*padding-bottom: 10px;*/
	margin-bottom: 10px;
	list-style:disc;
	width:141px;
}
.job-search-middle ul li.more-roles a {
    color:#F57F20; /* orange */
    margin-top:15px;
}
a.more {
    color:#F57F20; /* orange */
}


.col-list
{
	float: left;
    width:161px;
    margin: 0;
}
.col-list ul
{
    float: left;
    width: 146px;
}
.col-list li
{
}
.col-list h6
{
    margin: 0 0 1em;
    width: 161px;
    float: left;
}

.job-search-middle p.rss
{
	float: left;
	line-height: 18px;	/* to force enough height for the rss icon */
    width:141px;
    background: transparent url(images/graphics/icon-rss.gif) 0 0 no-repeat;
    padding-left:20px;
    font-weight:bold;
    color:#F57F20; /* orange */
}
.rss a 
{
	color: #F57F20;
	text-decoration: none;
}

	

 /* Job Search Box WHITE"
------------------------------------------------*/
.job-search-top.white-version {
    background: transparent url(images/graphics/bg-corners-top-white.gif) 0 0 no-repeat;
}
.job-search-bottom.white-version {
    background: transparent url(images/graphics/bg-corners-bottom-white.gif) 0 0 no-repeat;
}
.magnify-white {
    background: #fff url(images/graphics/icon-magnify-white.gif) top right no-repeat;
}
.job-search-middle p.white-version
{
    background-color: #fff;
}

 /* home page Latest Jobs"
------------------------------------------------*/
table.jobs {
    /*font-size: 0.95em;*/
	line-height: 1.3em;
	border:0;
	border-collapse:collapse;
	width:528px; /* Originally 528px */
	margin-bottom:20px;	
}
table.jobs td.description {
    padding-bottom:10px;
}
table.jobs td a {
    font-weight:bold;
    padding-bottom:5px;
}
table.jobs td.salary {
    font-weight:bold;
    text-align:right;
}
table.latest-jobs td {
	border:0;
	border-bottom:1px solid #ccc !important;
	border-right:1px solid #ccc;
	padding:5px 5px 5px 5px;
}
table.latest-jobs td.col3 {
    border:0;
    width:40%;
}
table.latest-jobs td.lastrow {
    border-bottom:0 !important;
}

 /* General"
------------------------------------------------*/
.float-right {
    float:right !important;
    margin: 0 0 0 10px;
}
.float-left {
    float:right !important;
    margin: 0 10px 0 0;
}
hr {
    border:0;
    height:1px;
    width:528px;
    background: #ccc url(images/graphics/divider.gif) no-repeat scroll center;
    margin: 10px 0 10px 0;
    background-color:#ccc;
}

 /* Content Specifics"
------------------------------------------------*/
.content p
{
    width:525px;
}
.content blockquote
{
    float:none;
/*    display:inline; */
    margin:0;
    padding:0;
    margin-left:50px;
    width:398px;
    margin-bottom:15px;
    font-style:italic;
    border-left: 2px solid #F0F0F5;
    padding-left:10px;
}
/*.content ul
{
    padding:0;
	margin:0;
	padding-left: 15px;
	padding-bottom: 16px;
	float:left;
	list-style:disc;
	display: block;
	clear: left;
}*/

.content p
{
    padding:0;
	margin:0;
	line-height: 1.3em;	
	margin-bottom: 1.2em;
}
.magnifying-glass-bg {
    background: transparent url(images/graphics/magnify-glass-bg.jpg) top right no-repeat;
}

.content p.description
{
    color:#F57F20; /* orange */
}

/*  Job details page specifics */
table#jobdetails {
    /*font-size: 0.95em;*/
	line-height: 1.3em;
	border:0;
	border-collapse:collapse;
	width:528px; /* Originally 528px */
	margin-bottom: 2em;
}
table#tblApply {
    /*font-size: 0.95em;*/
	line-height: 1.3em;
	border:0;
	padding: 0;
	width:528px; /* Originally 528px */
}
table#tblApply td {
	vertical-align: top;
}

 /* Aplication Form stuff */


 /* Header"
------------------------------------------------*/
#header {
    width: 950px;
    float: left;
    clear: both;
    background-color:#F0F0F5; /* light blue */
}
#header h1 a {
	text-indent: -3000px;
	background: transparent url(images/graphics/logo-maxim.gif) top left no-repeat;
	width: 225px;
    height: 88px;
	float: left;
	display: inline;
}
#header h2 {
	text-indent: -3000px;
	background: transparent url(images/graphics/strap-line.gif) top left no-repeat;
	width: 362px;
    height: 88px;
	float: left;
	display: inline;
}

/* this now floats left but has a big padding to fill the area*/
ul.nav-utility {
    float:left;
    padding:0 0 0 140px;
    margin:0 0 20px 0;
    width: 222px;
    /*font-size: .95em;*/
}
ul.nav-utility li {
    float: left;
    margin:0;
    padding:0;
    display: inline;
    list-style: none;
	text-align:right !important;
}
ul.nav-utility li a {
    display: inline; /* for ie6!*/
    padding: 10px 7px 0 7px;
    color:#999;
    float: left;
}
ul.nav-utility li a.un-home{ width: 40px; }
ul.nav-utility li a.un-about{ width: 69px; border-left:1px solid #fff;}
ul.nav-utility li a.un-contact { width: 59px; border-left:1px solid #fff;}

ul.nav-utility li a:hover   {text-decoration:none;}
ul.nav-utility li a:visited {color:#999; /* Grey */}
ul.nav-utility li strong a {    color:#F57F20 !important; text-decoration:none;}

 /* Breadcrumb"
------------------------------------------------*/
#header p {
    float:left !important;
    text-align:right;
    width:349px;
    font: normal normal normal 0.9em/110% "Arial, Helvetica",sans-serif; /* W3C ORDER: style variant weight size/lineheight family */
	color: #999; /* black */
	text-align: right;
	margin: 0;
	padding: 0;
	padding: 14px 14px 0 0;
}
#header p a         {color:#999; /* orange */}
#header p a:hover   {text-decoration:none;}
#header p a:visited {color:#999; /* orange */}
#header p a.clearer {padding-left:0; background:none;}

 /* Navigation Level 1"
------------------------------------------------*/
ul.nav-main {
    width: 950px;
    float: left;
	padding: 0;
	margin:0;
	background-color: #F57F20;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
ul.nav-main li {
    float: left;
    list-style: none;
    padding: 0;
	margin: 0;
}
ul.nav-main li a {
    height: 10px;
    text-indent: -6000px;
	padding: 9px 8px 9px 8px;
	margin:0;
	float: left;
    display: inline; /* for ie6!*/
    position:relative;
}
ul.nav-main li a.a{   background: transparent url(images/graphics/nav-topa.png) 16px 9px no-repeat;   width:64px; padding-left:16px; }
ul.nav-main li a.b{   background: transparent url(images/graphics/nav-topb.png) 8px 9px no-repeat;   width:146px;}
ul.nav-main li a.c{   background: transparent url(images/graphics/nav-topc.png) 8px 9px no-repeat;   width:91px;}
ul.nav-main li a.d{   background: transparent url(images/graphics/nav-topd.png) 8px 9px no-repeat;   width:114px;}
ul.nav-main li a.e{   background: transparent url(images/graphics/nav-tope.png) 8px 9px no-repeat;   width:95px;}
ul.nav-main li a.f{   background: transparent url(images/graphics/nav-topf.png) 8px 9px no-repeat;   width:54px;}

ul.nav-main li a:hover,
ul.nav-main li strong a 
{    background-color:#FCBD46 !important; /* yellow */}

/* for the arrow indent */
ul.nav-main li strong a span
{
    width: 18px;
    height: 9px;
    background: transparent url(images/graphics/nav-arrow-level1.png) 0 0 no-repeat;
    position: absolute;
    top: 1px;
    right: 0;
}

/* safari 3 seems to have a different idea of where the top of the span is, so I'm repositioning it 
using a CSS3 selector that (for now) only Safari3 understands. Dominic */
ul.nav-main li strong a span:first-of-type {top: 28px;}


 /* Navigation Level 2"
------------------------------------------------*/
ul.nav-section 
{
	float:left;
    width:181px;
    padding: 8px 0 16px;
    font-size: 0.9em;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    background-color:#FCBD46; /* Yellow */
}
ul.nav-section li {
    float: left;
    list-style: none;
    padding: 0;
	margin: 0;
}
ul.nav-section li a {
    color: #FFF;
    padding: 3px 10px;
    width: 161px;
    float: left;
    text-decoration:underline;
    line-height: 1.2em;
}
ul.nav-section li a:hover
{
    background-color: #F99E33;
    text-decoration: none;
}
ul.nav-section li strong a,
ul.nav-section li strong a:hover
{
    background-color: #F57E20;
    text-decoration: none;   
    margin-left: 9px;
}
ul.nav-section li strong
{
    float: left;
    position: relative;
    left: -9px;
    top: 0;
    background: transparent url(images/graphics/nav-arrow-level2.png) 0 0 no-repeat;
}

 /* Layout"
------------------------------------------------*/
#wrapper {
    margin: 0 auto;
    width: 950px;
    background: #fff url(images/graphics/col-bg.jpg) top right repeat-y;
}
div#sidebar 
{
	margin: 0;
	padding: 0;
	width: 362px;
	float: left;
	/*background-color: Aqua;*/
}
.col-left 
{
	float: left;
	margin: 0;
	padding: 0;
    width: 587px;
    background-color: #fff;
    border-right: 1px solid #F0F0F5; /* Shadow */
    
}
.content 
{
	float: left;
    width: 529px !important; /* starting value was 587px */
    padding: 26px 29px 26px 29px;
}

.col-right-left {
    width: 181px;
	float:left;
	/*background-color: Blue;*/
}
.col-right-right {
    width: 181px;
    float: right;
	/*background-color: Green; */
}
.col-right-both {
    width: 362px;
	float:left;
    background-color: #F0F0F5; /* grey dark */
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

 /* Job Result Paging
------------------------------------------------*/
table.paging 
{
	width: 525px;
	background-color: #e9e9e9; 
	/*font-size: 0.95em;*/
	line-height: 1.1em;
	border:0;
	margin-bottom: 20px;
}
td.pagingleft
{
	padding-left: 1em;
	color: #999;
	font-weight: bold;
	text-decoration: none; 
}
td.pagingright 
{
	/*float: right;*/
}
td.pagingright .this
{
	color: #aaaaaa;
	padding: 0 0.2em 0 0.2em;
	font-weight: bold;
}
td.pagingright .link
{
	padding: 0 0.2em 0 0.2em;
	font-weight: bold;
	text-decoration: none; 
}

/* In Focus Index */
div.in-focus-index { width: 250px !important; padding: 0; margin: 0; }
.in-focus-index h6 { width: 230px !important; clear: both; }
.in-focus-index h4 { width: 230px !important; clear: both; }
.in-focus-index p { width: 230px !important;  clear: both; }	
		
 /* Useful Links"
------------------------------------------------*/
.useful {
    width: 918px; /* originally it was 950px */
    padding-left:32px;
    float: left;
    background: #fff url(images/graphics/useful-bg2.gif) top right no-repeat;
    /*font-size: 0.95em;*/
	color:#fff !important;
}
.useful ul {
    width: 444px;
    float: left;
	padding: 0;
	margin:0;
	height:40px; /* Originally 64px */
	padding-top:24px;
	background: transparent url(images/graphics/useful-bg1.gif) 0 0 repeat-x;
}
.useful ul li {
    float: left;
    list-style: none;
    padding: 0;
	margin: 0;
}
.useful ul li a {
	margin-left:4px;
	padding-left:4px;
	border-left:1px solid #F57F20; /* Orange */
	float: left;
    display: inline; /* for ie6!*/
    color:#fff !important;
}
.useful h5 {
    padding-top:24px;
    height:30px; /* Originally 64px */
    display:inline;
	text-indent:-3000px;
}

/* Form stuff */
/*.formbutton {
	font-size: 1.1em; 
	background-color: #F4F3F7;
	border: 1px solid #999999;
	font-weight: normal;
}

.formbuttonorange {
	font-size: 1.1em; 
	color:#ffffff;
	background-color: #FF7E00;
	border: 1px solid #999999;
	font-weight: normal;
} */

 /* Footer"
------------------------------------------------*/
.footer {
    width: 940px; /* originally it was 950px */
    float: left;
    background: #F57F20 url(images/graphics/col-bg.jpg) top right repeat-y;
    /*font-size: 0.95em;*/
	color:#fff !important;
	padding: 5px;
}
.footer p
{
    float: left;
    color: #FBAD18;
}
.white { color: White; margin-right: 1em;}
.footer p a { color:#fff; }
.footer .dh 
{
    background: transparent url("images/graphics/dhaus-logo.gif") 0 0 no-repeat;
    height:18px;
    float: right;
    padding-left: 25px;
    margin-right: 230px;
    display: inline;
}


 /* My CSS Tools"
------------------------------------------------*/
.hide {
    display: none;
}
.clearer {
	float:left;
	clear:both;
	width:950px;
}
.clearer1 {
	visibility:hidden;
	clear:both;
	width:100px;
}
.clearer2 {
	clear:both;
	height:20px;
	visibility:hidden;
	width:100px;
	background-color:blue;
	overflow:hidden;
}
.images {
	float:right;
	margin-top:28px;
	margin-left:20px;
	margin-bottom:10px;
	padding:1px;
	border: solid 1px #38743F;
}
.content-to-come {
    color: black;
	font-weight:bold;
}

 /* common persistent"
------------------------------------------------*/
.audio {
    display: none;
	background-color:#009900;
}

.location-expand
{
    float: left;
    display: inline;
    margin-left: 1em;
    width: 150px;
    
    display: none; /* disable for time being 2008-12-22 */
}

.location-uk ul
{
    /*display: none;*/ /* disable for time being 2008-12-22 */
}

