/*
-- © 2010 Jellyfish Creative
-- http://www.jellyfishcreative.co.uk
-- Date Created: 12/04/2010
*/

html, body
{
	height:100%;		
}

body
{
	background:url(/res/images/layout/page-bg.png) repeat-y scroll center top #ECEDEE;
}

#page-bg
{
	position: absolute;
	background-color: #e8e8e8;	
	background-image: url(/res/images/layout/page-bg.png);
	background-repeat: repeat-y;
	height:99999px;
	width: 2000px;	
	margin-left: -502px;
}

#window-wrapper
{
	position:relative;
	overflow:hidden;
	height:auto !important;
	min-width:995px;
	min-height:100%;
}

#main-body
{
	background-image:url("/res/images/layout/page-bg.png");
	background-position:-502px 50%;
	margin:0 auto;
	position:relative;
	width:995px;
	/* Allow room for footer */
	padding-bottom:154px;
}

#main-body.footer-expanded
{
	padding-bottom:334px;
}

#main-content
{
	font-size:1.2em;
	position:relative;
	width:995px;	
	overflow: auto;
	overflow: visible;
}

#main-content h1
{
	font-size: 2.4em;
}

#main-content h2
{
	font-size: 1.4em;
	font-weight: normal;
}

#main-content h2.jobtitle
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#main-content p.jobtitle
{
	margin-bottom: 10px;
}

p.articledate
{
	color: #000;		
	margin-top: 7px;
}

p.next-step
{
	font-size: 1.2em;
	line-height: 1.2em;
}

#main-menu
{	
	font-size:1.2em;
}

#main-menu #menu-content
{	
    margin-left:-800px;
    width:1000px;
}

#main-menu #logo
{   
	height:138px;
    padding-top:20px;
    text-align:right;
    width:187px;
}

#main-menu #logo img
{	
}

/*-------------------- PAGE LAYOUT DEFAULTS ---------------*/
.left-column-content
{
    float:left;
    width:200px;
}

.right-column-content
{
    float:right;
    width:795px;
}

/* -------------------- HOME CONTENT --------------------- */

#home-content div.home-column
{
	float: left;
	height: 575px;
	background-repeat: no-repeat;
}	

#home-content div.home-column.expanded
{
	height: 754px;	
}

span.ql-over
{
	display: none;
}

#home-content #welcome-ql
{
	background-image: url(/res/images/btns/welcome-ql.png);		
	width: 199px;
}

#home-content #personal-ql a
{
	background-image: url(/res/images/btns/personal-ql.png);		
	width: 198px;
}

#home-content #business-ql a
{
	background-image: url(/res/images/btns/business-ql.png);		
	width: 199px;
}

#home-content #careers-ql a
{
	background-image: url(/res/images/btns/careers-ql.png);		
	width: 199px;
}

#home-content #home-header
{
	height: 48px;	
	padding:22px 0 0 214px;
}

#home-content #business-ql a, #home-content #careers-ql a
{
	background-repeat:no-repeat;
	display:block;
	height:476px;
	width:199px;
}

#home-content #personal-ql a
{
	background-repeat:no-repeat;
	display:block;
	height:476px;
	width:198px;
}

#home-content #business-ql a:hover span, #home-content #personal-ql a:hover span , #home-content #careers-ql a:hover span { display:block; }

#home-content #business-ql a:hover, #home-content #personal-ql a:hover , #home-content #careers-ql a:hover { background-image: none; }

#welcome-ql #welcome-top
{
	height:245px;
	padding-top: 77px;
	padding-left: 14px;
	padding-right: 14px;
}

#welcome-ql #welcome-top p
{
	color: White;
	line-height: 135%;
	font-size: 0.9em;
}

#welcome-ql #welcome-top p.home-heading
{
	font-size: 2.4em;
	padding-bottom: 14px;
	font-weight: bold;
}

#welcome-content
{
	width: 171px;
	height: 93px;
	background-image: url(../images/layout/welcome-content-bg.png);
	background-repeat: repeat;	
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 4px;
	overflow: hidden;
}

