/* ------------------------------------------------------------------------------------------------------------------
MAIN STYLESHEET
DESIGNED BY: Ryan Downie (ryan@bfinternet.com.uk)
CODED BY: Ryan Downie (ryan@bfinternet.com.uk)
VERISION: 1.0	DATE:
------------------------------------------------------------------------------------------------------------------ */

html { background:#d2e2f1;}
body { background:#d2e2f1 url(../images/body-bg.jpg) repeat-x 0 0; font-size:72%; color:#7F7F7F; line-height:2em}
div#wrapper { width: 990px; margin:0 auto;}
div#header { height:114px; background: url(../images/header.jpg) no-repeat 0 0; overflow:none;}
th, td {border:none;}
h1#logo { margin:0px; padding:0px; background: url(/images/logo.jpg) no-repeat 0 0; float:left; width:380px; height:75px;}
h1#logo a { width:380px; height:75px; text-indent: -9999px; display:block; }

#telephone {position:relative; top:48px; left:420px; font-size:20px; color:#fff; }

/* Top Menu */

#nav {float:left; margin:15px 13px 0 !important; width:682px; z-index:1000;}
#nav, #nav ul{margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; }

#nav li{float:left; position:relative; list-style:none; padding:0 8px;}
#nav a {padding:0px 5px; color:#2F2F2F; display:block; text-decoration:none;}
#nav ul {display:none; position:absolute; top:17px; width:12em; }
#nav li ul a{ width:16em; float:left; }
#nav ul ul{top:auto; width:200px;}
#nav ul li {margin:0;}
#nav li ul ul {left:189px; margin:0 0 0 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block;}


#nav li ul a:link,
#nav li ul a:active,
#nav li ul a:visited{border:1px solid #145C6F;color:#fff; text-decoration:none; background-color:#145C74; padding:7px 5px 7px 8px; }
#nav li ul a:hover{ background-color:#fff; color:#333; }

/* ------ Page Specific Active Link ------ */
body#home #nav li a#nav_home,
body#about #nav li a#nav_about,
body#products #nav li a#nav_products,
body#services #nav li a#nav_services,
body#news #nav li a#nav_news,
body#contactus #nav li a#nav_contactus {color:#034F69;}

div#content-wrapper { width:990px; background:#FFFFFF url(../images/content-bg.jpg) repeat-x scroll center bottom;  padding-bottom:2em;}
div#content-wrapper a {color:#44606e;}
div#content-wrapper a:hover{text-decoration:none;}

img#planning, img.pagebanner { margin:10px 12px;}

#who-we p.provide {clear:left;}

/* For pages with side-bar */
div#main-content { float:right; padding:0 18px 0 0; width:650px; margin:0 0 40px;}
div#main-content h2 { border-bottom:1px solid #EFEFEF; color:#44606E; font-size:165%; margin:2em 0 0.6em; padding-bottom:4px;}

/* For pages without side-bar */
div#main-content-wide { float:left; padding:0 0 0 0; width:940px; margin:0 18px 40px 18px;}
div#main-content-wide h2 { border-bottom:1px solid #EFEFEF; color:#44606E; font-size:165%; margin:2em 0 0.6em; padding-bottom:4px;}
div#content-wrapper a { color:#44606E;}


/* Side Bar */
div.sub-content { margin:0px; float:left; clear:left; width:260px; line-height:1.8em; color: #4F4F4F;}
div.sub-content.box { margin:7px 0 0 15px; }

div.sub-content h3 { border-bottom:1px solid #DFDFDF; color:#6F6F6F; font-size:142%; font-weight:normal; line-height:1.3;margin:0.5em 0; padding:0;}

div.sub-content ul#productlist, div#sub-content ul#ul#techspecs { margin:0;}
div.sub-content ul#productlist li { float:left; list-style:none; overflow:none;margin:8px 0 0 0;}
div.sub-content ul#productlist span { float:left;line-height:1.6em; margin:0.2em 0 0 8px;width:160px;}
div.sub-content ul#productlist img { padding:1px; background:#CFCFCF;}
div.sub-content ul#productlist .pro-con { float:left; width:76px;}
div.sub-content ul#productlist h4 { color:#44606E; font-weight:bold; width:100%; }

div.sub-content .button { -moz-border-radius:3px; background:#DFDFDF; border:1px solid #CFCFCF; display:block; font-size:93%;text-align:center; float:left; width:76px; margin-top:8px;}
div.sub-content .button a {text-decoration:none;}
div.sub-content .button:hover {background:#BFBFBF; color:#FFF;}

div.sub-content dd {border-bottom:1px solid #E9E9E9; margin:0 0 0.4em;}
div.sub-content dt  { color:#17597B; font-size:125%; margin:0 0 -0.3em;}
div.sub-content dl {margin:0 0 1em;}

div#sub-content ul#techspecs span {color:#006F8D;font-size:96%;}


/* Generic Box Styling */
.box {padding:4px 9px;  background:#EFEFEF; border:1px solid #DFDFDF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#4F4F4F;}
.box ul { margin:0 1.3em 1em;}

/*--- Other generic styling ----*/

.imageborder {
background:#cfcfcf none repeat scroll 0 0;
float:left;
margin:0px 0px 10px 0px;
padding:1px;
}

ol.loweralpha li {
list-style:lower-alpha !important;
margin:0 0 10px 20px;
}

img.right {
float:right;
margin:20px 0 20px 30px !important;
}



/* Footer */
div#footer { width:990px; margin:0 auto; color:#44606e; font-size:90%;}
div#footer ul { margin:0; }
div#footer li { float:left; list-style:none; padding:0 0 0 10px; }
div#footer  a { color:#44606e; font-weight:bold;}
p#bf { float:right;}



/* ABOUT US PAGE */
img#location {padding: 0!important;} 

img#footerlogos {
margin:15px 0 0 0;
}

/* NEWS PAGE */

div.sub-content ul#newslist li {
list-style:none !important;
}

div.sub-content ul#newslist li img {float:left; margin:.5em 1em 0.2em 0;}

.news_full img { float:right; margin:10px 0 2px 20px; padding:5px; background:#EFEFEF; }

/* SERVICE PAGES */
div#main-content-wide dl { }
div#main-content-wide dt {display:list-item; font-weight:bold;}
div#main-content-wide dd {margin: 0 0 10px 10px;}


table.contractschemes { font-size:11px; text-align:center; color:#fff; margin:10px auto;}

table.contractschemes th {
	width:50px;
	background:#000;
}

table.contractschemes td.col1 {
	width:230px;
	background:#365F91;

}

table.contractschemes tr {
height:70px;
	background:#365F91;
}

table.contractschemes tr.rowhi {
	background:#4F81BD
}


/* PROFILES PAGE */

.profile {
margin:20px 50px 20px 50px;
}

img.pro-image {
background:#cfcfcf none repeat scroll 0 0;
float:left;
margin:0px 14px 7px 0px;
padding:1px;
}





/* LOCATION PAGE */
div#main-content dl {margin:0;}
div#main-content dt {font-weight: bold;}
div#main-content dd {border-bottom:1px solid #DFDFDF;margin:0.3em 0;padding-bottom:2px;}

div#map {
height:349px;
width:258px;
}


form#checkout-form label {display:block; float:left; width:10em;}
form#checkout-form span {color:#9d0a0e;}
form#checkout-form input, form#checkout-form textarea { padding:0.2em 0.5em; width:24em;}
#verification_img {margin:0 10em;}
form#checkout-form input#verification_code {width:13em;}
form#checkout-form button { background:#093747; border:medium none; color:#FFFFFF; float:left; font-weight:bold; margin:-0.3em 10.2em 0; padding:0.2em 1em; text-align:center; text-transform:uppercase;}
.contact-p {clear:left;}







/* RECRUITMENT PAGE */

#joblist {
	border:none;
	font-size:11px;
	margin: 0 0 0 15px;
}

#joblist td {
	border-bottom: 1px solid #ddd;
}

#joblist p {
	padding: 6px !important;
	margin: 0;
}

a.view-button {
	display: block;
	text-align: center;
	background: url(../images/viewapply-button.png) no-repeat 100% 0;
	color: #fcf580;
	text-decoration: none;
	line-height: 22px;
	padding: 0 12px;
}

a.view-button:hover {
	color: #fcf580;
	text-decoration: underline;
}

table#rec { width:100%;}

table#rec td, table#rec th {
border:medium none;
padding:8px 20px;
text-align:left;
}

table#show-job {
width:70%;
}

table#show-job td{
border:medium none;
border-bottom:1px solid #efefef;
text-align:left;
}

table#show-job .last{
border:medium none;
}

table#show-job p {margin:0px!important;}


table#rec tr.heading {
background:#EFEFEF none repeat scroll 0 0;
font-size:116%;
}

