@charset "utf-8";

/* MAIN CSS SHEET */

* { margin:0; padding:0;}

html { height:100%; margin-bottom:1px; }
body { font-family:Tahoma, Geneva, sans-serif; color:#000; }

h1 { display:none; }

h2 { text-indent:-5000px; height:14px; margin:10px 0;}
h2.welcome { background:url(../images/welcome_txt.gif) no-repeat; width:80px; }
h2.human { background:url(../images/human_resources3.gif) no-repeat; width:146px;  }
h2.topJobs { background:url(../images/top_jobs.gif) no-repeat; width:71px; height:17px; }
h2.payroll { background:url(../images/payroll.gif) no-repeat; width:52px; height:17px; }
h2.recruitment { background:url(../images/recruitment3.gif) no-repeat; width:99px; height:15px; }
h2.upload-title { background:url(../images/upload_cv.gif) no-repeat; width:131px; height:17px; }
h2.contact-title { background:url(../images/form_contact_txt.gif) no-repeat; width:90px; height:14px; position:relative; left:12px; }

h3 { font-size:14px; margin:10px 0; }
h3.clients { background:url(../images/for_clients.gif) no-repeat; width:72px; height:13px; text-indent:-5000px; margin:15px 0 10px; }
h3.candidates { background:url(../images/for_candidates.gif) no-repeat; width:110px; height:13px; text-indent:-5000px; margin:15px 0 10px; }
h3.advice { background:url(../images/advice.gif) no-repeat; width:52px; height:13px; text-indent:-5000px; margin:5px 0 5px; }
h3.cost { background:url(../images/cost.gif) no-repeat; width:32px; height:12px; text-indent:-5000px; margin:5px 0 5px; }

h4 { font-size:11px; margin:5px 0; }
h4.candidates { background:url(../images/top_candidates.gif) no-repeat; width:93px; height:11px; text-indent:-5000px; }
h4.vacancies { background:url(../images/top_vacancies.gif) no-repeat; width:87px; height:11px; text-indent:-5000px; }

h5 { color:#344163; font-size:14px; margin:0 0 5px; }

p { padding:0 0 15px 0; font-size:12px; line-height:16px; }
a { color:#344163; font-weight:bold; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }

#page-wrap {width:910px; margin:auto;}

/* Header */
#header { width:905px; height:102px; background:url(../images/header_bg.jpg) repeat-x; }
#header img.logo { margin:20px 0 0 30px; float:left; border:0; }
#header p.contact { width:227px; height:50px; background:url(../images/contact_num.gif) no-repeat; float:right; text-indent:-5000px; margin:25px 30px 0 0; }

/* Navigation */
#navigation {width:905px; height:36px; background:url(../images/menu_bg.jpg) repeat-x; }
#navigation ul { list-style-type:none; margin:0 auto; width:664px;}
#navigation li { display:inline; }
#navigation li a { height:36px; float:left; text-indent:-5000px;}
#navigation li a.home { background:url(../images/nav_home_btn.gif) no-repeat; width:119px; }
#navigation li a.home:hover { background:url(../images/nav_home_btn2.gif) no-repeat; }
#navigation li a.recruitment { background:url(../images/nav_recruitment_btn.gif) no-repeat; width:165px; }
#navigation li a.recruitment:hover { background:url(../images/nav_recruitment_btn2.gif) no-repeat; }
#navigation li a.human { background:url(../images/nav_human_resources_btn.gif) no-repeat; width:200px;}
#navigation li a.human:hover { background:url(../images/nav_human_resources_btn2.gif) no-repeat; }
#navigation li a.payroll { background:url(../images/nav_payroll_btn.gif) no-repeat; width:180px; }
#navigation li a.payroll:hover { background:url(../images/nav_payroll_btn2.gif) no-repeat; }

/* Featured Items */
#top-feature { height:232px; background:url(../images/subsect_mid.jpg) bottom repeat-x; float:left; width:905px; }
#top-feature-left { background:url(../images/subsect_left.jpg) bottom no-repeat; height:232px; width:16px; float:left; }
#top-feature-right { background:url(../images/subsect_right.jpg) bottom no-repeat; height:232px; width:16px; float:right; } 
#top-feature .item {float:left; width:271px; background:url(../images/sub_mid.jpg) repeat-y;  margin:23px 0 0 20px; }
#top-feature .item-header { background:url(../images/sub_top.jpg) no-repeat; width:271px; height:12px; }
#top-feature .item-footer { background:url(../images/sub_bottom.jpg) no-repeat; width:271px; height:12px; }
#top-feature .item img { margin:0 10px 5px; }
#top-feature .item .bullet { background:url(../images/orange_circle.jpg) no-repeat; height:8px; width:8px; float:left; position:relative; top:8px; left:11px;  }
#top-feature .item h2 { margin:5px 18px; float:left; }
#top-feature .item p { font-size:11px; margin:0 10px; padding:0; clear:both; }
#top-feature .item a.moreinfo { display:block; background:url(../images/more_info.gif) no-repeat; width:81px; height:12px; margin:5px; text-indent:-5000px; position:relative; left:160px;  }

/* Main Text */
#main {}
#main-left { width:266px; height:345px; float:left; margin:15px 0; position:relative; }
#main-left-corner1 { background:url(../images/cv_left.jpg) no-repeat; height:345px; width:12px; float:left; }
#main-left-corner2 { background:url(../images/cv_right.jpg) no-repeat; height:345px; width:12px; float:left; margin:0 0 10px 0; }
#main-left-text { background:url(../images/cv_mid.jpg) repeat-x; float:left; width:240px; height:345px; }
#main-left-text.contact { background:url(../images/contact_bg.gif) no-repeat; width:264px; height:257px; }
#main-left-text h2 { margin:15px 0 5px; }
#main-left-text p { font-size:11px; padding:10px 0; background:url(../images/cv_line.jpg) no-repeat; }
#main-left-text p.contact { margin:0; padding:0; background:none; }
#main-left-text p.contactMsg { text-align:center; color:#344163; background:none; font-weight:bold; }
#main-left-text ul { list-style-type:none; }
#main-left-text ul li { margin:0 0 5px 0; }
#main-left-text ul li.contact { position:relative; left:10px; }
#main-left-text form { }
#main-left-text form label { height:9px; width:2055px; float:left; margin:6px 0 0 -2000px; }
#main-left-text form label.name { background:url(../images/name.gif) top right no-repeat; } 
#main-left-text form label.email { background:url(../images/email.gif) top right no-repeat;  } 
#main-left-text form label.tel { background:url(../images/tel.gif) top right no-repeat;  } 
#main-left-text form label.enquiry { background:url(../images/enquiry.gif) top right no-repeat; height:12px; } 
#main-left-text form label.cv { background:url(../images/cv.gif) top right no-repeat;  } 
#main-left-text form input, textarea { margin:0 0 0 10px; font-size:11px; width:162px; padding:2px; font-family:Arial, Helvetica, sans-serif; }
#main-left-text form .browse-btn { width:79px; height:19px; background:url(../images/browse_btn.gif) no-repeat; margin:0; border:0; position:relative; left:64px; top:1px; cursor:pointer; }
#main-left-text form .upload-btn { width:109px; height:25px; background:url(../images/uploadcv_btn.gif) no-repeat; margin:0; border:0; cursor:pointer; }
#main-left-text form .submit-btn { width:83px; height:25px; background:url(../images/form_submit.gif) no-repeat; border:0; margin:10px 0; cursor:pointer; }
#main-right {width:625px;  float:left; padding:7px 0 0 10px; font-size:12px; line-height:16px; }
#main-right ul { margin:0 20px 20px 20px;  }
#main-right li { font-size:12px; margin:4px 0; }


/* Recruitment */
#recruitmentJobs { width:575px; overflow:auto; margin:0 25px; }
.txtLeft { background:url(../images/recbg_left.gif) no-repeat; width:12px; height:125px; float:left; margin:0 0 0 15px; }
.txtMiddle { background:url(../images/recbg_mid.gif) repeat-x; height:125px; float:left; width:550px; }
.txtRight { background:url(../images/recbg_right.gif) no-repeat; width:12px; height:125px; float:left; margin:0 0 20px 0; }

a.vacancies { background:url(../images/back_vacancies.gif) no-repeat; width:130px; height:22px; display:block; text-indent:-5000px; }

/* Footer */
#footer {width:910px; height:29px; background:url(../images/footer_bg.jpg) repeat-x; color:#FFF;}
#footer .openhours {float:right; color:#ffffff; margin:6px 10px; display:inline; font-size:10px;}

/* Additional Classes */
p.barclaystext {float:left; margin:10px 0 10px 10px; display:inline; font-size:10px;}
p.barclaystext a {color:#2D3A5C; text-decoration:none;}
p.barclaystext a:hover {text-decoration:underline; }
li.candidates { font-size:11px !important; }

/* Additional Classes */
br.clear { clear:both; }
.underline { background:url(../images/h_line.gif) left bottom no-repeat; height:25px; margin:24px 0 10px; } 
.col2 { color:#344163; }

/*
CUSTOM INPUT FILE STYLE
*/
.filewrapper { 
	width: 173px;
    height: 50px;
    background:url(../images/tmp_browse.JPG) 0 0 no-repeat;
	display: block;
    overflow: hidden;
    cursor:pointer;
	position:relative;
	left:10px;
 }
.file {
	position: relative;
	left:-130px;
    height: 100%;
    width: auto;
	display:block;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	cursor:pointer !important;
}
#cv_file_txt_container {
	position:absolute;
	overflow:visible;
}
#cv_file_txt {
	float:left;
	display:block;
	border:0; background:none;
	position:absolute;
	top:-48px;
	left:58px;
}