#welcome-ql #welcome-content p.welcome-call-to-action
{
	font-weight: bold;
	color: #fff;	
	padding-top: 7px;
}

#welcome-ql #welcome-content p.welcome-phone-number
{
	font-weight: bold;
	font-size: 2.2em;
	color: #fff;
}

#welcome-ql #welcome-content a.welcome-call-to-action
{
	font-weight: bold;
	color: #f9b200;	
	text-decoration: none;
	display: inline;
	background-image: url(../images/controls/yellow-arrow.png);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 10px;
}

/* ------------------- PAGE CONTENT --------------------- */

span.sub-info
{
	/*margin-left: 8px;*/
}

#page-content h1
{
	padding-bottom: 16px;	
}

#page-content h2
{	
}

#page-content p
{
	padding-bottom: 10px;
}

#main-content a
{
	color: #00a3de;
	text-decoration: none;
}

#main-content a.submit-btn
{
	color: #fff
}

#page-content p.quote
{
	line-height: 1.2em;
	font-size: 1.3em;
}

#page-content p.page-number
{
	font-size: 2.3em;	
	font-weight: bold;
}

#page-content span.page-number-text
{
	font-size: 0.6em;	
}

#page-content span.quoteby
{
	color: #000;
	font-size: 0.8em;
	padding-left: 10px;
}

#page-content #editable-content
{
	margin-top: 3px;
	margin-bottom: 15px;
}

div.page-hr
{
	width: 100%;
	height: 2px;
	background-image: url(../images/layout/page-hr-bg.png);
	background-repeat: repeat-x;
	margin-bottom: 12px;	
	margin-top: 14px;
}

#page-content
{
	position:relative;
}

#page-content #next-steps,
#page-content div.next-steps
{
	margin-top: 28px;		
}

#page-content ul
{
	margin-left: 15px;
	margin-bottom: 14px;
}

#page-content #next-steps ul,
#page-content div.next-steps ul
{
	margin-left: 0px;
	margin-bottom: 14px;
}

#page-content ul li
{
	list-style-type: disc;
}

#page-content div.next-steps ul li,
#page-content #next-steps ul li
{
	font-size: 1.2em;
	list-style-type: none;
}

.text-content
{
	padding-right:39px;
}

/* ------------------- INNER PAGE --------------------- */

#inner-content h3
{
	font-size: 1.2em;
	margin-bottom: 8px;
}

#inner-header
{
	height: 22px;
}

#inner-content
{	
}

#inner-main-container
{
	float:left;
	width:589px;
	width:596px;
	position:relative;	
}

#inner-main-border
{
	width: 562px;
	background-image: url(../images/layout/inner-main-bg.png);
	background-repeat: repeat-y;
	padding: 16px 17px 10px 10px;
	margin-left:7px;
	/*margin-bottom: 155px;*/
}

#inner-main-border.expanded
{
	/*margin-bottom: 335px;*/
}

#inner-main-border-block
{
	position:absolute;
	width:58px;
	height:16px;
	background-image: url(../images/layout/inner-main-bg-block.png);
	left: 397px;
}

#inner-main
{
	background-color: #fff;	
	min-height: 520px;
	height:auto !important;
	height:520px;
	padding:18px 17px;
	width:528px;
	position:relative;
}

#inner-supporting-container
{	
	float:right;	
	width:199px;
}

#inner-supporting-border
{
	width: 199px;
	background-image: url(../images/layout/supporting-border-bg.png);
	background-repeat: repeat;
	padding: 16px 0px 17px 0px;
	position: relative;
	z-index:0;
}

#inner-supporting-border-bg-block-left
{
	width: 58px;
	height: 17px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-image: url(../images/layout/supporting-border-bg-block-left.png);
	background-repeat: no-repeat;
}

#inner-supporting-border-bg-block-right
{
	width: 18px;
	height: 17px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-image: url(../images/layout/supporting-border-bg-block-right.png);
	background-repeat: no-repeat;
}