form#sendcv-form {
	width:550px;
}

form#sendcv-form label {display:block; float:left; width:17em;}
form#sendcv-form span {color:#9d0a0e;}
form#sendcv-form input, form#sendcv-form textarea { padding:0.2em 0.5em; width:24em;}


form#sendcv-form input.button { width:100px;background:#093747; border:none; color:#FFFFFF;font-weight:bold; text-align:center; text-transform:uppercase;}

/* Links */
ul#linkslist {margin:0;}
ul#linkslist li{list-style:none;}
ul#linkslist li img{float:left; padding:2px; margin:0 155px 0 0; background:#EFEFEF; outline:none;}
ul#linkslist li a img  {border:none; outline:none;}



.images-frame a img {
	background:#cfcfcf none repeat scroll 0 0;
	float:left;
	margin:0px 5px 10px 5px;
	padding:1px;
}


/*---- Issuu view inside book links----*/

.issuu {
	display:block;
	background: url(/images/book_grey.jpg) 0 0 no-repeat;
	height:25px;
	line-height:25px;
	padding-left:28px;
}

.issuu_white {
	display:block;
	background: url(/images/book_white.jpg) 0 0 no-repeat;
	height:25px;
	line-height:25px;
	padding-left:28px;
}


/*---- Clearing Statements ----*/

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

.clear {
	clear:both;
	line-height:1px;
	height:1px;
}

table.product-table caption {text-align:left; font-weight:bold;}

table.product-table {width:100%;}
table.product-table th {background:transparent url(../images/table-th.jpg) repeat-x scroll 0 0; color:#37627F; font-size:97%; padding:14px; text-align:left; width:155px; }
table.product-table td {background:transparent url(../images/table-td.jpg) repeat-x scroll 0 0; padding:14px; width:113px; }
table.product-table tr {}
table.product-table th, table.product-table td {border:none!important;}
	
a.button-main {-moz-border-radius:9px; -webkit-border-radius:9px; -border-radius:9px; background:transparent url(../images/table-th.jpg) repeat-x scroll 0 0; color:#37627F; float:left; font-size:97%; font-weight:bold; margin:5px 0 0; padding:14px; text-align:left; text-decoration:none; text-transform:uppercase; }

ul#acc-products li {float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 72px 28px 0; vertical-align:top;  width:246px;}
ul#acc-products li h4 {font-size:179%; font-weight:normal; margin-bottom:13px; }

ul#fade {margin:0 0 21px -5px; padding:0; }
ul#fade li {list-style-type:none; padding:0; margin:0; z-index:100;}