/*RESET
-------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote,th,td {  margin:0; padding:0; }
table 								{ border-collapse: collapse; border-spacing:0; padding:0; }
fieldset,
img 								{ border:0; }
caption,
th 									{ text-align:left;}
q:before,
q:after 							{ content:''; }
input, 
textarea, 
select 								{ font:11px verdana; color:#000000; font-family: inherit; font-size: inherit; font-weight: inherit; }

/*GLOBAL
--------*/
html, body							{ font-size:11px; background:#E0E0E0; line-height:14px; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; }
h1 									{ margin-bottom:15px; font-size:25px; font-weight:bold;  color:#3399ff; font-family:"Courier New", Courier, monospace; }
h2 									{ margin-bottom:7px;font-size:13px;font-weight:bold;  color:#000000; }
h3									{ font-size:11px; color:#000000; padding-bottom:7px; }
h4									{ font-size:12px; color:#000000; padding-bottom:7px; }
p									{ padding-bottom:15px; }
hr									{ border:0; line-height:0; height:1px; border-bottom:1px solid #CCCCCC; }
ul, ul li ul						{ padding-left:14px; }
a, a:link, a:active, a:visited 		{ color:#333333; text-decoration:none; }
a:hover 							{ text-decoration:underline; }
.hiddenPic 							{ display:none; }
label								{ cursor:hand; cursor:pointer; }
.file_input							{ padding:2px 0; }
.black_text							{ color:#333333; }
.small_text 						{ font-size:9px; color:#000000; }


.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear_float { clear:both; }

#page_container { background: url(page_structure/background.gif) center repeat-y; }

#page { width:982px; margin:0 auto; padding:0 9px; background:#FFFFFF; }

#body_footer_container { background: url(page_structure/footer_background2.gif) center no-repeat; height:27px; }
#body_footer { width:1000px; height:13px; margin:0 auto; background:#FFFFFF; }
.error_text {color:#FF0000;}
	 
/* HEADER box
--------*/
#header { padding:15px 0 14px 0; }

/* Logo box */
.logo { float:left; }

/* Top Advert box */
.top_advert { float:left; margin-left:20px; }

/* Login box */
.login_area { float:right; margin-top:-2px; }
div.login_area table tr td { padding-bottom:4px; }
div.login_area table tr td.login_field input { border-top:1px solid #7C7C7C; border-left:1px solid #C3C3C3; border-bottom:1px solid #DDDDDD; border-right:1px solid #C3C3C3; font:11px verdana; color:#000000; width:184px; padding:2px 5px; }
div.login_area table tr td.login_submit input { width:52px; margin-left:20px; font:11px verdana; color:#000000; }

.login_options { position:relative; margin-top:3px; }

.remember_me { margin-right:5px; }

/* TOP RIGHT LOGIN BOX */

.login_forgotten_password { margin-left:20px; }
.login_forgotten_password a, .login_forgotten_password a:link, .login_forgotten_password a:active, .login_forgotten_password a:visited { color:#333333; text-decoration:underline; }
.login_forgotten_password a:hover { text-decoration:none; }

/* STANDARD LOGIN BOX */

/*.forgotten_password { margin-left:40px; }*/
.forgotten_password { margin-left:43px; }
.forgotten_password a, .forgotten_password a:link, .forgotten_password a:active, .forgotten_password a:visited { color:#333333; text-decoration:underline; }
.forgotten_password a:hover { text-decoration:none; }

#page_body { /*position:relative; Positioning breaks the sub nav menu*/ }

.main_banner { margin:0; padding:0; margin-bottom:16px; }

#body { position:relative; }
#middle_col { float:left; margin-left:9px; color:#666666; width: 790px; }

#middle_col a, #middle_col a:link, #middle_col a:active, #middle_col a:visited { color:#003333; text-decoration:underline; }
#middle_col a:hover { text-decoration:none; }

#left_col { float:left;   width: 179px; }
#right_col { float:right;  width: 200px; }	

/* TOP NAVIGATION box
--------*/

.top_navigation { height:33px; }

.top_navigation ul { margin:0; padding:0; }
.top_navigation ul li { list-style:none; list-style-type:none; float:left; line-height:normal;  }

.top_navigation ul li a, .top_navigation ul li a:link, .top_navigation ul li a:active, .top_navigation ul li a:visited { color:#FFFFFF!important; text-decoration:none; font-weight:normal; }
.top_navigation ul li a:hover { text-decoration:none; color:#FFFFFF!important; }

/* Home */
.top_navigation ul li#nav_home a, .top_navigation ul li#nav_home a:link, .top_navigation ul li#nav_home a:active, .top_navigation ul li#nav_home a:visited { display:block; padding:10px 0; text-align:center; background:url(top_navigation/home_link.gif) top left no-repeat; width:93px; }
.top_navigation ul li#nav_home a:hover { position:relative; background:url(top_navigation/home_hover.gif) top left no-repeat; width:93px; }

.top_navigation ul li#nav_home.active a, .top_navigation ul li#nav_home.active a:link, .top_navigation ul li#nav_home.active a:active, .top_navigation ul li#nav_home.active a:visited, .top_navigation ul li#nav_home.active a:hover { position:relative; background:url(top_navigation/home_hover.gif) top left no-repeat; width:93px; }

/* Bookshop */
.top_navigation ul li#nav_bookshop a, .top_navigation ul li#nav_bookshop a:link, .top_navigation ul li#nav_bookshop a:active, .top_navigation ul li#nav_bookshop a:visited { display:block; padding:10px 0; text-align:center; background:url(top_navigation/bookshop_link.gif) top left no-repeat; width:103px; }
.top_navigation ul li#nav_bookshop a:hover { position:relative; background:url(top_navigation/bookshop_hover.gif) top left no-repeat; width:105px; margin-left:-2px; text-indent:2px; }

.top_navigation ul li#nav_bookshop.active a, .top_navigation ul li#nav_bookshop.active a:link, .top_navigation ul li#nav_bookshop.active a:active, .top_navigation ul li#nav_bookshop.active a:visited, .top_navigation ul li#nav_bookshop.active a:hover { position:relative; background:url(top_navigation/bookshop_hover.gif) top left no-repeat; width:105px; margin-left:-2px; text-indent:2px; }

/* Career Directory */
.top_navigation ul li#nav_careers_dir a, .top_navigation ul li#nav_careers_dir a:link, .top_navigation ul li#nav_careers_dir a:active, .top_navigation ul li#nav_careers_dir a:visited { display:block; padding:10px 0; text-align:center; background:url(top_navigation/careers_dir_link.gif) top left no-repeat; width:130px; }
.top_navigation ul li#nav_careers_dir a:hover { position:relative; background:url(top_navigation/careers_dir_hover.gif) top left no-repeat; margin-left:-2px; text-indent:2px; width:132px; }

.top_navigation ul li#nav_careers_dir.active a, .top_navigation ul li#nav_careers_dir.active a:link, .top_navigation ul li#nav_careers_dir.active a:active, .top_navigation ul li#nav_careers_dir.active a:visited, .top_navigation ul li#nav_careers_dir.active a:hover { position:relative; background:url(top_navigation/careers_dir_hover.gif) top left no-repeat; margin-left:-2px; text-indent:2px; width:132px; }

/* Career Paths */
.top_navigation ul li#nav_career_paths a, .top_navigation ul li#nav_career_paths a:link, .top_navigation ul li#nav_career_paths a:active, .top_navigation ul li#nav_career_paths a:visited { display:block; padding:10px 0; text-align:center; background:url(top_navigation/career_paths_link.gif) top left no-repeat; width:117px; }
.top_navigation ul li#nav_career_paths a:hover { position:relative; background:url(top_navigation/career_paths_hover.gif) top left no-repeat; margin-left:-2px; text-indent:2px; width:119px; }

.top_navigation ul li#nav_career_paths.active a, .top_navigation ul li#nav_career_paths.active a:link, .top_navigation ul li#nav_career_paths.active a:active, .top_navigation ul li#nav_career_paths.active a:visited, .top_navigation ul li#nav_career_paths.active a:hover { position:relative; background:url(top_navigation/career_paths_hover.gif) top left no-repeat; margin-left:-2px; text-indent:2px; width:119px; }

/* Resource Centre */
.top_navigation ul li#nav_resource_centre a, .top_navigation ul li#nav_resource_centre a:link, .top_navigation ul li#nav_resource_centre a:active, .top_navigation ul li#nav_resource_centre a:visited { display:block; padding:10px 0; text-align:center; background:url(top_navigation/resource_centre_link.gif) top left no-repeat; width:131px;}
.top_navigation ul li#nav_resource_centre a:hover { position:relative; background:url(top_navigation/resource_centre_hover.gif) top left no-repeat; margin-left:-2px; text-indent:2px; width:133px; }

.top_navigation ul li#nav_resource_centre.active a, .top_navigation ul li#nav_resource_centre.active a:link, .top_navigation ul li#nav_resource_centre.active a:active, .top_navigation ul li#nav_resource_centre.active a:visited, .top_navigation ul li#nav_resource_centre.active a:hover { position:relative; background:url(top_navigation/resource_centre_hover.gif) top left no-repeat; margin-left:-2px; text-indent:2px; width:133px; }

/* Resumes & cover letters */
.top_navigation ul li#nav_resume_letters a, .top_navigation ul li#nav_resume_letters a:link, .top_navigation ul li#nav_resume_letters a:active, .top_navigation ul li#nav_resume_letters a:visited { display:block; padding:10px 0; text-align:center; background:url(top_navigation/resume_letters_link.gif) top left no-repeat; width:169px; }
.top_navigation ul li#nav_resume_letters a:hover { position:relative; background:url(top_navigation/resume_letters_hover.gif) top left no-repeat; margin-left:-2px; text-indent:2px; width:171px; }

.top_navigation ul li#nav_resume_letters.active a, .top_navigation ul li#nav_resume_letters.active a:link, .top_navigation ul li#nav_resume_letters.active a:active, .top_navigation ul li#nav_resume_letters.active a:visited, .top_navigation ul li#nav_resume_letters.active a:hover { position:relative; background:url(top_navigation/resume_letters_hover.gif) top left no-repeat; margin-left:-2px; text-indent:2px; width:171px; }

/* Jobs Community */
.top_navigation ul li#nav_yourshout a, .top_navigation ul li#nav_yourshout a:link, .top_navigation ul li#nav_yourshout a:active, .top_navigation ul li#nav_yourshout a:visited { display:block; padding:10px 0; text-align:center; background:url(top_navigation/yourshout_link.gif) top left no-repeat; width:132px; }
.top_navigation ul li#nav_yourshout a:hover { position:relative; background:url(top_navigation/yourshout_hover.gif) top left no-repeat; margin-left:-2px; text-indent:2px; width:134px; }

.top_navigation ul li#nav_yourshout.active a, .top_navigation ul li#nav_yourshout.active a:link, .top_navigation ul li#nav_yourshout.active a:active, .top_navigation ul li#nav_yourshout.active a:visited, .top_navigation ul li#nav_yourshout.active a:hover { position:relative; background:url(top_navigation/yourshout_hover.gif) top left no-repeat; margin-left:-2px; text-indent:2px; width:134px; }

/* About us */
.top_navigation ul li#nav_about_us a, .top_navigation ul li#nav_about_us a:link, .top_navigation ul li#nav_about_us a:active, .top_navigation ul li#nav_about_us a:visited { display:block; padding:10px 0; text-align:center; background:url(top_navigation/about_us_link.gif) top left no-repeat; width:107px; }
.top_navigation ul li#nav_about_us a:hover { position:relative; background:url(top_navigation/about_us_hover.gif) top left no-repeat; margin-left:-2px; text-indent:2px; width:109px; }

.top_navigation ul li#nav_about_us.active a, .top_navigation ul li#nav_about_us.active a:link, .top_navigation ul li#nav_about_us.active a:active, .top_navigation ul li#nav_about_us.active a:visited, .top_navigation ul li#nav_about_us.active a:hover { position:relative; background:url(top_navigation/about_us_hover.gif) top left no-repeat; margin-left:-2px; text-indent:2px; width:109px; }

/* SUB NAVIGATION STYLES
*******/

.dropmenudiv{
position:absolute;
margin-top:-1px;
top: 0px;
font:normal 11px Verdana;
line-height:28px;
z-index:100;
background-color:#003366;
width:176px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
padding: 2px 10px 2px 17px;
text-decoration: none!important;
color:#FFFFFF!important;
/*border-bottom:1px solid #666666;*/
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background:url(sub_navigation/sub_nav_hover.gif) repeat-x;
}

#dropmenu1 { width:180px; } /* Width of Resource centre */
#dropmenu2 { width:177px; } /* Width of YourShout */
#dropmenu3 { width:156px; } /* Width of About us */




/* LEFT COLUMN STYLES
*******/

.left_bold_title { border-bottom:1px dotted #9999CC; text-indent:3px; font-weight:bold; padding-bottom:5px; }
ul.viewed_list { margin-top:5px; padding-left:5px; margin-bottom:28px; }
ul.viewed_list li { list-style:none; list-style-type:none; padding-bottom:4px; }

ul.viewed_list li ul { margin-top:4px; margin-bottom:-4px; }

ul.viewed_list li a, ul.viewed_list li a:link, ul.viewed_list li a:active, ul.viewed_list li a:visited { color:#003333; text-decoration:none; }
ul.viewed_list li a:hover { text-decoration:underline; }


/* MIDDLE COLUMN STYLES
*******/

.main_middle_col_title { color:#FFFFFF; background:url(page_structure/middle_col_title.gif) #1C80A0 top right no-repeat; padding:3px 0 4px 7px; margin-bottom:9px; }
.middle_col_title { margin-top:40px; color:#FFFFFF; background:url(page_structure/middle_col_title.gif) #1C80A0 top right no-repeat; padding:3px 0 4px 7px; margin-bottom:9px; }

.main_middle_col_title a, .main_middle_col_title a:link, .main_middle_col_title a:active, .main_middle_col_title a:visited { color:#FFFFFF!important; text-decoration:none!important;  }
.main_middle_col_title a:hover { text-decoration:underline!important; }

.middle_col_title a, .middle_col_title a:link, .middle_col_title a:active, .middle_col_title a:visited { color:#FFFFFF!important; text-decoration:none!important;  }
.middle_col_title a:hover { text-decoration:underline!important; }

.top_col { margin-top:0; }

.content_left_col { float:left; width:230px; }
.content_right_col { float:right; width:230px; }


/* Standard Bottom buttons */

.button_float_btns {}
.button_right { float:right; }

/* RIGHT COLUMN STYLES
*******/

.right_col_search { padding:0; margin:0; margin-bottom:19px; }
.right_col_search input.search_field { 
border-top:1px solid #7C7C7C;
border-left:1px solid #C3C3C3;
border-bottom:1px solid #DDDDDD;
border-right:1px solid #C3C3C3;
color:#000000;
padding:2px 3px; font:11px verdana; width:228px; color:#333333; }
.right_col_search input.search_button { width:60px; font:11px verdana; color:#333333; }

.join_career_faqs { margin-bottom:21px; }



/* Right banner box */
.right_col_advert { margin-bottom:21px; }



/* BODY BANNER STYLES
*******/

.bottom_banner { position:relative; margin:0; padding:16px 0 24px 0; text-align:center; }

/* BODY FOOTER STYLES
*******/

.body_links { border-top:1px dotted #76B7C7; margin:0 27px; padding-bottom:11px; margin-top:20px; }

.subscribe_links { padding:16px 0; line-height:normal; }
.subscribe_links ul { margin:0; padding:0; margin-left:3px; }
.subscribe_links ul li { list-style:none; list-style-type:none; float:left;  }
.subscribe_links ul li a, .subscribe_links ul li a:link, .subscribe_links ul li a:active, .subscribe_links ul li a:visited { text-decoration:none; color:#003366; }
.subscribe_links ul li a:hover { text-decoration:underline; }

.subscribe_links ul li.subscribe_links_spacer { padding:0 17px;}
.subscribe_links ul li img { margin-bottom:-2px; }

.body_footer_divider { border-top:1px solid #76B7C8; border-bottom:3px solid #E4F0F3; line-height:0px; height:0px; }

/* Copyright Information box */

.body_copyright_info { padding:7px 2px 10px 2px; color:#003366; border-bottom:1px dotted #76B7C7; line-height:normal; }
.body_copyright { float:right; }
.body_copyright_links a, .body_copyright_links a:link, .body_copyright_links a:active, .body_copyright_links a:visited { font:11px verdana; color:#003366; text-decoration:none; margin-right:20px; }
.body_copyright_links a:hover { text-decoration:underline; }

/* FOOTER box
--------*/

#footer { margin:0 auto; width:982px; padding:12px 9px 30px 9px; text-align:center;  }
#footer a, #footer a:link, #footer a:active, #footer a:visited { color:#333333; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

.footer_links { position:relative; }
.footer_links ul {	 }
.footer_links ul li { display:inline; list-style:none; list-style-type:none; padding:5px; }

/* Copyright Information box */

.copyright_info { padding:9px 2px 12px 2px; color:#333333; }
.copyright { margin-top:8px; color:#333333!important; }
.copyright_links a, .copyright_links a:link, .copyright_links a:active, .copyright_links a:visited { font:11px verdana; color:#333333; text-decoration:none; margin-right:20px; }
.copyright_links a:hover { text-decoration:underline; }


/* Photo Gallery */

.prev_next_number_box { position:relative; height:20px; width:100%; }
.gallery_next { position:absolute; right:0; z-index:10; }
.one_of { position:absolute; top:0; text-align:center; width:100%; z-index:5; }
.gallery_previous { position:absolute; left:0; z-index:10; }

.bottom_prev_next { margin:3px  0 15px 0; }


/* BREAD CRUMB
--------*/

.breadcrumb { border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin-top:7px; padding:7px 0 10px 0; }
.crumb_item { font-weight:normal; padding-right:14px; color:#666666; line-height:20px; }

.crumb_item a, .crumb_item a:link, .crumb_item a:active, .crumb_item a:visited { text-decoration:none!important; color:#000000; font-weight:normal; }
.crumb_item a:hover { text-decoration:underline!important; }

.active { text-decoration:none!important; color:#000000; font-weight:bold; }

.shopping_area_breadcrumb { margin-top:0; margin-bottom:10px; }
.shopping_area_breadcrumb .crumb_item { padding-right:5px; }
.shopping_area_breadcrumb .crumb_arrow { padding-right:3px; }
/*Google search*/
right_col_search {
margin:0 0 19px; 
}

/*Your shout*/
.yourshout_main_title h1, .yourshout_main_title h2 
{ color:#3399ff;  padding:20px 0 2px 0px; margin-bottom:9px; font-size:25px; line-height:30px;  font-family:"Courier New", Courier, monospace; }
.yourshout_main_title h1 { padding:0px 0 2px 0px; font-weight:bold; }

.yourshout_box {
padding-bottom:30px;
}
.nopadding {
padding:0px;
}
/*your shout box for the quiz,main page*/
.yourshout_box img {
float:left;
margin-right:5px;
}
.yourshout_box .title {
margin-bottom:5px;
}
.yourshout_box .fix {
clear:both;
}

/**/
.yourshout_content input {
margin:2px 4px 0 0;
vertical-align:top;
}
.yourshout_content  {
line-height:150%;
margin-bottom:15px;
}
/*your shout comment for the quiz*/
.yourshout_comment  {
line-height:150%;
margin:15px 0;
}
.yourshout_comment td{
vertical-align:top;
padding:5px 0;
border:0px;
}
.yourshout_comment table, .yourshout_comment tr {
border:0;
}
.yourshout_comment h2, .yourshout_comment .desc {color:#000000; margin-bottom:10px;}
.yourshout_comment_box {margin:10px 0; border-bottom:1px solid #cccccc;border-top:1px solid #cccccc; }
/*your shout polls*/
.yourshout_polls {
border-top:1px solid #333333;
padding:4px 0;
margin:15px 0;
}
.yourshout_polls_main {
border-bottom:1px solid #333333;
}
.yourshout_polls td, .yourshout_polls th{
padding:0px 4px 4px 4px; vertical-align:top;
}
.yourshout_polls table {
border-collapse: collapse;font-family:"Courier New", Courier, monospace;
}
.yourshout_icon table {
margin-top:5px;
}
.yourshout_icon td {
padding:5px;
}
/*your shout menu icons*/
#lefticon1, #lefticon2, #lefticon3, #lefticon4,#lefticon5  {
width:100px;
height:100px;
background-color:#3399ff;
}
.yourshout_gallery td{
padding:3px 0;
}
/*your shout video*/
.yourshout_video {
margin:5px;
}


/* SiteGuide */
#middle_col h1{
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003366;}

#middle_col li{
	margin-top:10px;
	margin-bottom:10px;}

#siteguides_col{
	width:360px;
	float:left;
	margin:3px 15px 30px 3px;
	border: solid #F3F3F3 1px;
	padding:5px;
	font-size:12px;}
	
#siteguides_footer ul li{
	list-style-type:none;
	display:inline;
	font-size:9px;
	color: #B0B0B0;}
#siteguides_footer ul{
	margin-top:10px;
}
#middle_col p{
	margin: 0px 20px 0px 20px;}
#middle_col h2{
	font-size:14px;
	font-stretch:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;}
	
ul.siteguides_list{
	list-style-type:none;}
ul.siteguides_list li{
	padding: 7px 0px 7px 0px;
	margin:0px;
	border-bottom:1px #E5E5E5 dotted;}
	
.clear{clear:both;}