/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ #current_employer {display:none;} #container{ position:relative; padding:0px 0px 0px 0px; margin-left:auto; margin-right:auto; width:945px; } .tempHide{display:none!important; visibility:hidden!important;} #tempHideID{display:none!important; visibility:hidden!important;} .person{margin-top:16px;} .person_image {padding-left:16px; color:#fff; display:none; visibility:hidden} .person_info {margin-left:16px; margin-top:16px; margin-bottom:70px;} #container #text table tbody tr a {font-size:14px; font-weight:bold;} #container #text table tbody {font-size:14px; font-weight:normal;} #container #text #meet_the_team table {width:500px; margin-left:16px; margin-top:16px; margin-bottom:70px;} #sidebar_nav_desc a {font-size:14px; font-weight:bold;} #sidebar_nav_desc {margin-top:5px; margin-left:5px;} .nostyle img{display:none} #header { width:100%; height:153px; margin:0; padding:0; margin-bottom:0px;} #logo { width:290px; height:108px; margin:0px; padding:0; } #main {position:relative; width:100%; margin:2px 0px 0px 0px; } #sidebar {float:left; width:158px; height:100%; margin:0px 0px 1px 0px; padding:0px; } #content_main {position:relative; z-index:1; float:right; width:736px; margin:0px 0px 0px 0px; padding:0px; min-height:300px; height:auto !important; height:300px;} #content {width:530px; padding:0px 20px 0px 12px; float:left;} #sidebar_right {float:right; width:174px; height:100%; margin:0px; padding:0px;} #footer_wrapper { width:100%; min-height:200px; height:auto !important; height:200px; background:url(/images/footer_bg.jpg) center top no-repeat #333; margin:-20px 0px 0px 0px; padding:40px 0px 0px 0px; } #footer {position:relative; width:945px; margin:0px auto; padding:0px 0px 20px 0px; } .footer_block {float:left; display:block; width:250px; margin:0px 20px 0px 0px;} .footer_block h3 {display:block; font-size:2em; color:#666; margin-bottom:5px;} .footer_block:first-child {margin:0px;} .addthis_cover {visibility:hidden} .footer_block a {display:block; color:#F8F8F8; margin-bottom:10px; font-size:1.2em;} .footer_block a:hover {color:#F8F8F8;} #footer #share_link {font-size:2em; font-weight:bold; color:#666; display:block; width:50px; margin:0px 0px 5px 0px; padding:3px 35px 0 0; background:url(/images/share_link_arrow.jpg) right 9px no-repeat; text-decoration:none; cursor:default} .addthis {display:block; position:absolute; top:0px; left:90px;} .addthis_cover {position:absolute; top:0px; left:0px; display:block; width:120px; height:35px; background:#333;} .addthis_button_twitter, .addthis_button_facebook, .addthis_button_linkedin {text-decoration:none!important;} .TopShareConatiner{width:210px!important; padding:0px; float:right; padding-top:0px; padding-bottom:0px; } #TopShareContainer{width:260px!important;} #addthis_toolbox{width:126px!important; padding:0px; float:left} #addthis_toolbox a{text-decoration:none!important;} .AddThisBoxes{float:right; background-color:#fff} .FBiFrame{float:right; background-color: #fff; padding-top:0px; } #quick_links_footer {width:230px;} #sitemap_footer {width:150px;} #news_footer {width:320px;} #wag_logo {position:absolute; top:48px; right:0px;} #wag_logo a {} #footer_bottom_wrapper { width:100%; margin:0px; padding:0px 0px 0px 0px; background-color:#333333 } #footer_bottom {position:relative; width:945px; margin:0px auto; padding:5px 0px 20px 0px; text-align:right;} #footer_nav {float:right; display:block;} #footer_nav a {float:left; display:block; font-size:1.2em; color:#999; border-left:1px solid #333; margin-left:6px; padding-left:6px;} #footer_nav p {float:left; display:block; margin:0; font-size:1.2em; color:#999; border-left:1px solid #333; margin-left:6px; padding-left:6px;} #footer_bottom a:first-child {border:0px;} .clear { clear:both; } .top_left {position:absolute; top:0px; left:0px; background:url(/images/top_left.png) left top no-repeat; width:11px; height:10px;} .top_right {position:absolute; top:0px; right:0px; background:url(/images/top_right.png) right top no-repeat; width:11px; height:10px;} .bottom_left {position:absolute; bottom:0px; left:0px; background:url(/images/bottom_left.png) left top no-repeat; width:11px; height:10px;} .bottom_right {position:absolute; bottom:0px; right:0px; background:url(/images/bottom_right.png) right top no-repeat; width:11px; height:10px;} #green_strip {position:absolute; top:0px; left:0px; width:100%; height:32px; background:#6EB869;} label.indent, div.indent { float: left; width: 150px; clear: both; font-size: 12px; line-height: normal; margin: 2px 2px 2px 0;} /*------------------------------------ quick links -----------------------------------------------------------*/ #quick_links {position:absolute; top:3px; right:0px;} #quick_links a {position:relative; float:left; display:block; background:#69686D; padding:5px 10px; margin:0px 0px 0px 3px; color:#FFF; font-size:1.2em;} #quick_links a:hover {background:#333; text-decoration:none; border-bottom:1px solid #FFF;} #quick_links span.bottom_left {position:absolute; bottom:0px; left:0px; width:11px; height:10px; background:url(/images/bottom_left.png) left bottom no-repeat;} #quick_links span.bottom_right {position:absolute; bottom:0px; right:0px; width:11px; height:10px; background:url(/images/bottom_right.png) right bottom no-repeat;} #quick_links #accessibility_link {padding-right:25px; background:url(/images/accessibility_link_arrow.jpg) right -1px no-repeat #69686D;} #quick_links #accessibility_link:hover {background:url(/images/accessibility_link_arrow.jpg) right -31px no-repeat #333;} #quick_links #accessibility_link.active {background:url(/images/accessibility_link_arrow.jpg) right -31px no-repeat #333;} .register_interest {position:absolute; top:75px; right:0px;} .register_interest a {color:#B2449B; font-size:1.8em; font-weight:bold;} .register_interest a:hover {} .js_enabled {display:none;} .enquiry_popup {display:none; position:absolute; top:80px; left:50%; margin-left:-100px; z-index:901; background:#D3D3D3; width:195px; padding:10px; border:2px solid #000;} .close_enquiry {float:right; display:block; padding:0px 3px; font-weight:bold; color:#000; border:1px solid #333;} .close_enquiry:hover {color:#F00; border:1px solid #F00; text-decoration:none;} .enquiry_popup p {float:left; display:block; width:300px;} .enquiry_popup label {display:none;} .enquiry_popup input, .enquiry_popup select {float:left; display:block; width:170px; margin:0 3px 0 0; padding:3px 5px; background:#FFF; border:1px solid #666; border-right:1px solid #CCC; border-bottom:1px solid #CCC;} .enquiry_popup select {width:180px; padding:3px 3px 3px 5px;} .enquiry_popup button {float:right; display:block; background:#842D84; color:#FFF; border:0px; padding:3px 10px; margin-right:9px;} #checkboxes label {float:left; display:block; width:120px;} #checkboxes input {float:left; display:block; width:20px; margin-top:0;} #shadow {display:none; position:fixed; top:0px; left:0px; z-index:900; background:url(/images/shadow_bg.png) left top; width:100%; height:100%;} .enquiry_popup input.error {background:#F7CFCF;} .enquiry_popup .error_feedback ul {margin:0; padding:0 0 0 18px; } .enquiry_popup .error_feedback ul li {font-size:12px;} .accessibility_dropdown {position:absolute; top:28px; right:310px; width:245px; z-index:100; padding:10px 10px; background:#333; display:none;} .accessibility_dropdown a.close {float:right; display:block; width:5px; height:12px; margin:-3px -5px 0 0; font-weight:bold;} .accessibility_dropdown p {color:#FFF; margin:0 0 5px 0; font-weight:bold; cursor: default} .accessibility_dropdown a {color:#FFF; font-size:1.1em; margin-right:6px; padding-right:6px;} .accessibility_dropdown a:hover {color:#FFF;} .textsize_options a.border_right {border-right:1px solid #FFF;} .contrast_options a.border_right {border-right:1px solid #FFF;} .contrast_options {display:block; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #777;} .textsize_options {display:block;} .deactivate {cursor:default; color:#666 !important; text-decoration:none;} .deactivate:hover {cursor:default; text-decoration:none;} #enquiry-embed-container {position:relative; padding:5px 0; min-height:370px; height:auto !important; height:300px; background:#F3F1F2; border-top:3px solid #DCDCDC; border-bottom:3px solid #DCDCDC; margin-bottom:50px;} #enquiry-embed-container p.thank-you {margin-left:12px;} *+html #enquiry-embed-container .error_feedback {padding-top:1px;} *+html #enquiry-embed-container .error_feedback ul li {padding-left:10px;} #enquiry-left {float:left; display:block; width:195px; padding:0 10px;} #enquiry-left input {width:172px; padding:3px 5px; background:#FFF; border:1px solid #666; border-right:1px solid #CCC; border-bottom:1px solid #CCC;} #enquiry-left input[type='radio'] {width:15px; border:0; background:none;} #enquiry-left select {width:185px; padding:3px 0px; background:#FFF;} #enquiry-left input.error {background:#FFE8E8;} #enquiry-left label {color:#333; font-size:13px;} #enquiry-right {float:right; display:block; width:290px; margin-right:7px;} #enquiry-right textarea {font-size:13px; font-family:arial, helvetica, sans-serif; width:270px; height:88px; padding:3px 5px; background:#FFF; border:1px solid #666; border-right:1px solid #CCC; border-bottom:1px solid #CCC;} #enquiry-right label {width:104px; font-size:13px; color:#333;} #enquiry-right select {width:175px; padding:3px 0px; background:#FFF;} #enquiry-right button {float:right; display:block; background:#832D84; border:0; color:#FFF; padding:5px 10px; margin:5px 8px 0 0;} #enquiry-right button:hover {background:#4B1A4C;} #enquiry-right #required_hidden {float:right; display:block; margin:5px 8px 25px 0;} #enquiry-embed-container .req {color:#F00;} #enquiry-right p {font-size:13px; color:#333;} #small_links {position:absolute; bottom:5px; right:5px;} #small_links a {float:left; display:block; font-size:13px; color:#333; margin-left:5px; text-decoration:underline;} #small_links a:hover {text-decoration:none;} #small_links span {float:left; display:block; color:#666; margin-left:5px;} select.error {background:#FFE8E8 !important;} #contact_preference {display:block; margin:15px 0 0 0;} #contact_preference label {float:left; display:block; color:#333; font-size:13px; width:120px;} #contact_preference input[type='checkbox'] {width:15px; border:0; background:none;} /*------------------------------------ slideshow -----------------------------------------------------------*/ #slideshow {position:relative; width:945px; height:245px; border-bottom:8px solid #B1439A;} #slide_nav {position:absolute; bottom:0px; right:16px; z-index:100; border-top:4px solid #B1439A;} #slide_nav a {float:left; display:block; padding:2px 12px; color:#FFF; background:#6B6A6F; font-weight:bold; font-size:1.3em;} #slide_nav a:hover {background:#B1439A; text-decoration:none;} #slide_nav a.activeSlide {background:#B1439A; text-decoration:none;} #slides {position:absolute; top:0px; left:0px; width:945px; height:245px;} #slides a {position:absolute; top:0px; left:0px; width:945px; height:245px;} #slides a:hover {} /*------------------------------------ home blocks -----------------------------------------------------------*/ .TempBreadCrumbToHide{display:none; visibility:hidden} #home_blocks {margin-top:16px;} #home_blocks .home_block {float:left; display:block; position:relative; margin-left:21px; width:200px; height:180px; padding:10px; background:#339A99;} #home_blocks .home_block:hover {cursor:pointer;} #home_blocks .home_block:first-child {margin:0px 1px 0px 0px;} .first_home_block {margin:0 1px 0 0;} .home_block .top_left {position:absolute; top:0px; left:0px; background:url(/images/top_left.png) left top no-repeat; width:11px; height:10px;} .home_block .top_right {position:absolute; top:0px; right:0px; background:url(/images/top_right.png) right top no-repeat; width:11px; height:10px;} .home_block .bottom_left {position:absolute; bottom:0px; left:0px; background:url(/images/bottom_left.png) left top no-repeat; width:11px; height:10px;} .home_block .bottom_right {position:absolute; bottom:0px; right:0px; background:url(/images/bottom_right.png) right top no-repeat; width:11px; height:10px;} .home_block_title {} .home_block_title h2 {font-size:3.5em; letter-spacing:-1px; font-weight:bold; color:#FFF; margin:0px;} .home_block_title h2 a {color:#FFF;} .home_block_text {} .home_block_text p {font-size:2.8em; line-height:30px; letter-spacing:-1px; font-weight:bold; color:#FFF;} .turquoise {background:#339A99 !important;} .turquoise:hover {background:#339A99 !important;} .yellow {background:#FFB93F !important;} .yellow:hover {background:#FFB93F !important;} .green {background:#66CC66 !important;} .green:hover {background:#66CC66 !important;} .purple {background:#B1439A !important;} .purple:hover {background:#B1439A !important;} /*------------------------------------ case studies -----------------------------------------------------------*/ #case_studies {float:left; display:block; position:relative; width:541px; height:200px; padding:0px 0px 0px 14px; background:#F5F5F5; margin-top:20px;} #case_studies_text {float:left; display:block; position:relative; width:280px;} #case_studies_text h2 {font-size:2.6em; color:#69CB66; margin-top:10px;} #case_studies_text .slide {position:absolute; top:40px !important; left:0px; width:280px; background:#F5F5F5;} #case_studies_text .slide h3 {font-size:2.6em; color:#B05DA1; margin-top:0px;} #case_studies_text .slide p {font-size:2.2em; color:#666;} #case_studies_images {float:right; display:block; position:relative; width:235px; height:200px;} #case_studies_images .slide {position:absolute; top:0px; left:0px; width:235px; height:200px;} #case_studies_images .slide a {width:235px; height:200px;} #case_study_nav {position:absolute; bottom:5px; right:242px; z-index:100;} #case_study_nav a {float:left; display:block; width:7px; height:14px; padding:7px 11px; margin:0px 0px 0px 3px; background:url(/images/casestudy_nav_bg.jpg) left top no-repeat #EAEAEA; color:#666; font-weight:bold;} #case_study_nav a:hover {background-position:0px -28px; text-decoration:none;} #case_study_nav a.activeSlide {background-position:0px -56px; color:#FFF;} /*------------------------------------ link block -----------------------------------------------------------*/ #link_block {float:right; display:block; position:relative; width:345px; min-height:200px; height:auto !important; height:200px; padding:0px 0px 0px 15px; background:#F5F5F5; margin-top:20px;} #link_block a {display:block; font-size:2.6em; color:#B2449B; font-weight:bold; line-height:26px; margin:10px 0px;} #link_block a span {display:block; font-size:0.8em; color:#999; font-weight:normal;} #link_block a:hover {text-decoration:none; color:#752E66;} /*------------------------------------ sidebar block left -----------------------------------------------------------*/ .sidebar_left_block {position:relative;width:210px; padding-bottom:9px; margin-bottom:0px; min-height:100px; height:auto !important; height:100px; background:#E7E7E7;} .sidebar_left_block_header {position:relative; background:#B2449B; padding:8px 10px; width:190px;} .sidebar_left_block_header p {font-size:1.3em; font-weight:bold; color:#FFF; margin:0px;} .sidebar_left_block_header p a {color:#FFF; display:block; text-decoration:none} .sidebar_left_block_header p a:hover {color:#FFF; text-decoration:none} .sidebar_left_block_header .top_right_green {position:absolute; top:0px; right:0px; width:13px; height:13px; background:url(/images/top_right_green.png) right top no-repeat;} .sidebar_left_block ul li a:hover {text-decoration:none;} .sidebar_left_block ul {padding:0px; width:210px; margin:0px;} .sidebar_left_block ul li {font-size:1.2em; list-style:none; border-top:1px solid #FFF;} .sidebar_left_block ul li a {background:#E7E7E7; padding:8px 0px 8px 12px; width:198px; display:block; color:#333;} .sidebar_left_block ul li a:hover, .sidebar_left_block ul li.selected a {background:#6EB869; color:#FFF;} .sidebar_left_block ul li a:hover, .sidebar_left_block ul li.not_selected a.not_selected {background-color:none !important; color:#FFF;} .sidebar_left_block ul li a:hover, .sidebar_left_block ul li.not_selected a.selected {background:#6EB869 !important; color:#FFF;} .sidebar_left_block ul li ul {} .sidebar_left_block ul li ul li {font-size:1em;} .sidebar_left_block ul li ul li a {background:#DCDCDC; padding:4px 0px 4px 18px; width:192px; display:block;} .sidebar_left_block ul li ul li.selected a {background:#6EB869; color:#fff; font-weight:bold;} .sidebar_left_block ul li ul li.not_selected a {background:#DCDCDC; color:#333; font-weight:bold;} .sidebar_left_block ul li ul li a:hover {background:#86D381; color:#333;} .sidebar_left_block ul li ul li ul {} .sidebar_left_block ul li ul li ul li {font-size:1em;} .sidebar_left_block ul li ul li ul li a {background:#E7E7E7; padding:5px 0px 5px 30px; width:180px; display:block;} .sidebar_left_block ul li ul li ul li.selected a {background:#6EB869; font-weight:bold; color:#fff;} .sidebar_left_block ul li ul li ul li a:hover {background:#9EDF99; color:#333;} .sidebar_left_block ul li ul li ul li ul {} .sidebar_left_block ul li ul li ul li ul li {font-size:1em;} .sidebar_left_block ul li ul li ul li ul li a {background:#E7E7E7; padding:5px 0px 5px 35px; width:175px; display:block;} .sidebar_left_block ul li ul li ul li ul li.selected a {background:#6EB869; color:#fff; font-weight:bold;} .sidebar_left_block ul li ul li ul li ul li a:hover {background:#9EDF99;} .sidebar_left_block ul li ul li ul li ul li ul {} .sidebar_left_block ul li ul li ul li ul li ul li {font-size:1em;} .sidebar_left_block ul li ul li ul li ul li ul li a {background:#F5F5F5; padding:5px 0px 5px 50px; width:160px; display:block;} .sidebar_left_block ul li ul li ul li ul li ul li.selected a {background:#6EB869; color:#fff;} .sidebar_left_block ul li ul li ul li ul li ul li a:hover {background:#9EDF99;} .sidebar_block_bottom {position:absolute; bottom:0px; left:0px; width:210px; height:9px; background:url(/images/sidebar_block_bottom.jpg) bottom left no-repeat;} .sidebar_left_block > a {display:block; color:#333; font-size:1.3em; width:190px; height:16px; padding:8px 10px; border-top:1px solid #FFF;} .sidebar_left_block > a:hover {background:#6EB869; color:#FFF; text-decoration:none;} /*------------------------------------ sidebar block right -----------------------------------------------------------*/ .sidebar_right_block {position:relative;width:174px; padding-bottom:9px; margin-bottom:10px; min-height:100px; height:auto !important; height:100px; background:#E7E7E7;} .sidebar_right_block_header {position:relative; background:#B2449B; padding:8px 10px; width:154px; text-align:right;} .sidebar_right_block_header p {font-size:1.3em; font-weight:bold; color:#FFF; margin:0px;} .sidebar_right_block_header p a {color:#FFF; display:block; text-decoration:none} .sidebar_right_block_header p a:hover {color:#FFF; text-decoration:none} .sidebar_right_block_header .top_left_green {position:absolute; top:0px; left:0px; width:13px; height:13px; background:url(/images/top_left_green.png) left top no-repeat;} .sidebar_right_block > a {display:block; color:#333; font-size:1.3em; width:154px; padding:8px 10px; border-top:1px solid #FFF;} .sidebar_right_block > a:hover {background:#6EB869; color:#FFF; text-decoration:none;} .sidebar_right_block > p {padding:0 10px;} .sidebar_right_block .sidebar_block_bottom {position:absolute; bottom:0px; left:0px; width:174px; height:9px; background:url(/images/sidebar_block_right_bottom.jpg) bottom left no-repeat;} /*------------------------------------ breadcrumb -----------------------------------------------------------*/ #breadcrumb {position:relative; width:520px; padding:8px 0px 0px 0px; height:24px; margin:0 0 15px 0;} #breadcrumb p { font-size:1.2em; color:#FFF; margin:0px;} #breadcrumb p a { color:#FFF;} /*------------------------------------ user action tabs -----------------------------------------------------------*/ #user_action_tabs {position:relative; text-align:center; margin:2px 0px 15px 15%; width:400px;} #user_action_tabs a {float:left; display:block; position:relative; height:15px; padding:5px 15px; margin:0px 5px; background:#E7E7E7; font-size:1.2em; color:#333;} #user_action_tabs a:hover {background:#DBDBDB; cursor:pointer;} /*------------------------------------ nav -----------------------------------------------------------*/ #nav { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #nav a {float:left; display:block; padding:10px 12px; margin:0px 0px 0px 0px; color:#666; display:block; font-weight:bold; font-size:1.3em; border-left:2px solid #FFF;} #nav a:hover { text-decoration:none; background:#B2449B; color:#ffffff; } #nav a.active { text-decoration:none; background:#B2449B; color:#ffffff; } #nav a:first-child {border:0px;} /*------------------------------------ inspirational story form -----------------------------------------------------------*/ #inspirational input.required, #inspirational textarea.required { background-color:#FFF;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url('../images/body_bg.jpg') left 5px repeat-x #ffffff; border-top:5px solid #B5459B; font-family: Arial, Helvetica, sans-serif; font-size:62.5%} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { color:#a41984; font-size:2.0em; font-weight:bold; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#3e3e41; font-size:1.8em; font-weight:bold; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#3E3E41; font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#a41984; font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#3e3e41; font-size:1.4em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#a41984; font-size:1.0em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} ul {color:#595959;} ul li {font-size:1.2em; color:#595959; list-style:disc; } ol {color:#595959;} ol li {font-size:1.2em; color:#595959; list-style:decimal;} em {} pre {} u {} sub {} sup {} address {font-size:1em;} a { color:#A41984; text-decoration:none;} a:hover { color:#A41984; text-decoration:underline; } p { font-size:1.2em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#595959;} p b {color:#333;} /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */ .EvAlt{background-color:#F5EBF3; padding:8px; } .EvAltAlt{background-color:#EBF5E7; padding:8px; } .clearboth {display:none;}