/* @override 
	http://89.234.49.84/assets/templates/torkington2/styles.css
	http://www.torkingtonengineers.co.uk/assets/templates/torkington2/styles.css
	http://82.113.150.102/assets/templates/torkington2/styles.css
*/

body {
	font: 76%/140%  Arial, Verdana, Geneva, sans-serif;
	background: #b8b8b8 url(images/bg.gif);
}

#wrapper {
	background: url('images/content-borders.jpg') 216px top repeat-y #fff;
}

/* General Shizzle */

.margintop {margin-top: 10px;}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clearboth {
	clear: both;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.B_crumbBox {padding-left: 8px; float:left;}
#breadcrumb a, #content a, .jobmonth a {
	color: #3976b9;
}
#breadcrumb a:hover, #content a:hover {
	color: #993366;
}

.paddright {padding-right: 10px;}
.paddtop {padding-top: 10px;}
/* Header Stuff */

ul#mastheadlinks {
	background: #182f46;
	border-left: 1px solid #205489;
	border-right: 1px solid #205489;
	border-bottom: 1px solid #c6d8ea;
	height: 39px;
	text-align: right;
	padding: 0 25px;
}
#mastheadlinks li {
	float: right;
	margin: 8px;
	padding-left: 23px;
	padding-top: 3px;
}
#mastheadlinks li.email {
	background: url(images/masthead-email.gif) top left no-repeat; margin-right: 4px;
}
#mastheadlinks li.sitemap {
	background: url(images/masthead-sitemap.gif) top left no-repeat;
}
#mastheadlinks li.login {
	background: url(images/masthead-client.gif) top left no-repeat;
}
#mastheadlinks a {
	color: #fff;
	text-decoration: none;
	font-size: 0.9em;
}
#loginpage {
	float:right; margin-right: 5px; font-weight:bold;
}
#sitename h1 {
	background: url(images/logo.gif) top right no-repeat;
	width: 404px;
	height: 100px;
	float: left;
}
#sitename h1 span {
	display: none;
}

.accordion {
	background-color: #182e46;
	width: 225px;
	float: left;
	margin: 0 0 20px 20px;
	color: #fff;
}

#content .accordion h3 {
	margin: 0;
	padding: 0;
	font-size: 1em; border-top: 1px solid #fff;
}

#content .accordion h3 a {
	padding: 7px 25px 7px 6px;
	background: url("images/expand.jpg") 203px 5px no-repeat;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 194px;
}

#content .accordion h3 a:hover {
	color: #fff;
}

div.other-services {
	width: 735px;
	position: relative;
	left: -20px;
	top: 0;
}

#content .accordion ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.accordion ul li {
	padding: 3px 10px;
	border-bottom: 1px solid #2e445b;
	list-style: none;
}

#primenav ul {
	height: 40px;
	background: #4b7aac url(images/primenavbg.gif) top left repeat-x;
}
#primenav li {
	float: left;
}
#primenav li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	background: url(images/primenavspacer.gif) top right no-repeat;
	height: 20px;
	padding: 11px 18px 9px 19px;
}
#primenav li a:hover {
	text-decoration: underline;
}
input#ajaxSearch_input {
	border: 1px solid #d1d0d0;
	width: 148px;
	padding: 4px;
	color: #35608e;
	background: #fff;
	font-size: 0.9em;
}
input#ajaxSearch_submit {
	border: 1px solid #a9bcd0;
	padding: 3px;
	background: #182f46;
	color: #fff;
	font-size: 0.9em;
}
h2#telephoneno {
	display: none;
}

#headerflash {
	width: 298px;
	height: 100px;
	margin: 0 0 0 20px;
	float: left;
}
#content h3.headingbg {
	background: url(images/grad.jpg) no-repeat left top;
	color: #FFFFFF; 
	padding: 5px;
	margin-top: 20px; margin-bottom:8px;
	font: normal 15px/normal Arial, Helvetica, sans-serif;
}

/* Left Hand */

