body { background-color: #dcdcdc; text-align: center; margin: 0; padding: 0; background-image: url(../images/design/bkg_body.jpg); background-position: top; background-repeat: repeat-x; }
#container { width: 799px; margin: 0 auto; text-align: left; }
h1 { color:#01366A; }
#header { position: absolute; top: 0; height: 302px; width: 799px; }
#header div#menuStrip { height: 100px; }
#header div#menuStrip img#logo { float: left; margin: 0 0 0 0; }
html>body #header div#menuStrip img#logo { margin: 0 0 0 -15px; }
#header div#menuStrip p#telephone { color: #ff8103; font-size: 16px; text-align: right; padding: 17px 18px 12px 0; font-weight: bold; }
#header div#menuStrip p#logins { color: #ff8103; font-size: 11px; text-align: right; padding: 0 18px 5px 0; }
#header div#menuStrip p#logins a { background-image: url(../images/design/arrow_orange.gif); background-repeat: no-repeat; background-position: right; padding: 0 10px; color: #ff8103; text-decoration: none; }
#header div#menuStrip ul { width: 640px; float: right; margin: 0 9px 0 0; padding: 0; list-style: none; list-style-image: none; border-top: 1px solid #e4e4e4; text-align: right; }
html>body #header div#menuStrip ul { margin: 0 18px 0 0; }
#header div#menuStrip ul li { float: left; margin: 0; padding: 4px 0 0 33px; }
#header div#menuStrip ul li.noStyle { padding-left: 0; }
#header div#menuStrip ul li a { color: #000; text-decoration: none; text-transform: lowercase; }
#header div#menuStrip ul li a.active { color: #ff8103; }
#header div#bannerStrip { height: 202px; background-image: url(../images/design/bkg_banner.jpg); }
#header div#bannerStrip h1 { padding: 11px 0 8px 25px; color: #01366A; font-weight: normal; letter-spacing: 1px; }
#bannerSWF, #banner { padding: 0 0 0 2px; height: 162px; background-repeat: no-repeat; background-position: top right; background-color: #333333; font-size:20px; }
#bannerSWF p, #banner p, #bannerSWF p a, #banner p a { color: #FFF; }
#bannerContent { padding: 55px 0 0 40px; width: 395px; }
/* main content area */

#content { position: absolute; top: 302px; width: 799px; }
#printHeading { display: none; }
#content div#homeNews { height: 82px; background-image: url(../images/design/bkg_homenews.jpg); }
#homeNews div#quoteBox { float: left; width: 405px; padding: 12px 0 0 0; }
#homeNews div#quoteBox p { padding: 0 0 5px 24px; }
#homeNews div#quoteBox p.txtSmall { font-size: 10px; font-style: italic; text-align: right; padding-bottom: 0; }
#homeNews div.newsBox { float: right; width: 342px; padding: 14px 0 0 0; }
#content div.subTop { border-top: 2px solid #e9e9e9; }
#content div#contentBkg { padding: 0 0 20px 0; background-color: #FFF; }
#content div#colLeft { float: left; width: 150px; padding: 15px 0 0 0; }
#content div#colRight { float: left; /*	width: 605px;		*/ width: 470px; padding: 15px 10px 0 10px; }
#content div#colLeft h2 { font-weight: normal; }
#content div#colLeft div#contactBox { padding: 0 0 0 20px; }
#content div#colLeft div#contactBox h2 { padding: 0 0 3px 0; }
#content div#colLeft div#contactBox label { font-size: 11px; }
#content div#colLeft div#contactBox input.text, #content div#colLeft div#contactBox textarea { width: 130px; margin: 2px 0 3px 0; }
div#submenu2 { padding: 0 0 35px 20px; }
div#submenu2 ul { padding: 0; margin: 0; list-style: none; list-style-image: none; }
div#submenu2 ul li { height: 100%; margin: 0; padding: 0; }
div#submenu2 ul li.topLevel a, div#submenu2 ul li.topLevel a.active { background-image: none; padding-left: 0; text-transform: none; text-decoration: none; font-size:14px; }
div#submenu2 ul li a { height: 100%; display: block; padding: 3px 5px 3px 10px; background-image: url(../images/design/arrow_orange.gif); background-position: left; background-repeat: no-repeat; text-decoration: none; color: #01366A; }
div#submenu2 ul li a.active { text-decoration: underline; }
div#submenu2 ul li li a { background-image: none; font-size: 11px; padding: 1px 5px 1px 10px; }
div#submenu2 ul li a:hover { color: #ff8103; }
#footer { padding: 10px 0; }
#footer ul { list-style: none; list-style-image: none; margin: 0; padding: 0; }
#footer ul li { display:inline; padding: 0 10px; font-size: 11px; }
#footer ul li a { color: #000; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
/* common styles */

.success { border: 1px dotted #0081ba; padding: 10px; margin: 0 0 10px 0; }
.highlite a { color: #0081BA; text-decoration: none; }
.highlite a:hover { text-decoration: underline; }
html>body .clear { height: 1px; display: block; }
.red { }
.accessStyle { text-decoration: underline; }
table ul { margin-bottom: 0; padding-bottom: 0; }
/* form styling */

form { padding: 0 0 15px 0; }
input { padding:2px; }
input.text, select, textarea { /*	width: 260px;			*/
	border: 1px solid #acacac; font: 11px Arial, Helvetica, sans-serif; padding: 1px; }
input.button, .formLine input.button { /*	width: 70px;				*/
	padding: 1px 6px; font: normal 11px Arial, Helvetica, sans-serif; border: 0 solid #FFF!important; color: #01366A; background-image: url(../images/design/bkg_button.gif); background-position: top; margin-left:307px; background-repeat: repeat-x; }
input.button:hover { }
input.buttonSmall { width: 40px; margin: 0 0 0 10px; font: 11px Arial, Helvetica, sans-serif; }
input.buttonLarge { font-size: 11px; width: 210px; }
label { font-weight: normal; padding: 2px 0 0 0; color: #01366A; }
div.formLine span.red, div.formLineLarge span.red { font-weight: bold; font-size: 12px; padding-left: 3px; }
.formLine { height: 26px; clear: both; }
.formLineLarge { height: 92px; clear: both; }
.formLine label, .formLineLarge label { float: left; width: 265px; text-align: right; padding-right: 10px; }
.formLine label.noPadding, .formLineLarge label.noPadding { padding-top: 0; }
.formLine input.text, .formLineLarge select, .formLine select { float: left; }
.formLine input.text { }
.formLine div.securityCode { float: left; margin: 0 0 0 5px; padding: 3px 6px; background-color: #ffff66; color: #000; font-weight: bold; }
.formLine select.date { width: 70px; margin: 0 8px 0 0; }
input.check { border: 0; width: 20px; float: left; }
textarea { /*	width: 470px;			*/
	
	margin: 6px 0 10px 0; border: 1px solid #b2b2b2; }
.formLineLarge textarea { float: left;/*	height: 65px;		*/
}
.formLabelLong { width: 380px; }
.formLinePadded { padding: 3px 0 3px 0; }
.formLinePadded input.text, .formLinePadded textarea { width: 300px; }
.formLinePadded label { display: block; }
.formLinePadded span { display: block; font-size: 0.9em; color: #6f6d6e; }
input.questionnaireButton { font-family: "Trebuchet MS", "Times New Roman", Arial, sans-serif; font-size: 0.9em; margin-top: 15px; }
.questionnaireHeading { padding-top: 20px; }
div.formSmall { font-size: 11px; float: right; padding: 0 110px 0 0; }
#cart { margin: 10px 0 0 0; }
#cart p.success, #cart p.error { font: 0.8em/1.2em Tahoma, Arial, sans-serif; }
#cart table { margin: 0; font: 0.8em/1.2em Tahoma, Arial, sans-serif; }
#cart table input { font: 0.9em Arial, Verdana, sans-serif; width: 12px; text-align: center; }
#cart table th, #cart table td { padding: 3px 3px; border-bottom: 1px solid #ebebeb; }
#cart table th { background-color: #ebebeb; color: #4e4c4d; padding-top: 6px; padding-bottom: 6px; }
#cart table th.totalRow { background-color: #FFF; }
/* Cart form processing page */

form#frm_cart { padding: 0 0 15px 0; clear: both; }
form#frm_cart table { padding: 2px; margin: 0; }
form#frm_cart table th, form#frm_cart table td { font: 1em Arial, Helvetica, sans-serif; color: #666666; border-bottom: 1px solid #CCCCCC; text-align: left; padding: 2px 4px; }
form#frm_cart table th { font-weight: bold; background-color: #ebebeb; color: #4e4c4d; }
form#frm_cart table .right { text-align: right; }
form#frm_cart input.button { color: #666666; margin-left: 5px; width: 75px; font-size: 0.8em;/*	border: 1px solid #999;			*/
}
form#frm_cart input.small { border: 1px solid #666666; font: 0.9em Arial, Helvetica, sans-serif; color: #666666; width: 20px; margin: 0 0 1px 5px; }
form#frm_cart table tr.total th, form#frm_cart table tr.total td { /*	border-top: 1px solid #CCCCCC;			*/
	border-bottom: 0; font: bold 1em Arial, Helvetica, sans-serif; padding: 3px; background-color: #CCCCCC; color:#FFFFFF; }
div.proceed { text-align: left; padding: 10px 0 0 0; }
#frm_proceed input#pTerms { margin: 0 0 0 0; width: 20px; }
#frm_proceed input.buttonPayment { margin: 10px 0 0 0; font-size: 1em; }
table#payTable { width: 560px; }
table#payTable th, table#payTable td { padding: 10px 10px; }
table#payTable table { width: 540px; }
table#payTable p { padding-left: 15px; }
table#payTable table th, table#payTable table td { padding: 2px; }
table#payTable img { margin-top: 10px; }
/* bespoke form styles */

.formBoxLeft { float: left; width: 305px; }
.formBoxLeft span { float: right; }
.formBoxRight { float: left; width: 152px; padding: 0 0 0 40px; }
#frm_jobSignupMini div.formLine label { padding-left: 6px; width: 105px; }
#frm_signupJob div.formLine label, #frm_signupJob div.formLineLarge label { width: 160px; padding-left: 115px; }
#sendCV div.formLine label, #sendCV div.formLineLarge label { width: 160px; padding-left: 85px; }
div.criteriaLine { float: left; width: 503px; background-color: #f0f7f8; padding: 4px 8px; color: #0081BA; font-weight: bold; }
#frm_jobenquiry, #frm_signupJob, #sendCV { background-color: #e6e6e6; background-image: url(../images/design/backgrounds/bkg_jobform.gif); background-position: top; background-repeat: no-repeat; margin: 5px 0 0 -22px; padding: 20px 0 20px 0; }
#frm_jobenquiry h2, #frm_signupJob h2 { color: #666666; padding: 0 0 15px 254px; font-size: 1.6em; font-weight: normal; }
#frm_jobenquiry h3, #frm_jobenquiry p.pad, #frm_signupJob h3, #frm_signupJob p.pad, #sendCV h3, #sendCV p.pad { padding: 0 0 6px 22px; }
#frm_jobenquiry p.red, #frm_signupJob p.red { padding-left: 22px; }
/* newsbox */

.newsBox { padding: 0 0 0 0; }
.newsBox h2 { font-size: 12px; margin: 0; padding: 0 0 1px 0; font-weight: normal; }
.newsBox img { float: left; margin: -2px 10px 0 0; border: 1px solid #FFF; }
.newsBox p { /*	font-size: 0.9em;
	padding: 2px 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	line-height: 1.2em;				*/
	padding: 0 30px 0 0; font-size: 11px; line-height: 12px; }
.newsBox span { color: #333333; }
.newsBox a { font-weight: bold; color: #000; text-decoration: none; }
.newsBox a:hover { text-decoration: underline; }
.newsBoxRandom img { float: left; margin: 0 20px 0 0; }
/* news styles */

div.newsEntry { border-bottom: 2px solid #f6f6ec; padding: 10px 0 10px 0; height: 100%; }
h2.newsHead { padding: 0 0 3px 0; margin: 0; font-size: 1em; }
p.newsStory { margin: 0; padding: 0 0 2px 0;/*	font-size: 0.9em;			*/
}
p.info { display: block; /*	font-size: 0.8em;			*/
	margin: 0 0 0x 0; padding: 0 0 0 0; }
p.info a { background-image: url(../images/but_next.gif); background-repeat: no-repeat; background-position: right; padding-right: 12px; }
p.newsBase { color: #9a3333; font-weight: bold; font-size: 0.9em; padding-top: 6px; border-top: 1px solid #CCCCCC; }
p.error { color: #FF0000; }
p.floatRightResults { padding: 0; float: right; }
div.searchnav { border-top: 1px solid #e0e0e0; /*	background-image: url(../images/design/backgrounds/bkg_jobnav.gif);
	background-position: top;
	background-repeat: no-repeat;			*/
	padding: 10px 0 0 0; margin: 10px 17px 10px 0; text-align: right; color: #666666; }
div.searchnav span { float: left; }
div.searchnav a.pagnum { color: #000; text-decoration: none; font: 9px Tahoma, Verdana, sans-serif; }
div.searchnav a.pagnum strong.pagnumHighlite { text-decoration: underline; }
div.searchnav a { /*	color: #0081BA;
	text-decoration: none;
	background-image: none;
	padding: 0;
	color: #25408f;			*/
	font-weight: bold; text-decoration: none; }
div.searchnav a:hover { text-decoration: underline; }
.photoFeat { float: left; margin-right: 10px; border-bottom: 8px solid #FFF; }
/* SIFR */
/* These are standard sIFR styles... do not modify */

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/* ONLY ONES TO CUSTOMISE */

/*	.sIFR-hasFlash h1.sIFR-H1, .sIFR-hasFlash h2.sIFR-H1 {
	.sIFR-hasFlash h1, .sIFR-hasFlash h2 {		*/
.sIFR-hasFlash .padder h1, .sIFR-hasFlash .padder h2, .sIFR-hasFlash #subRightPadder h1, .sIFR-hasFlash #subRightPadder h2, .sIFR-hasFlash h1.sIFR-JobHeaders { visibility: hidden; }
.thumbnail { float:left; width:97px; }
.desc { float:left; width:385px; }
.desc h2 { margin:0; font-size:12px;}
#additionalcontent {padding:5px; background-color:#EEEEEE; float:left; width:140px; margin-top:20px;}
#additionalcontent h2 { background-image: none; padding-left: 0; text-transform: none; text-decoration: none; font-size:14px; font-weight: normal;color: #01366A!important; }
#additionalcontent  a { display: block; padding: 0px 5px 0px 10px!important; background-image: url(../images/design/arrow_blue.gif); background-position: left; background-repeat: no-repeat; text-decoration: none; color: #01366A!important; }
#additionalcontent p {margin:0!important; padding:0!important;}
.bold {font-weight:bold;color: #01366A;}
h3.blue{font-weight:bold;color: #01366A; font-size:12px;}
.blue {color: #01366A;}