/* Author: Jason D Hobbs (http://thecodezombie.co.uk/) Copyright: Teabag Studios Contact: http://teabagstudios.com/ | jason@teabagstudios.com Legend: 1. Reset 2. Super Globals 2.1 Normalise 2.2 Font Rendering 2.3 WordPress Presentationals 2.4 Clearfix 3. Colour Schema 3.1 White (Pure) 4. CSS3 4.2 Box Shadow 4.3 Border Radius 4.4 RGBA 4.5 Opacity 4.7 Transistions 4.8 Gradients 5. Structure 5.1 Header 5.2 Content 5.3 Sidebar 5.4 Footer */ /* Reset */ /* Clearfix */ .clearfix:after, .terms-hide .gfield_checkbox li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix, .terms-hide .gfield_checkbox li { display: inline-table; }/* Hides from IE-mac \*/ * html .clearfix, .terms-hide .gfield_checkbox li { height: 1%; } .clearfix, .terms-hide .gfield_checkbox li { display: block; }/* End hide from IE-mac */ /* CSS3 */ /* Box Shadow */ #hover-select li:hover img, #local-agents li a:hover img { -webkit-box-shadow: 0px 0px 3px #555555; -moz-box-shadow: 0px 0px 3px #555555; box-shadow: 0px 0px 3px #555555; } #valuation-form, #local-agents li a img, .page-content .page-image img, #staff-list li img, #local-agent img, #ask-an-expert, #ask-your-question, #ask-question, #ask-an-expert ul, #accordion li, .google-map, #hover-select li img, .comment-wrap .comment-author img { -webkit-box-shadow: 0px 0px 3px #777777; -moz-box-shadow: 0px 0px 3px #777777; box-shadow: 0px 0px 3px #777777; } #ask-an-expert .tab { -webkit-box-shadow: 0 5px 0 #fff, 0 0 3px #777777; -moz-box-shadow: 0 5px 0 #fff, 0 0 3px #777777; box-shadow: 0 5px 0 #fff, 0 0 3px #777777; } .stack-item.stack-left .head { -webkit-box-shadow: 1px 1px 3px #bbb; -moz-box-shadow: 1px 1px 3px #bbb; box-shadow: 1px 1px 3px #bbb; } .page-id-24 .page-content .page-image img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Border Radius */ /* 7px */ /* Equal */ #valuation-form, #ask-an-expert, #ask-your-question, #ask-question, #ask-an-expert ul, #testi-speech .speech-right .bubble, #accordion li, .stack-item.stack-left .head { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /* Top Only */ #ask-an-expert ul li.first a { -webkit-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; } /* Bottom Only */ #ask-an-expert ul li.last a { -webkit-border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; } /* 5px */ /* Top Only */ #head-nav li a, #ask-an-expert .tab { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } /* 3px */ /* Equal */ input, select { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* BOTTOM-ONLY */ .validation_message { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-top-left-radius: 0 0 3px 3px; } /* Reset */ /* All */ #enquiry-form select, #enquiry-form input, #enquiry-form textarea, #testimonial-form select, #testimonial-form input, #testimonial-form textarea, #ask-question li textarea, #ask-question li input, #ask-an-expert ul li a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Top Left */ #ask-an-expert ul { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } /* Bottom Right */ #valuation-form li.gfield_error input { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } /* RGBA */ /* BOX #FFFFFF - 40% */ #head-nav li a:hover { background-color: rgba(255, 255, 255, 0.4); } .ie6 #head-nav li a:hover, .ie7 #head-nav li a:hover, .ie8 #head-nav li a:hover { background-color: #FFFFFF; } /* Opacity */ #youtube-thumbs li.active { opacity: 0.50; } #local-agents li a img { opacity:0.85; } #local-agents li a:hover img { opacity:1; } /* Transistions */ #hover-select li img, #social-icons li a, #head-nav li a, #local-agents li a img, #local-agents li a strong, .share-this span.st_facebook_buttons { -webkit-transition: all 450ms ; -moz-transition: all 450ms ; -o-transition: all 450ms ; transition: all 450ms ; } /* Gradients */ #head-wrapper { background: -moz-linear-gradient(top, #B4CCE4 0%, #D7E9F3 100%) no-repeat; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B4CCE4), color-stop(100%,#D7E9F3)) no-repeat; background: -webkit-linear-gradient(top, #B4CCE4 0%, #D7E9F3 100%) no-repeat; background: -o-linear-gradient(top, #B4CCE4 0%,#D7E9F3 100%) no-repeat; background: -ms-linear-gradient(top, #B4CCE4 0%,#D7E9F3 100%) no-repeat; background: linear-gradient(top, #B4CCE4 0%,#D7E9F3 100%) no-repeat; -pie-background: linear-gradient(#B4CCE4, #D7E9F3 100%); } #how-it-works { background: -moz-linear-gradient(top, #fff 0%, #D9EAF4 100%) no-repeat; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#D9EAF4)) no-repeat; background: -webkit-linear-gradient(top, #fff 0%, #D9EAF4 100%) no-repeat; background: -o-linear-gradient(top, #fff 0%,#D9EAF4 100%) no-repeat; background: -ms-linear-gradient(top, #fff 0%,#D9EAF4 100%) no-repeat; background: linear-gradient(top, #fff 0%,#D9EAF4 100%) no-repeat; -pie-background: linear-gradient(#fff, #D9EAF4 100%); } /* Colour Scheme */ /* COLOUR */ /* BLUE (DARKEST) | #002855 */ #head-nav li a, #how-it-works li span, p, #content .promo-box .promo-title, #content h1, #content h2, .page-template-home-php #content .page-title, .page-template-home2-php #content .page-title, .page-id-24 #how-it-works li h5, #enquiry-form .title, .vCard dl dd, #enquiry-form label, #text-test li .entry-title, #content .hentry .published, #content .hentry .location, .page-template-local-agents-php #content .page-content ol li h5, .page-template-affiliate-php #content .page-content ul li, .comparison table { color: #002855; } /* BLUE (DARK) | #244668 */ #ask-your-question { background-color: #244668; } .sub-title, #ask-question li label { color: #244668; } /* BLUE (DARK - MID) | #305070 */ #tel, .foot-inner h3, .widget_nav_menu label, #valuation-form label, .promo-box .promo-text p, #content h3, #ask-an-expert .tab, .page-id-24 .page-content ul li, #hover-select li a:hover strong small { color: #305070; } /* BLUE (DARK) | #3F6E9C */ #staff-list li p, #accordion li p, .vCard .reg, #text-test li .entry-content, #local-agents li a:hover strong small, .page-template-affiliate-php #content .page-content h6 { color: #3F6E9C; } #valuation-form input, #valuation-form select { border-color: #3F6E9C; } /* BLUE (MID - MID) | #9ABBDC */ #valuation-form { background-color: #9ABBDC; } /* BLUE (MID) | #0372A7 */ a, .widget_nav_menu li a, .widget_nav_menu.form a, #staff-list li a, .tick-items li, #testi-speech .speech-right .bubble p, #testi-speech .speech-right .bubble .name, #testi-speech .speech-right ul li a, #accordion li a, #hover-select li a strong small, #ask-question li p, #local-agents li a strong small { color: #0372A7; } #testi-speech .speech-right ul li { border-color: #0372A7; } /* BLUE (MID - HIGH) | #B5CCE5 */ #related li { border-color: #B5CCE5; } /* BLUE (MID - HIGHEST) | #D5E2F0 */ #ask-an-expert { background-color: #D5E2F0; } /* BLUE (LIGHT) | #D7EAF4 */ #head-wrapper { background-color: #D7EAF4; } /* BLUE (LIGHTEST 2) | #D9EAF4 */ #testi-speech .speech-right .bubble, #related li a:hover, #ask-question { background-color: #EFF4FA; } /* ORANGE (DARK) | #AA4400 */ #how-it-works li em, .page-template-local-agents-php .page-content ol li em, .validation_message, .form-submit input#submit { color: #AA4400; } /* ORANGE (MID) | #DC6414 */ #tel abbr, #valuation-form label span, #accordion li.active .ben-title, .vCard dl dt, #testimonial-form label span, #enquiry-form label span, #respond label span, #hover-select li div:hover strong em, #local-agents li a:hover strong em, .single-questions #how-it-works li abbr { color: #DC6414; } /* ORANGE (LIGHT) | #FD8230 */ .widget_nav_menu.form h3, #valuation-form .title em, #staff-list li h3, #content h5, .vCard p .org, .vCard p .type, #enquiry-form .strap, #news-sidebar .widget-title, #answer .title, .single-locale #content #local-agent .item-title, .single-staff #content .left h2, #ask-your-question p abbr, #local-agents li a strong em, .page-template-affiliate-php #content .page-content h5 { color: #FD8230; } /* ORANGE (LIGHTEST) | #FE9046 */ .validation_message, .form-submit input#submit { background-color: #FE9046; } #content .page-title strong, #content .title-head h2, #hover-select li a strong em { color: #FE9046; } #valuation-form li.gfield_error input, #testimonial-form li.gfield_error input, #testimonial-form li.gfield_error textarea, #enquiry-form li.gfield_error input, #enquiry-form li.gfield_error textarea { border-color: #FE9046; } /* GREY (MID) | #E4E4E4 */ .widget_nav_menu input, #ask-an-expert ul li, #enquiry-form input, #enquiry-form select, #enquiry-form textarea, #testimonial-form input, #testimonial-form select, #testimonial-form textarea, #youtube-thumbs li, #content .hentry, .single-locale #content .vCard, .comment-wrap ol li, #respond input, #respond textarea, #staff-bio li { border-color: #E4E4E4; } /* GREY (DARK) | #868686 */ .tick-items li em { color: #868686; } /* GREY (LIGHT) | #F2F2F2 */ #main-footer { border-color: #F2F2F2; } /* WHITE (OFF) | #F4F4F4 */ .one-b, #regional-footer, #ask-an-expert ul li a:hover, #accordion li { background-color: #F4F4F4; } .ie6 #accordion li.active, .ie7 #accordion li.active, .ie8 #accordion li.active { border-color: #F4F4F4; } /* WHITE (PURE) | #FFFFFF */ #head-nav li.current-menu-item a, .page-template-home2-php #head-nav #menu-item-501 a, #head-nav li.current-menu-item a:hover, .category #head-nav #menu-item-204 a, .single-locale #head-nav #menu-item-501 a, .single-property-news #head-nav #menu-item-204 a, .single-testimonials #head-nav #menu-item-201 a, .single-staff #head-nav #menu-item-202 a, .page-template-local-agents-php #head-nav #menu-item-202 a, .widget_nav_menu input, #staff-list li img, #local-agent img, .page-content .page-image img, #ask-an-expert ul, #ask-an-expert .tab, #accordion li.active, .google-map, #enquiry-form input, #enquiry-form select, #enquiry-form textarea, #testimonial-form input, #testimonial-form select, #testimonial-form textarea, #valuation-form select, .page-template-how-inner-php #head-nav li#menu-item-55 a, .single-questions #head-nav li#menu-item-1030 a, .pagename-your-question #head-nav li#menu-item-1030 a, .archive.date #head-nav li#menu-item-204 a { background-color: #FFFFFF; } #valuation-form .title, .comment-wrap .comment-author img, #ask-your-question label, #ask-your-question .title, #ask-your-question p { color: #FFFFFF; } #regional-footer { border-color: #FFFFFF; } .page-template-how-inner-php.page-id-58 #head-nav li#menu-item-55 a { background: none; } /* LAYOUT */ /* GLOBALS */ #content-wrapper { background-image: url('../images/content-bg-sml.jpg'); background-position: 0 0; background-repeat: repeat-x; } .page-template-home-php #content-wrapper, .page-template-home2-php #content-wrapper, .single-locale #content-wrapper { background-image: url('../images/content-bg-mid.jpg'); } #content h1 { font-size: 3em; } #content h2 { font-size: 1.8em; margin-bottom: 20px; } .page-template-home-php #content h2, .page-template-home2-php #content h2 { margin-bottom: 0; } #content h3 { font-size: 1.4em; font-weight: bold; } #content p { font-size: 1.2em; line-height: 1.6em; padding-bottom: 15px; } #content p strong { font-weight: bold; } #content p a:hover { text-decoration: underline; } #content .cms-area { margin: 7em 2em 0 0; } #content .cms-area h3 { font-size: 18px; font-weight: bold; margin-bottom: .75em; line-height: 1.5; color: #002855; } #content .cms-area h4 { font-size: 15px; font-weight: bold; margin-bottom: .75em; line-height: 1.5; color: #002855; } #content .cms-area p, #content .cms-area ul, #content .cms-area ol { font-size: 13px; line-height: 1.5; margin-bottom: 1em; color: #002855; } #content .cms-area ul li { list-style: inside square; } #content .cms-area ol li { list-style: inside decimal; } /* HEADER */ #skip-nav { display:none; } #head-wrapper, #head { height:185px; } #head, #content, .foot-inner { width: 960px; margin: 0 auto; position: relative; } .foot-inner { width: 940px; } #site-title { top: 22px; left: 22px; position: absolute; width: 204px; height: 89px; } #site-title a { width: 204px; height: 89px; overflow: hidden; display: block; text-indent: -9999px; background: url('../images/logo.png') 0 0 no-repeat; } #map-sml, #est, #desc, #tel { position: absolute; background-image: url('../images/head-sprite.png'); background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -9999px; } #LivechatButton { position: absolute; top: 66px; right: 112px; z-index: 100; width: 149px; height: 48px; } #map-sml { background-position: -391px -4px; top: 19px; right: 0; width: 99px; height: 118px; } #est { background-position: 0px -243px; top: 54px; right: 127px; width: 95px; height: 90px; z-index: 10; } #desc { background-position: -7px -8px; top: 20px; right: 113px; width: 384px; height: 22px; } #tel { font-size: 3em; top: 73px; background: transparent none; right: 236px; padding-left: 49px; text-indent: 0; overflow: visible; line-height:1;} #tel:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 49px; height: 49px; background-image: url('../images/head-sprite.png'); background-position: -93px -88px; } #tel abbr { margin-right: 5px; } #tel span.local { font-size:20px; float: right; margin-right: 10px; margin-top: 10px;} #tel em { font-size: 0.35em; display: block; text-align: right; line-height: 1.3; margin-left: -80px; opacity: .8; } #tv { background-image: url('../images/how-sprite.png'); background-position: -304px -5px; width: 77px; height: 63px; position: static; display: block; text-indent: -9999px; float: right; margin-top: 4px; } /* HEAD NAV */ #head-nav { position: absolute; left: 0; bottom: 0; } #head-nav li { float: left; margin-right: 8px; font-size: 1.6em; } #head-nav li a { display: block; padding: 6px 10px 6px; } #head-nav li#menu-item-56 { margin-right:0; } /* CONTENT */ /* GLOBAL */ #content, .single-questions #content { padding-top: 40px; min-height: 700px; } #content .left { float: left; width: 648px; } .single #content { padding-top: 145px; } .single-questions #content { padding-top: 40px; } .page-template-home-php #content, .page-template-home2-php #content, .single-locale #content { padding-top: 22px; } .page-template-how-php #content { padding-top: 40px; } .page-id-2 #content, .page-template-default #content, .page-template-how-inner-php #content { padding-top:67px; } #content .page-title strong { font-size: 0.6em; display: block; font-weight: normal; } .single-locale #content .page-title strong { display: inline; white-space: pre; } .page-template-home-php #content .page-title strong, .page-template-home2-php #content .page-title strong, .single-locale #content .page-title strong { font-size: 1em; } .page-id-2 #content .page-title, #enquiry-form .title { margin-bottom: 50px; } /* FORMS */ /* VALUATION */ #valuation-form { background-image: url('../images/valuation-bg.png'); background-repeat: no-repeat; width:280px; padding: 10px 15px 7px; position: absolute; top: 17px; right: 0px; } #valuation-form .gform_body { margin-bottom: 15px; } #valuation-form li, #valuation-form .gform_body { clear: both; } #valuation-form .title { font-size: 1.6em; padding: 0 5px 28px; height:51px; } #valuation-form .title strong { display: block; font-size: 150%; } #valuation-form .title em { text-transform: uppercase; } #valuation-form .title strong, #valuation-form .title em { font-weight: bold; font-style: normal; } #valuation-form label { font-size: 1.3em; margin-left: 2px; display: block; } #valuation-form label span { font-size: 1.2em; margin-left: 4px; font-weight: bold; } #valuation-form input, #valuation-form select { width: 260px; font-size: 1.4em; padding: 8px 10px; outline: none; margin-bottom: 7px; background-image: url('../images/input-light.png'); background-position: 0 0; background-repeat: repeat-x; } .page-template-affiliate-php #valuation-form input { background-image:none; } .page-template-affiliate-php #valuation-form input.gform_button { background-image: url('../images/affiliate-btn.png'); } #valuation-form select { width:280px; } #valuation-form #field_1_4 .validation_message, #valuation-form #field_1_4 input { margin-bottom: 0; } #valuation-form input:focus, #valuation-form input:active, #valuation-form select:focus, #valuation-form select:active, #valuation-form li.gfield_error input { border-style:solid; border-width: 3px; width: 260px; padding: 5px 7px; } #valuation-form select:focus, #valuation-form select:active { width:280px; } #valuation-form input.gform_button { background-image: url('../images/valuation-btn.png'); background-position: 0 0; background-repeat: no-repeat; width: 276px; height: 54px; display: block; text-indent: -9999px; font-size: 1px; padding: 0; margin: 0 0 0 3px; cursor: pointer; } #valuation-form.franchise input.gform_button { background-image: url('../images/franchise-btn.png'); } #valuation-form input.gform_button:focus, #valuation-form input.gform_button:active { width:276px; height:54px; border:0; } #valuation-form a { font-size: 1.2em; text-align: center; display: block; padding: 2px 0; } .gform_edit_link { display:none; } .gform_validation_container { display:none; } /* PARTNER LOGIN */ .widget_nav_menu.form p { width: 295px; font-size: 1.2em; margin:11px 0 0 5px; } .widget_nav_menu.form p a { text-decoration:underline; } .widget_nav_menu.form .login-submit { margin-right: 1px; cursor: pointer; background: url('../images/become-btn.png') 0 0 no-repeat; padding: 0; width: 181px; height: 39px; border-width: 0; display: block; text-indent: -9999px; overflow: hidden; } /* ASK AN EXPERT */ #ask-an-expert { margin-bottom:30px; position: relative; padding: 10px; width: 290px; float: right; } #ask-an-expert .title {display: block; font-size: 2em; font-weight: normal; } #ask-an-expert .tab { overflow: hidden; font-size: 1.2em; position: absolute; top: 54px; left: 10px; display: block; padding: 8px 16px 4px; } #ask-an-expert .expert { display: block; position: absolute; top: -9px; right: 30px; width: 84px; height: 95px; background:url('../images/bg_aae.png') no-repeat; } #ask-an-expert ul { margin-top: 50px; } #ask-an-expert ul li { border-bottom-style:solid; border-bottom-width:1px; } #ask-an-expert ul li a { clear: both; display: block; padding: 15px 10px; } #ask-an-expert ul li.first { padding-top: 0; } #ask-an-expert ul li.last { border-bottom: 0; padding-bottom: 0; } #ask-an-expert ul li img { float: left; display: none; } #ask-an-expert ul li span { float: right; width: 245px; display: block; font-size: 1.2em; padding: 2px 10px 0 10px; } #ask-an-expert .more { font-size: 1.2em; margin: 16px 0 0 12px; padding: 2px 0; float: left; } #ask-an-expert .ask { overflow: hidden; margin: 6px 6px 6px 0; width: 146px; height: 41px; display: block; text-indent: -9999px; float: right; background: url('../images/ask-sprite.png') 0 0 no-repeat; } #ask-an-expert.short .title, #ask-an-expert.short .expert { display:none; } #ask-an-expert.short ul { margin-top:35px; } #ask-an-expert.short .tab { top:10px; } .post-type-archive-benefits #ask-an-expert { margin-top:470px; } /* TE - DEFAULT */ .page-template-default #content .left, .page-template-how-inner-php #content .left, .page-template-affiliate-php #content .left { width: 580px; } .page-template-default #content .page-title, .page-template-affiliate-php #content .page-title { } .page-template-default #content .page-content, .page-template-affiliate-php #content .page-content { margin: 0; } .archive.date #content .page-title, .category #content .page-title { margin-bottom: 40px; } .page-template-default #content .title-head, .page-template-affiliate-php #content .title-head { height: 60px; padding-bottom: 19px; margin-bottom: 20px; display: block; } .page-template-default #content .left ul { margin-bottom: 15px; } .page-template-default #content .left ul li { list-style: bullet inside; font-size: 1.2em; line-height: 1.5; } .page-template-affiliate-php #content .page-content h5 { font-size:1.6em; margin-bottom:5px; } .page-template-affiliate-php #content .page-content h6 { font-size:1.3em; margin-bottom:5px; } .page-template-affiliate-php #content .page-content ul { margin:5px 0; } .page-template-affiliate-php #content .page-content ul li { background:url('../images/li-bullet.png') no-repeat 0 6px; padding-left:8px; font-size:1.2em; line-height:1.6em; margin-bottom:3px; } .page-template-affiliate-php #content .page-content a:hover { text-decoration:underline; } /* P - ASK AN EXPERT */ .page-template-AoE-1-php .page-head, .page-template-AoE-2-php .page-head, .single-questions .page-head { position:relative; height:78px; padding-bottom:20px; } .page-template-AoE-1-php .page-head img, .page-template-AoE-2-php .page-head img, .single-questions .page-head img { position:absolute; z-index:1; top:-31px; right:23px; } .page-template-AoE-1-php #content .left, .page-template-AoE-2-php #content .left, .single-questions #content .left { width:610px; } .single-questions #valuation-form { margin-top:121px; } #answer { margin-top:20px; } #answer div { width:428px; float:left; margin-top:20px; padding-left:25px; background:url('../images/a-bg.png') no-repeat 24px 60px; } #answer p { font-size:1.4em; } #answer .text { padding-left:38px; } #answer .title { font-size:3em; margin-bottom:15px; } #answer img { width:123px; height:146px; float:right; } /* ASK QUESTION */ #ask-your-question, #ask-question { position:relative; padding:25px 30px; display:block; width:550px; } #ask-your-question .title { font-size:3em; margin-bottom:10px; } #ask-your-question p { font-size:1.4em; padding-bottom:0; } #ask-your-question p abbr { font-size:1.8em; margin-right:10px; font-weight:bold; } #ask-your-question label { font-size:3em; float:left; width:100%; } #ask-your-question label span { padding:15px 0; display:block; font-size:0.35em; font-weight:bold; } #content #ask-your-question input { padding:7px 7px 6px; width:430px; float:left; margin:0 0 0 0; } #ask-your-question .submit { position:absolute; bottom:23px; right:20px; } #ask-your-question button { width:105px; height:37px; display:block; text-indent:-9999px; border:0; background-image:url('../images/btn-ask.png'); background-position:-4px 0; background-repeat:no-repeat; } #ask-your-question button.disabled { background-position:-4px -44px; } .sub-title { font-size:1.4em; font-weight:bold; margin:20px 0 20px 20px; } #related { margin-bottom:20px; background:#F5F5F5; } #related li { border-top-style:dotted; border-top-width:1px; } #related li a { display:block; padding:20px 80px 20px 30px; line-height:1.6em; font-size:1.3em; font-weight:bold; background-image: url('../images/sml-arrow.png'); background-position: 97% 50%; background-repeat: no-repeat; } /* P - ASK AN EXPERT 2 */ #ask-question { margin:30px 0; } #ask-question .title { float:left; width:500px; font-size:3em; font-weight:normal; line-height:1.05em; margin-bottom:20px; } #ask-question .q_sign { float:left; width:40px; display:block; text-indent:-9999px; background:url('../images/head-sprite.png') no-repeat -329px -184px; height:74px; margin-right:4px; } #ask-question li { clear:both; } #ask-question li input, #ask-question li textarea, #ask-question li label { float:left; } #ask-question li input, #ask-question li textarea { background-image:url('../images/input-light.png'); background-position: 0 0; background-repeat: repeat-x; padding:7px 10px; width:348px; margin-bottom:20px; border:0; } #ask-question li textarea { width:348px; font-size:1.3em; height:140px; } #ask-question li label { width:140px; font-size:1.4em; margin-top:5px; } #ask-question li.half { width:40%; float:left; clear:none; } #ask-question li p { padding:8px 0 0 0; } #ask-question li button { margin-left:13px; border:0; display:block; text-indent:-9999px; width:276px; height:57px; background:url('../images/head-sprite.png') no-repeat -48px -181px; } /* P - HOME */ #top-content, #centre-content { width: 100%; } #centre-content { margin:60px 0 40px; } .page-template-home-php #content .page-title, .page-template-home2-php #content .page-title, .single-locale #content .page-title { font-size: 3em; float: left; width: 496px; } .page-template-home-php #centre-content .left, .page-template-home2-php #centre-content .left, .single-locale #centre-content .left { float: left; width: 620px; margin-left: 10px; } .single-locale #centre-content .right { float: right; } .page-template-home-php #content .page-content, .page-template-home2-php #content .page-content { margin:0; } .tick-items { margin:15px 0; } .tick-items li { background: url('../images/how-sprite.png') no-repeat -10px -202px; font-size: 1.8em; font-weight:bold; margin: 0 20px 20px; padding-left: 35px; width: 235px; float: left; } .tick-items li em { display: block; font-style: normal; font-weight: normal; } #top-content .tick-items { margin-bottom: -7px; } #top-content .tick-items li { margin: 0 90px 20px 0; width: 194px; } #top-content .tick-items li:nth-child(2n){ margin-right: 0; } /* Featured Testimonial */ #testi-speech { margin-top: 20px; } #content #testi-speech .speech-right { float: right; width: 462px; } #testi-speech .speech-right .bubble { position: relative; background-image: url('../images/speech.png'); background-repeat: no-repeat; background-position: 13px 31px; width: 358px; padding: 31px 20px 25px 80px; } #testi-speech .speech-right .bubble p { font-size: 1.4em; font-weight: bold; } #testi-speech .speech-right .bubble .name { font-size: 1.2em; } #testi-speech .speech-right .bubble .point { width: 15px; height: 30px; display: block; text-indent: -9999px; background: url('../images/how-sprite.png') no-repeat -300px -214px; position: absolute; top: 31px; left: -15px; } #testi-speech .speech-right ul { float: right; margin: 10px 15px 0 0; } #testi-speech .speech-right ul li { font-size: 1.2em; font-weight: bold; float: left; margin-right: 5px; padding-right: 5px; border-right-style: solid; border-right-width: 1px; } #testi-speech .speech-right ul li.end { border-right: none; padding-right: 0; margin-right: 0; } #testi-speech img { float:left; } /* PROMO */ #promo { margin-left: 11px; height: 282px; overflow: hidden; } .promo-box { width: 640px; height: 282px; } .promo-box .promo-title { font-size: 5.4em; font-weight: bold; width: 65%; line-height: 1.2em; margin: 5px 0 15px; } .promo-box .promo-text p { font-size: 1.4em; width: 50%; line-height: 1.6em; } /* HOW IT WORKS | FLOAT */ #how-it-works { float:left; width:614px; position:relative; padding:30px 0 37px 35px; margin-top:15px; } #how-it-works li { float:left; margin-right:3%; width:26%; padding-right:5%; height:50px; background:url(../images/how-sprite.png) 158px -80px no-repeat; } #how-it-works li em { display:block; width:34px; height:47px; padding-top:2px; background:url(../images/how-sprite.png) -3px -2px no-repeat; font-style:normal; font-size:3.4em; font-weight:bold; padding-left:12px; float:left; margin-right:10px; } #how-it-works li span { font-size:1.8em; } #how-it-works li.title { position:absolute; top:-57px; left:0; float:none; background:none; z-index:1000; } #how-it-works li.title h2 { display:block; text-indent:-9999px; background:url(../images/how-sprite.png) -66px -4px no-repeat; width:168px; height:43px; } #how-it-works li.last, #how-it-works li.title { margin-right: 0; } .single-questions #how-it-works { padding:30px 0 30px 35px; margin-top:20px; } .single-questions #how-it-works li { background:none; width:43%; } .single-questions #how-it-works li abbr { margin-right:5px; } .single-questions #how-it-works li.title { top:-29px; } .single-questions #how-it-works li.title h2 {background:url("../images/next-step.png") no-repeat; } /* HOW IT WORKS | P */ .page-id-24 #content .page-title { width: auto; margin: 0; } .page-id-24 #content .page-content h5 { font-size: 1.8em; } .page-id-24 #how-it-works { margin-top: 43px; } .page-id-24 #how-it-works li { height: auto; background: none; width: 100%; float: none; margin: 0 0 24px 0; } .page-id-24 #how-it-works li.last {margin: 0;} .page-id-24 #how-it-works li em { margin-right: 15px; } .page-id-24 #how-it-works li h5 { font-size: 1.8em; margin-bottom: .33em; } .page-id-24 #how-it-works li p { padding: 0; font-size: 1.3em; } .page-id-24 .page-content { float:left; margin-top:0; } .page-id-24 .page-content .page-text { float:left; padding:0 20px 0 0; width:450px; } .page-id-24 .page-content .page-image { width:auto; } .page-id-24 .page-content .page-image img { margin:0; padding:0; float:none; } .page-id-24 .page-content ul { margin:20px 0; } .page-id-24 .page-content .page-text ul li { background:url('../images/green-tick.png') no-repeat 10px 0; font-size:1.2em; margin:0 0 10px; padding:8px 0 16px 50px; } #how-it-works.stacked { background: transparent !important; padding-left: 0 !important; margin-top: 0 !important; } #how-it-works.stacked li div { float: right; width: 360px; padding-right: 20px; } #how-it-works.stacked li { padding-right: 0; } .uneven-stack.stack-2-1 { margin-top: 45px; } .uneven-stack.stack-2-1 .stack-major { width: 448px !important; } .uneven-stack.stack-2-1 .stack-minor { max-width: 175px; margin-right: 25px; } .stack-major, .switched .stack-minor { float: left; } .stack-minor, .switched .stack-major { float: right; } .page-id-24 #centre-content { margin-top: 0; } .page-id-24 #news-sidebar { margin:0; width:300px; } .page-id-24 .page-text { width: 648px; float: left; } .page-id-24 #content .head h1 { font-size: 1.9em; display: block; } .even-stack { width: 100%; } .even-stack .stack-item { width: 47.5%; } .even-stack .stack-item .head { padding: 1.5em; height: 225px; position: relative; } .even-stack .stack-item.stack-left, .even-stack.switched .stack-item.stack-right { float: left; } .even-stack .stack-item.stack-right, .even-stack.switched .stack-item.stack-left { float: right; } .comparison table { width: 100%; margin: 12px auto 0; } .comparison table td { padding: .25em 0; font-size: 1.3em; } .comparison table .emphasis { position: absolute; left: 1.5em; bottom: .75em; width: 90%; } .comparison table .emphasis .good, .comparison table .emphasis .bad { position: absolute; right: 1.5em; bottom: 0; } .comparison table .emphasis td { font-weight: bold; font-size: 1.6em; padding: .5em 0; } .comparison table .emphasis .good { color: #21A200; } .comparison table .emphasis .bad { color: #DE5F60; } .comparison ul { margin: 2em 0; padding: 0 1.2em; font-size: 1.5em; } .comparison ul li { line-height: 1.3; margin-bottom: .7em; position: relative; padding-left: 28px; } .comparison ul li:before, .comparison ul .dec { width: 25px; height: 26px; content: ''; position: absolute; top: 50%; left: 0; background-image: url('../images/tick-cross.png'); background-repeat: no-repeat; } .comparison ul.ticks li:before, .comparison ul.ticks .dec { background-position: -5px -5px; margin-top: -10px; } .comparison ul.cross li:before, .comparison ul.cross .dec { background-position: -48px -5px; margin-top: -10px; } /* P | MEET THE TEAM */ .page-content { margin: 48px 0 24px; } .page-content .page-image { float: left; width: 460px; } .page-content .page-image img { padding: 7px; } .page-content .page-text { float: right; width: 380px; padding: 10px 90px 0 0; } #staff-list { padding: 20px 0; } #staff-list li { float: left; width: 195px; margin: 0 60px 30px 0; } #staff-list li p { width: 80%; padding-bottom: 0; line-height: 1.4em; height: 45px; } #staff-list li img, #local-agent img { padding: 5px; margin-bottom: 7px; } #staff-list li a { font-size: 1.2em; } #staff-list li a:hover { text-decoration: underline; } #staff-list li.end { margin-right: 0; } /* BENEFITS | ARCH */ .post-type-archive-benefits #content .left { float:left; width:620px; } #accordion { margin-top:50px; } #accordion li .ben-title { padding-top:6px; } #accordion li div { width:510px; } #accordion li { margin-bottom:20px; padding:16px 30px 16px 80px; background-image:url('../images/green-tick.png'); background-repeat: no-repeat; background-position: 20px 17px; } #accordion li a { float:right; font-size:1.2em; font-weight:bold; } /* NEWS | CAT */ .hentry { padding-bottom:20px; margin-bottom:20px; border-bottom-style:solid; border-bottom-width:1px; } .single .hentry { border-bottom:0; } .single .hentry .entry-content { margin-top:31px; } .single #news-sidebar { margin-top:0; } .single .hentry .page-title { width:558px; float:left; } .single .hentry .entry-head { margin-top:-4px; } .hentry .entry-title { margin-bottom:0px; display:block; line-height:1.2; } .hentry .entry-head {} .hentry .entry-summary { float: right; width: 450px; padding-right: 15px; } .hentry .entry-summary.no-img { float: none; padding-right: 0; width: 100%; } .hentry .entry-image { float: left; } .hentry .entry-summary p { padding-bottom:0; } .hentry .entry-summary p a { white-space:pre; } .hentry .entry-summary p a:hover { text-decoration:underline; } .hentry .published, .hentry .location { display:block; font-size:1.4em; padding:3px 0 10px 0; } .hentry .location { font-size:1.1em; } .hentry .entry-tags { } #how-right { float: right; width:275px; } #how-right #news-sidebar { float: none; } .page-id-24 #content #centre-content #how-right img { margin: 0; } .page-template-how-inner-php #how-right { margin-top: 477px; } #news-sidebar { margin-top:122px; float: right; width:275px; } #news-sidebar ul { margin-bottom:36px; } #news-sidebar li { margin-bottom:7px; } #news-sidebar .widget-title { font-size:1.8em; margin-bottom:10px; } /* CONTACT | PAGE */ /* vCard */ .page-id-2 #content .left.vCard { float:left; width:332px; margin-top:0; } .page-id-2 #content .vCard p { font-size:1.4em; } .vCard p span {display:block;} .vCard p .org, .vCard p .type { display:inline; font-size:1.3em; line-height:1.6em; } .vCard .btn {margin:7px 0; display:block; width:120px;} .page-id-2 .vCard dl { width:332px; background:url('../images/head-sprite.png') -4px -132px no-repeat; padding-left:40px; font-size:2.4em; } .call-toll { margin: 5px 0 25px; color: #002855; display: block; } .page-id-2 .vCard dl dt { margin-right:5px; } .page-id-2 .vCard dl dt, .vCard dl dd { display:inline; } .page-id-2 .vCard p .street-address { margin-top:23px; } .vCard .reg { font-size:1.2em; margin-bottom:10px; display:block; } .google-map { padding:3px; width:325px; height:335px; overflow:hidden; } /* ENQUIRY FORM */ #enquiry-form .strap { padding-bottom:23px; } #enquiry-form, #testimonial-form { float:right; width:489px; } #testimonial-form { width:420px; } #enquiry-form .title { font-size:3em; } #enquiry-form .strap { font-size:1.8em; } #enquiry-form label, #testimonial-form label, #respond label { font-size:1.4em; width:95px; margin:4px 30px 0 0; } #testimonial-form label { margin-right:20px; } #enquiry-form input, #enquiry-form select, #enquiry-form textarea, #enquiry-form label, #testimonial-form input, #testimonial-form select, #testimonial-form textarea, #testimonial-form label{ float:left; } #enquiry-form input, #enquiry-form select, #enquiry-form textarea, #testimonial-form input, #testimonial-form select, #testimonial-form textarea, #respond input, #respond select, #respond textarea, #ask-your-question input { width:348px; border-width:1px; border-style:solid; padding:5px 7px; background-image:url('../images/input-light.png'); background-position: 0 0; background-repeat: repeat-x; margin-bottom:20px; } #testimonial-form input, #testimonial-form select, #testimonial-form textarea { width:285px; } #enquiry-form #field_2_4 label { margin-top:-6px; } #enquiry-form label span, #testimonial-form label span, #respond label span { margin-left:4px; } #enquiry-form select, #testimonial-form select { margin-bottom:30px; width:364px; } #enquiry-form .gform_button, #testimonial-form .gform_button { cursor:pointer; float:right; display:block; text-indent:-9999px; font-size:0.1em; background:url('../images/enquiry-btn.png') no-repeat; padding:0; border:none; width:275px; height:53px; } #enquiry-form .gform_validation_container, #testimonial-form .gform_validation_container, #respond .comment-notes, #respond .form-allowed-tags { display:none; } #respond input, #respond select, #respond textarea, #respond label { float:left; } #respond input, #respond select, #respond textarea { font-size:1.3em; } #respond #reply-title { margin-bottom:25px; } #respond li { clear:both; } /* TESTIMONIALS */ .post-type-archive-testimonials #content-wrapper { background-image: url('../images/content-bg-lrg.jpg'); } .post-type-archive-testimonials #content .page-title { margin-bottom:43px; } .post-type-archive-testimonials #centre-content { margin-top: 90px; } /* YOUTUBE */ /* VIDEOS */ #youtube-videos { margin: -20px auto 0; position: relative; width: 525px; } #youtube-videos .flex-container { width: 440px; height: 291px; overflow: hidden; margin: 0 auto; } #youtube-videos .flex-container li { width: 440px !important; } /* THUMBS */ #youtube-thumbs { width: 417px; height: 291px; float: right; } #youtube-thumbs li { position: relative; width: 177px; height: 132px; overflow: hidden; float: left; margin: 0 59px 23px 0; border-style: solid; border-width: 1px; } #youtube-thumbs li.end { margin-right: 0; } #youtube-thumbs li a, #youtube-thumbs li img { position: absolute; top: 0; left: 0; } #youtube-thumbs li a { display: block; z-index: 10; width: 177px; height: 132px; } #youtube-thumbs li img { z-index: 1; } #youtube-thumbs li span { position: absolute; top: 44px; left: 66px; z-index: 3; width: 44px; height: 44px; background: url('../images/head-sprite.png') no-repeat -446px -132px; } #youtube-thumbs li.active a, #youtube-thumbs li.active span { display: none; } /* NORMAL */ #text-test { width:480px; float:left; } #text-test li { margin-bottom:30px; } #text-test li div { float: right; width:320px; } #text-test li img { float:left; } #text-test li .entry-title { margin-bottom:10px; font-size:1.3em; } #text-test li .entry-content { padding-bottom:10px; font-size:1.3em; font-style:italic; } #text-test li .more-link { font-size:1.2em; font-weight:bold; } #text-test li .more-link:hover { text-decoration: underline; } .single-locale #content #local-agent .item-title { font-size:1.8em; margin-bottom:15px; } .single-locale #content #ask-an-expert { float:none; } #local-agent { margin-bottom:40px; margin-left:50px; } .single-staff #local-agent { margin:0; width:270px; } .single-staff .page-content { margin-top:0; width:420px; } #staff-bio li { padding-bottom:10px; margin-bottom:10px; border-bottom-style:solid; border-bottom-width:1px; } #staff-bio li.last { border-bottom:0; } #staff-bio li .title { font-size:1.4em; font-weight:bold; margin-bottom:5px; } #staff-bio li p { padding-bottom:0; } #local-agent img { float:left; margin-bottom:10px; } #local-agent .vCard.agent-item p { float:right; margin-left:15px; width:120px; } #local-agent .vCard.agent-item p strong { font-size: 1.2em; display: block; font-weight: bold; margin:5px 0 15px; } .single-locale #content #centre-content .left { margin-top:0; } .single-locale #content #centre-content .right { width:310px; } #local-agent .agent-item.vCard { padding:0 0 10px 10px; margin-bottom:20px; border-bottom-style:solid; border-bottom-width:1px; } #local-agent .agent-item.vCard.last { border-bottom:0; } #local-agent .agent-item.vCard dl { font-size:1.2em; } #local-agent .agent-item.vCard dl dt { padding-left:40px; width:15px; margin-right:10px; } #local-agent .agent-item.vCard dl dt, #local-agent .agent-item.vCard dl dd { display:block; float: left; } #local-agent .agent-item.vCard dl .telephone { font-size:1.8em; width:185px; margin-bottom:5px; } #local-agent .agent-item.vCard dl .telephone.title { width:15px; padding-left:37px; } #local-agent .agent-item.vCard dl a { font-weight:bold; } #local-agent .agent-item.vCard dl a:hover { text-decoration:underline; } .single-locale #news-sidebar { margin-top:0; } /* LOCAL AGENTS */ .page-template-local-agents-php #centre-content { margin-top:60px; } .page-template-local-agents-php .page-content { float:left; width:450px; margin:0; } .page-template-local-agents-php #content .inner-title { font-size:2.4em; font-weight:normal; } .page-template-local-agents-php .page-content ol li { clear:both; margin-bottom:20px; } .page-template-local-agents-php .page-content ol li em { display:block; width:34px; height:45px; padding-top:2px; background:url(../images/how-sprite.png) -3px -2px no-repeat; font-style:normal; font-size:3.4em; font-weight:bold; padding-left:12px; float:left; margin-right:10px; } .page-template-local-agents-php .page-content ol li h5 { font-size: 1.8em; } /* AGENT OUTPUT */ #local-agents { margin:20px 0; } #local-agents li { margin-bottom:30px; } #local-agents li a { width:450px; height:129px; display:block; } #local-agents li a strong { float:right; width:325px; margin-top:5px; cursor:pointer; } #local-agents li a strong em { font-style:normal; font-size:1.6em; font-weight:bold; } #local-agents li a strong small { display:block; font-size:1.3em; font-weight:normal; } #local-agents li a strong .view { font-weight:bold; padding-left:17px; margin-top:10px; background: url('../images/magnifying-glass.png') no-repeat 0 2px ; } #local-agents li a img { float:left; padding:5px; } /* #hover-select { float:left; width:520px; } #hover-select li { position:relative; width:160px; height:200px; display:block; float:left; margin:0 20px 20px 0; } #hover-select li.end { margin-right:0; } #hover-select li a { position:absolute; z-index:2; height:100%; width:100%; z-index:3; cursor:pointer; } #hover-select li a strong { margin-top:135px; display:block; } #hover-select li a strong em { font-size:1.2em; font-style:normal; font-weight:bold; display:block; } #hover-select li a strong small { display:block; height:28px; margin-bottom:3px; } #hover-select li a span { font-size:0.9em; } #hover-select li img { position:absolute; z-index:1; top:0px; left:0px; padding:5px; opacity:0.75} #hover-select li:hover img {opacity:1;} */ #map-wrapper { float:right; width:432px; height:506px; position:relative; } #map img { display:block; position:absolute; z-index:4; } #map .region { visibility:hidden; } /* STAFF INDIVIDUAL */ .single-staff #content { padding-top:30px; } .single-staff .coverage { width:66%; } .single-staff #content .left { width:420px; margin:80px 0 40px; } .single-staff #enquiry-form { margin-top:40px; } .single-staff #local-agent .agent-item.vCard { border-bottom:0; } .single-staff #enquiry-form .title { margin-bottom:0; } .single #content .hentry .published, .addthis_toolbox { display:block; float:left; } .addthis_toolbox { margin:-28px 0 0 20px; float:right; width:16px;} .addthis_toolbox a { margin-bottom:8px; float:right;} .addthis_toolbox .addthis_button_compact, .addthis_toolbox .addthis_separator, .addthis_toolbox .addthis_button_google, .addthis_toolbox .addthis_button_favorites, .addthis_toolbox .addthis_button_print { display:none; } /* POP-UP */ .page-template-pop-up-php #content-wrapper { background-image:none; } .page-template-pop-up-php #content { width:320px; min-height:220px; padding:0 30px; } .page-template-pop-up-php #content h2 { font-size:3em; } .page-template-pop-up-php #wpadminbar {display:none;} .page-template-pop-up-php #content .page-content { font-size:1.5em; margin:0; } .page-template-pop-up-php #content .page-content ol li { list-style: inside decimal; margin-bottom:20px; } .error404 #content .page-content { margin-top:60px; } /* COMMENTS */ .comment-wrap { margin-top:30px; width:648px; overflow:hidden; } .comment-wrap #comments-title { margin-bottom:15px; } .comment-wrap #comment-fields { clear:both; } .comment-wrap .comment-author img { padding:4px; } .comment-wrap ol li { clear:both; margin-bottom:20px; padding-bottom:20px; border-bottom-width:1px; border-bottom-style: solid; border-bottom-width:1px; } .comment-wrap ol li ul.children { padding-left:50px; width:598px; } .comment-wrap ol li ul.children .children { width:548px; } #respond { clear:both; height:415px; } .comment-wrap ol li ul.children #respond ul li, .comment-wrap ol li #respond li { border:0; margin:0; padding:0; } .comment-wrap ol li ul.children li { width:598px; border-top-width:1px; border-top-style: solid; padding-top:20px; margin-top:20px; } .comment-wrap ol li ul.children li:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0; } #content .comment-wrap .left, #content .comment-wrap .right { margin:0; padding:0; width:auto; float:left; } #content .comment-wrap .left { width:50px; margin-right:5px; } #content .comment-wrap .right { width:593px; margin-bottom:20px; } .comment-wrap .comment-head { margin:10px 0; height:30px; font-size:1.3em; } .comment-wrap .comment-foot li, .comment-wrap .children .comment-foot li { margin:0; padding:0; border:0; float:left; } .form-submit { width:648px; clear:both; } .form-submit input#submit { margin-left:126px; cursor:pointer; border:0; width:150px; font-size:1.2em; background-image:none; } /* SHARE THIS */ .share-this { float:right; margin:9px 10px 0 0; } .share-this li { margin-bottom:10px; } /* FOOTER */ /* GLOBAL */ #main-footer, #regional-footer { min-height: 170px; padding: 33px 0 10px; } /* Widget Menu */ .widget_nav_menu { width: 140px; margin-right: 20px; float: left; } #nav_menu-5.widget_nav_menu, #nav_menu-2.widget_nav_menu { margin-top: -30px; } .widget_nav_menu.form { margin-top: -38px; } .widget_nav_menu.last { width: 145px; margin-right: 0; } .foot-inner h3 { font-size: 1.4em; font-weight: bold; margin-bottom: 12px; } .widget_nav_menu li { margin-bottom: 3px; } .widget_nav_menu li a, #news-sidebar li a { display:block; font-size:1.2em; background:url('../images/li-bullet.png') no-repeat 0 6px; padding-left:8px; } /* MAIN */ #main-footer { background-image:url('../images/foot-bg.jpg'); background-repeat:repeat-x; border-bottom-width:1px; border-bottom-style:solid; } /* REGIONAL */ #regional-footer { border-top-width:1px; border-top-style:solid; min-height: 130px; } .foot-inner .foot-left { float:left; width:467px; } .foot-inner .foot-right { float:right; margin:-7px 0 32px; width:400px; } #regional-footer .foot-right li a { cursor:pointer; } #regional-footer .foot-right li a, #regional-footer .foot-right li span { background-image: url('../images/foot-sprite.jpg'); background-repeat:no-repeat; display:block; text-indent:-9999px; overflow:hidden; } #regional-footer .foot-right li { float:left; margin-right:28px; margin-bottom:10px; } #regional-footer .foot-right li.last { float:left; margin:0; width:400px; } #regional-footer .foot-right li.last p { font-size:1em; margin-top:10px; color:#666666; } #regional-footer .foot-right li.last p span { background:none; text-indent:0; margin-top:15px; font-size:1.2em; color:#002855; } #regional-footer .foot-right li#seal { margin-top: 18px; width: 132px; height: 31px; } #regional-footer .foot-right li#seal span { background:none; text-indent: 0; } #regional-footer .foot-right li#f_oft a { width:73px; height:62px; background-position:-4px -6px; } #regional-footer .foot-right li#f_rics a { margin-top:10px; width:103px; height:41px; background-position:-96px -16px; } #regional-footer .foot-right li#f_est span { width:72px; height:68px; background-position:-224px -3px; } #regional-footer .foot-right li#f_ico { margin-top: 10px; } #regional-footer .foot-right li#f_ico span { width:72px; height:44px; background-position:-316px -17px; } #regional-footer .foot-right li#f_pci { width:140px; height:41px; margin: 10px 0 10px 0; } #regional-footer .foot-right li#f_pci span { width:140px; height:41px; background-position:-410px -20px; } #regional-footer .foot-right li#f_est {margin-right:0;} /* Social Icons */ #social-icons { float:left; margin:20px 0 0 8px; width:292px; } #social-icons li { float:left; margin:0 0 7px 0; width:35%; } #social-icons li a { opacity:0.75; font-size:1.1em; overflow:hidden; display:block; padding:3px 0 0 25px; height:20px; background-image: url('../images/social-sprite.png'); background-repeat:no-repeat; } #social-icons li a:hover { opacity:1; text-decoration:underline; } #social-icons li a#s_fb { background-position:-5px -5px; color:#3F5B93; } #social-icons li a#s_twi { background-position:-5px -44px; color:#36A5CB; } #social-icons li a#s_you { background-position:-5px -83px; color:#D32C2C; } #social-icons li a#s_rss { background-position:-5px -122px; color:#F79220; } /* FORM VALIDATION */ .gfield, .gform_body { clear:both; } .ginput_container .validation_message, .validation_error{ display:none; } #valuation-form li.gfield_error input, #testimonial-form li.gfield_error input, #testimonial-form li.gfield_error textarea, #enquiry-form li.gfield_error input, #enquiry-form li.gfield_error select, #enquiry-form li.gfield_error textarea { margin-bottom:0; } #testimonial-form .gform_validation_error .gform_body { height:490px; } #enquiry-form .gform_validation_error .gform_body { height:500px; } .validation_message { width:108px; float:right; margin-left:10px; font-size:1.1em; padding:2px 5px 4px 5px; } #testimonial-form .validation_message, #enquiry-form .validation_message { margin:0 4px 10px 0; } #enquiry-form .validation_message { margin-right:0; } .ie6 #testimonial-form .validation_message { margin-right:2px; } .page-id-616 iframe { display: none; } /* Cross Browser Fixes */ .ie6 .widget_nav_menu.form { margin-top:-33px; } .ie6 #regional-footer { height:130px; } .ie6 #site-title a { background-image:url('../images/ie/logo.png'); } .ie6 .widget_nav_menu li a { display:inline; } .ie6 .page-template-default #content .page-content { width:85%; } .ie6 .home #content .page-content ul li { background-image:url('../images/ie/how-sprite.png'); } .ie6 #how-it-works, .ie7 #how-it-works { margin-top:24px; } .ie7 .page-id-24 #how-it-works { margin-top:52px; } .ie6 #live-chat, .ie6 #map-sml, .ie6 #est, .ie6 #tel { background-image:url('../images/ie/head-sprite.png'); } .ie6 #desc { background-image:url('../images/ie/strapline.png'); background-position: 0 0; } .ie6 #tv, .ie6 #how-it-works li em, .ie6 #how-it-works li, .ie6 #testi-speech .speech-right .bubble .point, .ie6 #how-it-works li.title h2 { background-image: url('../images/ie/how-sprite.png'); } .ie6 .page-id-24 #centre-content { margin-top:70px; } .ie6 .page-id-24 #content .page-title { margin-bottom:28px; } .ie6 .page-id-24 #how-it-works li { background:none; } .ie6 #news-sidebar li a { display:inline; } .ie6 #head-nav { bottom:-1px; } .ie6 #accordion li { width:80%; } .ie6 #accordion li, .ie6 .page-id-24 .page-content .page-text ul li { background-image:url('../images/ie/green-tick.png'); } .ie6 #accordion li.active, .ie7 #accordion li.active, .ie8 #accordion li.active { border-style:solid; border-width:1px; } .ie7 #accordion li a { margin-top:-15px; } .ie8 #accordion li { position:relative; clear:both; float:left; width:510px; } .ie8 #accordion li a { position:absolute; bottom:10px; right:10px; } .ie6 #content { height:700px; } .ie7 .single #content .hentry .entry-content { margin-top:62px; } .ie6 #content .left { width:650px; } .ie6 #content .right { width:268px; } .ie6 .page-id-2 .vCard dl { background:none; } .ie6 #enquiry-form { width:460px; } /* Less Framework 4 http://lessframework.com by Joni Korpi License: http://creativecommons.org/licenses/MIT/ */ /* Selection colours (easy to forget) */ ::selection {background: rgb(255,255,158);} ::-moz-selection {background: rgb(255,255,158);} img::selection {background: transparent;} img::-moz-selection {background: transparent;} body {-webkit-tap-highlight-color: rgb(255,255,158);} /* Tablet Layout: 768px. Gutters: 24px. Outer margins: 28px. Inherits styles from: Default Layout. ----------------------------------------------------------------- cols 1 2 3 4 5 6 7 8 px 68 160 252 344 436 528 620 712 */ @media only screen and (min-width: 768px) and (max-width: 991px) { /* #content { width: 712px; padding: 48px 28px 60px; }*/ #content { width: 960px; } } /* Mobile Layout: 320px. Gutters: 24px. Outer margins: 34px. Inherits styles from: Default Layout. --------------------------------------------- cols 1 2 3 px 68 160 252 */ @media only screen and (max-width: 767px) { /*#content { width: 460px; padding: 36px 10px 48px; }*/ #content { width: 960px; padding:60px 0 0 0; } /*#head-wrapper, #head { width:320px; height:279px; } #site-title {position:static; margin:0 auto; padding:10px 0;} #head-nav { float:none; width:100%; position:static; } #head-nav li { float:left; width:50%; margin:0; } #head-nav li:first-child { display:none; } #head-nav li a { padding:10px 0; text-align:center; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #map-sml, #est, #live-chat, #desc, #tel { display:none; }*/ } /* Wide Mobile Layout: 480px. Gutters: 24px. Outer margins: 22px. Inherits styles from: Default Layout, Mobile Layout. ------------------------------------------------------------ cols 1 2 3 4 5 px 68 160 252 344 436 */ @media only screen and (min-width: 480px) and (max-width: 767px) { /*#content { width: 460px; padding: 36px 10px 48px; }*/ #content { width: 960px; padding:60px 0 0 0; } /* #head-wrapper, #head { width:480px; height:279px; } #site-title { position:static; margin:0 auto; padding:10px 0; } #head-nav { float:none; width:100%; position:static; } #head-nav li { float:left; width:50%; margin:0; } #head-nav li:first-child { display:none; } #head-nav li a { padding:10px 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #map-sml, #est, #live-chat, #desc, #tel { display:none; } */ } .post-type-archive-questions #content .page-title { margin-bottom: 65px; } .home #centre-content { margin-top: 500px; } .home #top-content { position: absolute; top: 21px; } .page-template-how-b-php #centre-content { margin-top: 30px; } .page-template-how-b-php .page-text { width: 628px; float: left; } .page-template-how-b-php #how-right { margin-top: 31em; } .page-template-how-b-php .steps li { margin-bottom: .75em; } .page-template-how-b-php #content h3 { font-size: 1.8em; margin-bottom: .75em; } /* HOW IT WORKS | P */ .page-id-24 #content .page-title { width: auto; margin: 0; } .page-id-24 #content .page-content h5 { font-size: 1.8em; } .page-id-24 #content #centre-content img { float: left; margin-left: 30px; } #how-it-works.original { padding: 25px 0 32px 35px; margin-top: 3px; margin-bottom: 30px; } #how-it-works.original li { height: auto; background: none; width: 90%; float: none; margin: 0 0 30px 0; padding: 0 10% 0 0; } #how-it-works.original li.last {margin: 0;} #how-it-works.original li em { margin-right: 15px; } #how-it-works.original li h5 { font-size: 1.8em; color: #002855; } #how-it-works.original li p { padding: 0; font-size: 1.4em; } .hiw-original .page-content { float: left; width: 598px; margin-top: 0; } .hiw-original .page-content .page-text { padding: 0; width: 475px; float: left; } .hiw-original .page-content img { float: right; width: 98px; margin-left: 0; } .hiw-original .page-text ul { margin: 20px 0; } .hiw-original .page-text ul li { background: url('../images/green-tick.png') no-repeat 10px 0; font-size: 1.2em; margin: 0 0 10px; padding: 8px 0 16px 50px; color: #305070; } .page-template-how-php #news-sidebar { margin-top: 0; } .hiw-original h5 { font-size: 1.8em; color: #FD8230; } .page-template-how-a-php #how-it-works.stacked li { float: none; width: 100%; background-image: none; height: auto; margin-bottom: 1em; } .page-template-how-a-php #how-it-works h5 { font-size: 1.6em; margin-bottom: 8px; } .page-template-how-a-php #centre-content { margin-top: 0; } .page-template-how-a-php #content .left { margin-bottom: 1em; } .page-template-how-a-php #content h1 { font-size: 1.9em; } .page-template-how-a-php #content h1.page-title { font-size: 3em; } .page-template-how-a-php .page-text { float: left; width: 598px; } .page-template-how-a-php #news-sidebar { margin-top: 16px; } /* Site Amends - Jason - 14th Sept 2012 */ .case-studies.hentry .case-thumb { float: left; margin-right: 25px; display: block; } .case-studies.hentry .entry-content { float: left; width: 380px; } .page-template-investor-php #content .title-head h2 { font-size: 17px; } #valuation-form.investor input.gform_button { background: url('../images/investor-btn.png') no-repeat; } .terms-hide { margin-top: 2em; } .gform_validation_error .terms-hide { margin-top: 3em; } .terms-hide .gfield_label, #valuation-form .terms-hide .gfield_label { display: none; } .terms-hide input, #enquiry-form .terms-hide input { float: left; width: 15px !important; height: 15px !important; margin-right: 5px; margin-bottom: 0; } .terms-hide .gfield_checkbox label, #testimonial-form .terms-hide .gfield_checkbox label, #enquiry-form .terms-hide .gfield_checkbox label, #valuation-form .terms-hide .gfield_checkbox label { float: left; font-size: 12px; margin: 0; width: auto; } .terms-hide a, #valuation-form .terms-hide a { font-size: 1em; display: inline; } .terms-hide .validation_message { display: none; }