#side1 ul {
	background: #6091c8;
	border: 1px solid #315e8b;
	position: relative;
}
#side1 ul a {
	display: block;
	padding: 7px;
	border-bottom: 1px solid #315e8b;
	color: #fff;
	text-decoration: none;
}
#side1 ul a:hover {
	background: #315e8b;
}
#side1 ul li.last a {
	border-bottom: 0;
}
.liketovisit {
	padding-top: 20px;
	text-align: center;
}
.jobmonth {
	font-size: 90%;
	text-align:left;
	background: #f0f0f0 url(images/job-month.gif) no-repeat center top;
	padding-top: 50px;
	position:relative;
	border-top: none;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee; margin: 2px 0 15px;
}
.jobmonth img {padding-bottom:5px; position:relative;}
.jobmonth h3 {font-size: 12px; background: #182f46; color:#fff; padding: 3px 5px; text-align:center; margin:0;}
.jobmonth h4 {font-size: 11px; color:#182f46; padding: 3px 5px; clear:left;}
.jobmonth h4 a:link, .jobmonth h4 a:visited {text-transform:uppercase;}
.jobmonth h4 a:hover {text-decoration:underline;}
.jobmonth p {padding: 0 5px .8em 5px;}
.jobimage {float:left; width: 100%; padding: 5px 0 10px;}
.jobimage img { margin-right: 15px; display:block; float:left;}
.jobmonth .imgOne img {margin-right:5px;}
.jobmonth .padd {padding: 3px 0px 3px 5px;}
#side1 .jobmonth ul {background:none; color:#333333; border:none; padding: 0 5px; margin-top: 0;}
table.display {margin-bottom: 10px; font-size: 90%;}
/* Main Content Stuff */

.quote1 {
	height: 148px;
	border: 1px solid #ddd;
	margin-bottom: 34px;
}
.quote1 h4 {
	margin: 39px 0 0 20px;
	width: 250px;
	color: #245f9a;
	line-height: 1.5em;
}
.quote1 h5 {
	margin: 10px 0 0 20px;
	width: 250px;
	color: #0f3a66;
	font-weight: normal;
	line-height: 1.3em;
	font-size: 0.9em;
}
#content h1 {
	font-size: 1.4em; margin: 0 0 .3em;
	font-weight: bold; line-height: normal;
}
#content h1:first{margin-top:0px}
#change-parts a {
	color: #3c6b97;
	font-weight: bold;
}

#content h2 {
	font-size: 1.4em; clear:left;
	line-height: normal; margin: 1.2em 0 .3em 0;
}
#content h3 {
	font-size: 1.2em;
	line-height: normal;
	margin: .8em 0 0.3em 0;
}
#content h4 {
	font-size: 1.1em;
	line-height: normal; margin: .8em 0 .2em 0;
}
#content h4.topmargin {margin-top:3px; margin-bottom: 0em; clear:left;}
h3.clear, h4.clear {clear:left}
ul.ul1 {margin: .8em 0 .8em .5em; padding:0; list-style: none;} 

.ul1 li {
	background: url(images/bullet-2.png) no-repeat 0px 6px;	
	padding: 1px 0 1px 10px;  line-height:normal;

}
#content p, #side2 p {
	margin: 0 0 1.4em 0;
	line-height: 1.4em;
	font-size: 1.1em;
}

div.hr {
	height: 1px; clear:both;
	margin: 1px; 
}
div.hr hr {
  display: none;
}



