﻿
/* FRONT END SUB NAVIGATION AREA STYLES */
div.front-end div#subnav_container
{
    margin:0 0 0 733px;
}

div.front-end div#subnav_container div#subnav a
{
    text-decoration: none;
    color: #153d5a;
    padding: 0 0 0 13px;
}

div.front-end div#subnav_container div#subnav a:hover 
{
    color: #051928;
}

div.front-end div#subnav_container div#subnav ul
{
    margin: 0 0 20px 0;
    padding: 0;
    list-style-type: none;
}

div.front-end div#subnav_container div#subnav ul li
{
    font-size: 1.1em; /*14px*/
    margin: 0;
    font-weight: bold;
    padding: 3px 0;
}

/* items without a link (e.g. job description) */
div.front-end div#subnav_container div#subnav ul li span 
{
    text-decoration: none;
    color: #999999;
    font-weight: bold;
    margin-left: 13px;
}

div.front-end div#subnav_container div#subnav ul li.passed span
{
    color: #153d5a;
}

div.front-end div#subnav_container div#subnav ul li.active span
{
    background-image: url('/media/images/arrow.gif');
    background-repeat: no-repeat;
    background-position: left top;
    text-decoration: none;
    color: #153d5a;
    font-weight:bold;
    padding: 0 0 0 13px;
    margin: 0;
}

div.front-end div#subnav_container div#subnav ul li.active a, 
div.front-end div#subnav_container div#subnav ul li a:hover 
{
    background-image:url('/media/images/arrow.gif');
    background-repeat:no-repeat;
    background-position:left top;
}

div.front-end div#subnav_container div#subnav ul li.passed a:hover 
{
    background-image: none;
}

/* 2nd level */
div.front-end div#subnav_container div#subnav ul li ul
{
    margin: 0 0 0 23px;
}

div.front-end div#subnav_container div#subnav ul li ul li
{
    font-size: 0.85em;
    padding: 1px 0;
    font-weight: normal;
}

div.front-end div#subnav_container div#subnav ul li.active ul li a
{
    background-image:none;
    padding:0 0 0 8px;
}
div.front-end div#subnav_container div#subnav ul li.active ul li.active a, 
div.front-end div#subnav_container div#subnav ul li.active ul li a:hover 
{
    background-image: url('/media/images/navigation/arrow_sml.gif');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0 0 0 8px;
}

/* END FRONT END SUB NAVIGATION */


/* APPLY PROMO */

div.front-end div#subnav_container div.apply_promo
{
	margin:0 0 10px 0; 
	background-image:url('/media/images/promos/apply_top_repeat.gif'); 
	background-repeat:repeat-y;
}
div.front-end div#subnav_container div.apply_promo div.apply_promo_hdr
{
	background-image:url('/media/images/promos/apply_top.gif'); 
	background-repeat:no-repeat; 
	background-position:top; 
	padding:1px
}
div.front-end div#subnav_container div.apply_promo div.apply_promo_hdr h2
{
	width:180px;
	clear:none;
	margin:0 0 0 10px;
	padding:8px 0 25px 0;
	font-weight:normal;
	font-size:1.8em;
}
div.front-end div#subnav_container div.apply_promo div.apply_promo_links{
	background-image:url('/media/images/promos/apply_bottom_repeat.gif'); 
	background-repeat:repeat-y;
}
div.front-end div#subnav_container div.apply_promo div.apply_promo_links div
{
	background-image:url('/media/images/promos/apply_bottom.gif'); 
	background-position:top; 
	background-repeat:no-repeat;
}
div.front-end div#subnav_container div.apply_promo div.apply_promo_links div div
{
	
	background-image:url('/media/images/promos/apply_bottom_corner.gif'); 
	background-position:bottom;
	background-repeat:no-repeat;
}
div.front-end div#subnav_container div.apply_promo div.apply_promo_links div div a.apply
{
	padding:10px 0; 
	background-image:url('/media/images/promos/apply_bottom_corner.gif'); 
	background-position:bottom;
	background-repeat:no-repeat;
}
div.front-end div#subnav_container div.apply_promo div.apply_promo_links div div a.apply_link_arrow
{
	text-decoration:none;
    color:#325e7d;
    font-weight:bold;
    padding:10px;
    margin:0 0 0 10px;
    display:block;
    background-image:url('/media/images/promos/apply_promo_arrow.gif');
    background-repeat:no-repeat;
    background-position:left;
}

/* END APPLY PROMO */


/* HEADERS AND SEARCH BOXES WITHIN THE SUB NAV AREA */





/* INFO BOX STYLES */
div.front-end div#subnav_container div.info_box
{
    background-image:url('/media/images/promos/promo_main_background.gif'); 
    background-repeat:repeat-y;
    margin:0 0 10px 0;
}
div.front-end div#subnav_container div.info_box div
{
    background-image:url('/media/images/promos/promo_top.gif'); 
    background-repeat:no-repeat; 
    background-position:top;
}
div.front-end div#subnav_container div.info_box div div
{
    background-image:url('/media/images/promos/promo_bottom.gif'); 
    background-repeat:no-repeat; 
    background-position:bottom;
    padding:0 5px;
    margin:0;
}
div.front-end div#subnav_container div.info_box div div a, 
div.front-end div#subnav_container div.info_box div div p
{
    padding:0 0 8px 0;
    display:block;
}
div.front-end div#subnav_container div.info_box div div strong
{
    width:180px;
	clear:none;
	margin:0 0 0 5px;
	padding:8px 0 8px 0;
	font-weight:normal;
	font-size:1.6em;
	display:block;
}