#inner-supporting
{
	width: 154px;
	min-height: 299px;
	background-color: #fff;
	padding: 24px 14px 26px 14px;
}

#inner-supporting-spacer
{
	width: 199px;
	height: 80px;
}

#inner-supporting-image
{
	position: absolute;
	width: 199px;
	background-repeat: no-repeat;	
	height: 422px;	
}

#inner-supporting-image-top
{
	width: 199px;
	background-repeat: no-repeat;	
	height: 89px;
}

#inner-supporting-image-bottom
{
	background-image: url(../images/layout/blue-filler-bg.png);
	background-repeat: repeat;
	width: 199px;
	position: absolute;
	height: 5000px;
	top: 906px;
}

#inner-supporting img
{
	border:medium none;
	left:-11px;
	position:relative;
	top:-21px;
}
	
/* -------------------- NEXT STEPS ---------------- */

div.next-step a,
div.next-step ul li span
{
	font-size:1.2em;
}

div.next-step a.call-us
{
    padding-right:15px;
    background-image: url(../images/controls/ctrl_select_bg_right_blue.png);
    background-position:right 4px;
    background-repeat:no-repeat;
}

div.next-step a.call-us span
{
	display: none;
}

div.next-step p.next-step-numbers
{
	margin-top: 6px;
	color: Black;
	line-height: 1.4em;	
	font-size: 0.9em;	
}

/*-------------------- QUICK LINKS --------------------- */

#quick-links-select
{
	width: 171px;
	height: 25px;
	cursor:pointer;
}
#quick-links-select *
{
	cursor:pointer;
}

.ajax-loader
{
	background-image:url(../images/ajax-loader.gif);
	width:16px;
	height:16px;
    position:absolute;    
}

/*----------- SPECIFIC CONTROL WIDTHS ---------------*/

#search-content input.keywords { width:550px;}

#search-content label {
	color: White;
	font-weight: bold;
	display:block;
	padding-bottom:6px;
	padding-top: 2px;
}

.expertisedd
{
	width: 171px;
}

.form-section-row 
{
	padding-bottom:6px;
}

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

#footer
{
	background-image: url(../images/layout/footer-border-bg.png);
	background-repeat: repeat;
	bottom:0;
	clear:both;
	height:147px;
	/*margin-top: 86px;*/
	position:absolute;
	width:100%;
}

#footer div.footer-content-inner
{	
	left:149px;
	margin:0 auto;
	position:relative;
	width:895px;
}

#footer #footer-top
{
	width: 100%;
	height: 32px;
}

#footer #footer-top a
{
	color: #000;	
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	/*padding-top: 7px;*/
	line-height:32px;
	text-decoration: none;
	padding-right: 10px;
	width: 92px;	
	outline: none;
}

#footer #footer-top a span
{
	background-image: url(../images/controls/black-arrow.png);
	background-repeat: no-repeat;	
	background-position: 0px -7px;
	width: 14px;
	height: 9px;
	display: block;
	float: right;	
	/*padding-top: 4px;*/
	margin-top:11px;
}

#footer #footer-content
{
	width: 100%;
	background-color: #fff;
	margin: 0 auto;
	height: 109px;
}

#footer-optional-content
{
	display: none;
	height: 126px;
}

#footer-optional-content-min
{
	height: 70px;
}

#footer-permanent-content
{
	height: 39px;	
	clear: left;
}

#footer ul.footer-links
{
	display: inline-block;	
	margin-top: 8px;
}

#footer ul.office-links
{
	display: block;	
	margin-top: 0px;
}

#footer ul.footer-links li
{
	list-style: none;
	height: 15px;
	color: #000;
	padding-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	border-right: solid 1px #000;
	float: left;
}

#footer ul.office-links li
{
	border-right: solid 1px #808285;	
}

#footer ul.footer-links li.no-line
{
	border: none;
}