/* Right hand side */
.box1 {font-size:.9em;}
.box1 h2 {font-size: 1.1em;}
.box1 h2.bottom {margin-bottom:0;}
.box-side {	border: 1px solid #e2e2e2; margin: 0 0 10px;
}
.margin-top {margin-top:10px;}
.bground {background-color: #f6f4f9;}
.padd-right {padding-right: 35px;}
.padd-right45 {padding-right: 45px;}
.box2 {	border: 1px solid #e2e2e2; margin: 0 0 10px 0;
}
.box-side h3 {
	font-size: 1.4em;
	font-weight: normal;
}
.box-side li {
	background: url(images/bullet-2.png) center left no-repeat;
	padding-left: 10px;
	margin: 7px 0;
}
.box-side p {margin:6px 8px; padding: 0 8px;}
.box1 p {margin:6px 0;}
.box-side h2 {margin:8px; }
h2.block {background: #cfe4da; padding:4px; margin:0px 0px 6px;}

.box2l {
	padding: 0 0 10px 0;
	width: 220px; height:190px;
	float: left; margin: 10px;
	border: 1px solid #e2e2e2; text-align: center;
}


.box2r {
	border: 1px solid #e2e2e2;
	margin: 10px; padding: 0 0 10px 0;
	width: 220px; height:190px; text-align: center;
	float: right;
}
#content .box2l h3, #content .box2r h3 { background: #6091c8; color: #fff; margin: 0 0 10px; font-size: 13px;}
#content .box2l h3 a, #content .box2r h3 a {padding: 5px; color: #fff; text-decoration: none; display:block;}
#content .box2l h3 a:hover, #content .box2r h3 a:hover {color: #fff; background:#182f46;}
.box2l img, .box2r img {margin: 10px 0 10px 15px;}
#side2 a:link, #side2 a:visited {color: #3c6b97;}
#side2 a:hover {color: #993399;}

/* TABLES */
.table1 {border: 2px solid #245f9a;; border-collapse:collapse; margin-top: 3px;}
.table1 td {padding:3px 8px;
	border: 1px solid #E4F2FA;text-align:center;
}
.table1 th {border: 1px solid #fff;}
.table1 .tdwidth {width:81px;}
.table1 thead tr th {padding:0; margin:0;}
.table1 thead th {color:#fff; padding: 2px 6px;  background: #376492 url(images/dual-grad.gif) repeat-x left center;} 
.table1 tbody th {color:#fff; padding: 2px 6px; font-size:12px; text-align:center; background: #6091c8;}
.table1 tbody th.thstyle {color:#000; padding: 3px 6px; text-align:left; background: #D2EAF7;}
.table1 thead tr th p{padding:5px 7px 0px; font-size: 115%;margin:0px;line-height:normal; text-align:left;font-weight:bold; }
.dualgrad {padding: 3px 5px 7px; color: #fff; background: #27478E url(images/dual-grad.gif) repeat-x left center;}

/* Footer Stuff */

#footer p {
	background: url(images/footerlogo.gif) left 22px no-repeat;
	padding: 24px 0 16px 40px; 
	color: #fff;
	
}
.footerlinks {
	color: #182f46;
}
#footer a {
	color: #182f46;
	text-decoration: none;
}
#footer a:hover {
	color: #993366;
	text-decoration: underline;
}

/* styles for drawing filelist formatting */
#paginatedList-1 {margin: 5px 3px;}
#paginatedList-1 li {padding: 2px 0; }
.paginatedList-1-nav a {
	padding: 10px 3px; 
	font-weight: normal;
}

.paginatedList-1-nav a.selected {
	font-weight: bold;
	text-decoration: none;
}

/* Form Stuff */
/* Added becuase I could not see where to style h3 in fieldset- david */
#content #employment_application fieldset h3, #content #apprenticeship_application fieldset h3, #content #quotation-request-form fieldset h3, #content #contactForm fieldset h3{color: #333; padding-left:4px;}

#content form {
	width: 500px;
}

#content form .field {
	padding: 5px;
	clear: both;
}

#content form input.text-input {
	height: 15px;
}

#content form .req {
	color: #888;
	font-size: 1.2em;
}

#content form input.text-input, #content form textarea {
	width: 50%;
	background-color: #fff;
	float: left;
	margin-right: 5px;
	border: 2px inset;
	border-color: #eee;
	background: url("images/field-grad.png") left top repeat-x #fff;
}

#content form#loginfrm input.text-input {
	width: 30%;
}

#content form div.radio {
	margin-left: 40%;
}

#content form input, #content form textarea, #content form select {
	margin: 0 5px 0 8px;
	padding: 0 5px;
}

#content form textarea {
	height: 100px;
}

#content form label {
	padding-top: 3px;
	padding-bottom: 3px;
	color: #666;
	display: block;
	width: 40%;
	float: left;
	clear: left;
	text-align: right;
}
#content form input.submit {
	width: auto;
	margin-top: 5px;
	color: #002c6c;
	padding: 0 10px;
	margin-right: 11px;
	display: block;
	background-color: #fff;
	margin-left: 8px;
	position: relative;
	left: 40%;
}

#content form input#first-name,
#content form #first-name-field input, 
#content form input#surname, 
#content form #surname-field input,
#content form input#phone,
#content form input#mobile,
#content form #phone-field input,
#content form #mobile-field input,
#content form input#ins-no-field,
#content form #nationality-field input,
#content form input#required-date, #content  form input#delivery-date{
	width: 125px;
}

#content form input#post-code, 
#content form #post-code-field input, 
#content form #dob-field input, 
#content form #children-field input,  
#content form #absence-field input,
#content form #hourly-rate-field input,
#content form #overtime-per-year-field input,
#content form #bonus-per-year-field input,
#content form #pension-per-year-field input  {
	width: 75px;
}