div.front-end div#subnav_container div.info_box h3
{
    font-size:1.1em;
    font-weight:bold;
    color:#325e7d;
    text-decoration:none;
    padding:7px 0 7px 0;
    margin:0 0 0 3px;
}

div.front-end div#subnav_container div.info_box p
{
    font-weight:bold;
    font-size:0.85em;
    margin:0;
}

div.front-end div#subnav_container div.info_box a
{
    color:#325e7d;
    font-weight:bold;
    font-size:0.85em;
    text-decoration:none;
}

/* styles for latest vacancies */
div.front-end div#subnav_container div.info_box ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.front-end div#subnav_container div.info_box ul li 
{
    padding: 5px 0 5px 16px;
    background: url('/media/images/promos/apply_arrow.gif') no-repeat 2px 5px;
    border-top: 1px solid #a7bdcd;
    margin: 0;
    display: block;
}

div.front-end div#subnav_container div.info_box ul li:first-child 
{
    border-top: none;
    padding-top: 2px;
    background-position: 2px 02px
}

div.front-end div#subnav_container div.info_box ul li a 
{
    font-size: 0.85em;
    padding: 0;
    margin: 0;
    font-weight: normal;
}

div.front-end div#subnav_container div.info_box ul li a span
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0 -1px;
    padding: 0;   
    display: block;
}

/* SEARCH VACANCIES LINK BOX */
div.front-end div#subnav_container div.info_box a.apply
{
    font-size:1.1em;
    font-weight:bold;
    color:#325e7d;
    text-decoration:none;
    background-image:url('/media/images/promos/apply_arrow.gif');
    background-repeat:no-repeat;
    background-position:right;
    padding:5px 15px 6px 6px;
    margin:0 25px 0 0;
}






/* APPLY PROMO 
div.front-end div#subnav_container div.applyPromo
{
    background-image:url('/media/images/promos/apply_top_repeat.gif');
    background-repeat:repeat-y;
    margin:0;
    padding:0;
}
div.front-end div#subnav_container div.applyPromo div
{
    background-image:url('/media/images/promos/apply_top.gif');
    background-repeat:no-repeat;
    background-position:top;
    
    min-height:55px;
    height:auto !important;
    height:55px;
    width:246px;
}
div.front-end div#subnav_container div.applyPromo div h2
{
    margin:0;
    font-weight: normal;
}
div.front-end div#subnav_container div.applyPromo div.bottomRow
{
    background-image:url('/media/images/promos/apply_bottom_repeat.gif');
    background-repeat:repeat-y;
    
    padding:0;
    min-height:30px;
    height:auto !important;
    height:30px;
}
div.front-end div#subnav_container div.applyPromo div.bottomRow div 
{
    background-image:url('/media/images/promos/apply_bottom.gif');
    background-position:top;
    background-repeat:no-repeat;
    padding:0;
    min-height:30px;
    height:auto !important;
    height:30px;
}
div.front-end div#subnav_container div.applyPromo div.bottomRow div div 
{
    background-image:url('/media/images/promos/apply_bottom_corner.gif');
    background-position:bottom;
    background-repeat:no-repeat;
    padding:10px;
    min-height:10px;
    height:auto !important;
    height:10px;
}
div.front-end div#subnav_container div.applyPromo div.bottomRow div div a
{
    text-decoration:none;
    color:#325e7d;
    font-weight:bold;
    padding:0 0 0 10px;
    background-image:url('/media/images/promos/apply_promo_arrow.gif');
    background-repeat:no-repeat;
    background-position:top left;
}

*/




/* HOME NEWS PROMO STYLES */

div.front-end div.newsPromo div.info_box div div a
{
    float: right; 
    margin: 5px 5px 0 0; 
    color: #325e7d;
}


div.front-end div.newsPromo div.newsDetails div 
{
    margin: 10px 10px 0px 10px; 
    padding: 0 0 10px 0; 
    background: url('/media/images/backgrounds/news_dotted_line.gif') repeat-x bottom; 
}

div.front-end div.newsPromo div.newsDetails div a
{
    margin:0; 
    display:block; 
    text-decoration:none; 
    color:#325e7d;
}

div.front-end div.newsPromo div.newsEnd
{
    background:url('/media/images/promos/news_bottom.jpg') no-repeat top; 
    width:100%; 
    min-height:18px; 
    height:auto; 
    height:18px; 
    margin:10px 0;
}



/* DO WE NEED THESE? */
/*
div.front-end div#subnav_container div.info_box div div div
{
    padding:0;
    background-image:none;
}

div.front-end div#subnav_container div.info_box div div div.roles
{
    border-bottom:1px solid #a7bdcd;
    padding:10px 0;
}

div.front-end div#subnav_container div.info_box div div div.last
{
    border:0;
    margin:0 0 10px 0;
}

div.front-end div#subnav_container div.info_box div.postcode_form
{
    margin:10px 0;
    padding:0;
}



div.front-end div#subnav_container div.info_box .btn {
    color:#ffffff;
    background-color:#12466b;
    border:0;
    min-height:20px;
    height:auto !important;
    height:20px;
}

div.front-end div#subnav_container div.info_box input.postcode
{
    width:59px;
}





div.front-end div#subnav_container div.info_box div.empty
{
    min-height:60px;
    height:auto !important;
    height:60px;
    text-align:center;
}
div.front-end div#subnav_container div.info_box div.empty p
{
    margin:30px 0 0 0;
    font-size:1.1em;
    font-weight:bold;
}*/
/* END SUB NAV AREA */