#footer ul.footer-links li a
{
	margin-right: 4px;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#footer ul.office-links li a
{
	color: #808285;
}

#footer ul.footer-links li a:hover
{
	text-decoration: underline;
}

#footer p.footer-copyright
{
	color: #444e5a;
	font-weight: bold;
}

#footer-optional-content .column
{
	float:left;
	width:116px;
	height:115px;
}

#footer-optional-content div.office-links div.column 
{
	width: 135px;
	height: 110px;
}

#footer-optional-content div.office-links div.column dl
{
	width: 135px;
}

/* --- FOOTER SITEMAP --- */

#footer-optional-content a { color:#444e5a; font-weight:bold; text-decoration:none; }
#footer-optional-content a:hover { text-decoration:underline; }

#footer dl
{
	padding-bottom:4px;
	width:116px;
	padding-top: 7px;
}

#footer dl dt {	padding-bottom:2px;	}
#footer dl dt a
{
	color:#545454;
	font-weight:bold;
}

#footer dl dt a:hover {}
#footer dl dd{}
#footer dl dd ul
{
	font-size:0.85em;
	list-style:none;	
	padding-bottom:0;
}

#footer dl dd ul li { padding:0; background-image:none; }
#footer dl dd ul li a
{
	font-weight:normal;
	color:#545454;
	line-height:1.3em;
}
#footer dl dd ul li a:hover {}

.nopadding
{
	padding-bottom: 0px;
}

#inner-content h3.nomargin
{
	margin-bottom: 0px;
}

ul.sitemap li
{
	padding-left: 12px;
	list-style-image: none;
}

/*---------------------- FOOTER OFFICE LINKS -----------------*/

#footer div.office-links
{
	clear: left;	
	height: 133px;
	width: 820px;	
}

#footer div.sitemap-links
{
	height:114px;
	width:820px;
}

#footer div.topBorder
{
	width: 796px;
	height: 2px;
	overflow: hidden;
	background-image: url(../images/layout/footer-border-bg.png);
	background-repeat: repeat;
}

#footer span.officecaption
{
	margin-top: 12px;
	display: block;
	font-weight: bold;
	color: Black;
}

/*---------------------- FOOTER EXPANDED -----------------*/

#footer.expanded #footer-top a span { background-position: 0px 2px; }
#footer.expanded { height: 327px; }
#footer.expanded { margin-top: 200px; }
#footer.expanded #footer-content { height: 289px; }
#footer.expanded #footer-optional-content {display:block;height:247px;}
#footer.expanded #footer-optional-content-min {display:none; }


/*--------------------- PRODUCT PEOPLE -------------------*/
#key-contacts
{
    overflow:hidden;
    width:100%;
}

#key-contacts .contact
{
    float:left;
    width:100px;
}

#key-contacts .contact p.person
{
    padding:6px 0 0;
}

#key-contacts .contact p.office
{
    font-size:0.91em;
}

#key-contacts .contact h3.snippet
{
    display:none;
}

#key-contacts .info-box
{
    float:left;
    width:242px;
    height:152px;
    background-color:#eaf1f4;
}

#key-contacts .info-box h3
{
    font-weight:normal;
    letter-spacing:0;
    padding:35px 20px 0;
}

.people-list
{
    padding-bottom:28px;
}

/*----------- SPECIFIC CONTROL WIDTHS ---------------*/
#form-your-details select.salutation { width:70px;}
#form-your-details input.firstname { width:162px;}
#form-your-details input.lastname { width:162px;}
#form-your-details input.company { width:172px;}
#form-your-details input.position { width:172px;}
#form-your-details input.email { width:192px;}
#form-your-details textarea.address { width:470px;}
#form-your-details input.postcode { width:65px;}
#form-your-details input.telephone { width:115px;}
#form-your-details input.fullname { width:135px;}
#form-your-details input.address { width:260px;}
#form-your-details input.dietaryrequirements { width:500px;}

#register-updates select.clienttype { width:107px;}
#register-updates select.service { width:123px;}
#register-updates select.publication { width:280px;}
#register-updates select.issue { width:140px;}

#advanced-search input.keywords { width:411px; }
#advanced-search select.areaofexpertise { width:202px;}
#advanced-search select.service { width:202px;}
#advanced-search select.sitearea { width:202px;}

#library-filters select.sector { width:202px;}
#library-filters select.service { width:202px;}
#library-filters input.keywords { width:140px;}

#archive-filters input.keywords { width: 298px; }
#archive-filters select.day { width: 51px; }
#archive-filters select.month { width: 63px; }
#archive-filters select.year { width: 63px; }

#category-filters.form-section { padding-top:22px; }
#category-filters .categories { width:150px }

/*------------------- FORM LAYOUTS ------------------*/

.form-section
{
	padding-bottom:10px;
	padding-top:5px;
}

.form-section h4 { padding-bottom:12px; }
.form-section .column {	/*height:45px;*/  }
.form-section-row {	padding-bottom:12px; }

.form-section .column input,
.form-section .column select,
.form-section .column textarea,
.form-section .column span,
.form-section .column div.select_bg,
.form-section .column .custom-select-container
{ margin-right:15px; }


.form-section .column span.jquery-checkbox,
.form-section .column span.mark,
.form-section .column .selectbg .middlebg span,
.form-section .last-column .custom-select-container
{
	margin-right:0;
}

.form-section .column input.submit,
.form-section .column a.submit-btn
{
	margin-top:15px;
}

.multi-selects-column {	padding-right:13px; }
.multi-selects-column .select-container { float:left; }
.form-section .multi-selects-column select { margin-right:2px; }



label.right-text { margin-right:10px; }

.form-section .column label.right-text input
{
	margin-right:5px;
	margin-left:0px;
	vertical-align:middle;
}

.form-section .column label
{
	display:block;
	padding-bottom:2px;
	color:#555555;
}

.form-section .column label + label
{
	display:inline;
	font-weight:normal;
}

.form-section .all-inline-column label { display:inline;}

.form-section .input-submit-inline-column input.submit,
.form-section .input-submit-inline-column a.submit-btn
{
	margin-top:0;
}

.form-section .agree-to-terms 
{
	font-size:0.833em;
}

.grouped .column label { font-weight:bold; }
input.size1 { width:172px; }
input.size2 { width:115px; }
input.size3 { width:172px; }
select.sendto { width:123px; }
select.enquirytype { width:200px; }
select.title { width:66px; }

.form-section .title {width:66px;}

.day, .month, .year { width:35px;}

textarea + label
{
	display:block;
	padding-top:10px;
	padding-bottom:2px;
}


/*-------------------- SEARCH FILTERS -----------------*/
.search-filters .form-section
{
	padding-top:0;
	padding-bottom:15px;
}

.search-filters .form-section .last-form-section-row{padding:0;}
.search-filters .jquery-checkbox img  
{
	background-image:url(../images/controls/icons_select_whitebg.png);
}

/*--------------------  SEARCH RESULTS ---------------------*/
.search-results
{
}

.search-results .person-result
{
	float:left;
	width:264px;
}


/*-------------- DIRECTIONS MAP ----------------------*/
#directions-map
{
	background:url('../images/layout/directionsmap_bg.gif') repeat-x 0 0;
	padding:5px;
	margin-bottom:16px;	
}

/*----------------------- GOOGLE MAPS --------------------*/
#map-info-window
{	
}

#map-info-window .content
{
}

#map-info-window .content p
{
	margin:0;
	padding:0;
}

#maps-message
{
	clear:both;
}

/*------------------- PEOPLE SECTION ------------------*/

#people-search-filters
{
	padding-top:10px;
}

#people-search-filters.search-filters
{	
	/*margin-bottom:12px;*/
	background-color:#F6F7F7;
	margin-bottom:12px;
	padding:10px 10px 0;
}

h2 + .people-image-row
{
	padding-top:2px;
}

.people-image-row
{
	overflow:hidden;
	width:490px;
	height:122px;
	padding-bottom:16px;
	padding-top:40px;
}

.people-image-row .person-img
{
	float:left;
	display:inline;
	width:98px;
	height:102px;
}

.people-image-row .person-img img
{
	width:98px;
	height:122px;
}

#people-letters, .people-letter-filters
{
	/*height:50px;*/
	width:100%;
}

.people-letter-filter
{
	float:left;
	width:24px;
	height:24px;
	background-color:#94b6c9;
	margin-right:1px;
}

#name-radio-switch a.selected
{
	font-weight:bold;
}

#people-letters a
{	
	background-color:#ffffff;
	border:1px solid #00A3DE;
	cursor:pointer;
	display:block;
	float:left;
	font-size:16px;
	/*height:16px;*/
	line-height:17px;
	margin-right:1px;
	text-align:center;
	vertical-align:middle;
	width:15px;
}

#people-letters a.selected,
#people-letters a:hover
{
	background-color:#00A3DE;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	border:1px solid #ffffff;
}

#people-letters.disabled a,
#people-letters.disabled a:hover
{
	background-color:#ffffff;
	border:1px solid #E8E8E8;
	color:#E8E8E8;
	cursor:default;
}

#people-letters .letters-row
{
	/*height:25px;*/
	clear:right;
	padding-bottom:8px;
}

.person-info
{
}

.person-info-summary
{
	padding-bottom:9px;
}

.person-info-summary p
{
	padding:0;
}

.person-info-img 
{
}

.person-info-img img
{
	width:171px;
	margin-bottom:10px;
}

/*------------- DETAIL INFORMATION SUMMARY ------------*/
.info-summary {
	padding-bottom:9px;
}

#page-content .info-summary p{
	padding:0;
}