fieldset {
	margin: 20px 0;
	padding: 10px;
	border: 1px solid #ddd;
	background: #fafafa;
}

form p.small {
	clear: both;
	padding: 10px 0 0 0; margin:0;
	font-size: .9em;
}

form p {
	color: #666;
}

#content form table {
	width: 470px;
}

#content form table input {
	width: auto;
}

#content form table tbody tr td {
	padding: 0;
	border: 1px solid #aaa;
	background: #fff;
}

#content form table tbody tr th {
	padding: 0 5px;
	color: #666;
}
/* Added border:0; for IE6 to remove borders*/
#content form table tbody tr td input {
	border: none;border:0;
}

#education-table td.school input {
	width: 125px; 
}

#apprenticeship_application #education-table td.school input {
	width: 265px; 
}

#apprenticeship_application #education-table td.school-start input,
#apprenticeship_application #education-table td.school-end input {
	width: 70px; 
}

#examinations-table td.exam input {
	width: 175px;
}

#examinations-table td.exam-subject input,
#examinations-table td.exam-predicted input,
#examinations-table td.exam-actual input {
	width: 68px;
}

#apprenticeship_application #history-table td.history input {
	width: 130px;
}

#apprenticeship_application #history-table td.history-position input,
#apprenticeship_application #history-table td.history-duties input {
	width: 67px;
}

#apprenticeship_application #history-table td.history-start input,
#apprenticeship_application #history-table td.history-end input {
	width: 45px;
}

#education-table td.school-from-to input {
	width: 60px;
}

#education-table td.school-qualification input {
	width: 60px;
}

#content form #declaration-field label {
	width: 100%;
	text-align: left;
}

#education-table td.school-subject input {
	width: 90px;
}

#education-table td.school-grade input {
	width: 20px;
}

#history-table td.history input {
	width: 100px;
}

#history-table td.history-position input {
	width: 55px;
}

#history-table td.history-from-to input {
	width: 60px;
}

#history-table td.history-duties input {
	width: 60px;
}

#history-table td.history-leaving-reason input {
	width: 60px;
}

.relative {position:relative; top: 5px;}
.padtop {margin-top: 5px;}
.txtcolor {color:#E17000;}
.light {color:#999;}
.warning {color:#c00;font-weight:bold;}
.success {color:#0099CC;font-weight:bold;}
.caption {color:#999;}
.date {font: bold 82% arial;color:#bbb; letter-spacing: 1px;}
.small {font-size:0.9em; line-height: 130%;}
ul.small li{padding-bottom:3px;}
#content .greybox {background: #eee; padding: 5px 8px 8px; margin: 8px 0px; border: 1px solid #ccc;}
#content .greybox h4 { margin-top: 0;}
#content .greybox p {margin: 5px 0px 8px; padding:0;}	
.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em;}
.pdf { 	background: url(images/pdf.gif) no-repeat left center; padding: 5px 0 5px 35px;}
.doc {background: url(images/mouse.gif) no-repeat left center; padding: 5px 0 5px 35px;}
em {
	font-style:italic;
	color:#333333;
}
blockquote {
	background: transparent url(site_images/quotesl.png) no-repeat left top;
	padding: 10px 0px 15px 35px; margin-left: 15px; font-weight: bold; color: #666;
	width: 43%; float: right;}
blockquote div { padding:0 35px 15px 0; background: transparent url(site_images/quotesr.png) no-repeat right bottom;}

.imgleft {float:left; border: 1px solid #eee; margin: 0 20px 10px 0;}
.imgright {float:right;  margin: 0 0 6px 4px; border: 1px solid #eee;}
.thumbnail {margin: 0 15px 10px 0; float:left; border:1px solid #eee; background:#fff;}
.imageright {float:right;  margin: 0 0 6px 4px; border: none;}
.borders {border: 1px solid #eee;}
.uppercase {text-transform:uppercase;}
.divhr {margin: 1px; clear:both; height:1px;}
.clearboth {
	clear:both;
	position:relative;
	font-size:0px;
	height:0px;
	line-height:0px;
}

#map ul li ul li {
	font-size: .9em;
	font-weight: normal;
	margin-top: 3px;
}

#map ul li ul li ul li {
	font-size: 1em;
}

#map a {
	text-decoration: none;
}

#map a:hover {
	text-decoration: underline;
	color: #868686;
}

#masthead #map {
	display: none;
	padding: 10px;
	background-color: #182f46;
	border-bottom: 1px solid #fff;
	position: relative;
	height: 420px;
}

#masthead {
	background-color: #182f46;
}

#map ul li {
	color: #dbe9f0;
	padding-left: 15px;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px;
}

#masthead #map .section h3 {
	font-size: 15px;
	font-weight: bolder;
	line-height: 1.5em;
	color: #e8eff7;
}

#masthead #map .section {
	width: 170px;
	margin: 0 9px;
	position: absolute;
	top: 10px;
}

