/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

#container{ position:relative; border:#000000 0px solid; border-top:0px;  padding:0px 0px 0px 0px; margin-left:auto; margin-right:auto; width:960px;}

#header { width:100%; height:170px; margin:0px; padding:0px; border-bottom:#003366 0px solid;}

#logo {  width:185px; height:137px; margin:0px; padding:0px; }

#main {  width:100%; margin:0px 0px 0px 0px; }

#sidebar { width:345px;  height:100%; float:left;  margin:0px 0px 0px 0px; padding:0px 20px 10px 0px; }

#content_main { width:100%; margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}

#content {width:680px; float:left; padding-bottom:20px;}
#accountancy_content {width:680px; float:left; padding-bottom:20px; position:relative;}


#page_heading {float:left; display:block; width:500px;}

#page_heading h1 a{color:#80BF2B;}

#home_content {width:310px; float:left; padding-bottom:20px; padding-top:10px;}


#sidebar_right { width:270px;  height:100%; float:right;  margin:0px 0px 0px 0px; padding:10px 0px 0px 0px;}


.bookmark {position:absolute; top:80px; right:0px; colour:#FFF; font-size:12px;}
.bookmark a {color:#FFF; background:#008ED1; padding:3px 8px 3px 8px;}
.bookmark a:hover {color:#FFF; text-decoration:none; background:#0875A8;}


#nintysix {float:right; display:block; margin:10px 0px 0px 0px;}

#footer_wrap { width:100%; margin:0px 0px 0px 0px; padding:0px; }
#footer {width:100%; background:#F3F3F3}
#footer_inner { position:relative; margin-left:auto; margin-right:auto; width:960px; padding:15px 0px; background:url(../images/footer_bg.jpg) left top no-repeat;}
#footer_below { position:relative; margin-left:auto; margin-right:auto; width:960px; padding-bottom:30px;}
#footer_below p#copyright {float:left; display:block; width:200px; font-size:11px; color:#999;}
#footer_below a {float:right; display:block; margin:5px 0 0 8px;}


#social_network_footer {float:right; display:block; margin:13px 0 0 5px;}
#social_network_footer a {float:right; width:20px; margin:0;}

.footer_block {float:left; display:block; width:285px; }
.footer_block_middle {margin:0px 50px;}

.footer_block_header {border-bottom:1px solid #CCC; margin-bottom:10px; }
.footer_block_header h3 {color:#666; font-size:16px; font-weight:normal;}


.footer_block_header_news {border-bottom:1px solid #CCC; margin-bottom:10px;   }
.footer_block_header_news h3 {color:#666; font-size:16px; font-weight:normal; margin-bottom:20px; padding-bottom:10px; }
.footer_block_header_news h3 a {color:#666; font-size:16px; font-weight:normal; margin:0px; padding:0px;  background-image:none;  }

.footer_block a {float:left; display:block; background:url(../images/footer_arrow.jpg) left 3px no-repeat; padding:0px 0px 0px 20px; color:#666666; font-size:11px; width:120px; margin:0px 15px 10px 0px;}
.footer_block a:hover {color:#666; text-decoration:underline;}



/*------------------------------------ footer blocks -----------------------------------------------------------*/


#footer_blocks { position:relative; margin-left:auto; margin-right:auto; width:960px; padding-bottom:12px; }

#footer_blocks #top_shadow {background:url(../images/footer_blocks_bg.jpg) left bottom no-repeat; width:960px; height:25px;}

#footer_blocks a {float:left; display:block; color:#FFF; font-size:14px; margin-right:10px;}
#footer_blocks a:hover {text-decoration:none; background-position:0px -70px !important;}

#footer_blocks a.last_block {margin:0px 0px 0px -2px;}

#footer_blocks a.one_line {padding:27px 0px 10px 67px; width:85px; height:33px}
#footer_blocks a.two_line {padding:15px 0px 10px 67px; width:85px; height:45px}

#footer_blocks #sales {background:url(../images/block_yellow.jpg) left top no-repeat;}
#footer_blocks #executive {background:url(../images/block_pink.jpg) left top no-repeat;}
#footer_blocks #support {background:url(../images/block_orange.jpg) left top no-repeat;}
#footer_blocks #accountancy {background:url(../images/block_green.jpg) left top no-repeat;}
#footer_blocks #finance {background:url(../images/block_blue.jpg) left top no-repeat;}
#footer_blocks #technology {background:url(../images/block_purple.jpg) left top no-repeat;}


.footer_block_news  {float:left; display:block; width:285px; }
.footer_block_news a {float:left; display:block; background:url(../images/footer_arrow.jpg) left 3px no-repeat; padding:0px 0px 0px 20px; color:#666666; font-size:11px; width:180px; margin:0px 15px 10px 0px;}
.footer_block_news a:hover {color:#666; text-decoration:underline;}
.date_home { color:#1578A5; }


.clear { clear:both; }

label.indent, div.indent { float: left; width: 150px; clear: both; font-size: 12px; line-height: normal; margin: 2px 2px 2px 0;}

.hidden { display:none; }


/*------------------------------------ home blocks -----------------------------------------------------------*/


#home_blocks { position:relative; margin-left:auto; margin-right:auto; margin-top:-40px; width:945px; padding-bottom:12px; z-index:300;}

#home_blocks div {float:left; display:block; position:relative; color:#FFF; font-size:14px; margin-right:7px;}

#home_blocks div h3 a {font-size:14px; color:#FFF !important; font-weight:normal;}
#home_blocks div p {font-size:11px; color:#FFF; position:absolute; top:60px; left:15px; width:115px;}

#home_blocks div.last_block {margin:0px 0px 0px -2px;}

#home_blocks div.one_line {padding:17px 0px 20px 67px; width:85px; height:118px}
#home_blocks div.two_line {padding:10px 0px 20px 67px; width:85px; height:125px}

#home_blocks #sales {background:url(/images/large_block_yellow.jpg) left top no-repeat #E9A51E;}
#home_blocks #executive {background:url(/images/large_block_pink.jpg) left top no-repeat #D82A43;}
#home_blocks #support {background:url(/images/large_block_orange.jpg) left top no-repeat #D64B10;}
#home_blocks #accountancy {background:url(/images/large_block_green.jpg) left top no-repeat #80BE2D;}
#home_blocks #finance {background:url(/images/large_block_blue.jpg) left top no-repeat #0098B7;}
#home_blocks #technology {background:url(/images/large_block_purple.jpg) left top no-repeat #442897;}

#stat_home {}
#stat_home ul { padding:0px; margin:0px;}
#stat_home li { list-style-type:none;}
#stat_home img { padding:15px 0px 0px 15px; }

#stats_home {height:165px; margin-top:260px;}
#stats_home ul { padding:0px; margin:0px;}
#stats_home li { list-style-type:none;}
#stats_home img { padding:15px 0px 0px 15px; }

/*------------------------------------ home page header -----------------------------------------------------------*/

#home_page_header #slide_nav {position:absolute; top:15px; right:15px; z-index:300;}
#home_page_header #slide_nav a {float:left; display:block; padding:3px 5px; color:#000; background:#F8F8F8; margin:0px 0px 0px 6px;}
#home_page_header #slide_nav a:hover {color:#FFF; background:#333; text-decoration:none;}
#home_page_header #slide_nav a.activeSlide {color:#FFF; background:#333; text-decoration:none;}

#home_page_header {width:960px; height:280px; position:relative;}
#home_page_header .slide {width:960px; height:280px; position:absolute; top:0px; left:0px;}

#home_page_header .slide .slide_content {position:absolute; top:80px; left:10px; padding:10px 0px; background:url(../images/home_header_text_bg.png) left top; width:600px;}

#home_page_header .slide .slide_header {float:left; display:block; width:220px; padding:0px 10px 0px 30px; border-right:1px solid #333;}
#home_page_header .slide .slide_header h1 {color:#333; font-size:30px;}

#home_page_header .slide .slide_text {float:left; display:block; width:300px; padding:5px 0px 0px 20px;}
#home_page_header .slide .slide_text p {line-height:22px; font-size:14px; color:#333; }

#home_page_header .slide .slide_header img {}




/*------------------------------------ page header -----------------------------------------------------------*/


#page_header {position:relative;}
#page_header  h3 {position:absolute; top:40px; left:30px; font-size:28px; color:#333; font-weight:normal; display:block; padding:35px 120px 35px 30px; background:url(../images/home_header_text_bg.png) left top repeat;}
#page_header img {}





/*------------------------------------ latest jobs -----------------------------------------------------------*/

#category_latest_jobs {width:255px; float:right; padding-top:10px;}

#latest_jobs {width:310px;}

#jobs_header {background:url(../images/latest_jobs_bg.jpg) left top #333; padding:5px 10px; width:290px;}
#jobs_header h3 {color:#FFF; font-weight:normal; text-transform:uppercase; font-size:14px;}
#jobs_header hr { margin-bottom:0px;}

#latest_jobs .job {background:url(../images/latest_jobs_bg.jpg) left bottom #333; position:relative; width:290px; padding:5px 10px; margin:0px 0px 6px 0px;}

#latest_jobs .job h3 a{color:#32b7f6; margin:0px; font-size:14px; font-weight:normal; padding:0px;}
#latest_jobs .job p a{color:#FFF; margin:0px 0px 15px 0px; font-size:11px; padding:0px;}
                            
#latest_jobs .job a.job_details {position:absolute; bottom:0px; right:60px; border-left:1px solid #FFF; font-weight:bold; color:#FFF; padding:0px 0px 4px 6px;}
#latest_jobs .job a.job_apply {position:absolute; bottom:0px; right:10px; border-left:1px solid #FFF; font-weight:bold; color:#32b7f6; padding:0px 0px 4px 6px;}

#category_jobs_header {background:url(../images/latest_jobs_bg.jpg) left top #333; padding:5px 10px; width:235px;}
#category_jobs_header h3 {color:#FFF; font-weight:normal; text-transform:uppercase; font-size:14px;}
#category_jobs_header hr { margin-bottom:0px;}

#category_latest_jobs .job {background:url(../images/latest_jobs_bg.jpg) left bottom #333; position:relative; width:235px; padding:5px 10px; margin:0px 0px 6px 0px;}

#category_latest_jobs .job h3 a{color:#32b7f6; margin:0px; font-size:14px; font-weight:normal; padding:0px;}
#category_latest_jobs .job p a{color:#FFF; margin:0px 0px 15px 0px; font-size:11px; padding:0px;}
                            
#category_latest_jobs .job a.job_details {position:absolute; bottom:0px; right:60px; border-left:1px solid #FFF; font-weight:bold; color:#FFF; padding:0px 0px 4px 6px;}
#category_latest_jobs .job a.job_apply {position:absolute; bottom:0px; right:10px; border-left:1px solid #FFF; font-weight:bold; color:#32b7f6; padding:0px 0px 4px 6px;}



/*------------------------------------ header elements -----------------------------------------------------------*/

#quick_contact {position:absolute; top:20px; right:0px; width:190px; text-align:right;}
#quick_contact p#telephone {background:url(../images/phone-icon.png) left 4px no-repeat; padding:0px 0px 0px 40px; font-size:22px; color:#008ED1;}

#social_network {float:right; display:block;}
#social_network a {margin-left:5px;}
#social_network a:hover {}



/*------------------------------------ search form -----------------------------------------------------------*/

#search_form {background:url(../images/jobsearch_bg.jpg) left top no-repeat; padding:5px 20px; width:216px; float:right; display:block;}

#form_header {border-bottom:1px solid #FFF;}
#form_header h3 {color:#FFF; font-weight:normal;}

#search_form form {}
#search_form form p {}
#search_form form label {color:#FFF; font-size:14px;}
#search_form form select {width:216px; padding:3px;}

							
#search_form button {float:right; display:block; background:#333; color:#FFF; border:0px; padding:3px 4px; margin-bottom:10px; font-size:12px;}
#search_form button:hover {background:#666;}					



/*------------------------------------ apply form -----------------------------------------------------------*/


#apply_form {width:300px;}
						
#apply_form form {width:300px;}
#apply_form p {}
#apply_form label {color:#333;}
#apply_form label span {color:#1997D0; font-size:13px;}
#apply_form input {width:280px; background:#F3F3F3; border:0px; padding:5px; border:1px solid #aaa; }
#apply_form textarea {width:280px; background:#F3F3F3; border:0px; padding:5px; height:120px; border:1px solid #aaa; }

#apply_form #submit_btn {background:url(/images/apply_job_bg.jpg) left top no-repeat; color:#FFF; font-weight:bold; float:left; display:block; width:119px; height:27px; padding:2px 25px 4px 0px; margin:15px 0px 0px 0px; border:0px; font-size:11px;}
#apply_form #submit_btn:hover {text-decoration:underline;}

/*------------------------------------ feedback form -----------------------------------------------------------*/


#feedback_form p {}
#feedback_form label {color:#333;}
#feedback_form label.indent, #feedback_form div.indent {color:#333; width:300px;}
#feedback_form label span {color:#1997D0; font-size:13px;}
#feedback_form #feedback-form-name, #feedback_form #feedback-form-company {width:400px; background:#F3F3F3; border:0px; padding:5px; border:1px solid #aaa; }
#feedback_form textarea {width:400px; background:#F3F3F3; border:0px; padding:5px; height:120px; border:1px solid #aaa; }

#feedback_form #submit_btn {background:url(/images/apply_job_bg.jpg) left top no-repeat; color:#FFF; font-weight:bold; float:left; display:block; width:119px; height:27px; padding:2px 25px 4px 0px; margin:15px 0px 0px 0px; border:0px; font-size:11px;}
#feedback_form #submit_btn:hover {text-decoration:underline;}


/*------------------------------------ vacancy blocks -----------------------------------------------------------*/

.vacancy_block {float:left; display:block; position:relative; width:650px; padding:5px 15px 0px 15px; margin:0px 0px 15px 0px; background:url(../images/vacancyblock_bg.jpg) left top no-repeat #444444;}
.vacancy_block a.vacancy_title {color:#32B7F6; font-size:14px; font-weight:bold; display:block;}
.vacancy_block a:hover.vacancy_title {color:#32B7F6;}
.vacancy_block a.salary {color:#EFDF0B; font-size:11px; font-weight:normal; display:block;}
.vacancy_block a:hover.salary {color:#EFDF0B;}

.vacancy_block .vacancy_detail {float:left; display:block; margin:0px 0px 15px 0px;}
.vacancy_block .vacancy_detail p {color:#FFF;}

.vacancy_block a.more_details {position:absolute; right:10px; bottom:0px; color:#179AD7; font-size:12px; border-left:1px solid #FFF; padding:0px 0px 5px 10px; font-weight:bold;}
.vacancy_block a:hover.more_details {color:#179AD7;}

.vacancy_block p.location { color:#EFDF0B; font-size:11px; font-weight:normal;  margin:2px 0px 0px 0px;}


/*------------------------------------ news -----------------------------------------------------------*/

.date_news a {color:#EFDF0B; font-size:11px; font-weight:normal; display:block; margin-top:10px; }
.date_news a:hover {color:#EFDF0B;  }




/*------------------------------------ job detail-----------------------------------------------------------*/

.job_detail_block {float:left; display:block; position:relative; width:650px; padding:10px 15px 0px 15px; margin:0px 0px 15px 0px; background:url(../images/vacancyblock_bg.jpg) left top no-repeat #444444;}
.job_detail_block .job_title {color:#32B7F6; font-size:16px; font-weight:bold; display:block;}
.job_detail_block .salary {color:#EFDF0B; font-size:11px; font-weight:normal; display:block;}

.job_detail_block .job_detail {float:left; display:block; margin:0px 0px 15px 0px;}
.job_detail_block .job_detail ul {margin:10px 0px !important; padding:0px !important;}
.job_detail_block .job_detail ul li {color:#FFF; list-style:none; margin:8px 0px !important; background:none !important; padding:0px !important;}

.job_detail_block a.apply_link {position:absolute; right:10px; bottom:0px; color:#179AD7; font-size:12px; border-left:1px solid #FFF; padding:0px 0px 5px 10px; font-weight:bold;}
.job_detail_block a:hover.apply_link {color:#179AD7 !important;}

#job_detail ul {margin:0px; padding:0px;}
#job_detail ul li {background:url(../images/list_blue.jpg) left top no-repeat; list-style:none; padding:0px 0px 0px 30px; margin:0px 0px 10px 0px;}

#job_detail #back_link {background:url(../images/back_bg.jpg) left top no-repeat; color:#333; font-weight:bold; float:left; display:block; width:44px; height:17px; padding:6px 0px 4px 25px; margin:15px 15px 0px 0px;}
#job_detail #apply_job_link {background:url(../images/apply_job_bg.jpg) left top no-repeat; color:#FFF; font-weight:bold; float:left; display:block; width:109px; height:17px; padding:6px 0px 4px 10px; margin:15px 0px 0px 0px;}



/*------------------------------------ ACCOUNTANCY PAGE -----------------------------------------------------------*/

#action_block {background:#F3F3F3; width:620px; padding:10px 30px; text-align:center; margin:0px 0px 20px 0px;}
#action_block h3 {font-size:16px; color:#80C02B; font-weight:normal; margin:0px;}
				
#accountancy_text_block {float:left; display:block; width:300px;}
#accountancy_text_block p {line-height:25px;}
		
#accountancy_content #latest_jobs {width:310px; float:right;}		


/*------------------------------------ breadcrumb -----------------------------------------------------------*/

#breadcrumb {width:680px; padding:0px 0px 0px 0px; border-bottom: 1px solid #CCCCCC; }
#breadcrumb p { font-size:11px; color:#179BD8; }
#breadcrumb p a { color:#25C1C1; color:#999;}
#breadcrumb p span {color:#333333;}



/*------------------------------------ paging -----------------------------------------------------------*/

.paging {float:right; color:#333; dispaly:block; margin:15px 0px 0px 0px; font-weight:bold;}
.paging a {color:#999; font-weight:normal; padding:3px 5px;}
.paging a:hover {color:#31B2EE; font-weight:normal;}


/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:100%;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#nav a {float:left; display:block; border-right:1px solid #CCC; margin:0px 11px 0px 11px; padding:3px 23px 15px 0px; color:#333; display:block; font-weight:normal; font-size:14px; text-transform:uppercase;}
#nav a:hover { text-decoration:underline;  color:#333; } 


/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

button {cursor:pointer;}
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; border-top:4px solid #333; background:url(../images/body_bg.jpg) left top repeat-x #ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { color:#179BD8; font-size:20px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px;}
h2 { color:#666666; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#565656; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#565656; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#CCCCCC; font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#CCCCCC; font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }


#accountancy_content h1,#accountancy_content h2 {color:#80BF2B;}


hr {border:0px; background:#CCC; height:1px; margin-bottom:10px;}

ul {  }
ul li { font-size:12px; color:#555; list-style:disc; }
ol {}
ol li { font-size:12px; color:#555; list-style:decimal;}

em {}
pre {}
u {}
sub {}
sup {}

address {font-size:10px;}

a { color:#333399; text-decoration:none; }
a:hover { color:#333399; text-decoration:underline; }

p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#565656;}

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/


.bespoke-text-box {width:290px; height:71px; background:url(../images/bespoke-text-box-bg.png) no-repeat 0px 35px; padding:0 0 0 12px; position:absolute; right:0px; top:60px;}
.bespoke-text-box p {color:#fff; padding:10px; font-size:11px; background:#363636;}