/* CSS Document */
/*Import Other CSS Files
----------------------------------------------- */
@import "basic.css";
@import "text_styles.css";
@import "menu.css";
@import "style.css";
@import "fx.slide.css";
@import "uvumi-dropdown.css";
@import "news.css";


body {padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; line-height: 140%; font-size:0.70em; background-color:#f7f7f7;}

#sitesurroundings {width:980px; min-height:100%; height:100%; margin:0px auto; padding:0px; text-align: left;}


ul {list-style:none;}

/* Global Styles
----------------------------------------------- */
img {border:0px; }

p {margin:0px; padding:0px; border:none; text-align:justify;}

.logo {background-color:#f7f7f7; margin: 0px 0px 25px 0px; height:81px; width:220px;}

/* Header
----------------------------------------------- */
form {
margin:0px;
padding:0;
}
.cursor_pointer {cursor:pointer;}

.nav {width:980px; height:35px; margin:0px; padding:0px;}

.nav_right {background-color:#252525; width:102px; height:30px; min-height:35px; float:right; margin:0px; padding:0px; border-right: #000000 solid 5px; border-left: #000000 solid 5px; border-top: #000000 solid 5px;}

.nav_right img {margin:0px; padding:0px; float:right;}

.search {background-color:#252525; width:950px; margin:0px; padding:0px; border-bottom: #000000 solid 5px; border-right: #000000 solid 5px; border-left: #000000 solid 5px; background-image:url(../global_images/header/search_topbar.gif); background-repeat:no-repeat; background-position:top left; padding: 10px; color:#FFFFFF; margin-bottom:10px;}

.searchTable1 {margin:0px 0px 0px 0px; padding:0px;}

/*.search {background-color:#252525; width:950px; height:100px; min-height:100px; margin:0px; padding:0px; border-bottom: #000000 solid 5px; border-right: #000000 solid 5px; border-left: #000000 solid 5px; background-image:url(../global_images/header/search_topbar.gif); background-repeat:no-repeat; background-position:top left; padding: 10px; color:#FFFFFF; margin-bottom:10px;}*/

/* Homepage
-------------------------------------------------*/

.flashbar {height:295px; width:980px; padding:0px; z-index:0; position:relative;}

#leftside {width:324px; float:left; margin-top:10px; padding-right:10px;}
#rightside {width:646px; float:right; margin-top:10px;}

#home_left_title {width:304px; height:25px; float:left; margin:0px; float:left; padding:0px 0px 0px 10px; background-position:left top; background-repeat:repeat-x; color:#FFFFFF}  

#home_right_title {width:626px; height:25px; float:right; margin:0px; padding:0px 0px 0px 10px; background-position:left top; background-repeat:repeat-x; }

#home_left {width:294px; min-height:128px; height:128px;float:left; margin:0px 0px 10px 0px; background-color:#ffffff; border: #c0c0c0 solid 5px; float:left; padding:10px;} 

#home_right {width:626px; min-height:128px; height:128px; float:right; margin:0px 0px 10px 0px; background-color:#ffffff; border: #c0c0c0 solid 5px; float:left; padding:10px 0px 10px 10px; text-align:left;}

#home_right ul {display:block; font-size:0.9em; list-style:none;}

#home_right p {padding:5px 0px 0px 0px;}

#hotjobs {width:150px; height:auto; margin:0px 5px 5px 0px; padding:0px; float:left;}

#email_title {width:133px; height:25px; float:left; margin:0px; padding:0px 0px 0px 10px; background-position:left top; background-repeat:repeat-x;}

/*#email_signup {width:161px; height:25px; margin:0px; background-color:#e6e6e6; border: #c0c0c0 solid 5px; float:left;}*/

#email_signup {background:url(../home/images/titles/signup.jpg) top left no-repeat; height:25px; width:161px; text-indent:-10000px; overflow:hidden; display:block; border: #c0c0c0 solid 5px; margin:0px 0px 0px 0px; float:right;}

#email_signup:hover {background:url(../home/images/titles/signup_over.jpg) top left no-repeat; border: #000000 solid 5px; margin:0px 0px 0px 0px;} 


#email_edit {background:url(../home/images/titles/changeDetails.jpg) top left no-repeat; height:25px; width:161px; text-indent:-10000px; overflow:hidden; display:block; border: #c0c0c0 solid 5px; margin:0px 0px 0px 0px; float:right;}

#email_edit:hover {background:url(../home/images/titles/changeDetails_over.jpg) top left no-repeat; border: #000000 solid 5px; margin:0px 0px 0px 0px;} 


#news_title {width:140px; height:25px; float:left; margin:0px; padding:0px 0px 0px 10px; background-position:left top; background-repeat:repeat-x; }

#subtickertape {width:456px; height:15px; min-height:16px; float:right; margin:0px; background-color:#252525; border: #000000 solid 5px; float:left; padding:4px 10px 5px 10px; background-image:url(../global_images/news_backing.jpg); background-position:left top; background-repeat:repeat-x; color:#FFFFFF;}

#subtickertape p {border:0px;}

/* Home Companies
-------------------------------------------------*/

#companies_home {background-color:#FFFFFF; width:636px; min-width:636px; height:60px; min-height:60px; margin:10px 0px 0px 0px; border: #c0c0c0 solid 5px; padding:10px 0px 10px 0px; text-align:center; float:none; margin-bottom: 10px; float:right;}

html>body #companies_home {float:right;}

#companies_home img {padding:0px 7px 0px 7px; border:0px; margin: 0px; border:0px;} 

/* Sectors
-------------------------------------------------*/

#sectorbar_left {width:350px; height:25px; float:left; margin:0px; float:left; padding:0px 0px 0px 10px; color:#FFFFFF;}

#sectorbar_right {width:600px; height:22px; float:right; margin:0px; padding:3px 10px 0px 0px; color:#FFFFFF;}

#sectorbar_right p {text-align:right;}

#sectorleft {width:175px; float:left; margin-top:10px; }

#sectorRightside {width:160px; float:right;}

#sectorright {width:795px; float:right; margin-top:10px;}

#sectorright_panel {width:625px; float:left; margin:0px;}

#sectorright_RHS {width:125px; min-height:100px; float:right; margin:0px; background-color:#ffffff; border: #c0c0c0 solid 5px; padding-right:10px; padding-left:15px;}

#sectorright_RHS img {padding-top:5px; padding-bottom:5px; }

#sectornav {width:145px; height:auto; min-height:50px; float:left; margin:0px 0px 10px 0px; background-color:#ffffff; border: #c0c0c0 solid 5px; float:left; padding:10px; }

#sectornav ul {display:block; font-size:1.0em; list-style:none; margin:0px; padding:0px;}

#sector_side {width:155px; height:25px; float:left; margin:0px; float:left; padding:0px 0px 0px 10px; background-repeat:repeat-x; color:#FFFFFF; }

#sector_signup {background:url(../global_images/sectors/email_signup.jpg) top left no-repeat; height:25px; width:165px; text-indent:-10000px; overflow:hidden; display:block; border: #c0c0c0 solid 5px; margin:0px 0px 10px 0px; }

/*#sector_signup:hover {background:url(../global_images/sectors/email_signup_over.jpg) top left no-repeat; border: #000000 solid 5px; margin:0px 0px 10px 0px; height:25px; width:165px;}  */  


#pageTitle {width:605px; height:25px; margin:0px; background-color:#252525; border: #000000 solid 5px; padding:0px 00px 0px 10px; background-image:url(../global_images/colours/black/blacktile.jpg); background-position:left top; background-repeat:repeat-x; color:#252525;}

#pagecontent {width:595px; height:100%; margin:0px; background-color:#ffffff; border: #c0c0c0 solid 5px; padding:10px; color:#ffffff; margin-bottom:10px; color:#000000;}

#pagecontent ul {margin:10px 0px 0px 0px; padding:0;}

#enquirecontent {width:595px; min-height:350px; height:100%; margin:0px; background-color:#ffffff; border: #c0c0c0 solid 5px; padding:10px; color:#ffffff; margin-bottom:10px; color:#000000;}

#enquirecontent ul {margin:10px 0px 0px 0px; padding:0;}

#brochurecontent {width:595px; min-height:175px; height:100%; margin:0px; background-color:#ffffff; border: #c0c0c0 solid 5px; padding:10px; color:#ffffff; margin-bottom:10px; color:#000000;}

#brochurecontent ul {margin:10px 0px 0px 0px; padding:0;}


#expertiseContent {width:595px;  min-height:200px;  height:auto !important;  height:200px; margin:0px; background-color:#ffffff; border: #c0c0c0 solid 5px; padding:10px; color:#ffffff; margin-bottom:10px; color:#000000;}

#expertiseContent ul {margin:10px 0px 0px 0px; padding:0;}

#templateTwo {width:595px; height:100%; min-height:300px; margin:0px; background-color:#ffffff; border: #c0c0c0 solid 5px; padding:10px; color:#ffffff; margin-bottom:10px; color:#000000;}

#templateThree {width:595px; height:100%; min-height:600px; margin:0px; background-color:#ffffff; border: #c0c0c0 solid 5px; padding:10px; color:#ffffff; margin-bottom:10px; color:#000000;}

#jobsContainer {width:595px; height:100%; margin:10px 0px; background-color:#ffffff; border: #c0c0c0 solid 5px; padding:10px; color:#ffffff;  color:#000000;}

#jobsTopLeft {width:525px; height:100%; min-height:60px; float:left;}

#jobsTopLeft ul {display:block; font-size:0.9em; list-style:none;}

#jobsTopLeft1 {width:175px; height:auto; padding:0px; margin:0px 10px 10px 0px; color:#000000; float:left; }
#jobsTopLeft2 {width:145px; height:auto; padding:0px; margin:0px 10px 10px 0px; color:#000000; float:left; }
#jobsTopLeft3 {width:170px; height:auto; padding:0px; margin:0px 5px 10px 0px; color:#000000; float:left; }
#jobsTopLeft4 {width:60px; height:auto; padding:0px; margin:0px 5px 10px 0px; color:#000000; float:left; }

#jobsTopRight {width:70px; height:30px; margin:0px 0px 10px 0px; background-color:#f2f2f2; color:#ffffff; color:#ffffff; background-position:left top; background-image:url(../global_images/hotJobPlain.jpg); background-repeat:repeat-x; color:#252525; float:right;}
#jobsTopRight_blank {width:70px; height:30px; margin:0px 0px 30px 0px; background-color:#ffffff; color:#ffffff; color:#ffffff; background-position:left top; float:right;}



.jobarrowLeft {width:20px; height:20px; margin:0px 0px 10px 0px; background-color:#ffffff; border-top: #c0c0c0 solid 5px; border-bottom: #c0c0c0 solid 5px; border-right: #c0c0c0 solid 5px; padding:0px; color:#000000; float:right;}

.jobarrowRight {width:20px; height:20px; margin:0px 0px 10px 0px; background-color:#ffffff; border: #c0c0c0 solid 5px;  padding:0px; color:#000000; float:right;}

.pageDropdown {width:40px; height:20px; margin:0px 10px 10px 0px; background-color:#ffffff; border: #c0c0c0 solid 5px; padding:0px; color:#000000; float:right;}

.page_dropdown {width:100%; height:20px; float:right;}


#alternativeJobs {width:595px; height:100%; margin:10px 0px; background-color:#ffffff; border: #c0c0c0 solid 5px; padding:10px; color:#ffffff;  color:#000000;}


#alternateList li{display: inline;list-style-type: none;padding-right: 20px;}

.liveHelp {margin:0px 5px 0px 10px; float:right;}

/* Sitemap Content
-------------------------------------------------*/
#sitemapcontent {width:595px; height:100%; margin:0px; background-color:#ffffff; border: #c0c0c0 solid 5px; color:#ffffff; margin-bottom:10px; padding:10px}

#sitemapcontent ul {margin:0px 0px 0px 0px; padding:0;}

.sitemap {padding:0px 0px 0px 10px; margin:0px; }
.sitemapLevel2 {padding:1px 0px 0px 30px; margin:0px;}
.sitemapLevel2Bottom {padding:0px 0px 0px 30px; margin:0px;}
.sitemapLevel2Back {background-image:url(../contact/images/sep-level2.gif); background-repeat:no-repeat;}



/* Areas of Expertise Content
-------------------------------------------------*/
#AFexpertiseContent {width:595px;  min-height:175px;  height:auto !important;  height:175px; margin:0px; background-color:#ffffff; border: #c0c0c0 solid 5px; padding:10px; color:#ffffff; margin-bottom:10px; color:#000000;}

#AFexpertiseContent ul {margin:10px 0px 0px 0px; padding:0;}

/* News Templates
-------------------------------------------------*/

 .floatright { float: right;  margin: 35px 0 0px 10px; border: #c0c0c0 solid 5px;}
  .floatrightt { float: right;  margin: 35px 0 0px 10px; border: #c0c0c0 solid 5px; clear: right;}

#vacancyContent {width:595px; height:100%; margin:0px; min-height:475px; background-color:#ffffff; border: #c0c0c0 solid 5px; padding:10px; color:#ffffff; margin-bottom:10px; color:#000000;}

.FormTitle { padding-top:10px;}


/* Testimonials
-------------------------------------------------*/
.author {text-align:left;}
 .imageborder { float: right; padding:10px; border: #c0c0c0 solid 5px;}


/* Form
-------------------------------------------------*/
form.vacancy fieldset {
  border: none;
  margin: 10px 0px 0px 0px;
  padding:0px;
}
form.vacancy legend {
  padding:0px;
  margin:0px;
  color:#e70f47;
}
form.vacancy label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.vacancy fieldset ol {
  margin: 0px;
  padding: 0px;
}
form.vacancy fieldset li {
  list-style: none;
  padding: 5px 0px 0px 0px;
  margin: 0px;
}

form.vacancy label {
  width: 120px; /* Width of labels */
}

form.subButton {text-align:right;}

/* sector colours for text
-------------------------------------------------*/
.commercialAqua {color:#118584;font-weight:bold;}
.accountancyBlue {color:#22a0d2;font-weight:bold;}
.hrGold{color:#be8430;font-weight:bold;}
.engineeringGreen {color:#8bb820;font-weight:bold;}
.industrialOrange {color:#eb7221;font-weight:bold;}
.itPurple {color:#9c5ecc;font-weight:bold;}
.managementRed {color:#e70f47;font-weight:bold;}

/* end
-------------------------------------------------*/

#addToBasket_btn{background: url(../global_images/sectors/addtobasket_white.jpg) top right no-repeat; height:30px; width:116px;  overflow:hidden; display:block;} 
#addToBasket_btn:hover{background: url(../global_images/sectors/addtobasket_black.jpg) top right no-repeat;height:30px; width:116px; } 

#applyForJob_btn{background: url(../global_images/sectors/apply.jpg) top right no-repeat; height:30px; width:116px;  overflow:hidden; display:block;} 
#applyForJob_btn:hover{background: url(../global_images/sectors/apply_over.jpg) top right no-repeat;height:30px; width:116px; } 

#applyForOneJob_btn{background: url(../global_images/sectors/applyOneJob.jpg) top right no-repeat; height:30px; width:116px;  overflow:hidden; display:block;} 
#applyForOneJob_btn:hover{background: url(../global_images/sectors/applyOneJob_over.jpg) top right no-repeat;height:30px; width:116px; } 

#return_btn{background: url(../global_images/sectors/back.jpg) top right no-repeat; height:30px; width:51px;  overflow:hidden; display:block;} 
#return_btn:hover{background: url(../global_images/sectors/back_over.jpg) top right no-repeat;height:30px; width:51px; } 

#remove_btn{background: url(../global_images/sectors/remove.jpg) top right no-repeat; height:20px; width:20px;  overflow:hidden; display:block;} 
#remove_btn:hover{background: url(../global_images/sectors/remove_over.jpg) top right no-repeat;height:20px; width:20px; } 


/* Footer
-------------------------------------------------*/
#clearfooter {clear:both; background-image:url(../global_images/footer/footertile.jpg); background-repeat:repeat-x; width:100%;  /* IE7 & IE6 need this */ background-color:#252525; border-top: #000000 solid 5px; background-position:left top;}

#footer {width:950px; height:75px; margin:0px auto; padding:15px; color:#FFFFFF; }  

#footer ul {display:block; font-size:0.9em; list-style:none;}

#footer1 {width:105px; height:auto; padding:0px; margin:0px 20px 0px 0px; color:#FFFFFF; float:left; }
#footer2 {width:135px; height:auto; padding:0px; margin:0px 20px 0px 0px; color:#FFFFFF; float:left; }
#footer3 {width:135px; height:auto; padding:0px; margin:0px 0px 0px 0px; color:#FFFFFF; float:left;}
#footer5 {width:135px; height:auto; padding:0px; margin:0px 20px 0px 0px; color:#FFFFFF; float:left; }
#footer4 {width:365px; height:auto; padding:0px; margin:0px 0px 0px 0px; color:#FFFFFF; float:right; text-align:right; }

#footer4 img {padding:0px; margin:0px 0px 0px 15px; border:0px; float:right;}

#baseline {height:100%; width:100%; background-color:#CC6600; min-height:2px; clear:both;}

.footerTwitter  {
background:url("../global_images/footer/twitter.png") no-repeat scroll 0 1px transparent;
height:20px;
margin:0;
padding:2px 0px 0px 0px;
text-indent:25px;}

.footerFacebook {
background:url("../global_images/footer/facebook.png") no-repeat scroll 0 1px transparent;
height:20px;

margin-top:5px;
padding:2px 0px 0px 0px;
text-indent:25px;}