#masthead #map .section-2 {
	left: 197px;
}

#masthead #map .section-3 {
	left: 385px;
}

#masthead #map .section-4 {
	left: 573px;
}

#masthead #map .section-5 {
	left: 761px;
}

#masthead #map ul {
	padding-bottom: 40px;
}

#masthead #map ul li ul {
	padding: 0;
}

#masthead #map ul li {
	padding: 0 0 0 8px;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	width: 160px;
	display: block;
	background: url(images/arrow2.png) no-repeat left 4px;
}

#masthead #map ul li ul li {
	margin: 0;
	border: none;
	background-image: url("images/arrow3.png");
	margin-left: -8px;
	padding: 0 0 0 13px;
}

#masthead #map a:link, #masthead #map a:visited {
	color: #dbe9f0;
	text-decoration: none;
}

#masthead #map a:hover {
	text-decoration: underline;
}

#masthead #map div.tid-bits, #masthead #map div.about-us {
	position: absolute;
	top: 200px;
}

#map a.close-sitemap {
	display: block;
	width: 131px;
	height: 25px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: url("images/close-sitemap.png") left top no-repeat;
}

#map a.close-sitemap span {
	display: none;
}

.newsbox {
	background: url("images/news-icon.jpg") left top no-repeat #ececec;
	border: none;
	left: 0;
	top: 0;
	background-color: #f0f0f0;
}

#side1 .newsbox {
	text-align: left;
}

#side2 .newsbox {
	border-bottom: 1px solid #e2e2e2;
}

.newsbox h2 {
	background: #73a1d5 none;
	height: 32px;
	margin-left: 61px;
	padding-left: 5px;
	color: #fff;
	font-size: 1.1em;
}

.newsbox h2 span {
	color: #fff;
	display: block;
	line-height: 32px;
}

.newsbox a {
	color: #0071bc;
	font-weight: bold;
}
.newsbox a:hover, .jobmonth a:hover  {
	color: #993366;
}

.newsbox dl {
	background: none;
	border: none;
	font-size: 0.9em;
	letter-spacing: -0.05em;
	padding: 15px 5px 0 5px;
}

.newsbox dt {
	background: url(images/newsbullet.jpg) 5px 0 no-repeat;
	padding: 3px 0 0 45px;
}

.newsbox dd {
	padding: 0 15px 10px 45px;
	line-height: 1.3em;
	font-size: .9em;
}

#search {
	width: 209px;
	float: right;
	padding-left: 23px;
	margin-top: 24px;
	background: url(images/searchicon.gif) center left no-repeat;
	height: 25px;
}

#sitename {
	height: 100px;
	border-bottom: 1px solid #c6d8ea;
	background: url(images/telephone.gif) 735px 40px no-repeat #376492;
}

#breadcrumb {
	height: 25px;
	border-bottom: 1px solid #ddd;
	font-size: 0.9em;
	padding-top: 6px;
	color: #3c3b3b;
	margin-bottom: 17px;
	background: #fff;
}

#site_info {
	height: 45px;
	border-bottom: 1px solid #ddd;
	font-size: 1.1em;
	line-height: 45px;
	color: #3c3b3b;
	margin-bottom: 17px;
	background: #fff;
	font-weight: bold;
}

#content form fieldset h3 {
	color: #376492;
	margin: 0 0 5px 0;
}

form .radio-label, form .label {
	margin-left: -4px;
	color: #666;
}

#footer {
	font-size: 0.9em;
	background-color: #598bc0;
}

hr {
	border: none;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 15px;
}

#innerwrapper {
	background: #fff;
}

form .required {
	color: #c41000;
}

.padd {
	height: 125px;
}

.padd a {
	text-decoration: none;
}

.padd .caption {
	width: 180px;
}

ul.sulzer {padding: 5px 0;}
.sulzer li {padding-bottom: 4px;}
.sulzer li.lineheight {line-height: normal; }