/*---------- CONFIRMATION POP UP ----------------*/

#overlay {
    background-color:#b2b2b2;
    min-height:100%;    
    height:auto !important;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:9000;
    display:none;
}

#confirmation-popup
{   
    left:0;
    line-height:0;
    position:absolute;
    text-align:center;
    top:30%;    
    z-index:9999;
    display:none;
    font-size:1.2em;
}

#confirmation-popup .message-box
{
    background-color:#FFFFFF;    
    margin:0 auto;
    position:relative;
    width:278px;
    padding:20px;
}

#confirmation-popup .message-box
{
    text-align:left;
}

#confirmation-popup .info-img
{
	margin-left:-6px;
}

#confirmation-popup #close-btn
{
    position:absolute;
    right:30px;
    top:15px;
    cursor:pointer;
}

#po-request-a-call-back #close-btn,
#po-register-for-updates #close-btn
{
    right:8px;
    top:8px;	
}

#po-request-a-call-back h2,
#po-register-for-updates h2
{
	position: relative;
	left: -8px;	
	padding: 0px;
}

#po-send-to-friend.message-box
{
    width:450px;
}

#po-request-a-call-back.message-box
{
    width:400px;
}

#po-send-to-friend .ajax-loader,
#po-request-a-callback .ajax-loader
{
	background-image:url("../images/ajax-loader.gif");	
	left:81px;
	top:9px;
}

#po-send-to-friend .form-section,
#po-request-a-callback .form-section
{
	position:relative;
}

#po-request-a-callback input + .field-validation-error, 
#po-request-a-callback a.btn + .field-validation-error,
#po-send-to-friend input + .field-validation-error, 
#po-send-to-friend a.btn + .field-validation-error,
input.submit + .field-validation-error,
a.btn + .field-validation-error,
a.submit-btn + .field-validation-error
{
    display:inline-block;
}

#confirmation-popup input.text { width:170px;}
#confirmation-popup textarea.text { width:437px;}

#confirmation-popup h1 + h2 { padding-top:0;}
#confirmation-popup h1 { letter-spacing:0; font-size:2.0em;}
#confirmation-popup h2 { letter-spacing:0;}