/*PROPERTY MENTOR*/ /*Author: Soula LTD, Unit 3A Park Lane Business Centre, Basford, Nottingham, NG6 0DU, England | Tel: 0115 9798445 | Email: info@souladesign.com*/ /*========== 1.IMPORT ==========*/ @import "css/scratch.css"; /*========== 2.Base/Reset ==========*/ a img { outline:none; border:none } img { border:none; display: block; } /*========== 3.HTML ==========*/ /*===Body===*/ html {background-color:#81A6D3; margin-top:10px;} body {background:url("images/foot_bg.gif") repeat-x scroll left bottom #B3B3B3; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; padding:0; margin:0;} /*Headings*/ h1 {color:#17365d; font-size:20px; font-weight:bold; margin:0; padding:15px 0 0; } h1 strong {color:#17365d; font-size:20px; font-weight:bold; margin:0; padding:0; } h2 {color:#17365d; font-size:18px; font-weight:bold; padding:15px 0 0 0; } h2 strong {color:#171e24; font-size:18px; font-weight:bold; } h3 {color:#588cc9; font-size:13px; font-weight:bold; margin:5px 0 0 0; padding:0; } h4 {color:#17365d; font-size:14px; font-weight:bold; } h5 {color:#17365d; font-size:12px; font-weight:bold; margin:5px 0 0 12px; padding:0; } h6 {color:#17365d; font-size:20px; font-weight:bold; margin:0; padding:20px 0 0 0; } .resourceHeader {font-size:16px; font-weight:bold; color:#000; } .content_white h1 {color:#17365D; display:block; font-size:22px; font-weight:bold; line-height:28px; padding:10px 0; text-align:left;} .content_white h1 strong {color:#CC3300; font-size:22px; font-weight:bold; line-height:28px; text-align:center;} .content_white h2 {color:#17365D; display:block; font-size:20px; font-weight:bold; line-height:28px; margin: 10px 0; padding:10px 0; text-align: left;} .content_white h2 strong {color:#CC3300; font-size:20px; font-weight:bold; line-height:28px;} .content_grey h2 {color:#17365D; display:block; font-size:20px; font-weight:bold; line-height:28px; margin: 0; padding: 20px 0 0; text-align: left;} .content_grey h2 strong {color:#CC3300; font-size:20px; font-weight:bold; line-height:28px;} .content_white h3 {color:#17365D; font-size:20px; font-weight:bold; margin:0; padding:20px 0;} .content_grey h3 {color:#17365D; font-size:20px; font-weight:bold; margin:0; padding:20px 0 0;} /*Type*/ strong {font-weight: bold;} .smallTerms { font-size:11px; } .text1 { font-size:11px; line-height:16px; color:#131313; margin:0; padding:10px 0 10px 0; } .redhighlight {color: #CC3300; font-weight:bold;} /*Lists*/ ol, ul, li {list-style:none;} dl dt {font-weight: bold;} ul.newlist li { background:url(images/li_bg.png) no-repeat; color:#000; font-size:14px; font-weight:normal; } ul.newlist li strong { color:#17365D; } .faq-page ul { list-style:none; padding:0; margin:0; } .faq-page li { background:url(images/li_bg.png) no-repeat; color:#588cc9; display:block; font-size:12px; font-weight:bold; padding:2px 15px 5px 20px; text-decoration:none;} .faq-page li a { color:#588cc9; font-size:12px; font-weight:bold; text-decoration:none; display:block; padding:0; } .faq-page li a:hover { text-decoration:underline; } .ol-nr1 , .ol-nr2 , .ol-nr3 {font-size: 14px; font-weight: normal; list-style-type: none;} .ol-nr1 {background-image: url(images/li_bg_blue1.png); color: #17365D; } .ol-nr2 {background-image: url(images/li_bg_blue2.png); color: #3465A0;} .ol-nr3 {background-image: url(images/li_bg_black.png); color: #000000; } ul { list-style:none; padding:0; margin:0; } li { background:url(images/li_bg.png) no-repeat; color:#588cc9; font-size:12px; font-weight:bold; text-decoration:none; padding:2px 15px 15px 20px;} ul.system-benefits li { color: #385f8d; } .black_bullet { color:#000000; } .black_bullet ul {list-style:none; } .black_bullet ul li {background:url(images/black_bullet.gif) no-repeat; color:#000000; font-size:13px; font-weight:normal; margin:5px 0 0; } .alt { list-style:none; padding:0; margin:0; } .alt li { background:url(images/li_bg_grey.gif) no-repeat; color:#588cc9; font-size:12px; font-weight:bold; text-decoration:none; display:block; padding:2px 0 0 15px; } .alt li a { color:#588cc9; font-size:12px; font-weight:bold; text-decoration:none; display:block; padding:2px 0 0 15px; } .alt li a:hover { text-decoration:underline; } dd {margin-left: 0;} ul.highlight li {background:none repeat scroll 0 0 #E8E8E8; float:left; margin:0 10px 20px;min-height:367px; padding:19px; width:145px;} ul.highlight li a {clear: left; text-decoration: none;} ul.highlight li h4 {color:#002B75; font-size:22px; font-weight:bold; margin:3px 0 8px; text-decoration:none;} ul.highlight li a:hover h4 {color: #214A8B} ul.highlight li p {color:#111111; font-size:13px; font-weight:normal; line-height:18px; margin:0;} ul.highlight li div {background:none repeat scroll 0 0 #FFFFFF; border:12px solid #FFFFFF; height:100px; margin:0 auto 15px; overflow:hidden; padding:0; width:121px;} ul.highlight li a:hover div {border-color: #002B75;} ul.highlight li img {border: none; cursor: pointer; padding: 0; } /*Links*/ a {color:#0000d0; text-decoration:underline;} a:hover {color:#00008f; outline:none; text-decoration:underline;} a:active {outline: none;} .link1 {color:#808080; font-size:11px; font-weight:normal; text-decoration:underline;} .link1:hover {color:#525252;} .link2 {color:#17365d; font-size:14px; font-weight:bold; text-decoration:underline; } .link2:hover {color:#044696;} /*Images*/ .img { padding:1px; border:solid 3px #e3e3e3; } /*Table*/ .tableHeader { height:28px; background:#c6daf3; padding:0 5px 0 12px; color:#000000; font-size:13px; background:url(images/table-header.gif) repeat-x; } .tableRow { height:28px; padding:4px 0 4px 12px; color:#44474b; font-size:13px; background:url(images/table-row.gif) repeat-x; background-color:#d3e2f4; line-height:16px; } .tableRowAlt { height:28px; padding:4px 0 4px 12px; color:#44474b; font-size:13px; background:url(images/table-row-alt.gif) repeat-x; background-color:#d8e4f1; line-height:16px; } /* SubMenu Tables START ---------------------*/ .submenu_table { background:#f4f3f3; } .table_h1 { color:#002b75; font-size:16px; font-weight:bold; } .table_h1 a { color:#002b75; font-size:16px; font-weight:bold; text-decoration:none; } .table_h1 a:hover { color:#002b75; font-size:16px; font-weight:bold; text-decoration:none; } .table_h2 { color:#002b75; font-size:14px; font-weight:bold; } .table_content { color:#002b75; font-size:12px; font-weight:normal; line-height:16px; color:#353535; margin:5px 0 0 0; display:block; padding:5px 0 0 0; } .submenu_table_alt { background:#e8e8e8; } .index_bg_repeat { background:url(images/index_bg_repeat.jpg) top left repeat-y; } .test_table { background:#e2ecf4; } .test_header { color:#17365d; font-size:14px; font-weight:bold; margin:0; padding:0; } .test_content { font-size:12px; color:#333; font-weight:normal; margin:0; padding:0; line-height:14px; } .referenceCode { color:#FFFFFF; font-size:11px; position:absolute; right:0; top:-182px; display:none;} .test_table_alt { background:#f4f3f3; } /*Dynamic Drive Gallery*/ .gallerycontainer{ position: relative; /*Add a height attribute and set to largest image's height to prevent overlaying*/ } .thumbnail img{ border: 1px solid white; margin: 0 5px 5px 0; } .thumbnail:hover{ background-color: transparent; } .thumbnail:hover img{ border: none; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image*/ visibility: visible; top: 0; left: 230px; /*position where enlarged image should offset horizontally */ z-index: 50; } /*General Form Styling*/ form { margin: 0; padding: 0;} /*** -- Form styles START 16/10/2008 -- ***/ .formcontainer {background:#ebebeb; padding:10px 20px 10px 20px; color: #17365d; font-weight: bold; margin:0 0 15px 0;} .formcontainer_link {color: #000000; font-weight: normal; font-size:13px; text-decoration:underline; margin:0 0 0 10px;} .formcontainer_link:hover {color: #000000; font-weight: normal; font-size:13px; text-decoration:none; margin:0 0 0 10px;} .formheadings {float:left; color:#17365d; font-size:18px; font-weight:bold; padding:15px 15px 15px 0; } .formheadings_on {float:left; color:#d8d8d8; font-size:18px; font-weight:bold; padding:15px 15px 15px 0; } .email_submit3 { background:url(images/submit_button2.gif) top left; width:164px; height:26px; display:block; margin:10px 0 0 0px; border:none; } .email_submit3:hover { background:url(images/submit_button2.gif) top right; width:164px; height:26px; display:block; margin:10px 0 0 0px;cursor:pointer; border:none; } .prev_submit {float:left; background:url(images/prev_submit.gif) no-repeat; width:101px; height:26px; display:block; cursor:pointer;} .prev_submit:hover {float:left; background:url(images/prev_submit_on.gif) no-repeat; width:101px; height:26px; display:block; cursor:pointer;} .next_submit {float:right; background:url(images/next_submit.gif) no-repeat; width:101px; height:26px; display:block; cursor:pointer;} .next_submit:hover {float:right; background:url(images/next_submit_on.gif) no-repeat; width:101px; height:26px; display:block; cursor:pointer;} .addAnotherOrder { background:url(images/add-another-order-button.gif) top left; width:154px; height:23px; display:block; } .addAnotherOrder:hover { background:url(images/add-another-order-button.gif) top right; width:154px; height:23px; display:block; cursor:pointer; } /*========== 4.LAYOUT ==========*/ /*========== 4.1 GLOBAL==========*/ #bg_left { background:url(images/header_left_bg.jpg) top left repeat-x; } #bg_right { background:url(images/header_right_bg.jpg) top left repeat-x; } .bg_right { background:url(images/header_right_bg.jpg) top left repeat-x; } #inner_page_container { background:url(images/content_bg.gif) repeat-y; position: relative; width:900px; margin:0 auto 0 auto; display:block; } #container { background:#fff; width:900px; margin:0 auto 0 auto; display:block; } #right { float:right; width:642px; height:100%; } /*========== 4.2 HEADER ==========*/ #header {background:none repeat scroll 0 0 #FFFFFF; border-top: 9px solid #81A5D5; width:100%;} #header .content { margin:0 auto; padding: 0; position:relative; width:900px;} #header #logo {bottom:-14px; float:left; margin-bottom: 0; padding:0; position:relative; width:235px;} #header h1#logo a {background:url("images/logo.png") repeat-x scroll 239px top transparent; display:block; height:120px; text-indent:-9000em; width:234px;} #header h1#logo a:hover {background-position:left top;} #phone_container { position:absolute; right:-12px; top:-4px;} #nav { background:url("images/nav-bg.gif") repeat-x scroll left bottom transparent; clear:both; height: 45px } #nav .contents {margin:0 auto; padding:0 0 0 258px; width:644px;} #nav #nav_homeDropdown, .nav_homeDropdown {background:url("images/nav_home-new.gif") repeat scroll right top transparent; color:#FFFFFF; display:block; float:left; height:32px; margin-right:17px; padding:10px 0 0 7px; text-align:center;width:41px;} /*#header_bg { background:url(images/header_bg.gif) top repeat-x; height:106px; width:594px; float:right; } #phone_container { width:594px; float:right; } #signin_container { width:568px; float:right; text-align:right; padding:0 26px 0 0; }*/ /*Meag Drop Down Styling*/ #mega-nav {z-index: 5} #mega-nav li {z-index: 1} #mega-nav, #mega-nav li {float: left; list-style: none; list-style-position: outside; margin: 0; padding: 0} #mega-nav {position: relative} #mega-nav li {background: none; float: left; position: relative; z-index: 500} #mega-nav a, #mega-nav li.search {background: url(images/mega-nav-bg.png) no-repeat left 1px; color: #fff; display: block; height: 45px; text-decoration: none; text-indent: -9000em;} #mega-nav a:active, #mega-nav a:focus {border: none; outline: none} #mega-nav li:hover div.subnav {display: block; } #mega-nav div.subnav {background-color:#d2d3d0; border-color: transparent #B2B3B0 #B2B3B0; border-style: none solid solid; border-width: 0 1px 1px; display: none; left:-72px; padding:15px; position:absolute; top:45px; -moz-border-radius: 5px;} #mega-nav .colgroup {float: left; width: 563px} /*Home*/ #mega-nav li.home a {background-position:-3px top; width:64px;} #mega-nav li.home:hover a {background-position: -3px -50px} /*Property Courses*/ #mega-nav li.property-courses a {background-position:-401px top; width:153px;} #mega-nav li.property-courses:hover a {background-position: -401px -50px} #mega-nav li.property-courses div.subnav { width:563px;} #mega-nav li.property-courses .colgroup {background: transparent url(images/2to1-col-bg.gif) repeat-y left top} #mega-nav li.property-courses .size2of3 ul {float:left; margin-right:0; width:50%;} #mega-nav li.property-courses .size1of3 {width: 26%} #mega-nav li.property-courses div.subnav {left: -42px} #mega-nav li.property-courses .size2of3 {float: left; margin-right:16px; padding:10px; width:63.5%;} /*Is it for me*/ #mega-nav li.for-me a {background-position:-67px top; width:122px;} #mega-nav li.for-me:hover a {background-position: -67px -50px} #mega-nav li.for-me div.subnav {left: -195px; width:563px;} #mega-nav li.for-me .colgroup {background: transparent url(images/2-col-bg.gif) repeat-y left top} /*Resources*/ #mega-nav li.resources a {background-position:-189px top; width:111px;} #mega-nav li.resources:hover a {background-position: -189px -50px} #mega-nav li.resources div.subnav {left: -317px; width:563px;} #mega-nav li.resources .colgroup {background: transparent url(images/2-col-bg.gif) repeat-y left top} /*About*/ #mega-nav li.about a {background-position:-300px top; width:101px;} #mega-nav li.about:hover a {background-position: -300px -50px} #mega-nav li.about div.subnav {left: -428px; width:563px;} #mega-nav li.about .colgroup {background: transparent url(images/2-col-bg.gif) repeat-y left top} /*Search*/ #mega-nav li.search {background-position:-554px top; width:91px;} #mega-nav li.search:hover {background-position:-554px -50px} #mega-nav li.search .query {border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; display: block; float: left; margin-right: 5px; padding:5px; width: 143px} #mega-nav li.search .submit {background-color:#4DB1FB; border-color:#76C2FB #3E9FE7 #3E9FE7 #76C2FB; border-style:solid; border-width:1px; color:#FFFFFF; cursor:pointer; display: block; float: left; padding:4px; width:45px;} #mega-nav li.search div.subnav {left:-170px; width:227px;} #mega-nav li.search form {display: block; z-index: 100} #mega-nav li.search .colgroup {background-color: #F3F3F3; float: none; padding: 10px; width: auto} #mega-nav blockquote {font-style: italic; margin: 0; padding: 0;} #mega-nav cite {color: #4F4F4F} /*Sub nav styles*/ #mega-nav h3 {border-bottom:1px dotted; color:#0B2133; font-weight:bold; font-size: 12px; margin-bottom:6px; padding-bottom:3px; text-transform:uppercase; text-shadow: 0 1px 0 #fff; text-indent: 0;} #header #mega-nav li div.subnav h3 a {background-image: none; padding: 0;} #header #mega-nav li div.subnav h3 a:hover {background: none; color: #B2133} #mega-nav div.subnav ul { margin-right: 10px;} #mega-nav div.subnav li { border-right:medium none; float:none; margin-bottom:0; padding:0;} #header #mega-nav li div.subnav a {background: url(images/circle-arrow.png) no-repeat 2px 7px transparent; /*border-bottom:1px dotted #939393;*/ color: #367EBE; height: auto; padding: 5px 3px 5px 22px; margin: 0; text-indent: 0; width: auto} #header #mega-nav div.subnav a:hover {background: url(images/circle-arrow.png) no-repeat 2px 7px #367EBE; color: #fff} .size1of3 {float:left; margin-right:15px; padding:10px; width:157px; } .size2of3 {float: left; margin-right: 15px;padding:10px; width: 63%;} .size1of2 {float: left; margin-right: 20px; width: 48%;} .last {margin-right: 0} #mega-nav div.subnav .feature {background-color: #f3f3f3; border: 1px solid #B2B3B0; margin-top: 15px} #mega-nav div.subnav .feature ul {list-style: none; list-style-position: outside} #mega-nav div.subnav .feature ul li {float: left; padding:10px; width:254px;} #header #mega-nav div.subnav .feature ul li a {background: none; border: none; font-weight: bold; padding: 0;} #header #mega-nav div.subnav .feature ul li a:hover {background: none; color: inherit} #mega-nav div.subnav .feature ul li img {float: left; margin-right: 10px} #mega-nav div.subnav .feature ul li .content { float: left; width: 193px} #mega-nav div.subnav .feature ul li .content p {color: #444; margin: 0;} #mega-nav #postcodeForm1 input {border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; font-size:0.9em; padding:3px; width:157px;} #mega-nav #postcodeForm1 #submit1 {background-color:#39A2D0; border-color:#56C3EF #1A8AB7 #1A8AB7 #56C3EF; border-style:solid; border-width:1px; color:#FFFFFF; cursor:pointer; font-size:0.9em; padding:2px; width: 80px} /*===Events Module in Header===*/ #header p.contact { position:absolute; right:0; top:0; z-index:10;} #header .events {float:right; height:90px; position:relative; top: 10px; width:400px;} #header .events h3 { color:#1C527F; font-size:26px; font-weight:normal; line-height: 28px; height:28px; margin:0; position:absolute; right:5px; top:0;} #header .events h3 strong { color:#1C527F; font-size:26px; font-weight:bold;} #header .events .date { background:url("images/events-cal.png") no-repeat scroll left top transparent; font-weight:normal; height:79px; padding:1px 0 0; position:relative; width:89px;} #header .events span.month { color:#FFFFFF; display:block; height:22px; line-height:22px; text-align:center; text-transform:uppercase; width:89px;} #header .events span.day {color:#343434; display:block; font-size:37px; font-weight:bold; height:38px; padding:15px 0 0; text-align:center; width:89px;} #header .events .date a {background:url("images/date-left.gif") no-repeat scroll left top transparent; bottom:26px; display:block; height:16px; left:-7px; position:absolute; text-indent:-9000em; width:16px;} #header .events .date a.next {background:url("images/date-right.gif") no-repeat scroll right top transparent; left:80px;} #header .course-wrap {display:inline; float:right; height:26px; position:absolute; right:3px; top:30px; width:auto;} #header .events .item {display:block; font-size:16px; font-weight:normal; line-height:19px; margin-right:20px; text-align:right; width:228px;} #header .events .free {color: #A36D18; font-weight: bold; font-size: 0.8em} #header .events .paid {color: #A36D18; font-weight: bold} #header .events .course-wrap a.prev { background:url("images/date-left.gif") no-repeat scroll left top transparent; bottom:8px; display:block; height:16px; left:-25px; position:absolute; text-indent:-9000em; width:16px;} #header .events .course-wrap a.next {background:url("images/date-right.gif") no-repeat scroll right top transparent; bottom:8px; display:block; height:16px; position:absolute; right:0; text-indent:-9000em; width:16px; z-index:10;} #header .events a.btn { background:url("images/events-booknow.png") no-repeat scroll left top #80A5D1; color:#FFFFFF; display:block; font-size:0; font-weight:normal; height:22px; line-height:0; padding:3px 7px; position:absolute; right:0; text-align:center; text-decoration:none; text-indent:-9000em; top:43px; width:82px;} #header .events a.btn:hover { background-position:0 -28px; } #header .events a.btn:active { background-position:0 -56px; } #header .events #check-course { bottom:-17px; font-size:11px; left:113px; line-height:16px; position:absolute;width:183px;} #header .events #postcodeForm { bottom:-9px; left:111px; position:absolute; } #header .events #postcodeForm #postcode { border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; font-size:0.9em; padding:3px; width:100px; } #header .events #postcodeForm #submit { background-color:#39A2D0; border-color:#56C3EF #1A8AB7 #1A8AB7 #56C3EF; border-style:solid; border-width:1px; color:#FFFFFF; cursor:pointer; font-size:0.9em; padding:2px;} /*===Navigation===*/ #nav_contianer { height:42px; width:618px; display:block; float:right; } #nav_homeDropdown, .nav_homeDropdown { background:url(images/nav_home-new.gif) top right; width: 48px; height: 32px; float: left; text-align: center; color: #fff; display: block; padding: 10px 0 0 0; } .nav_homeDropdown {background-position: top left;} .nav_homeDropdown:hover {background-position: top right; color: #ffcd36;} #nav_ourCoursesDropdown, .nav_ourCoursesDropdown { background: url(images/nav-our-courses-new.gif) top right; width: 126px; height: 32px; float: left; text-align: center; color: #fff; display: block; padding: 10px 0 0 0; } .nav_ourCoursesDropdown {background-position: top left;} .nav_ourCoursesDropdown:hover { background-position: top right; color: #ffcd36;} #nav_locationsDropdown, .nav_locationsDropdown { background: url(images/nav-locations-new.gif) top right; width: 78px; height: 32px; float: left; text-align: center; color: #fff; display: block; padding: 10px 0 0 0; } .nav_locationsDropdown { background-position: top left;} .nav_locationsDropdown:hover {background-position: top right; color: #ffcd36;} #nav_foryouDropdown, .nav_foryouDropdown { background: url(images/nav-for-you-new.gif) top right; width: 100px; height: 32px; float: left; text-align: center; color: #fff; display: block; padding: 10px 0 0 0; } .nav_foryouDropdown { background-position: top left;} .nav_foryouDropdown:hover {background-position: top right; color: #ffcd36;} #nav_newsDropdown, .nav_newsDropdown {background: url(images/nav-news-new.gif) top right; width: 50px; height: 32px; float: left; text-align: center; color: #fff; display: block; padding: 10px 0 0 0; } .nav_newsDropdown {background-position: top left;} .nav_newsDropdown:hover {background-position: top right; color: #ffcd36;} #nav_resourcesDropdown, .nav_resourcesDropdown {background: url(images/nav-resources-new.gif) top right; width: 144px; height: 32px; float: left; text-align: center; color: #fff; display: block; padding: 10px 0 0 0; } .nav_resourcesDropdown {background-position: top left;} .nav_resourcesDropdown:hover {background-position: top right; color: #ffcd36; } #nav_aboutDropdown, .nav_aboutDropdown { background: url(images/nav-about-new.gif) top right; width: 72px; height: 32px; float: left; text-align: center; color: #fff; display: block; padding: 10px 0 0 0; } .nav_aboutDropdown { background-position: top left;} .nav_aboutDropdown:hover { background-position: top right; color: #ffcd36; } #nav_contianer {height:42px; width:594px; display:block; float:right; } #nav_home, .nav_home {background:url(images/nav_home.gif) top right; float:left; height:42px; width:59px;} .nav_home {background-position: top left; } .nav_home:hover {background-position:top right;cursor:pointer;} #nav_about, .nav_about {background:url(images/nav_aboutus.gif) top right; width:77px; height:42px; float:left; } .nav_about {background-position: top left; } .nav_about:hover {background-position:top right; height:42px; float:left; cursor:pointer; width:77px;} #nav_workshops, .nav_workshops {background:url(images/nav_workshops.gif) top right; width:112px; height:42px; float:left; } .nav_workshops {background-position: top left; } .nav_workshops:hover {background-position: top right; cursor:pointer; } #nav_testimonials, .nav_testimonials {background:url(images/nav_testimonials.gif) top right; width:92px; height:42px; float:left; } .nav_testimonials {background-position: top left;} .nav_testimonials:hover {background-position: top right; width:92px; cursor:pointer; } #nav_faq, .nav_faq {background:url(images/nav_faq.gif) top right; width:52px; height:42px; float:left; } .nav_faq {background-position: top left;} .nav_faq:hover {background-position: top right; cursor:pointer; } #nav_contact, .nav_contact { background:url(images/nav_contact.gif) top right; width:88px; height:42px; float:left; } .nav_contact { background-position: top left;} .nav_contact:hover {background-position: top right; cursor:pointer; } #nav_login, .nav_login {background:url(images/nav_links.gif) top right; width:114px; height:42px; float:left; } .nav_login {background-position: top left; } .nav_login:hover {background-position: top right; cursor:pointer; } .dropNavStyle { height:42px; padding:0px; } .dropNavStyle ul { width:100%; padding:0; margin:0; text-align:left; display:inline; height:42px; } .dropNavStyle ul li { display: inline; background:none; height:42px; padding:0px; } .dropNavStyle ul li a { color:#fff; margin:0; text-decoration:none; } .dropNavStyle ul li a:hover { text-decoration:none; } .dropmenudiv { position:absolute; top:0; border:1px solid #0f2345; font-family:Arial; font-size:12px; z-index:100; background: url(../images/nav-dropdown-bg.gif) repeat-x #18466c; width:250px; visibility: hidden; margin:-3px 0 0 0; color:#fff; } .dropmenudiv a { padding: 3px 0 3px 0; margin: 3px 15px 3px 15px; font-weight:normal; height:20px; font-size:12px; width:auto; display:block; text-decoration:none; color:#fff; border-bottom: solid 1px #355284; } .dropmenudiv a:hover { color:#fbcd5e; } .dropmenudiv a:last-child { border-bottom: none; } * html .dropmenudiv a {width: 100%;}/*IE only hack*/ .dropmenudiv a:hover { background:url(images/leftnav-bg-on.gif) top left no-repeat; } /*Callback**/ #phone_container {position: relative;} #phone_container .chat { top: 13px; position: absolute; height: 90px; right: -5px; width: 300px;} #phone_container .call-back-req {position: absolute; top: 66px; right: 16px;} #phone_container a.call-back-req {font-size: 11px; font-weight: bold; text-decoration: none; color: #111;} #phone_container a.call-back-req:hover span {color: #fff;} #phone_container a.call-back-req span { color: #3A7ABE;} /*call-back-request*/ .call-back {float: left; margin-left: 136px; display: inline; margin-top: 10px;} /*========== 4.3 MAIN ==========*/ #main { margin:0 auto; position:relative; width:900px;} /*Page Header*/ .pg-header {background:url("images/pg-header.jpg") no-repeat scroll left top transparent; display: block; height:144px; margin:0 -15px; padding:20px 28px; width:586px;} .pg-header h1 {color:#FFFFFF; font-size:32px; font-weight:normal; line-height:35px; margin:36px 0 0; vertical-align: middle;} .pg-header h1 strong {color: #fff; line-height: 35px; font-size: 32px; font-weight: bold; } .pg-header p {color: #fff; font-size: 16px; padding: 0; margin: 0} /*=HOME=*/ /*Video*/ #video_placeholder { background:#93bde7; width:642px; height:188px; display:block; z-index:1; } .video_img { background:url(images/center_graphic_break.jpg); height:10px; margin:0; padding:0; } #intro-video {background: url(images/loading.gif) no-repeat center 84px #ABBEDF; min-height: 188px; } #cta_nodeposit { background:url(images/cta_nodeposit.gif) top left; width:208px; height:113px; display:block; float:left; } #cta_nodeposit:hover { background:url(images/cta_nodeposit.gif) top right; width:208px; height:113px; display:block; float:left; cursor:pointer; } #cta_buytolet { background:url(images/cta_buytolet.gif) top left; width:216px; height:113px; display:block; float:left; } #cta_buytolet:hover { background:url(images/cta_buytolet.gif) top right; width:216px; height:113px; display:block; float:left; cursor:pointer; } #cta_5kcourse { background:url(images/cta_5kcourse.gif) top left; width:218px; height:113px; display:block; float:left; } #cta_5kcourse:hover { background:url(images/cta_5kcourse.gif) top right; width:218px; height:113px; display:block; float:left; cursor:pointer; } .content_home_container { background:none; margin:0; padding:0; } .content_white { background:#FFFFFF; padding:0 15px 10px 15px; margin:0; clear: both; } .testimonial_content_white { background:#FFFFFF; padding:0 0 10px 15px; margin:0; } .content_grey { background:#f7f8f8; padding:0 30px 10px 15px; clear: both; } .content_grey_home_left { background:#fff; padding:0 30px 10px 15px; width:270px; float:left; display:block; min-height:360px; } .content_grey_home_right { background:#fff; padding:0 30px 10px 15px; width:270px; float:right; display:block; min-height:360px; } .seperator { background:#ebebeb; display:block; height:10px; line-height:0px; font-size:0px; } .home .content_white h1 {color:#17365D; display:block; font-size:22px; font-weight:bold; line-height:28px; padding:10px 0; text-align:center;} .home .content_white h1 strong {color:#CC3300; font-size:22px; font-weight:bold; line-height:28px; text-align:center;} .home .content_white h2 {color:#17365D; display:block; font-size:20px; font-weight:bold; line-height:28px; margin: 10px 0; padding:10px 0; text-align: center;} .home .content_white h2 strong {color:#CC3300; font-size:20px; font-weight:bold; line-height:28px;} .home .content_grey h2 {color:#17365D; display:block; font-size:20px; font-weight:bold; line-height:28px; padding: 0; text-align: center;} .home .content_grey h2 strong {color:#CC3300; font-size:20px; font-weight:bold; line-height:28px;} .home .content_grey h2:first-child { padding-top: 12px; } /*Positive Cash Flow CTA*/ .positive {background: transparent url(images/newfor2012-bg.png) no-repeat right 88px; cursor: pointer; height: 358px; padding-right: 12px; float: right; margin: 0 0 20px 20px; width: 287px;} .positive h3 {background: transparent url(images/new-product-2012.png) no-repeat right top; border: 0; margin: 0 -12px -1px 0; padding: 0; height: 88px; text-indent: -9000em;} .positive strong {color: #17365d;} /*.positive p {padding: 0 10px 0; margin-top: 0; margin-bottom: 7px; font-size: 0.95em; text-align: center;}*/ /*Revised Version v2.0*/ .positive h4 { color: #17365D; font-size: 13px; font-weight: bold; line-height: 17px; margin: 0 0 4px; padding: 0 10px; padding-top:5px; text-align: center; text-transform: uppercase; } .positive p { padding: 0 10px; margin-top: 0; text-align: center; margin-bottom: 6px; line-height: 16px; font-size: 12px;} .positive p strong {margin-top: 0; padding-top: 0;} .positive a {background: transparent url(images/positive-cash-flow-btn.png) no-repeat top left; display: block; height: 44px; width: 203px; margin: 8px auto 0; text-indent: -9000em;} .callout {background: #f3f3f3; border: 3px solid #0F2345; margin: 0 auto 15px; width: 560px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 6px 6px 11px rgba(0,0,0,0.3); -webkit-box-shadow: 6px 6px 11px rgba(0,0,0,0.3); box-shadow: 6px 6px 11px rgba(0,0,0,0.3)} #right .callout h3 {background-color: #fff; border-bottom: 1px solid #ddd; font-size: 1.8em; line-height: 28px; padding: 20px; text-align: center} .callout .highlight {color: #0A6BA7; font-size: 1.4em; line-height: 1.4; } #right .callout p {padding: 0 20px;} .callout .clock {float: right; margin-top: -10px} .callout .postcode-checker-medium {background: url("images/postcode-finder-light-bg.jpg") no-repeat scroll right top #FFFFFF} .callout .postcode-checker-medium h2 {margin: 0 0 15px 0; padding: 10px 0 0 0;} .callout .postcode-checker-medium p { font-size: 14px; padding: 0 0 0 23px; text-align: center; text-indent: 0; width: 340px;} .callout .postcode-checker-medium .postcode-form input.postcode {background: #FFFFFF; border-color: #7C7C7C #C3C3C3 #9F9F9F; border-style: solid; border-width: 1px 0 1px 1px; height: 19px; left: 95px; padding: 0.3em; top: -5px; width: 135px;} .callout .postcode-checker-medium .postcode-form input.submit { background: none repeat scroll 0 0 #87C8EF; border-color: #B0E3FF #58839B #58839B #B0E3FF; border-style: solid; border-width: 1px 1px 1px 0; color: #FFFFFF; cursor: pointer; font-weight: bold; font-size: 11px; line-height: 18px; height: 28px; left: 239px; padding: 2px 0; text-indent: 0; text-transform: uppercase;top: -4px;} .callout .postcode-checker-medium .postcode-form input.submit:hover {background-color: #9CDCFF} /*** -- New styles for new index page 10/07/2008 -- ***/ .new_h1 { text-align:center; font-size:22px; font-weight:bold; color:#17365d; line-height:28px; padding:10px 0 10px 0; display:block; } .new_h1 strong { text-align:center; font-size:22px; font-weight:bold; color:#cc3300; line-height:28px; } .new_h2 { font-size:20px; font-weight:bold; color:#17365d; line-height:28px; padding:10px 0 10px 0; display:block; } .new_h2 strong { font-size:20px; font-weight:bold; color:#cc3300; line-height:28px; } .content { font-size:14px; font-weight:normal; } .content strong { font-size:14px; font-weight:bold; color:#000000; } .quoteBox { background:url(images/quote_bg.jpg); width:525px; height:45px; margin:15px auto; display:block; font-size:15px; color:#17365d; font-weight:bold; padding:10px 0 0 35px; } .quoteBox strong { color:#CC3300; } .quoteBoxEmpty { background:none; width:525px; height:45px; margin:15px auto; display:block; font-size:15px; color:#17365d; font-weight:bold; padding:10px 0 0 35px; } .quoteBoxEmpty strong { color:#CC3300; } .quoteBox2 { background:url(images/quote_bg2.jpg); width:525px; height:60px; margin:15px auto; display:block; font-size:15px; color:#17365d; font-weight:bold; padding:10px 0 0 35px; } .quoteBox3 { background:url(images/quote_bg3.jpg); width:525px; height:60px; margin:15px auto; display:block; font-size:14px; color:#17365d; font-weight:bold; padding:10px 0 0 32px;} .quotebox-single { background:url(images/quote_single.jpg) no-repeat; width:500px; margin-left: 30px; margin-top: 10px; display:block; font-size:14px; color:#17365d; font-weight:bold; padding:10px 0 0 32px; } .quotebox-single p { margin: 10px 0; } .quoteBox3 strong { color:#CC3300; } .quoteBox_name { font-size:13px; font-weight:bold; color:#000000; margin:0 0 0 30px; } .index_bullet { color:#000000; font-weight:normal; color: #17365d; font-size:14px; } .index_bullet ul { color:#000000; list-style:none; font-weight:normal; } .index_bullet ul li { color:#000000; font-weight:normal; font-size:14px; background:url(images/li_bg.png) no-repeat; font-weight:normal; margin:15px 0px 0px 0px; } .index_bullet2 { color:#000000; font-weight:normal; color: #17365d; font-size:13px; } .index_bullet2 ul { color:#000000; list-style:none; font-weight:normal; } .index_bullet2 ul li { color:#000000; font-weight:normal; font-size:13px; background:url(images/black_bullet.gif) no-repeat; font-weight:normal; margin:15px 0px 0px 0px; } .client_name {color: #17365D} .freeCourseRed { width:218px; text-align:center; font-weight:bold; color:#CC3300; line-height:16px; margin:5px auto 0 auto; font-style:italic; } .freeCourseRed a { color:#CC3300; text-decoration:underline; font-style:italic; } .freeCourseRed a:hover { color: #f83e00; } .formHeader { width:448px; text-align:left; font-weight:bold; color:#CC3300; display:block; padding:5px; height:40px; display:block; font-style:italic; } .ContentTableNew { width:590px; background:#e3e3e3; padding:4px 4px 1px 4px; } .ContentTableNew_Row { width:590px; background-color:#FFFFFF; margin-bottom:4px; } .ContentTableNew_Name { width:160px; float:left; font-size:16px; font-weight:bold; color:#17375e; padding:5px 0 0 10px; height:25px; } .DataContainer { height:30px; float:left; } .ContentTableNew_textfield { font-size:12px; width:180px; height:16px; border:solid 1px #c1c2c0; background:url(images/textfield_bg.gif); margin:4px 0 0 12px; padding:4px 0 0 6px; } .ContentTableNew_dropdown { font-size:11px; height:22px; width:370px; border:solid 1px #c1c2c0; margin:4px 0 0 0px; padding:4px 0 0 0px; } .ContentTableNew_dropdown2 { font-size:12px; height:22px; width:50px; border:solid 1px #c1c2c0; margin:4px 0 0 0px; padding:4px 0 0 0px; } .form-telephone { font-size:11px; font-weight:normal; display:block; margin:-6px 0 0 0; } .quoteBoxText { font-size:15px; color:#17365d; font-weight:bold; } .quoteBoxText strong { color:#CC3300; } /*Homepage Quote Box (Matthew) */ .quote-centred {margin: 0 auto; float: left; width: 400px;} .quote-centred .matthewQuote {margin: 8px 0 0 0;} .quote-centred .matthewQuoteFoot {margin: 0 0 15px 0;} .matthewQuote {background: url(images/speech-bg.gif) no-repeat #e0eaf3; margin: 8px 0 0 20px; width: 357px; text-align: center; color: #001943; padding: 38px 20px 0 20px; font-weight: bold; font-size: 18px;float: left;} .matthewQuote strong {color: #c00000;} .matthewQuote .speechName { display: block; margin: 7px 0 0; font-size: 12px; color: #000; font-weight: bold; } .matthewQuoteFoot { background: url(images/speech-footer.gif); margin: 0 0 15px 20px; width: 397px; height: 16px; float: left; } /*PROPERTY INVESTING PAGE*/ .property-investing .quote-centred {float: left; margin-top: 15px; width: 400px;} .property-investing .quote-wrapper {margin-bottom: 20px;} .property-investing #postcode-finder {background: transparent url(images/landing-page-postcode.png) no-repeat top left; height: 330px; position: relative; padding: 30px;} .property-investing #postcode-finder h2 {text-indent: -9000em;} .property-investing #postcode-finder p {margin-top: 90px; width: 380px;} .property-investing #postcode-finder input {background: transparent url(images/postcode-landing-input.gif) no-repeat top left; border:medium none; font-size:14px; line-height: 22px; height:26px; left:21px; padding:5px 0 2px 8px; position: absolute; top: 260px; left: 30px; margin: 0; width:195px;} .property-investing #postcode-finder input#submit {background: transparent url(images/postcode-landing-submit.gif) no-repeat top left; cursor: pointer; border:medium none; height: 30px; margin-top: 3px; position: absolute; left: 238px; top:257px; padding: 0; text-indent:-9000em; width:59px;} .property-investing dl {margin: 0 0 15px 0; padding: 0;} .property-investing dl dt {color:#588CC9; border-bottom: 1px solid #588CC9; padding-bottom: 6px; font-size:20px; font-weight:normal; font-style: italic;} .property-investing dl dd {margin-bottom: 25px;} .property-investing dl table {clear: both;} .property-investing dl table th {background: #B8D4EF; border-bottom: 2px solid #5B8FC3; padding: 10px 5px; text-align: left;} .property-investing dl table td {background-color: #f3f3f3; border-bottom: 2px solid #fff; vertical-align: top; padding: 8px;} .property-investing dl table td p {margin-top: 0;} .property-investing dl table tbody tr {background-color: #f3f3f3;} .property-investing dl table tbody tr:hover {background-color: #ddd;} /*Property Investment Pages*/ .prop-investment h3 bold {color: red} .property-investment .pg-header {background: transparent url(images/prop-investment-header.jpg) no-repeat top left; display: block; height: 115px; margin: 0 -15px; padding-top: 70px; width: 642px;} .property-investment .pg-header h1 {color: #fff; font-size: 45px; margin: 0 0 0 40px;} .property-investment h2 {text-align: center; clear: both; } .property-investment table.prop-type {border: 1px solid #93b1d7; margin: 0 auto; width: 350px} .property-investment table.prop-type th {background: url("images/table-header.gif") repeat-x scroll 0 0 #99B4D6; border: 1px solid #93b1d7; padding: 5px; text-align: left} .property-investment table.prop-type td { border: 1px solid #93b1d7; padding: 5px 10px;} .property-investment table.prop-type tbody tr {background: url("images/table-row.gif") repeat-x scroll 0 0 #D3E2F4; color: #44474B; font-weight: bold} .property-investment table.prop-type tbody tr.alt {background: url("images/table-row-alt.gif") repeat-x scroll 0 0 #D8E4F1} .property-investment .anywhere {background-color: #E1EAF3; border: 3px solid #8FA5CF; padding: 20px;} .property-investment .hurry {background: transparent url(images/hurry.jpg) no-repeat left top; height: 140px; padding-left: 220px; margin: 20px 0 } .property-investment .hurry h3 { font-weight: normal; font-size: 19px;} .facts { float: left; border-style: dotted; border-width: 1px 0 1px 0; border-color: #B3B3B3; padding: 15px 0 } .facts dt {background:none repeat scroll 0 0 #EEEEEE; border-bottom:1px solid #E8E8E8; clear: both; color:#17365D; font-size:1.3em; margin-bottom:8px; padding:5px; text-transform:uppercase;} .facts dd {margin-bottom: 15px;} /*Property Location Pages*/ .property-location .pg-intro {background:url("images/prop-loc-header-mid.jpg") repeat-y scroll left top transparent; display:block; margin:0 -15px; width:642px;} .property-location .pg-intro .mid {background:url("images/prop-loc-header-top.jpg") no-repeat scroll left top transparent; padding: 57px 40px 0 40px; } .property-location .pg-intro .footer {background:url("images/prop-loc-header-btm.jpg") no-repeat scroll left top transparent; height:21px; } .property-location .pg-intro h1 {color: #fff; font-size: 45px;} .property-location .pg-intro p {color: #fff} .property-location h3 {text-align: center} .postcode-finder-email h2 {font-size:20px; font-weight:bold; line-height:28px; margin-bottom:10px; margin-left:0; margin-right:0; margin-top:10px; padding-bottom:10px; padding-left:0; padding-right:0; padding-top:10px;} .postcode-finder-email h2 strong {color: #CC3300; font-size:20px;} /*PROPERTY SOURCING PAGE*/ .property-sourcing #postcode-finder {background: transparent url(images/landing-page-postcode.png) no-repeat top left; height: 330px; position: relative; padding: 30px;} .property-sourcing #postcode-finder h2 {text-indent: -9000em;} .property-sourcing #postcode-finder p {margin-top: 90px; width: 380px;} .property-sourcing #postcode-finder input {background: transparent url(images/postcode-landing-input.gif) no-repeat top left; border:medium none; font-size:14px; line-height: 22px; height:26px; left:21px; padding:5px 0 2px 8px; position: absolute; top: 260px; left: 30px; margin: 0; width:195px;} .property-sourcing #postcode-finder input#submit {background: transparent url(images/postcode-landing-submit.gif) no-repeat top left; cursor: pointer; border:medium none; height: 30px; margin-top: 3px; position: absolute; left: 238px; top:257px; padding: 0; text-indent:-9000em; width:59px;} .property-sourcing h1.pg-header { background:url("images/sourcing-header.jpg") no-repeat scroll left top transparent; display:block; font-size: 0; line-height: 0; height:115px; margin:0 -15px; padding-top:70px; width:642px; text-indent: -9000em;} .property-sourcing ol#steps li {background: transparent url(images/steps-large.png) no-repeat left top; margin-bottom: 30px;} .property-sourcing #steps li.step-one {} .property-sourcing #steps li.step-two {background-position: 0 -415px;} .property-sourcing #steps li.step-three {background-position: 0 -848px;} .property-sourcing #steps li.step-four {background-position:0 -1283px;} .property-sourcing #steps li.step-four p {background: none; padding: 0;} .property-sourcing #steps li p {background: transparent url(images/steps-large.png) no-repeat 106px bottom; padding-bottom: 90px;} .property-sourcing .example {border-top: 2px solid #eee; padding-top: 15px;} .property-sourcing .example h2 {padding: 0; margin: 0 0 15px 0;} .property-sourcing .example h3 {padding: 0; margin: 0 0 15px 0; font-weight: normal;} .property-sourcing .example img {border: 5px solid #eee; float: left; width: 143px; margin-right: 24px; margin-bottom: 20px;} .property-sourcing .example table {float: left; width: 400px; } .property-sourcing .example p {clear: both;} /*PROPERTY DEVELOPER*/ .property-developer dl {margin: 0 0 15px 0; padding: 0;} .property-developer dl dt {color:#588CC9; border-bottom: 1px solid #588CC9; padding-bottom: 6px; font-size:20px; font-weight:normal; font-style: italic;} .property-developer dl dd {margin-bottom: 25px;} /*RETURN ON INVESTMENT*/ .goldBullet { background:url(images/roi-gold-bullet.gif) no-repeat; width:534px; height:116px; margin:0 auto; font-weight:normal; color:#000000; padding:32px 0 0 38px; line-height:26px; } .goldBullet .discount { line-height:18px; margin:11px 0 0; display:block; color:#3e2900; font-weight:bold; } .greyBullet { background:url(images/roi-grey-bullet.gif) no-repeat #ececec; width:482px; margin:0 auto; } .greyBullet ul { padding:15px 25px 15px 15px; } .greyBullet ul li { color:#000000; background:url(images/roi-grey-bullet-bg.gif) no-repeat; margin:5px0 0 10px; padding:8px 0 8px 25px; font-size:13px; border-bottom:dashed 1px #c3c3c3; line-height:18px; } .greyBullet ul li .noBold { font-weight:normal; } .greyBullet ul li strong { color:#df9401; } /*** PROPERTY WATCH ***/ .propertyWatchHeader { background: url(images/property-watch-header.jpg); width:642px; height:188px; display:block; } .episode1 { width: 441px; height:35px; background:url(images/property-watch-ep1.jpg) top left; display:block; cursor:pointer; float:right; margin:26px 0 0 0; } .episode1:hover { background:url(images/property-watch-ep1.jpg) top right; } .episode2 { width: 441px; height:35px; background:url(images/property-watch-ep2.jpg) top left; display:block; cursor:pointer; float:right; margin:0; } .episode2:hover { background:url(images/property-watch-ep2.jpg) top right; } .episode3 { width: 441px; height:38px; background:url(images/property-watch-ep3.jpg) top left; display:block; cursor:pointer; float:right; margin:0; } .episode3:hover { background:url(images/property-watch-ep3.jpg) top right; } .episode4 { width: 441px; height:36px; background:url(images/property-watch-ep4.jpg) top left; display:block; cursor:pointer; float:right; margin:0; } .episode4:hover { background:url(images/property-watch-ep4.jpg) top right; } /*** PROPERTY SNAKES & LADDERS ***/ .propertySnakes { background: url(images/property-snakes-header.jpg); width:642px; height:188px; display:block; } .propertySnakes .episode1 { width: 209px; height:35px; background:url(images/property-snakes-ep1.jpg) top left; display:block; cursor:pointer; float:left; margin: 26px 0 0 200px; } .propertySnakes .episode1:hover { background:url(images/property-snakes-ep1.jpg) top right; } .propertySnakes .episode5 { width: 222px; height:35px; background:url(images/property-snakes-ep5.jpg) top left; display:block; cursor:pointer; float:left; margin: 26px 0 0 0; } .propertySnakes .episode5:hover { background:url(images/property-snakes-ep5.jpg) top right; } .propertySnakes .episode2 { width: 209px; height:35px; background:url(images/property-snakes-ep2.jpg) top left; display:block; cursor:pointer; float:left; margin: 0 0 0 200px; } .propertySnakes .episode2:hover { background:url(images/property-snakes-ep2.jpg) top right; } .propertySnakes .episode6 { width: 222px; height:35px; background:url(images/property-snakes-ep6.jpg) top left; display:block; cursor:pointer; float:left; margin: 0; } .propertySnakes .episode6:hover { background:url(images/property-snakes-ep6.jpg) top right; } .propertySnakes .episode3 { width: 209px; height:38px; background:url(images/property-snakes-ep3.jpg) top left; display:block; cursor:pointer; float:left; margin: 0 0 0 200px; } .propertySnakes .episode3:hover { background:url(images/property-snakes-ep3.jpg) top right; } .propertySnakes .episode7 { width: 222px; height:38px; background:url(images/property-snakes-ep7.jpg) top left; display:block; cursor:pointer; float:left; margin: 0; } .propertySnakes .episode7:hover { background:url(images/property-snakes-ep7.jpg) top right; } .propertySnakes .episode4 { width: 209px; height:36px; background:url(images/property-snakes-ep4.jpg) top left; display:block; cursor:pointer; float:left; margin: 0 0 0 200px; } .propertySnakes .episode4:hover { background:url(images/property-snakes-ep4.jpg) top right; } .propertySnakes .episode8 { width: 222px; height:36px; background:url(images/property-snakes-ep8.jpg) top left; display:block; cursor:pointer; float:left; margin: 0; } .propertySnakes .episode8:hover { background:url(images/property-snakes-ep8.jpg) top right; } /*** Bank Holiday Promotion ***/ .bankHolidayHeader { background: url(images/bank-holiday-header.gif); width:642px; height:199px; display:block; } /*Resources Page*/ a.download {background: #fff url(images/download-doc.png) no-repeat left top; display: block; height: 52px; text-indent: -9000em; width: 180px;} a.download:hover {background-position: 0 -51px;} a.download:active {background-position: 0 -101px; outline: none; border: none;} a.download:focus {outline: none;} /*Doc-request*/ .doc-request {background: #FFFFFF url(images/calc_body_bg.gif) repeat-x scroll 0 0; padding: 0; width: 400px;} .doc-request h2 {background: #A2CCF2 url(images/calc_header_bg.gif) repeat-x scroll 0 0; margin: 0 0 10px 0; padding: 10px 20px 10px;} .doc-request li {background: none; border-bottom: 1px solid #CCCCCC; padding: 5px; position: relative;} .doc-request form {margin: 20px;} .doc-request label {color:#2E1707; display:block; float:left; font-weight:bold; line-height: 30px; padding:0; width:80px;} .doc-request textarea {background-color:#F1FAFF; border:1px solid #B9B9B9; color:#003366; height: 20px; padding:2px; width:200px;} .doc-request .email_submit {background-position: -9px -6px; border: 2px solid #88ABCB; width: 162px; height: 22px; margin: 15px auto 0;} /*** PROPERTY OF THE WEEK ***/ .propertyContainer { padding: 0; margin: 20px 0 30px 0; border-bottom: solid 3px #d8d8d8; } .propertyContainer .left { width: 70px; float: left; padding: 0 0 0 10px; } .propertyContainer .right { width: 520px; float: right; position: relative; } .propertyContainer .headerContainer { width: 330px; float: left; } .propertyContainer .buttonContainer { width: 180px; float: right; margin: 0 5px 0 0; } .propertyContainer .button { background: url(images/property-news-button.jpg) no-repeat top center; width: 180px; height: 38px; font-size: 11px; font-weight: bold; text-align: center; line-height: 17px; margin: 0 0 8px 0; } .propertyContainer .button strong { color: #fff; font-weight: bold; font-size: 18px; } .propertyWeekPageHeader { background: url(images/latest-property-news-header.gif); margin: 10px 0 0 0; padding: 16px; font-size: 24px; color: #000000; font-weight: bold; display: block; } h1.propertyWeekPageHeader { background: url(images/latest-property-news-header.gif) repeat-x left bottom; margin: 10px 0 0 0; padding: 10px 0 10px 16px; font-size: 24px; color: #000000; font-weight: bold; display: block; } .propertyWeekHeader a { color: #094680; font-size: 18px; font-weight: bold; text-decoration: none; margin: 0; padding: 0 0 25px 0; } h3.propertyWeekHeader {background:#F2F2F2 none repeat scroll 0 0; border-bottom:2px solid #DBDBDB; border-top:2px solid #DBDBDB; display:block; margin:0; padding:7px 7px 7px 15px;} h3.propertyWeekHeader a { font-size:16px; font-weight:bold;} .propertyWeekHeader a:hover { color: #1c5d99; } .propertyImg { width: 70px; height: 70px; display:block; float:left; margin: 0 0 0 10px; } .propertyDate { color: #6d6d6d; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; padding: 2px 0 0 0; margin: 0; } p.propertyDesc { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; padding: 0 20px 0 0; margin-bottom: 10px; width: 300px; } .propertyDesc { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; padding: 0 20px 0 0; margin-bottom: 10px; } .propertyDetails { padding: 20px 0 0 0; } .propertyDetails img { float: left; margin: 20px 0 10px 0px; padding: 2px; border: solid 5px #ececec; } .propertyDetails h3 { font-size: 16px; font-weight: bold; color: #17365d; display: block; margin: 0 0 10px 0; } .propertyDetails .details { width: 378px; float: right; background: url(images/property-details-bg.gif) top no-repeat #e0ebf2; padding: 0 0 15px 0; } .propertyDetails .details .header { color: #FFFFFF; display: block; padding: 8px 0 0 15px; margin: 0 0 20px 0; font-size: 16px; font-weight: bold; } .propertyDetails .details ul.propertydetails { list-style: none; } .propertyDetails .details ul.propertydetails li { list-style: none; background: url(images/property-details-bullet.gif) left no-repeat; padding: 0 0 0 18px; font-size: 13px; margin: 5px 0 0 15px; color: #00121d; } .propertyDetails .description { padding: 10px 0 0 0; } .propertyDetails .propertyMentorSystem { background: url(images/property-details-system.gif) no-repeat #dce9f0; width: 590px; height: 370px; padding: 58px 0 0 17px; margin: 20px 0 20px 0; } .propertyDetails .propertyMentorSystem .box1 { width: 253px; height: 64px; background: url(images/box-bg.gif) repeat-x; border: solid 5px #9abed1; font-size: 23px; line-height:2 4px; text-align: center; font-weight: bold; padding: 17px 0 0 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; float: left; margin: 0 80px 0 0; } .propertyDetails .propertyMentorSystem .box2 { width: 225px; height: 51px; background: url(images/box-bg.gif) repeat-x; border: solid 5px #9abed1; font-size: 20px; text-align: center; font-weight: bold; padding: 30px 0 0 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; float: left; margin: 0; } .propertyDetails .propertyMentorSystem .box3 { width: 120px; height: 71px; background: url(images/box-bg.gif) repeat-x; border: solid 5px #9abed1; font-size: 16px; text-align: center; font-weight: bold; padding: 10px 0 0 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; float: left; margin: 30px 70px 0 0; } .propertyDetails .propertyMentorSystem .box4 { width: 180px; height: 66px; background: url(images/box-bg.gif) repeat-x; border: solid 5px #9abed1; font-size: 14px; line-height: 16px ;text-align: center; font-weight: normal; padding: 15px 0 0 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; float: left; margin: 30px 70px 0 0; } .propertyDetails .propertyMentorSystem .box5 { width: 106px; height: 51px; background: url(images/box-bg.gif) repeat-x; border: solid 5px #9abed1; font-size: 20px; text-align: center; font-weight: bold; padding: 30px 0 0 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; float: left; margin: 30px 0 0 0; } .propertyDetails .propertyMentorSystem .box6 { color: #2f87ff; width: 270px; height: 64px; background: url(images/box-bg.gif) repeat-x; border: solid 5px #9abed1; font-size: 23px; text-align: center; font-weight: bold; padding: 17px 0 0 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; float: left; margin: 45px 70px 0 0; } .propertyDetails .propertyMentorSystem .box7 { width: 215px; height: 71px; background: url(images/box-bg.gif) repeat-x; border: solid 5px #9abed1; font-size: 16px; text-align: center; font-weight: bold; color: #db0000; padding: 10px 0 0 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; float: left; margin: 45px 0 0 0; } .propertyDetails .propertyMentorSystem .box7 .left { float:left; width: 100px; } .propertyDetails .propertyMentorSystem .box7 .right { float:right; width: 100px; margin: 0 8px 0 0; } .cashbackbutton { background: url(images/cash-back-bg.gif) no-repeat; width: 256px; color: #fff; height: 52px; text-align: center; font-size: 26px; font-weight: bold; padding: 8px 0 0 0; float: left; margin: 0 0 0 20px } .cashbackbutton span {display: block; color: #111; font-size: 16px; margin-bottom: 3px;} .cashbackbutton2 { background: url(images/cash-back-bg.gif) no-repeat; width: 256px; color: #fff; height: 52px; text-align: center; font-size: 26px; font-weight: bold; padding: 8px 0 0 0; float: left; margin: 0 0 20px 50px } .cashbackbutton2 span {display: block; color: #111; font-size: 16px; margin-bottom: 3px;} /*Property News & Article Page*/ .news-articles .col1 h2, .news-articles .col2 h2 { border-bottom: 3px solid #446092;} .news-articles .col1 {float: left; margin-right: 40px; width: 280px;} .news-articles .col2 {float: left; width: 280px;} .news-articles .newsTitle {min-height: 4em; margin-bottom: 5px;} .news-articles p.propertyNewsDesc {min-height: 6em; margin: 0 0 15px 0;} /*** PROPERTY NEWS ***/ .propertyNewsLeft { float: left; width:70% } .propertyNewsHeader { background: url(images/latest-property-news-header.gif); margin: 10px 0 0 0; padding: 16px; font-size: 24px; color: #000000; font-weight: bold; } .newsTitle img { margin: 4px 5px 0 0; padding: 0; float: left; } .newsTitle { background: url(images/property-news-header.gif) repeat-x; border-top: solid 2px #dbdbdb; border-bottom: solid 2px #dbdbdb; background: #f2f2f2; padding: 7px 7px 7px 15px; font-weight: bold; font-size: 16px; margin: 20px 0 0 0; display: block; } .newsTitle h3 {font-size: 16px; padding: 0;} .newsTitle a { color: #000; text-decoration: none; } .newsTitle a:hover { color: #000; text-decoration: underline; } .newsTitle .newsDate { color: #555; font-size: 12px; font-weight: normal; display: block; } p.propertyNewsDesc { font-size: 12px; line-height: 18px; margin: 15px 0 15px 15px;} .propertyNewsDesc img { float: left; margin: 5px 15px 0 0; } .rightNewsCategories { float: right; background: url(images/news-categories.gif) no-repeat; width: 163px; height: 30px; } .rightNewsCategoriesBg { background: url(images/news-categories-bg.gif) top repeat-x #d9e4f6; border: solid 1px #becde5; padding: 8px; } .rightNewsCategoriesBg ul li { list-style: none; list-style-type: none; background: none; margin: 0; padding: 0; line-height: 28px; border-bottom: dashed 1px #91a2c3; } .rightNewsCategoriesBg ul li a { color: #002060; text-decoration: none; } .rightNewsCategoriesBg ul li a:hover { color: #01359f; text-decoration: underline; } .rightNewsArchive { float: right; background: url(images/news-archive.gif) no-repeat; width: 163px; height: 30px; } .resultsNext { background: #0f2345; color: #fff; margin: 5px auto 0 auto; width: 170px; text-align: center; padding: 3px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .resultsNext:hover { background: #2e5ba8; color: #fff; margin: 5px auto 0 auto; text-align: center; padding: 3px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .resultsNext a { color: #fff; text-decoration: none; } p.cc {color: #6F6F6F; font-size: 12px; font-style: italic; padding: 5px 0 0 5px; margin-bottom: 15px;} /*Include for news story page*/ .news-booknow {background: url(images/latest-property-news-arrow.gif) no-repeat 5px top; border-top: 5px solid #F1D77A; border-bottom: 5px solid #F1D77A; padding: 20px;} .news-booknow p {color: #263E63;} .news-booknow p.intro { font-size: 1.2em;} .news-booknow #new-postcode-finder .postcode-form input#postcode {height: 26px; font-size: 12px; padding-top: 1px} /*===PRODUCT COMPARISON PAGE===*/ table#product-comparison {font-size: 13px; margin: 0 auto 18px;} table#product-comparison th { font-weight:bold; text-align: center;} table#product-comparison th.col1, table#product-comparison th.col2 {width: 110px;} table#product-comparison th.col1 {background: transparent url(images/tab1.gif) no-repeat left top; height: 105px; border-bottom: 2px solid #fff; color: #737373; height: 30px; padding-top: 10px; text-transform: uppercase; } table#product-comparison th.col2 {background: url("images/tab2.gif") no-repeat scroll 0 -1px transparent; font-size: 1.4em; color: #6d5508; height: 101px; width: 122px; text-transform: uppercase} table#product-comparison tr { background-color: #f3f3f3;} /*.top-row {border-top: 2px solid #14315F;}*/ table#product-comparison tr.alt {background-color: #EFEFEF;} /*table#product-comparison tr:hover {background-color: #DBDBDB;}*/ table#product-comparison td {color: #5F5F5F; border-bottom: 2px solid #fff; padding: 14px 12px;} table#product-comparison td img {margin: 0 auto;} table#product-comparison .highlight {background-color: #ffecb4;} ol#steps {padding-left: 0; margin: 0 auto; width: 500px;} ol#steps li {background: url(images/steps.gif) no-repeat top left; color: #111; font-weight: normal; padding-left: 115px; padding-bottom: 0;} ol#steps li h3 {font-size: 18px; margin: 0; padding: 0;} ol#steps li p {margin-top: 0;} ol#steps li.step-one {background-position: 0 0;} ol#steps li.step-two {background-position: 0 -135px;} ol#steps li.step-three {background-position: 0 -270px;} ol#steps li.step-four {background-position: 0 -405px;} /*Property Millionaire FAQ Page*/ .millionaire-faq .pg-header {background: url(images/millionaire-header.png) no-repeat top left; height: 210px; position: relative; margin: 10px 0; width: 100%;} .millionaire-faq .pg-header h1 {text-indent: -9000em;} .millionaire-faq .pg-header p {bottom: 20px; color: #fff; font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 1.2em; position: absolute; right: 20px; text-align: right; width: 300px;} .millionaire-faq dt {background:#F2F2F2 none repeat scroll 0 0; border-bottom:2px solid #DBDBDB; border-top:2px solid #DBDBDB; display:block; font-weight:bold; margin:20px 0 0; padding:7px 7px 7px 15px; font-weight: bold; font-size: 1.2em;} .millionaire-faq dd {margin: 0 0 15px 0;} .millionaire-faq ul.contents { } .millionaire-faq ul.contents h4 {padding: 0; margin-bottom: 10px;} .millionaire-faq ul.contents li {padding-bottom:0;} .millionaire-faq ul.contents li a {color:#588CC9; display:block; font-size:13px; font-weight:bold; margin-bottom: 5px; padding:0; text-decoration:none;} .millionaire-faq a.top {margin-bottom: 20px;} .millionaire-faq #new-postcode-finder {background: #fff url(images/postcode-finder-wide.png) no-repeat top right; position: relative; height: 139px; float: none; margin: 25px auto; width: 465px;} .millionaire-faq #new-postcode-finder h2 {display:block; height:38px; margin:0; text-indent:-9000em; width:100%; margin-bottom: 10px; padding: 0; font-size: 0; line-height: 0;} .millionaire-faq #new-postcode-finder .postcode-form {position: relative; top: 13px;} .millionaire-faq #new-postcode-finder p {color: #fff; font-size: 0.9em; margin: 0 0 0 10px; line-height: 16px; text-align: center; width: 380px;} .millionaire-faq #new-postcode-finder .postcode-form input#postcode {background: url(images/input-bg-wide.png) no-repeat top left; border:medium none; height:28px; left:120px; font-size: 14px; padding:1px 3px 2px 5px; position:absolute; top:0; width:120px;} .millionaire-faq #new-postcode-finder .postcode-form input#submit {background: url(images/submit-bg-wide.png) no-repeat top left; border:medium none; height:28px; position:absolute; left:245px; text-indent:-9000em; top:0; width:59px;} .millionaire-faq #new-postcode-finder .postcode-form input#submit:hover {cursor: pointer;} /*Team Page*/ .team { margin: 0 auto; width: 510px} .team li {background: #f3f3f3; height: 140px; float: left; margin: 0 15px 15px 0; padding: 10px; width: 90px;} .team li p {font-size:14px; line-height:17px; margin-bottom:0; text-align: center} /*GUARANTEE PAGE*/ .formula {background: #f3f3f3; border: 1px solid #d3d3d3; padding: 20px; } .formula h2 {text-align: center;} /*Property Courses London*/ .content_white blockquote {border-left: 3px solid #4B99CF; margin: 0 0 15px 0; padding-left: 20px;} .content_white blockquote p {font-style: italic; margin: 0 0 15px;} /*POSTCODE FINDER EMAIL*/ .postcode-finder-email #right {padding: 20px; width: 602px;} .postcode-finder-email #postcode-finder {background: transparent url(images/landing-page-postcode.png) no-repeat top left; height: 330px; position: relative; padding: 30px;} .postcode-finder-email #postcode-finder h2 {text-indent: -9000em;} .postcode-finder-email #postcode-finder p {margin-top: 90px; width: 380px;} .postcode-finder-email #postcode-finder input {background: transparent url(images/postcode-landing-input.gif) no-repeat top left; border:medium none; font-size:14px; line-height: 22px; height:26px; left:21px; padding:5px 0 2px 8px; position: absolute; top: 260px; left: 30px; margin: 0; width:195px;} .postcode-finder-email #postcode-finder input#submit {background: transparent url(images/postcode-landing-submit.gif) no-repeat top left; cursor: pointer; border:medium none; height: 30px; margin-top: 3px; position: absolute; left: 238px; top:257px; padding: 0; text-indent:-9000em; width:59px;} .postcode-finder-email .testimonials {border-color: #ddd;} /* ARTICLES */ .articleclass {color:#17365D; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:600; text-align:left; padding-bottom:0px; margin-bottom:0px;} .articledate {color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:left; padding:2px;} .articledesc {color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; padding-bottom:5px; border-bottom:dotted 1px #666666;} .newsclass {color:#17365D; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:600; text-align:left; padding-bottom:0; margin-bottom:0;} .newsdate {color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:left; padding:2px;} .newsdesc {color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; padding-bottom:5px;border-bottom:dotted 1px #666666;} .newsscript {font: Arial, Helvetica, sans-serif; color:#666666; font-style:italic;} .subHeader { text-align: center; color:#000000; font-size:16px; font-weight:bold; display:block; width:500px; margin:0 auto; line-height:17px; } .subHeader strong { color:#FF0000; } /*Author Bio*/ .author .vcard {background-color: #E8E8E8; float: left; padding: 20px; width: 572px;} .author .vcard h3 {padding-top: 0;} .author .vcard img {border: 5px solid #f1f1f1; float: left; margin-right: 20px; width: 77px;} .author .vcard a:hover img {border: 5px solid #3B84CD;} .author .fn a, .author .role a {border: none; color:#002B75; font-size:16px; font-weight:bold; text-decoration: none;} .author .vcard .vcard-desc {float: left; width: 460px;} /* Testimonials */ .testimonial { width:550px; margin:0 auto 15px auto; text-align:center; padding:10px; font-size:12px; background:#f2f2f2; } .testimonial strong { font-size:14px; font-weight:bold; color:#17365d; } .testimonial2 { width:500px; margin:0 auto 15px auto; text-align:center; padding:10px; font-size:12px; background:#eef1f4; } .testimonial2 strong { font-size:14px; font-weight:bold; color:#17365d; } .recession_h1 { text-align:center; font-size:25px; font-weight:bold; color:#17365d; line-height:30px; padding:10px 0 10px 0; display:block; } .recession_h1 strong { text-align:center; font-size:25px; font-weight:bold; color:#cc3300; line-height:30px; } .snippet-quotes ul li {float:left; margin:0 15px 10px 0; min-height: 200px; width:289px;} .snippet-quotes ul li blockquote {background: #f3f3f3; border: 1px solid #989898; display: block; padding: 12px; width: 260px; -moz-box-shadow: 2px 2px 5px #989898; -webkit-box-shadow: 2px 2px 5px #989898; box-shadow: 2px 2px 5px #989898; } .snippet-quotes blockquote p {color:#0F2344; font-size:13px; font-weight:normal; line-height:1.4em; margin:0 0 8px; padding:0;} /*Testimonials module*/ .testimonials {background: #F4F3F3; border: 2px solid #0F2344; float: left; padding: 13px; width: 584px; } .testimonials h3 {font-size: 23px; padding: 0; margin: 8px 0;} .testimonials .featured {float: left; margin-right: 10px; width: 300px;} .testimonials .featured h4 {font-size: 19px; margin: 8px 0;} .testimonials ul.video-list {float: left; list-style: none; width: 260px;} .testimonials ul.video-list li {background: #ECECEC url(images/roi-grey-bullet.gif) no-repeat scroll bottom right; border: 1px solid #d3d3d3; float: left; list-style-type: none; margin-bottom: 10px; padding: 8px; width: 260px;} .testimonials ul.video-list li .contents {float: left; margin-right: 10px; width: 100px;} .testimonials ul.video-list img {border: 3px solid #eee; height: 69px; width: 98px;} .testimonials ul.video-list blockquote {border-left: 0; font-weight: normal; float: left; padding-left: inherit; margin: 0; width: 138px;} .testimonials ul.video-list blockquote p {color: #636363; margin: 0; line-height: 18px; font-style: italic;} .testimonials ul.video-list a.play {background:url(images/play-btn.gif) no-repeat top left; #fff ; line-height: 20px; height: 20px; display: block; padding-left: 20px; } .testimonials ul.video-list h3 {font-size: 16px;} .testimonials ul.video-list li h4 {margin: 0 0 4px 0;} /*Soundbite testimonial module*/ .soundbite .inner_page_container {position: relative;} .soundbite-wrap {height: 100%; margin: 0; position: absolute; right: -76px; top: 8px; width: 76px; z-index: 90;} ul.soundbite {background-color: #E3E3E3; padding: 0;} ul.soundbite li {background: none repeat scroll 0 0 transparent; height: 347px; margin: 0; padding: 0; position: relative;} ul.soundbite li img {background: none repeat scroll 0 0 transparent; border: medium none; height: 348px; padding: 0; width: 76px;} ul.soundbite li img.hover {background-color: #47A3E7; border-color: #2E6A97;} ul.soundbite blockquote {-moz-border-radius: 20px 20px 0 20px; -moz-box-shadow: 2px 2px 5px #989898; -webkit-border-radius: 20px 20px 0 20px; background: none repeat scroll 0 0 #F3F3F3; border: 1px solid #989898; display: none; left: -288px; padding: 12px; position: absolute; top: 12px; width: 200px;} ul.soundbite blockquote p {color: #111; font-size: 14px; font-weight: normal; line-height: 1.3; padding: 0; margin: 0 0 10px 0} ul.soundbite a {display: block; font-weight: normal; text-decoration: none;} .fixed-btm {bottom: 281px;} ul.soundbite.fixed {display: block; position: fixed; top: 8px; z-index: 200; width: 76px;} ul.soundbite.fixed-btm {bottom:281px; padding:5px; position:absolute; width:45px;} ul.soundbite cite {color: #474747; font-size: 13px; line-height: 16px;} #soundbite-img-hover {position: absolute; left: 0; top: 0} /*Resource Pack for Signed Page*/ #resource-pack {background:url("images/signed-offer-cta.jpg") no-repeat scroll left top transparent; color:#FFFFFF; height:133px; padding:23px 10px 10px 311px; text-shadow: 1px 1px 1px #111} /*** Get Paid From Property Header ***/ .getPaidFromPropertyHeader { background: url(images/get-paid-from-property-header.jpg); width:642px; height:188px; display:block; } .october-header {background: url(images/october-cash-flow.jpg); width:642px; height:188px; display:block;} /*** ---- Our Locations List Style ---- ***/ .locations li { margin: 0; padding: 0 0 0 20px; } .locations li a { color: #689dcf; text-decoration: underline; } .locations li a:hover { color: #000; text-decoration: underline; } .faq_link { font-size:13px; color:#010c1d; font-weight:bold; text-decoration:none; } .faq_link:hover { font-size:13px; font-weight:bold; color:#021b40; text-decoration:none; } .faq_header { font-size:18px; font-weight:bold; text-decoration:none; color:#010c1d; } .header16px { font-size:16px; font-weight:bold; text-decoration:none; color:#010c1d; } /*Admin Area*/ .contact_textfield_container { width:230px; height:44px; background-color:#d8d8d8; margin:-20px 0 5px 0; } .contact_textfield_container2 { width:230px; height:44px; background-color:#d8d8d8; margin:-20px 0 15px 0; } .login_submit { background:url(images/login_submit.gif) no-repeat; width:164px; height:26px; border:none; margin:0 0px 0 0px; } .login_submit:hover { background:url(images/login_submit_on.gif) no-repeat; cursor:pointer; width:164px; height:26px; border:none; margin:0 0 0 0px; } .skip_submit { background:url(images/skip.gif) no-repeat; width:164px; height:26px; border:none; margin:0 0px 0 0px; } .skip_submit:hover { background:url(images/skip_on.gif) no-repeat; cursor:pointer; width:164px; height:26px; border:none; margin:0 0 0 0px; } .field_header { color:#17365d; font-size:14px; font-weight:bold; margin:0; padding:0; display:block; margin:0 0 20px 0; } .calc_submit { background:url(images/calc_submit.gif) no-repeat; width:86px; height:26px; border:none; margin:0 0px 0 0px; } .calc_submit:hover { background:url(images/calc_submit_on.gif) no-repeat; cursor:pointer; width:86px; height:26px; border:none; margin:0 0 0 0px; } /*** -- New radio button START -- ***/ .radio-button-top-img { background:url(images/radio-button-top.gif) no-repeat; width:238px; height:7px; margin:0; padding:0; line-height:0px; font-size:0px; } /** Img to go before the radio fields **/ .radio-button-bottom-img { background:url(images/radio_buttonbottom2.gif) no-repeat; width:238px; height:38px; margin:0; padding: 1px 0 0 0;} /** Img to go after the radio fields **/ .radio-button-new-bg { background:url(images/radio-button-bg.gif) no-repeat; width:238px; height:21px; margin:0; padding:0; } /** Radio button background image fields **/ /*** -- New radio button for extended field ( to contain venue beneath date) START 20/06/2008 -- ***/ .radio-button-one-to-one { background:url(images/radio-button-bg-one-to-one.gif) no-repeat; width:238px; height:50px; margin:0; padding:0; } .radio-button-venue { background-color: #FFFFFF; height: 48px; margin: 6px; padding: 4px 0; width: 224px; } #workshop_container .radio-button-venue .status {display: block; font-weight: bold; padding: 3px 0; text-transform: none} /*Free courses*/ #workshop_container .free {background-color: #D3E3C6; border: 1px solid #909B87;} #workshop_container .free .status { background-color: #FEF9FD; color: #7C813E; display: block; font-size: 11px; font-weight: bold; margin-left: -40px; margin-top: 5px; padding: 4px; text-align: center; text-transform: uppercase;} #workshop_container .free .radio_text1 {color: #111} /*Fully booked courses*/ #workshop_container .full {background-color: #F3F3F3; border: 1px dotted #C7C7C7} #workshop_container .full .radio_text2 {color: #737373;} #workshop_container .full .radio_text2 .status {text-decoration: none} #workshop_container .full .radio_text1 {text-decoration: line-through} .radio_text2 { margin: -2px 0 0 0; padding:0 0 0 40px; font-size:9px; font-weight:normal; line-height:10px; display:block; color:#494846; } .radio_text3 { margin: 2px 0 0 0; padding:0 0 0 40px; font-size:9px; font-weight:900; line-height:10px; display:block; color:#FF0000; } .radio_text4 { margin: 2px 0 0 0; padding:0 0 0 40px; font-size:9px; font-weight:900; line-height:10px; display:block; color:#494846; } /*Already Booked Page*/ ul.emphasis-links {padding: 0; margin: 20px 0;} ul.emphasis-links li {background: transparent url(images/already-booked-icons.png) no-repeat 0 0; color: #111; border-bottom: 1px #BFBFBF dotted; font-weight: normal; padding: 15px 15px 15px 44px; } ul.emphasis-links li:hover, ul.emphasis-links li.hover {background-color: #E8EFF7; cursor: pointer;} ul.emphasis-links li h4 {margin: 0;} ul.emphasis-links li h4 a {text-decoration: none; font-size: 1.2em;} ul.emphasis-links li h4 a:hover {text-decoration: underline;} ul.emphasis-links li p {font-size: 1.1em; margin: 0;} ul.emphasis-links li.news {background-position: 3px -164px;} ul.emphasis-links li.news:hover, ul.emphasis-links li.news.hover {background-position: 2px -601px;} ul.emphasis-links li.property {background-position: -2px 15px;} ul.emphasis-links li.property:hover, ul.emphasis-links li.property.hover {background-position: -3px -422px;} ul.emphasis-links li.resources {background-position: 2px -255px;} ul.emphasis-links li.resources:hover, ul.emphasis-links li.resources.hover {background-position: 1px -692px;} ul.emphasis-links li.team {background-position: 2px -70px;} ul.emphasis-links li.team:hover, ul.emphasis-links li.team.hover {background-position: 1px -507px;} ul.emphasis-links li.rss {background-position: 0px -779px;} ul.emphasis-links li.rss:hover, ul.emphasis-links li.rss.hover {background-position: 0px -854px;} /*POSTCODE RESULTS page*/ .results-list h3 {background: #DBF0FB url(images/expand-plus-minus.gif) no-repeat 10px 3px; border:1px solid #75A6BF; clear: both; cursor:pointer; font-size: 16px; line-height: 20px; font-weight: normal; margin: 0; position: relative; padding:5px 5px 5px 42px; } .results-list h3:hover {background: #D0E5EF url(images/expand-plus-minus.gif) no-repeat 10px -37px} .results-list h3.arrowdown {background: #D0E5EF url(images/expand-plus-minus.gif) no-repeat 10px -77px; font-weight: bold} .results-list h3.highlight {background-color: #fce389; border-color: #BF9B1E; color: #5B5232;} .results-list h3.highlight:hover {background-color: #fcf1ca} .results-list h3.highlight.arrowdown {} .results-list h3.highlight.arrowdown:hover {background-color: #fce389;} .results-list h3.highlight span.distance {color: #9F8F57;} .results-list h3 .time {color: #3E4447; font-size: 12px; font-weight: normal} .results-list h3 .paid {background-color:#FEF0E3; color: #534E4A; font-weight: bold; font-size: 0.9em; letter-spacing: -0.01em; border-left:1px solid #B7ADA4; height:29px; line-height:29px; position:absolute; right:0; text-align:center; top:0; width:104px;} .results-list h3 .free {background-color:#FFFFFF; border-left:1px solid #8A999F; height:29px; line-height:29px; position:absolute; right:0; text-align:center; top:0; width:104px;} .results-list h3.arrowdown .free {font-weight: normal} .results-list span.distance {color: #5D6063; font-size: 16px; margin-bottom: 10px;} .results-list .result {background-color: #E6ECF4; border-right: 1px solid #93B1D7; border-bottom: 1px solid #93B1D7; border-left: 1px solid #93B1D7; padding: 20px; margin-bottom: 10px;} .results-list .result .contents {float: left; width: 360px;} .results-list .result h4 {margin-top: 0; font-size: 1.3em; font-weight: normal;} .results-list .result h5 {margin-top: 0; margin-left: 0;} .results-list .result a:active, .search-results1 .result a:focus {outline: none;} .results-list .result a.book-now {background: transparent url(images/book-now-btn.png) no-repeat top left; clear: both; display: block; height: 50px; margin: 8px 0 0 -4px; text-indent: -9000em; width: 145px;} .results-list .result a.book-now:hover {background-position: 0 -48px;} .results-list .result a.book-now:active {background-position: 0 -96px;} .results-list .result a.book-now.paid-course, .results-list .result a.paid-course {background-image: url(images/reserve-place-btn.png)} .results-list .facilitator {float: left; margin-right: 20px; width: 125px;} .results-list .facilitator p {font-weight: bold; font-size: 0.9em; margin: 0; padding: 0;} .results-list .facilitator img {border: 4px solid #93B1D7;} .results-list .facilitator a:hover img {border-color: #1BA7E9; } .results-list .course-meta { float: left; margin-bottom: 20px; width: 200px;} .results-list .course-meta .vcard {margin-right: 20px;} .results-list .course-meta .date {display: block; font-weight: bold; margin-bottom: 10px;} .results-list .course-meta .adr .street-address, .search-results1 .course-meta .adr .locality, .results-list .course-meta .adr span, .results-list .course-meta .adr {text-transform: uppercase;} .results-list .course-meta .adr span.postal-code {text-transform: uppercase;} .results-list .map {float: left; width: 200px;} .results-list .result.highlight {background-color: #FCF1CA;} .results-list .one-to-one .facilitator {float:left; margin-right:15px; width:90px;} .results-list .one-to-one .facilitator-alt {float: right; margin: 0 0 10px 10px; width: 90px;} .results-list .one-to-one .facilitator img {background:none repeat scroll 0 0 #F3F3F3; border:1px solid #CFCFCF; padding:5px;} .results-list .one-to-one h4 {font-weight: normal; font-size: 18px;} .results-list .one-to-one img.float-r {margin: 0 0 10px 10px; float: right;} .results-list .one-to-one form span {display: block; line-height: 22px; float: left; width: 140px;} .results-list .one-to-one form input#full_name, .results-list .one-to-one form #phone, .results-list .one-to-one form #email, .results-list .one-to-one form #time {float: left; width: 215px; padding:2px;} .results-list .one-to-one form input.login_submit {margin: 10px 0 0 141px;} .results-list h3 span.course-avail {background: transparent url(images/results-tick.png) no-repeat left top ; display: block; position: absolute; left: 10px; height: 18px; width: 18px;} .results-list h3 span.course-full {background: transparent url(images/results-cross.png) no-repeat left top ; display: block; position: absolute; left: 10px; height: 18px; width: 18px;} .results-list h3 {padding-left: 40px;} span.fully-booked {background: transparent url(images/fully-booked-btn.png) no-repeat top left; color: red; display: block; margin: 8px 0 0 -4px; padding-top: 55px; width: 200px;} /*IN PAGE Postcode Results*/ .postcode-insert {background-color: #f1f1f1; border: 1px solid #ddd; padding: 0 10px 10px;} .postcode-insert p.intro {font-size: 1.2em; font-style: italic;} .postcode-insert .result {padding: 15px 20px 20px} .postcode-insert .result .map {width: 175px;} .postcode-insert .course-meta {margin-bottom: 0} .postcode-insert h3 {background: #DBF0FB url(images/expand-plus-minus.gif) no-repeat 10px 3px; padding-left: 42px; font-weight: normal; text-align: left} .postcode-insert h3:hover {background: #D0E5EF url(images/expand-plus-minus.gif) no-repeat 10px -37px} .postcode-insert h3.arrowdown {font-weight: bold} .postcode-insert h3.arrowdown .time {font-weight: normal} .postcode-insert h3 .time {color: #3E4447; font-size: 12px; font-weight: normal} .postcode-insert h3 .paid {background-color:#FEF0E3; color: #534E4A; font-weight: bold; font-size: 0.9em; letter-spacing: -0.01em; border-left:1px solid #B7ADA4; height:30px; line-height:30px; position:absolute; right:0; text-align:center; top:0; width:104px;} .postcode-insert h3 .free {background-color:#FFFFFF; border-left:1px solid #8A999F; height:30px; line-height:30px; position:absolute; right:0; text-align:center; top:0; width:104px;} .postcode-insert h3.arrowdown .free {font-weight: normal} /*Postcode Search results page*/ .search-results .featured {background-color: #E6ECF4; border: 1px solid #93B1D7; padding: 20px;} .search-results .featured h3 {font-size: 26px; font-weight: normal; margin: 0 0 10px 0; padding: 0;} .search-results span.distance {color: #5D6063; display: block; font-size: 16px; margin-bottom: 10px;} .search-results .course-meta { float: left; width: 200px;} .search-results .vevent {background-color: #fff; padding: 20px; width: 150px;} .search-results .vcard { background-color: #f3f3f3; padding: 20px; width: 150px;} .search-results .facilitator {background-color: #f3f3f3; float: left; padding: 20px; width: 125px;} .search-results .facilitator h4 {margin: 0 0 10px 0; padding: 0;} .search-results .facilitator img {border: 3px solid #d5d5d5; margin-bottom: 10px;} .search-results .facilitator p {font-weight: bold; margin: 0; padding: 0;} .search-results .map {float: left; width: 200px;} /*Site Search Box*/ .search #nav li.search {display:block; float:right; height:28px; padding:7px 0 0 3px; margin-left: 5px; width:235px;} .search #nav li.search input.query {border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; padding:5px; width:170px;} .search #nav li.search input.submit {background-color:#4DB1FB; border-color:#76C2FB #3E9FE7 #3E9FE7 #76C2FB; border-style:solid; border-width:1px; clear:both; color:#FFFFFF; cursor:pointer; padding:4px; width:45px;} .search #nav li.search input.submit:hover {background-color: #8BC9F7;} .search #left {margin-top: 0;} .search #header h1#logo {margin-left: -30px;} .search #nav .contents { margin:0 auto; padding:0 21px; width:883px;} /*Site Search Results*/ .results #right h1 {border-bottom: 3px solid #65AFE7; padding: 20px 0;} ul.search-results li {background: transparent; border-top: 1px solid #FBFBFB; border-bottom: 1px solid #C7C7C7; color: #111; font-size: 13px; font-weight: normal; padding: 20px 20px 20px 40px; position: relative; } ul.search-results li:hover {background-color: #E4F0FF; border-bottom-color: #99B2D3;} ul.search-results li:hover span.count {color: #144A8B;} ul.search-results li span.count {color: #989898; font-weight: bold; left: -5px; position: absolute; text-align: right; width: 25px;} ul.search-results li a {font-size: 16px; line-height: 20px;} ul.search-results li p {margin: 0 0 5px 0;} ul.search-results li span.link {color: #9F6E10;} /*Case Study*/ .case-study {background-color: #f5f5f5; border: 1px solid #BBBBBB; padding: 10px;} /*PMQ*/ .pmq .pg-header {background: url(images/pmq-header.jpg) no-repeat left top; height: 96px;} .pmq .pg-header h1 {color:#111; font-size:26px; font-weight:normal; line-height:37px; margin:1px 0 0; vertical-align:middle;} .pmq .pg-header h1 strong {color:#111; display:block; font-size:33px; font-weight:bold; line-height:35px; text-align:left;} .pmq h2 a, .pmq h3 a {color: #74a2dc; text-decoration: none;} .pmq ul.nav {background:none repeat scroll 0 0 #102445; float:left; margin-left: -15px; padding: 9px; width:624px;} .pmq ul.nav li {float: left; margin: 0 5px 0 0;} .pmq ul.nav li a {color: #fff; display: block; font-weight: normal; font-size: 13px; padding: 5px; text-decoration: none;} .pmq ul.nav li a:hover {color: #FFCD3C;} .pmq ul.nav li input {border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; font-size:0.9em; padding:5px;} .pmq ul.nav li input.submit {background:none repeat scroll 0 0 #CFCFCF; border: 1px solid #cfcfcf; cursor: pointer; padding:4px;} .pmq ul.nav li input.submit:hover {background-color: #F3F3F3;} .pmq ul.nav li.search {float:right; margin:0; padding:0 0 0 50px; width:205px;} .pmq p.intro {float: left; margin: 0 0 15px 0; min-height: 60px; width: 400px;} .pmq a.submit-ques {background:url("images/submit-ques-btn.png") no-repeat scroll left top transparent; display:block; float:right; height:47px; margin: 0; text-indent:-9000em; width:159px;} .pmq a.submit-ques:hover {background-position: 0 -47px;} .pmq a.submit-ques:active {background-position: 0 -94px; outline: none;} .pmq a.submit-ques:focus {outline: none;} .pmq ul.ques-list {clear: both; float: left; width: 605px;} .pmq ul.ques-list li {border:3px solid #DEDEDE; float:left; margin:0 0 20px 0; padding:30px 20px 20px; position: relative; min-height: 213px; width:246px;} .pmq ul.ques-list li.alt {margin-right: 20px;} .pmq a.cat {background-color:#1B2D4B; color:#FFFFFF; display:block; font-size:13px; font-weight:normal; left:-8px; padding:5px 10px; position:absolute; text-decoration:none; top:5px; z-index: 1;} .pmq a.cat:hover {background-color: #355a98;} .pmq ul.ques-list li .meta {color: #acacac; font-weight: normal; font-style: italic;} .pmq ul.ques-list li p {color: #111; font-weight: normal;} /*Category page*/ .pmq .cat-list {} .pmq .cat-list li {background: none; border-bottom: 1px dotted #BFBFBF; padding: 15px 8px; margin-bottom: 10px;} .pmq .cat-list li h4 {font-size: 16px; padding: 0; margin: 0 0 8px 0;} .pmq .cat-list li h4 a {color: #6691C3; text-decoration: none;} .pmq .cat-list li .meta {color: #acacac; font-weight: normal; font-style: italic;} .pmq .cat-list li:hover {background-color: #E8EFF7;} /*Question single page*/ .pmq .question {border:3px solid #DEDEDE; margin: 0 0 18px 0; padding: 20px;} .pmq .question .meta {color: #acacac; font-weight: normal; font-style: italic;} .pmq .question h2 {font-size: 26px;} /*Slider*/ .pmq .container {clear: both; margin: 0 0 40px 0; position: relative;} .pmq .slider {background: #FDDCA5 url(images/ques-featured-bg.gif) repeat-x left top; border: 3px solid #e7c489; position: relative; height: 165px; overflow: hidden; padding: 25px 0 0; width: 605px;} .pmq .slider ul {float: left; height: 165px; overflow: hidden; margin: 0; width: 605px;} .pmq .slider ul li {margin: 0; height: 165px; width: 605px;} .pmq .slider ul li h2 {padding: 0 20px;} .pmq .slider ul li .meta {color: #8B7651; padding: 0 20px;} .pmq .slider ul li p {color: #111; font-weight: normal; padding: 0 20px;} .pmq .slider a.cat {} ol#controls {margin:4px auto 0; width:150px;} ol#controls li {background: none; border:medium none; float:left; margin:0 5px 0 0; padding:5px; width:10px;} ol#controls li a {background:none repeat scroll 0 0 #FDEACA; border:1px solid #E7C489; color: #7F6C4B; font-weight: normal; padding:5px; text-decoration: none; text-align: center;} ol#controls li a:hover {background-color: #FDD897; color: #fff;} ol#controls li.current a {color: #111; font-weight: bold;} #arrows {display: block; position: relative;} #arrows a:active {outline: none;} #arrows a:focus {outline: none;} #arrows #prevBtn a, #arrows #nextBtn a {display: block; position: absolute; font-size: 0; height: 20px; line-height: 0; text-indent: -9000em; top:6px; width: 20px;} #arrows #prevBtn a {background: url(images/arrow-l.png) no-repeat left top; left:249px; } #arrows #nextBtn a {background: url(images/arrow-r.png) no-repeat left top; right: 239px;} /*Question search*/ ol.search-list li {border-bottom:1px dotted #BFBFBF; color:#111111; font-weight:normal; padding:15px; color: #111; margin-bottom: 0;} ol.search-list li:hover {background-color: #E8EFF7;} ol.search-list li .meta {font-weight: normal;} ol.search-list li h3 {padding: 0; margin-bottom: 8px;} /*HIP*/ .hip .alert {background: #eee88b url(images/gradient-yellow-bg.gif) repeat-x left top; border-color:#989898; border-style:dotted; border-width:1px; margin:15px 0; padding:20px; width:390px;} .hip .alert h2 {background: transparent url(images/explamation.gif) no-repeat left center; padding-left: 30px;} /*Competition*/ .competition .pg-header {background: url(images/competition-header.jpg) no-repeat left top; height: 121px;} .competition .pg-header h1 {display: block; font-size: 0; line-height: 0; text-indent: -9000em;} .competition #resource .main {margin:0 auto; padding:30px; width:340px;} .competition #resource form {background-color: #EBEBEB; border-bottom: #989898 solid 1px; border-right: #989898 solid 1px; padding: 20px; margin: 0 auto; width: 300px;} .competition #resource form ul {list-style: none; padding: 0; margin: 0 ;} .competition #resource form ul li {background: none; padding: 0; margin: 0;} .competition #resource form label {font-weight: bold; font-size: 16px; margin-bottom: 8px;display: block; } .competition #resource form input {color: #4F4F4F; height: 20px; padding: 3px 3px 2px 3px; font-size: 15px; margin-bottom: 15px; width: 285px; } .competition #resource form input.submit {background:transparent url(http://www.propertymentor.co.uk/images/submit_button.gif) repeat scroll -27px -7px; border: 2px solid #1E3761; display:block; height:25px; margin:0; text-indent:-9000em; width:123px; margin: 0 auto; } .competition #resource h2 { color:#17365d; font-size: 20px; font-weight:bold; padding:0; margin: 0 0 15px 0; } .competition input#submit-details {font-size: 0; display:block; line-height: 0; text-indent: -9999px} .competition #resource li.optin {margin-bottom: 10px;} .competition #resource li.optin input {display: inline; width: 16px; vertical-align: middle; margin: 0 5px 0 0;} .competition #resource li.optin label {display: inline; font-size: 13px; font-weight: normal; vertical-align: middle; } /*Is it for you*/ .is-it-for-you dl {margin:0 0 15px; padding:0;} .is-it-for-you dl dt { border-bottom:1px solid #588CC9; color:#588CC9; font-size:20px; font-style:italic; font-weight:normal; padding-bottom:6px;} .is-it-for-you dl dt a {text-decoration: none; font-style: normal; } .is-it-for-you dl dd { margin-bottom:25px;} .is-it-for-you .postcode-checker-wide {margin-bottom: 15px;} /*Presenter Profiles*/ .presenter-callout {background:url("images/small-ul.png") no-repeat scroll 494px 10px #ECF3FB; border:1px solid #6D96C7; clear: both; padding:20px; margin-bottom: 20px} .presenter-callout label {color:#111111; display:block; float:left; font-weight:bold; line-height:18px; margin:0 10px 0 0; padding:0 0 3px; width:160px;} .presenter-callout input { border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; display:block; float:left; height:15px; padding:5px;} .presenter-callout input.postcode-submit {background:none repeat scroll 0 0 #4DB1FB; border-color:#76C2FB #3881B7 #3881B7 #76C2FB; border-style:solid; border-width:1px; color:#FFFFFF; cursor:pointer; display:block; font-size:15px; height:27px; margin:0 0 0 5px; padding:0; vertical-align:middle; width:41px;} .presenter-callout h4 {font-size: 19px; margin: 0 0 15px 0} .presenter-callout p {width: 460px} .presenter-callout p.emphasis {color: #3881B7; font-weight: bold; width: 100%} .presenter-callout form.postcode {margin-bottom: 20px;} .presenter-callout .outcome {clear: both} .presenter-callout .outcome p {width: 100%} /*Book Form*/ .book-form {background: #F4F7FB; border: 1px solid #E1E3E7; padding: 15px; margin: 0 auto; width: 500px} .book-form #pssignup li { background:none repeat scroll 0 0 transparent; clear:both; float:left; list-style-position:outside; list-style-type:none; margin-bottom:0; padding:5px 0; width:445px;} .book-form li {color:#111111; font-size:13px; font-weight:normal; margin-bottom:6px; padding:0 0 0 18px; } .book-form #ps_one2one_form li { background:none repeat scroll 0 0 transparent; clear:both; float:left; list-style-position:outside; list-style-type:none; margin:0; padding:5px 0; width:450px; } .book-form #ps_one2one_form li label { color:#111111; display:block; float:left; font-weight:bold; line-height:18px; margin:0 10px 0 0; padding:0 0 3px; width:160px;} .book-form #ps_one2one_form li input {background: #fff; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; display:block; float: left; height:15px; padding:5px;} .book-form #ps_one2one_form select.dropdownGoldSmall {width: 150px;} .book-form #ps_one2one_form .opt-in p {margin:0 0 10px; } .book-form #ps_one2one_form .opt-in input { background-color:transparent; border:medium none; display:inline; float:left; height:22px; margin:0 20px 0 0; padding:0; vertical-align:top; width:13px; } .book-form #ps_one2one_form .opt-in label { color:#111111; cursor:pointer; display:inline; font-size:12px; font-weight:normal; margin:0; padding:0; vertical-align:middle; width:385px; } .book-form #ps_one2one_form .opt-in ul li { height:27px; line-height:27px; margin-bottom:5px; vertical-align:middle; } .book-form #ps_one2one_form input#submit2 {background-image: none; background:none repeat scroll 0 0 #4DB1FB; border-color:#76C2FB #3881B7 #3881B7 #76C2FB; border-style:solid; border-width:1px; clear:both; color:#FFFFFF; cursor:pointer; display: block; font-size:16px; float: none; height:33px; margin:0 auto; padding:0; vertical-align:middle; width:109px;} .book-form #pssignup input#submit2:hover {background: #8BC9F7;} /*Infographic*/ #infographic {background: #e0e9f2 url(/images/infographic_bg.jpg) repeat left top; padding: 20px} #infographic h2 {border-bottom: 20px solid #903536; font-size: 28px; font-weight: normal; letter-spacing: -0.03em; padding: 0 0 8px 0; margin: 0 0 20px; text-transform: uppercase} #infographic h3 {color: #17365D; font-size: 22px; font-weight: normal; letter-spacing: -0.01em; padding: 0; margin: 0 0 20px; text-transform: uppercase} #infographic h4 {padding:0; margin: 0 0 15px;} #infographic ul {margin-right: -1%} #infographic li {background-color: #fff; border: 1px solid #d7e0e9; border-left: 35px solid #042040; clear: both; margin: 0 1% 5% 0; padding: 10px; position: relative; width: 90%} #infographic .percent {color: #042040; font-size:122px;font-weight:bold; letter-spacing:-0.06em; line-height:122px; position: relative} #infographic .percent span {font-size:49px; font-weight:normal; left:135px; position:absolute; top:-26px;} #infographic .result {float: left; position: relative; width: 235px} #infographic p.qualify {font-size:11px; line-height:14px; margin-top:0; padding:0; position:absolute; right:0px; top:60px; width:100px;} #infographic ul.first li {border-left-color: #903536} #infographic ul.first h4 {color: #903536} #infographic ul.second li {border-left-color: #355e91} #infographic ul.second h4 {color: #355e91} #infographic ul.third li {border-left-color: #35904A} #infographic ul.third h4 {color: #35904A} #infographic li .count {color:#FFFFFF; font-size:26px; font-weight:bold; left:-24px; position:absolute; top:14px;} #infographic li.quote {border:1px solid #8AABD5; height:212px; padding:20px; width:41%;} #infographic li.quote blockquote {font-size: 16px; line-height: 24px; font-style: italic; margin: 0;} #infographic li .graph {background: transparent url(/images/ajax-loader.gif) no-repeat center center; float: left; height:148px; position: relative; top: -15px; width:310px;} #infographic li .graph h5 {margin: 0; padding: 0; position: absolute; top: 0;} /*Delegate Testimonial*/ .delegate-testimonial .pg-header {margin-bottom: 20px;} .delegate-testimonial .intro {background: #f3f3f3; border: 1px solid #d3d3d3; padding: 10px; margin: 0 0 20px 0} .delegate-testimonial .intro blockquote {border: none; color: #04507F; font-size: 23px; line-height: 30px; margin: 0; padding: 0; text-align: center;} .delegate-testimonial .intro cite {display: block; text-align: right} .delegate-testimonial .media {} .delegate-testimonial .media h3 {color: #04507F; font-weight: normal; text-align: center; padding: 0; margin: 0 0 8px 0} .delegate-testimonial .media object {display: block; margin: 0 auto; width: 290px} .delegate-testimonial .testimonial-list li {background: #f3f3f3; border: 1px solid #ddd; height: 115px; float: left; margin: 0 15px 15px 0; position: relative; padding: 1em; width: 250px} .delegate-testimonial .testimonial-list img {float: left; margin: 0 10px 10px 0;} .delegate-testimonial .testimonial-list h4 {margin: 0 0 5px 0; text-transform: uppercase} .delegate-testimonial .testimonial-list p {font-size: 12px; line-height: 18px; margin: 0} .delegate-testimonial .testimonial-list .contents {float: right; width: 150px} .delegate-testimonial .testimonial-list .contents a {background-color:#63A7D9; border:1px solid #5189B3; color:#FFFFFF; display:block; font-weight:bold; left:14px; padding:3px 5px; position:absolute; text-align:center; text-decoration:none; top:89px; width:77px;} .delegate-testimonial .testimonial-list .contents a:hover {background-color: #5B99C7} .delegate-testimonial .testimonial-list a:hover img {outline: 2px solid #5189B3} .jcarousel-clip-horizontal {margin: 0 auto; width: 575px} .jcarousel-prev {background: transparent url(/images/carousel-arrows.png) no-repeat left top; cursor: pointer; height: 22px; position: absolute; left: -5px; top: 50px; width: 20px; } .jcarousel-prev:hover {background-position: left -31px} .jcarousel-next {background: transparent url(/images/carousel-arrows.png) no-repeat right top; cursor: pointer; height: 22px; position: absolute; right: -3px; top: 50px; width: 20px; } .jcarousel-next:hover {background-position: right -31px} .delegate-testimonial h3 {position: relative; } .delegate-testimonial .couldbeyou {background:none repeat scroll 0 0 #CED9EB; border: 1px solid #979fac; display:block; margin:0 auto; position:relative; width:471px;} .delegate-testimonial .couldbeyou .inner {background:url("/images/couldbeyou-arrow.gif") no-repeat scroll 13px top transparent; left:-81px; margin:0 auto; padding:35px 30px 0 104px; position:relative; top:-16px; width:419px;} .delegate-testimonial .couldbeyou h4 {font-size: 18px; margin: 0 0 15px 0; text-align: center} .delegate-testimonial .couldbeyou img {border: 1px solid #979fac; float: left; margin: 0 15px 15px 0 width: 120px} .delegate-testimonial .couldbeyou .contents {float: right; width: 280px;} .delegate-testimonial .couldbeyou .contents p {font-size: 1.1em; margin: 0} /*New homepage*/ .index {} .index h1.highlight {color: #CC3300; padding: 0; margin: 0 0 18px 0; padding-top: 18px;} .index h2.sub {font-weight: normal; padding: 0} .index h3 {line-height: 1.25; padding: 0; margin-bottom: 18px} .index p {font-size: 14px; line-height: 1.4; padding: 0; margin: 0 0 18px 0} .index #right ul li {color: #0F2345; font-size: 14px; line-height: 1.4; margin-bottom: 6px;} .index img.float-r {border: none; margin: 0 0 18px 18px; padding: 0} .index blockquote.featured {background-color: #D9E9F3; border: 3px solid #4B99CF; font-size: 16px; line-height: 1.4; padding: 20px; -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2); box-shadow: 2px 2px 4px rgba(0,0,0,0.2);} .index blockquote cite {color: #4A5053; display: block; font-size: 0.8em; margin: 0} .index ul.tick li {background: url("images/tick-large.png") no-repeat scroll left 3px transparent; color: #0F2345; font-size: 14px; font-weight: normal; list-style: none inside none; margin-bottom: 6px; padding: 0 0 5px 33px;} /*==FORMS==*/ /*** Gold Registration Form ***/ .formbg { background:url(images/gold-form-bg.jpg) no-repeat; height:421px; width:572px; margin:0 auto 20px; } .introText { padding:30px 0 0 10px; font-size:12px; margin:0 0 40px 0; display:block; } .register { font-size:16px; font-style:italic; font-weight:bold; color:#CC0000; } .nameField { font-weight:bold; color:#2E1707; display:block; padding:0 0 0 10px; width:180px; float:left; } .nameField .phone { font-size:11px; font-weight:normal; width:180px; } .textFieldGold { height:21px; background:url(images/textfield-bg-gold.gif) repeat-x; border:1px solid #b5a781; width:195px; margin:0; padding:4px 0 0 5px; font-size:12px; } .dropdownGold { height:23px; padding:2px; border:1px solid #b5a781; margin:0; width:250px; font-size:11px; } .dropdownGoldSmall { height:23px; padding:2px; border:1px solid #b5a781; margin:0; width:50px; font-size:11px; } .textFieldContainer { float:right; margin:0 0 5px 0; width:380px; } .goldRegister { background:url(images/gold-register-button.gif) top left; width:149px; height:30px; display:block; margin:23px 0 0 195px; text-indent:none; border:none; } .goldRegister:hover { background:url(images/gold-register-button.gif) top right; cursor:pointer; text-indent:none; border:none; } /*** Sign Up Info Form **/ .textFieldData { color:#021527; font-weight:bold; font-size:12px; } .infoFormButton { background:url(images/info-fom-button.gif) top left; display:block; width:118px; height:28px; margin:7px 0 15px 0; border:none;} .infoFormButton:hover { background:url(images/info-fom-button.gif) top right; display:block; width:118px; height:28px; margin:7px 0 15px 0; cursor:pointer;} /*Mortgage Calculator*/ .mortcalcHeader { width:430px; background: url(images/calc_header_bg.gif) repeat-x #a2ccf2; margin-top: 30px; font-size:12px; } .mortcalcHeader h3 { color:#000; margin:0px; padding:4px 10px; font-size:1.4em; font-weight:bold; text-align: center; } #mortcalcBody { background:#FFFFFF url(images/calc_body_bg.gif) repeat-x scroll 0 0; float:left; /*height:106px;*/ margin-bottom:30px; width:429px; } #mortcalcBody .calc-q { font-size:11px; width:185px; float:left; margin:8px 0px 0px 4px; } #mortcalcBody .calc-a { font-size:11px; width:100px; float:left; margin:7px 0px 5px 4px; } #mortcalcBody label { font-weight:bold; } #mortcalcBody input { border:1px solid #b9b9b9; background-color:#f1faff; padding:2px;color:#036;width:70px; } #mortcalcBody #currentInterestRate { border:1px solid #b9b9b9;background-color:#f1faff;padding:2px;color:#036;width:55px; } #mortcalcBody #newInterestRate { border:1px solid #b9b9b9;background-color:#f1faff;padding:2px;color:#036;width:55px; } #mortcalcBody #apr { border:1px solid #b9b9b9;background-color:#f1faff;padding:2px;color:#036;width:55px; } #mortcalcBody #interestRate { border:1px solid #b9b9b9;background-color:#f1faff;padding:2px;color:#036;width:55px; } #mortcalcBody .clearrow { clear:both;height:1px; border-bottom:#ccc solid 1px; } #mortcalcBody .clearrowResult { clear:both;height:1px;border-bottom:#036 dotted 1px; } #mortcalcBody #calc { text-align:center; margin:5px 0px 0px 0px; } #mortcalcBody p { margin-left:4px;margin-bottom:0px;padding:0px; } #mortcalcFooter { width:300px; height:10px; margin:0px; padding:0px; } .mortcalcResultsTxt { font-size:1.3em; font-weight:bold; white-space:nowrap; } td.mortcalcResultsHilite { background-color:#ff9;} .mortcalcHeaderResults { font-size:12px; width:429px; background:url(images/calc_header_bg.gif) repeat-x #a2ccf2; margin-top:30px; } .mortcalcHeaderResults h3 { color:#000;margin:0px; padding:4px 10px; font-size:1.4em;font-weight:bold; } .mortcalcResultsTbl { font-size:12px; background:url(images/calc_body_bg.gif) repeat-x #fff; } .mortcalcResultsTbl td { padding:8px 2px 8px 15px; border-bottom:#b9b9b9 solid 1px; } /*Mortgage Repayment Calculator*/ .repayment-calc {width: 428px;} .repayment-calc h3 {background: #A2CCF2 url(images/calc_header_bg.gif) repeat-x scroll 0 0; color:#000000; font-size:16px; line-height: 18px; font-weight:bold; margin:0; padding:8px 10px; text-align:center;} .repayment-calc form {float: left;} ul#mortcalcBody {background: #F6F8F9 url(images/calc_body_bg.gif) repeat-x scroll 0 0; height: 100%; float: left; width: 428px; margin: 0;} ul#mortcalcBody li {background: none; border-bottom: 1px solid #CCCCCC; color: #3C3366; display: block; padding: 5px; float: left; width: 418px;} ul#mortcalcBody li.results {clear: both;} /*POSTCODE CHECKER - WIDE*/ .postcode-checker-wide {background:url("images/landing-page-postcode.png") no-repeat scroll left top transparent; height:330px; margin:0 auto; padding:30px; position:relative; width:533px;} .postcode-checker-wide h2 {text-indent: -9000em;} .postcode-checker-wide p, #right .postcode-checker-wide p {margin-top: 90px; width: 380px;} .postcode-checker-wide input.postcode {background: transparent url(images/postcode-landing-input.gif) no-repeat top left; border:medium none; font-size:14px; line-height: 22px; height:21px; left:21px; padding:5px 0 2px 8px; position: absolute; top: 260px; left: 30px; margin: 0; width:195px;} .postcode-checker-wide input.submit {background: transparent url(images/postcode-landing-submit.gif) no-repeat top left; cursor: pointer; border:medium none;font-size: 0; display: block; line-height: 0; height: 30px; margin-top: 3px; position: absolute; left: 238px; top:257px; padding: 0; text-indent:-9000em; width:59px;} /*POSTCODE CHECKER - MEDIUM*/ .postcode-checker-medium {background: #fff url(images/postcode-finder-wide.png) no-repeat top right; position: relative; height: 139px; float: none; margin: 25px auto; width: 465px;} .postcode-checker-medium h2 {display:block; height:38px; margin:0; text-indent:-9000em; width:100%; margin-bottom: 10px; padding: 0; font-size: 0; line-height: 0;} .postcode-checker-medium .postcode-form {position: relative; top: 13px;} .postcode-checker-medium p {color: #fff; font-size: 0.9em; margin: 11px 0 0 10px; line-height: 16px; text-align: center; width: 380px;} .postcode-checker-medium .postcode-form input.postcode {background: url(images/input-bg-wide.png) no-repeat top left; border:medium none; height:20px; left:120px; font-size: 14px; padding:3px 3px 2px 5px; position:absolute; top:0; width:120px;} .postcode-checker-medium .postcode-form input.submit {background: url(images/submit-bg-wide.png) no-repeat top left; border:medium none; cursor:font-size: 0; display: block; line-height: 0; pointer; height:28px; position:absolute; left:245px; text-indent:-9000em; top:0; width:59px;} .postcode-finder-medium .postcode-form input.submit:hover {cursor: pointer;} /*POSTCODE CHECKER - SMALL*/ .postcode-checker-small {background: #fff url(images/new_uk-bg.png) no-repeat top right; position: relative; height: 139px; float: right; margin-top: -10px; margin-right: 10px; width: 231px;} .postcode-checker-small h2 {display:block; height:38px; margin:0; text-indent:-9000em; width:100%; font-size: 0; line-height: 0;} .postcode-checker-small .postcode-form {position: relative; top: 13px;} .postcode-checker-small .postcode-form input.postcode {background: url(images/new_input-bg.gif) no-repeat top left; border:medium none; height:25px; left:21px; font-size: 14px; padding:1px 3px 2px 5px; position:absolute; top:16px; width:120px;} .postcode-checker-small .postcode-form input.submit {background: url(images/new_submit-bg.gif) no-repeat top left; font-size: 0; display: block; line-height: 0; border:medium none; height:28px; position:absolute; right:31px; text-indent:-9000em; top:16px; width:59px;} /*BENEFITS Postcode Checker*/ .testimonial-postcode {position: relative; display: block; margin-left: -15px; margin-bottom: 20px;} .testimonial-postcode input { background-color: #FFFFFF; border-color: #7C7C7C #C3C3C3 #DDDDDD; border-style: solid; border-width: 1px; font-size: 14px; height: 15px; left: 260px; padding: 11px 8px; position: absolute; top: 195px; width: 184px; } .testimonial-postcode input.submit { border: 1px solid #6191AB; color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 39px; left: 459px; line-height: 39px; margin: 0 auto; padding: 0; text-indent: 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); width: 90px; background: #87C8EF; /* old browsers */ background: -moz-linear-gradient(top, #87C8EF 0%, #4E92BA 94%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87C8EF), color-stop(94%,#4E92BA)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87C8EF', endColorstr='#4E92BA',GradientType=0 ); /* ie */ } .testimonial-postcode input.submit:hover {background: #87C8EF} /*----*/ .benefits-postcode {background: url("images/pm-postcode-checker.jpg") no-repeat scroll -7px top transparent; height: 251px; position: relative; width: 601px} #main #right .benefits-postcode h3 {border: none; display: block; font: 0; height: 0; margin: 0; padding: 0; text-indent: -9999em} .benefits-postcode .benefits ul {padding: 0; margin: 0; list-style-position: outside; position: absolute; left: 29px; top: 91px; width: 200px;} .benefits-postcode .benefits li {background: transparent url(images/postcode-tick.gif) no-repeat left top; color: #162648; line-height: 18px; list-style: none; margin: 0 0 6px; padding: 0 0 0 30px; } .benefits-postcode .desc p {color: #262b2e; line-height: 18px; position: absolute; right: 122px; margin: 0; top: 96px; width: 200px;} #container #right .benefits-postcode input, #inner_page_container #right .benefits-postcode input { background-color: #FFFFFF; border-color: #7C7C7C #C3C3C3 #DDDDDD; border-style: solid; border-width: 1px; font-size: 14px; height: 15px; left: 278px; padding: 11px 8px; position: absolute; top: 185px; width: 184px; } #container #right .benefits-postcode input.submit, #inner_page_container #right .benefits-postcode input.submit, input.bluesubmit, input.wf-button { border: 1px solid #6191AB; color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 39px; left: 479px; line-height: 14px; margin: 0 auto; padding: 0; text-indent: 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); width: 90px; background: #87C8EF; /* old browsers */ background: -moz-linear-gradient(top, #87C8EF 0%, #4E92BA 94%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87C8EF), color-stop(94%,#4E92BA)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87C8EF', endColorstr='#4E92BA',GradientType=0 ); /* ie */ } #container #right .benefits-postcode input.submit:hover, #inner_page_container #right .benefits-postcode input.submit:hover {background: #87C8EF} /*===Subscribe Page===*/ .subscribe h3 {border-top: 2px solid #ddd; clear: both; padding: 15px 0 0; margin-bottom: 15px;} .subscribe p.intro {color: #2B3957; font-size: 18px; line-height: 1.3em; margin-top: 15px;} .subscribe .aside {background-color: #D9E4F7; float: right; padding: 20px; margin: 15px 0 15px 15px; width: 160px;} .subscribe .aside dl {font-size: 11px; line-height: 1.4em;} .subscribe .aside dt {font-weight: bold; font-size: 1.1em;} .subscribe .aside dd {font-size:0.9em; line-height:18px; margin-bottom:13px;} .subscribe .main-content {float: left; width: 395px;} .subscribe #right label {display: block; margin-bottom: 4px;} .subscribe #right input {border:1px solid #989898; display:block; float: left; margin-right: 15px; padding:5px 4px; width:180px;} .subscribe #right input[type="hidden"] {display: none;} .subscribe #right .submit {background:url("images/submit_button.gif") no-repeat scroll -29px -6px transparent; display: block; border:1px solid #989898; cursor: pointer; float:left; font-size: 0; line-height: 0; height:26px; margin:0 auto; text-indent:-9000em; width:121px;} .subscribe .main-content ul {margin-left: 15px; margin-bottom: 10px;} .subscribe .main-content ul li {clear: both; float: left; margin-bottom: 7px; font-size: 1em; width: 350px; } .subscribe .rss {background:url("images/feed.png") no-repeat scroll left center transparent; display:block;height:34px; line-height:22px; margin-bottom:8px; padding-left: 35px;} .subscribe .email {background: url(images/mail.png) no-repeat left center; display:block; height:34px; line-height:22px;margin-bottom:8px; padding-left: 35px;} .subscribe .phone {background: url(images/phone.png) no-repeat left center; display:block; height:34px; line-height:22px; margin-bottom:8px; padding-left: 35px;} .subscribe .twitter-icon {background: url(images/twitter-icon.png) no-repeat left center; display: block; height: 25px; line-height: 25px; padding-left: 35px;} .subscribe .facebook {background: url(images/facebook.png) no-repeat left center; display: block; height: 25px; line-height: 25px; padding-left: 35px;} /*===CONTACT PAGE===*/ #mortcalcBody ul li {background: none; font-variant: normal; color: #111; padding: 5px; height: 25px; position: relative; list-style-type: none; text-align: left; width: 340px;} #mortcalcBody ul li select, #mortcalcBody ul li input {position: absolute; right: 20px; width: 160px;} #mortcalcBody ul li select#cb_time {right: 25px;} #mortcalcBody ul li input#call-back-submit {background-position: -8px -5px; height: 28px; position: static; margin: 0 auto; width: 166px; } #mortcalcBody ul li input#call-back-submit:hover {background-position: -187px -5px;} .contact #right {padding: 20px; width: 602px;} .contact #right h1 {margin-bottom: 18px;} .contact #right h2 {clear: both; margin-top: 0;} .contact #right p { margin-bottom: 20px;} .contact .contact-us {background-color: #F4F4F4; border: 1px solid #ddd; padding: 20px; margin-bottom: 30px;} .contact .callback, .contact .vcard {margin: 0 0 20px; float: left;} .contact .vcard {width: 265px;} .contact .vcard .org .vevent {font-size: 1.2em; font-weight: bold;} .contact .adr, .contact .fax {margin-bottom: 10px;} .contact .adr {color: #434343;} .contact .vcard .vevent .emails span {display: block;} .contact .callback {border-right: 1px dotted #C3C3C3; float: left; padding-right: 20px; margin-right: 20px; width: 253px;} .contact .callback h3 {font-size: 18px; font-weight: normal; margin-bottom: 10px;} .contact .callback ul {list-style: none; list-style-position: outside;} .contact .callback ul li {background: none; color: #111; padding: 0; font-weight: normal; list-style: none; list-style-position: outside; font-size: 1em; margin-bottom: 11px;} .contact .callback label {display: block; font-weight: bold;} .contact .callback input {border: 1px solid #989898; display: block; padding: 8px 5px; width: 240px;} .contact .callback input#call-back-submit {background-position:-27px -6px; height: 26px; margin: 0 auto; width:121px;} .contact .left {float: left; margin-right: 20px; width: 270px;} /*Upcoming Events Module*/ .events a.fully-booked {background: url(images/fully-booked-events-btn.png) no-repeat left top; cursor: default; display:block; font-size:0; font-weight:normal; height:22px; line-height:0; padding:3px 7px; position:absolute; right:0; text-align:center; text-decoration:none; text-indent:-9000em; top:43px; width:82px;} /*XMAS*/ .xmas .xmas-content {background: #fff url(images/xmas.jpg) no-repeat left top; position: relative; padding: 20px;} .xmas .xmas-content h1 {text-indent: -9000em;} .xmas .xmas-content p.joke {position: absolute; top: 534px; left: 245px; font-weight: bold; text-align: center; width: 155px; height: 67px; vertical-align: middle; margin: 0;} .xmas .xmas-content p.intro {margin-top: 580px;} .xmas .xmas-content h3 {font-size: 18px; margin: 0 0 10px 0;} .xmas .xmas-content h4 {font-size: 16px; margin: 0 0 5px 0;} .xmas .xmas-content div.calendar {background: #A03535 url(images/cal-head.png) repeat-x top left; padding: 60px 10px 10px;} .xmas .xmas-content table.calendar {background-color: #fff; padding: 8px; width: 520px; margin: 0 auto; } .xmas .xmas-content table.calendar thead {ba} .xmas .xmas-content table.calendar thead th {vertical-align: middle; } .xmas .xmas-content table.calendar td {border: 1px solid #989898; padding: 10px;vertical-align: top; } .xmas .xmas-content table.calendar td span.date {color: #6B6B6B; display: block; font-style: italic;} .xmas .xmas-content table.calendar tbody td { width: 30px;} /*Xmas Postcode finder*/ .xmas #new-postcode-finder {background: #fff url(images/postcode-finder-wide.png) no-repeat top right; position: relative; height: 139px; float: none; margin: 25px auto; width: 465px;} .xmas #new-postcode-finder h2 {display:block; height:38px; margin:0; text-indent:-9000em; width:100%; margin-bottom: 10px; padding: 0; font-size: 0; line-height: 0;} .xmas #new-postcode-finder .postcode-form {position: relative; top: 13px;} .xmas #new-postcode-finder p {color: #fff; font-size: 0.9em; margin: 0 0 0 10px; line-height: 16px; text-align: center; width: 380px;} .xmas #new-postcode-finder .postcode-form input#postcode {background: url(images/input-bg-wide.png) no-repeat top left; border:medium none; height:28px; left:120px; font-size: 14px; padding:3px 3px 2px 5px; position:absolute; top:0; width:120px;} .xmas #new-postcode-finder .postcode-form input#submit {background: url(images/submit-bg-wide.png) no-repeat top left; border:medium none; height:28px; position:absolute; left:245px; text-indent:-9000em; top:0; width:59px;} .xmas #new-postcode-finder .postcode-form input#submit:hover {cursor: pointer;} /*Xmas Email landing page*/ .xmas .email {background: #fff url(images/xmas-email.jpg) no-repeat left top; position: relative; padding: 470px 20px 20px;} .email ul.present-list li {background: url(images/present-icon.png) no-repeat left top; padding: 10px 0 10px 48px; font-weight: normal; font-size: 14px; margin-bottom: 8px;} /*Ultimate Resouce Pack Download*/ .ultimate-pack #right li.index_bullet {padding-bottom: 5px;} .ultimate-pack #right ul.tick li {background: transparent url(images/tick-small.png) no-repeat left 3px; padding:0 0 5px 22px;} .ultimate-pack #right h3 {color:#17365D; font-size:19px; font-weight:bold; line-height:24px; margin:0 0 0.5em; padding:0;} .ultimate-pack #right .pg-header {background:url("images/ulp-header.jpg") no-repeat scroll left top transparent; display:block; height:144px; margin:0 -15px; padding:20px 28px; width:586px;} .ultimate-pack #right .pg-header h1, .ultimate-pack #right .pg-header h1 strong {display: block; text-indent: -9000em;} .ultimate-pack #right .results-list h3 { background:url("images/arrows.png") no-repeat scroll right -139px #DBF0FB; border:1px solid #75A6BF; clear:both; cursor:pointer; font-size:16px; font-weight:normal; line-height:20px; margin:0; padding:5px 5px 5px 40px; position:relative;} .ultimate-pack a.book-now {background: transparent url(images/book-now.png) no-repeat top left; clear: both; display: block; height: 50px; margin: 8px auto; text-indent: -9000em; width: 190px;} .ultimate-pack a.book-now:hover {background-position: 0 -51px;} .ultimate-pack a.book-now:active {background-position: 0 -101px; outline: none} .ultimate-pack a.book-now:focus {border: none; outline: none;} /*NEW Testimonials*/ .testimonial-home {} .testimonial-home #right h2 {font-size: 14px; line-height: 1.4; margin: 0 0 15px ; padding: 0; text-transform: uppercase} .testimonial-home #right blockquote {border: none; font: italic 13px/1.4 Georgia, serif; padding: 0; margin: 0 0 10px;} .testimonial-home #right .date {color: #737373; font-size: 12px} .testimonial-home #right .name {clear: both; display: block; font-size: 12px; font-style: italic; line-height: 16px; margin: 0; padding: 0;} .testimonial-home #right .name strong {color: #1d4994;} .testimonial-home h3 {padding: 0; margin: 0 0 20px} .testimonial-home .pg-header {background-image: url(images/testimonial-header.jpg); height: 169px; text-indent: -9999em} .testimonial-home .intro {color: #0D1E3C; font-size: 1.4em; line-height: 1.4; letter-spacing: -0.02em} .testimonial-home .cta {display: block; margin-left: -15px; margin-bottom: 20px;} .testimonial-home .more {clear: left; float: right; text-align: right} .testimonial-home .video, .testimonial-home .written, .testimonial-home .snippets {margin-bottom: 20px;} .testimonial-home #right .postcode-checker-wide p {margin-top: 114px} .testimonial-home .video, .testimonial-home .written, .testimonial-home .snippets {border-top: 1px solid #9F9F9F; padding-top: 1em} /*Video section*/ .testimonial-home .video .featured {background: #e7e7e7; border: 1px solid #B3B3B3; margin: 0 0 15px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top, #F7F7F7 0%, #E7E7E7 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#E7E7E7)); /* webkit */} .testimonial-home #right .featured blockquote {font-size: 1.1em; margin-bottom: 0 line-height: 1.3} .testimonial-home .video .featured img {float: left; width: 350px;} .testimonial-home .video .featured .contents {float: right; padding: 10px; width: 232px} .testimonial-home .video li {background: #e7e7e7; border: 1px solid #B3B3B3; font-size: 13px; line-height: 1.4; float: left; margin: 0 20px 20px 0; padding: 15px; width: 263px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top, #F7F7F7 0%, #E7E7E7 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#E7E7E7)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#E7E7E7',GradientType=0 ); /* ie */} .testimonial-home .video li:nth-of-type(2n+2) {margin-right: 0} .testimonial-home .video li.even {margin-right: 0} .testimonial-home .video li .media {float: left; margin: 0 15px 15px 0; width: 120px;} .testimonial-home .video li .media img {} .testimonial-home .video li .media a {text-decoration: none} .testimonial-home .video li .media a span {background: #314f83; color: #fff; display: block; padding: 5px; text-align: center; background: -moz-linear-gradient(top, #314F83 0%, #17253D 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#314F83), color-stop(100%,#17253D)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#314F83', endColorstr='#17253D',GradientType=0 ); /* ie */} .testimonial-home .video li .media a:hover span {background: #314f83;} .testimonial-home .video li .contents {float: right; width: 128px} /*Written section*/ .testimonial-home #right .written blockquote {font-size: 1.5em} .testimonial-home #right .written li {border-bottom: 1px dotted #636363; clear: both; padding: 20px 0; margin: 0} .testimonial-home #right .written li:first-child {padding-top: 0} .testimonial-home #right .written li .contents {float: left; width: 465px } .testimonial-home #right .written li .feedback-popup img {border: 1px solid #ddd; margin-bottom: 5px; width: 80px} .testimonial-home #right .written li a.feedback-popup {background-color: #f3f3f3; border: 1px solid #CFCFCF; display: block; font-size: 12px; float: right; margin: 0 0 0 20px; padding: 10px; text-align: center; text-decoration: none; width: 81px} .testimonial-home #right .written li a.feedback-popup:hover {background-color: #C7E1EF; border-color: #ACC3CF} .testimonial-home #right .written li a.feedback-popup:hover img {border-color: #ACC3CF; } /*Snippets section*/ .testimonial-home .snippets ul {float: left; margin-right: 20px; width: 188px;} .testimonial-home .snippets ul.last {margin-right: 0} .testimonial-home .snippets li {border-bottom: 1px dotted #636363; padding-bottom: 20px; margin-bottom: 20px; } .testimonial-home .snippets li {} .testimonial-home .snippets .name strong {display: block} /*Standard Page Template*/ .page li {color: #111; font-size: 14px; font-weight: normal;} .page li strong {color: #17365D} .page li p {padding: 0; margin-top: 0;} .page h3 {line-height: 1.2em} /*Landing Pages*/ .landing .intro {padding-top: 15px} .landing .intro h1 {color: #17365D; margin-top: 0; padding: 0; text-align: center} .landing .intro h1 strong {color: red} .landing .intro p {color:#1B1B1B; font-size:13px; letter-spacing:-0.03em; margin-bottom:15px; text-align:center; text-transform:uppercase;} .landing h2 {padding: 0; margin: 0 0 15px 0} .landing h3 strong {color: red} /*Ticket page*/ .ticket #inner_page_container #right {background: #fff; min-height: 400px; width: 860px;} .ticket #right .content {margin: 0 auto; width: 400px;} .ticket #right #ticket-form li {list-style-type: none} .ticket #right #ticket-form label {display: block} .ticket #right #ticket-form input {width: 210px} .ticket #right #ticket-form textarea {height: 120px; width: 300px;} .ticket #right #ticket-form #ticket-submit {color: #fff; border: 1px solid #6191AB; padding: 8px 5px; width: 120px} /*============ NEW STANDARD PAGE LAYOUT STYLE =================*/ /*==BASE STYLES==*/ /*-- Global --*/ .page_template #container {background:#fff} .page_template #right {color: #0F0F0F; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.4; padding: 20px; width: 602px} /*-- Headings --*/ .page_template h1, .page_template h2, .page_template h3, .page_template h4, .page_template h5, .page_template h6 {color: #0E2644; line-height: 1.3; padding: 0; margin: 0 0 18px; text-align: left} .page_template h1 {color: #4A71A3; font-size: 26px} .page_template h1 strong {color: #000; font-size: 26px;} .page_template h2, .page_template h2 strong {font-size: 24px} .page_template #right h2 strong {color: #A6330D} .page_template h3, .page_template h3 strong {font-size: 20px} .page_template #right h3 {border-top: 1px dotted #ABABAB; padding-top: 18px;} .page_template #right h3 strong {color: #A6330D;} .page_template h4, .page_template h4 strong {font-size: 18px; font-weight: normal} .page_template h5, .page_template h5 strong {font-size: 16px; font-weight: normal} .page_template h6, .page_template h6 strong {font-size: 16px; font-weight: bold} /*-- Type --*/ .page_template #right p {line-height: 1.4; padding: 0; margin: 0 0 18px 0} .page_template #right p.intro {color: #194077; font-size: 19px} .page_template #right p.intro strong {color: #194077;} .page_template dl {border: none; padding: 0; margin: 0 0 18px 0;} .page_template dl dt { background-color: #EEEEEE; color: #2D2D2D; font-size: 14px; font-weight: normal; padding: 9px; margin-bottom: 18px; text-transform: none} .page_template dl dt strong {text-transform: uppercase} .page_template dl dd {font-size: 14px; line-height: 1.4; margin: 0 0 18px; } .page_template dl.highlight {padding: 0; margin: 0 0 18px 0;} .page_template dl.highlight dt { background: #F2C787; /* old browsers */ background: -moz-linear-gradient(top, #F2C787 0%, #DBAB62 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2C787), color-stop(100%,#DBAB62)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2C787', endColorstr='#DBAB62',GradientType=0 ); /* ie */ border-bottom: 1px solid #CB881E; color: #2B1D06; padding: 9px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);} .page_template dl.highlight dd { background-color: #F3DAB3; border-top: 1px solid #FFFFFF; font-size: 14px; line-height: 1.4; margin: 0 0 18px; padding: 9px;} .page_template #right ul {padding: 0; margin: 0 0 18px 0} .page_template #right li {background: url("images/li_bg.png") no-repeat scroll 0 -2px transparent; color: #0F0F0F; font-size: 16px; font-weight: normal; margin:0 0 0.5em 0; padding: 0 0 0 20px; list-style: none; list-style-position: inside; } .page_template #right li:last-of-type {margin-bottom: 0} .page_template #right strong {color: #000} .page_template #right blockquote, .page_template #right blockquote p {color: #0E2644; font-family: Georgia, serif; font-size: 18px; } .page_template #right blockquote {background: none repeat scroll 0 0 #8EB5D5; border: medium none; color: #fff; margin-left: -35px; padding: 18px 18px 18px 36px; text-shadow: 0 0 1px rgba(0,0,0,.1)} .page_template #right blockquote cite, .page_template #right cite {color: #373737; display: block; font-family: Arial, sans-serif; font-size: 14px} /*.page_template #right blockquote.featured {padding-left: 135px; position: relative}*/ .page_template #right blockquote.featured p.first {color: #fff; font-size: 20px; line-height: 1.4} .page_template #right blockquote.featured p {font-size: 16px;} .page_template #right blockquote.featured p:last-of-type {margin-bottom: 0} .page_template #right blockquote.featured p cite {border-top: 2px solid #7A9CB7; display: block; padding-top: 9px} .page_template #right blockquote.featured img {bottom: 18px; position: absolute; left: 0} /*Form*/ .page_template #right fieldset {line-height: 1} .page_template #right input, .page_template #right button, .page_template #right textarea, .page_template #right select, .page_template #right optgroup, .page_template #right option {font-size: .9em} .page_template #right input, .page_template #right textarea, .page_template #right select {background-color: #fff; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; padding:0.3em} .page_template #right input[type="checkbox"] {border: none; vertical-align: middle} .page_template #right input[type="radio"] {border: none; vertical-align: middle} .page_template #right input[type="submit"] {background-color:#87C8EF; border-color:#B4DAEF #60AFDB #60AFDB #B4DAEF; color:#186C9B; cursor: pointer} .page_template #right input[type="submit"]:hover {background-color: #A5D5EF} .page_template #right input[type="submit"]:active {position: relative; top: 1px} .page_template #right input[type="hidden"] {display: none;} .page_template #right textarea {font-family: arial, sans-serif; font-size: 1em} .page_template #right label, .page_template #right input[type=button], .page_template #right input[type=submit], .page_template #right button { cursor: pointer; } /* hand cursor on clickable input elements */ .page_template #right form li {margin-bottom: 1em} .page_template #right input[type="submit"], .page_template #right input.submit {} /*-- Header --*/ /*-- Main --*/ .page_template .pg-header {margin: -20px 0 18px -35px; width: 586px;} .page_template .pg-header h1 { color: #FFFFFF; font-size: 28px; font-weight: normal; line-height: 35px; margin: 36px 0 0; vertical-align: middle; } .page_template #right .pg-header h1 strong {color: #fff; font-size: 28px;} .page_template #right p.sub {font-size: 18px; line-height: 1.3} .page_template .propertysecrets {background: url(images/cta-propertysecrets.jpg) no-repeat left top; float: right; height:226px; position: relative; margin: 0 0 20px 20px; width: 304px} .page_template .propertysecrets #propertysecrets-postcode {bottom: 20px; position: absolute; left:41px; width: 145px } .page_template #right .propertysecrets #propertysecrets-submit {border-color: #B4DAEF #7A89A3 #7A89A3 #B4DAEF; color: #fff; bottom: 18px; position: absolute; right:50px; } .page_template #right .propertysecrets input#propertysecrets-submit:active, .page_template #right .propertysecrets input#propertysecrets-submit:active {position: absolute; top: inherit; bottom: 17px} .page_template img.float-l {margin-left: -20px} .page_template img.float-r {margin-right: -20px} .page_template .video {margin: 0 0 18px -20px} .page_template img.main {background: none repeat scroll 0 0 #F3F3F3; border: 1px solid #CFCFCF; float: right; margin: 0 0 18px; padding: 5px;} .page_template .cta {margin-left: -35px; margin-bottom: 18px;} .page_template .benefits-postcode {margin-left: -10px} .page_template ul.tick {} .page_template #right ul.tick li { background: url("images/tick-medium.png") no-repeat scroll left 3px transparent; font-size: 16px; list-style: none outside none; margin-bottom: 9px; margin-left: 0; padding: 0 0 0 26px;} .page_template #right ul.tick li:first-child {} /*==PAGE SPECIFIC==*/ /*Home*/ #template-home #right {padding-top: 0} #template-home #right h3 {border-top: 1px dotted #ABABAB; padding-top: 18px} #template-home #right h3, #template-home #right h3 strong { font-size: 24px} .page_template dl.steps {} .page_template dl.steps dt {background: transparent; color: #0E2644; padding-left: 175px; font-weight: bold; position: relative; margin-bottom: 0; width: auto} .page_template dl.steps dt .step {background: url("images/step-arrow.png") no-repeat scroll left top transparent; color: #0E2644; display: block; font-size: 16px; font-weight: bold; height: 50px; left: 9px; padding: 11px 5px 5px; position: absolute; text-align: center; text-shadow: 0 1px 0 #FFFFFF; text-transform: uppercase; width: 138px;} .page_template dl.steps dd {margin-left: 175px;} /*==Ajay Ahuja==*/ .reset {margin-top: 0} .ajay-ahuja #right h3 {border-top: 1px dotted #ABABAB; padding-top: 18px} .ajay-ahuja #right h3 strong {color: #CC3300} .ajay-ahuja #header {background: #1A447F; /* old browsers */ background: -moz-linear-gradient(top, #1A447F 0%, #0F2648 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1A447F), color-stop(100%,#0F2648)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1A447F', endColorstr='#0F2648',GradientType=0 ); /* ie */ border-top: none; height: 75px; padding: 0; z-index: 100} .ajay-ahuja #header h1#logo {float: none;} .ajay-ahuja #header h1#logo a {background: url(/images/pm-logo.png) no-repeat left top transparent; position: absolute; height: 80px; left: 10px; top: 0; z-index: 100} .ajay-ahuja .pg-header {background: #397CBF; /* old browsers */ background: -moz-linear-gradient(top, #397CBF 0%, #2B5D90 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#397CBF), color-stop(100%,#2B5D90)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397CBF', endColorstr='#2B5D90',GradientType=0 ); /* ie */ border-bottom: 1px solid #1D3E60; color: #fff; height: 114px; padding: 20px; margin: 0; position: relative; width: auto} .ajay-ahuja .pg-header h1 {color: #fff; font-size: 27px; margin: 20px 0 8px 20px; text-shadow: 1px 2px 1px rgba(0,0,0,0.8); width: 600px} .ajay-ahuja .pg-header h1 strong {color: #fff} .ajay-ahuja .pg-header h2 {color: #fff; font-size: 30px; text-shadow: 1px 1px 2px rgba(0,0,0,0.6)} .ajay-ahuja .pg-header img {position: absolute; bottom: 0; right: 0; z-index: 100} .ajay-ahuja #left {margin-top: 0} .ajay-ahuja #right p.intro {color: #194077; font-size: 19px} .ajay-ahuja #right p.intro strong {color: #132F56; font-size: 19px} .ajay-ahuja #right li {background: url("images/li_bg.png") no-repeat scroll 0 0 transparent; list-style-type: none; padding-left: 20px; margin-left: 0 } .ajay-ahuja .steps dd {height: 50px} /*In page pop up form*/ /*Pop up contents*/ .page_template #signup-wrapper .header {background-color: #ececec; border-bottom: 1px solid #D3D3D3; height: 90px; padding: 20px; width: 510px} .page_template #signup-wrapper .header p {color: #3A3A3A; margin: 0} .page_template #signup-wrapper .contents {padding: 0; width: 550px;} .page_template #signup-wrapper .footer {background-color: #b3d0e7; padding: 20px; text-align: right } .page_template #signup-wrapper h1 {background: #4DA8CD; /* old browsers */ border: 1px solid #87CCEF; border-bottom: 1px solid #306FA7; color: #fff; font-weight: normal; margin: 0; padding: 10px; text-align: center; background: -moz-linear-gradient(top, #4DA8CD 0%, #367ABE 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4DA8CD), color-stop(100%,#367ABE)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4DA8CD', endColorstr='#367ABE',GradientType=0 ); /* ie */} .page_template #signup-wrapper h1 strong, .page_template #signup-wrapper h1 strong {color: #fff; font-size: 24px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5);} /*Pop up pagination*/ #signup-wrapper ol.pagination {margin: 0} #signup-wrapper ol.pagination li { background: #8493b0; border: 1px solid #657187; color: #fff; font-size: 14px; float: left; padding: 8px; margin: 0; width: 150px;} #signup-wrapper ol.pagination li.current {background: #194570; border: 1px solid #102d49;} #signup-wrapper ol.pagination li h4, #signup-wrapper ol.pagination li p {color: #fff; font-size: 14px; font-weight: normal; margin: 0;} #signup-wrapper ol.pagination li h4 {font-weight: bold; margin-bottom: 5px} #signup-wrapper ol.pagination li p {color: #D2E2F3; font-size: 12px; line-height: 16px;} /*Pop up form elements*/ .page_template #signup fieldset {line-height: 1} .page_template #signup input, .page_template #signup button, .page_template #signup textarea, .page_template #signup select, .page_template #signup optgroup, .page_template #signup option {font-size: .9em} .page_template #signup input, .page_template #signup textarea, .page_template #signup select {background-color: #fff; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; padding:0.55em} .page_template #signup input[type="checkbox"] {border: none; vertical-align: middle} .page_template #signup input[type="radio"] {border: none; vertical-align: middle} .page_template #signup input[type="submit"] {background-color:#87C8EF; border-color:#B4DAEF #60AFDB #60AFDB #B4DAEF; color:#186C9B; cursor: pointer} .page_template #signup input[type="submit"]:hover {background-color: #A5D5EF} .page_template #signup input[type="submit"]:active {position: relative; top: 1px} .page_template #signup input[type="hidden"] {display: none;} .page_template #signup textarea {font-family: arial, sans-serif; font-size: 1em} .page_template #signup #opt-in {margin-top: 8px; width: 20px} .page_template #signup .opt-in label {color: #588CC9; width: 400px} .page_template #signup label, .page_template #signup input[type=button], .page_template #signup input[type=submit], .page_template #signup button { cursor: pointer; } /* hand cursor on clickable input elements */ .page_template #signup label {display: block; float: left; font-size: 14px; font-weight: normal; margin: 0 10px 0 0; padding: 5px 0 0; width: 115px;} .page_template #signup label:hover {cursor: default} .page_template #signup input {float: left; width: 195px;} .page_template #signup select {float: left; height: 27px; margin: 0; padding: 5px; width: 209px;} .page_template #signup span.help {color: #898989; font-size: 12px; line-height: 16px; float: left; font-style: italic; font-weight: normal; margin-left: 10px; width: 150px;} .page_template #signup ul.no-marker {margin-bottom: 10px; padding: 0 20px;} .page_template #signup li {/*border-bottom: 1px solid #cccccc;*/ clear: both; float: left; padding: 0; margin-bottom: 8px; width: 505px} .page_template #signup > ul > li:first-of-type {padding-top: 0} .page_template #signup ul > li:last-of-type {margin-bottom: 0} .page_template #signup input[type="submit"], .page_template #signup input.submit {} .page_template #signup .section {background: #e1e1e1 url(images/form-section-break-bg.gif) repeat-x left top; border-top: 1px solid #EFEFEF; clear: both; font-size: 16px; margin-bottom: 3px;} .page_template #signup h4 {background: transparent url(images/form-section-break.gif) repeat-x left bottom; font-size: 16px; margin-bottom: 0; padding: 8px 20px 27px} .page_template #signup-wrapper #signup input.btn {color: #fff; margin: 0; padding: 15px; width: 185px;} .page_template #signup li.search #signup-searchpostcode {width: 229px} /*Popup location results*/ .page_template #signup .date-results {border: 1px solid #B9B9B9; max-height: 200px; overflow: auto; margin: 0 auto 10px; width: 503px} .page_template #signup .date-results input {background: transparent; border: none; margin: 0 10px 0 10px; width: 15px} .page_template #signup .date-results label {width: 415px} .page_template #signup .date-results ul.no-marker {padding: 0; margin: 0;} .page_template #signup .date-results li {border-bottom: 1px solid #cccccc; border-left: 5px solid #fff; padding: 8px 0; margin-bottom: 0; width: 482px;} .page_template #signup .date-results li:hover {border-left-color: #588CC9} .page_template #signup .date-results li label {padding: 0} .page_template #signup .date-results li span.status {display: block; margin: 0;} .page_template #signup .date-results li.full span.status {} .page_template #signup .date-results li span.date {} .page_template #signup .date-results li span.location {color: #436D84; font-style: italic} .page_template #signup .date-results li span.status {} .page_template #signup .date-results li.free {background-color: #D3E3C6; border-left-color: #D3E3C6} .page_template #signup .date-results li.free:hover {border-left-color: #8CB768} .page_template #signup .date-results li.free span.date {color: #32352F} .page_template #signup .date-results li.free span.location { } .page_template #signup .date-results li.free span.status {color: #111; font-weight: bold} .page_template #signup .date-results li.paid span.status {} .page_template #signup .date-results li.full {background-color: #f3f3f3; border-left-color: #f3f3f3;} .page_template #signup .date-results li.full:hover {border-left-color: #E0E0E0} .page_template #signup .date-results li.full span.date {color: #7C7C7C} .page_template #signup .date-results li.full span.location { color: #7C7C7C} .page_template #signup .date-results li.full span.status {color: #606060; font-weight: bold} /*Popup Complete*/ .page_template #signup .complete {background-color: #B5DAF4; margin: 0 auto; padding: 12px 0; text-align: center;} .page_template #signup .complete p {margin: 0} .page_template #signup .complete input.btn {float: none} .page_template #signup-wrapper .btn {background: #7db9e8; border: 1px solid #6191AB; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; line-height: 16px; margin: 0 auto; padding: 5px 10px; text-align: center; text-indent: 0; text-decoration: none; text-shadow: 0 -1px 0px rgba(0,0,0,0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #7db9e8; /* old browsers */ background: -moz-linear-gradient(top, #7db9e8 1%, #3B6799 99%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#7db9e8), color-stop(99%,#3B6799)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#3B6799',GradientType=0 ); /* ie */} /*PM Survey Page*/ .property-survey .pg-header {background: transparent url(/images/pg-header-survey.jpg) no-repeat left top; height: 150px} .property-survey .pg-header h1 {display: block; text-indent: -9999em; margin: 0; padding: 0} .property-survey p.intro {color: #0D1E3C; font-size: 1.4em; line-height: 1.4; letter-spacing: -0.02em} .property-survey #right .survey li {background-color: #f3f3f3; border: 1px solid #ccc} .property-survey #right .survey li.submit {border: none; background: none} .page_template #right .survey label {border-bottom: 1px solid #48627F; color: #fff; cursor: default; display: block; padding: 0.5em; font-size: 15px; margin: -1px -1px 0.5em -1px; background: #6F97C4; /* Old browsers */ background: -moz-linear-gradient(top, #7FABE0 0%, #6285AD 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7FABE0), color-stop(100%,#6285AD)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7FABE0 0%,#6285AD 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7FABE0 0%,#6285AD 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #7FABE0 0%,#6285AD 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7FABE0', endColorstr='#6285AD',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #7FABE0 0%,#6285AD 100%); /* W3C */} .page_template #right .survey label strong {color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.8)} .survey textarea {height: 8em; margin: 0.5em; width: 546px} .survey th {border-bottom: 1px solid #cccccc; text-align: center} .survey td {padding: 5px 8px} .survey td input {display: inline; margin: 0; text-align: center} .property-survey #right li.submit input.submit {display: block; font-size: 18px; margin: 0 auto; padding: 9px; text-transform: uppercase; width: 158px;} .property-survey #right li.submit input.submit:hover {background: #7FBFE2} .property-survey .cta {margin: 0 auto} /*PM New Course Page*/ .new-course .cta {margin: 0 auto 18px} /*CLASSES*/ .page_template #right .btn {background: #87C8EF; /* old browsers */ border: 1px solid #6191AB; color: #FFFFFF; cursor: pointer; display: inline-block; font-weight: bold; padding: 5px; text-indent: 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); background: -moz-linear-gradient(top, #87C8EF 0%, #4E92BA 94%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87C8EF), color-stop(94%,#4E92BA)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87C8EF', endColorstr='#4E92BA',GradientType=0 ); /* ie */} .page_template #right .no-marker li {list-style: none; list-style-position: outside; margin-left: 0}/*Used on ul or ol element when bullet/number styling is not wanted*/ .group:after {visibility: hidden;display: block; font-size: 0; content: " "; clear: both; height: 0} /*============ END STANDARD PAGE LAYOUT STYLE =================*/ /*========== 4.4 FOOTER ==========*/ .foot_container {background:url("images/footer-bg.gif") repeat-x scroll left top #567DBF; height:280px; display:block; border-top: 1px solid #ebebeb; padding:1px 0 0 0; margin:0; } .foot_wrapper { width:850px; margin:0 auto; display:block; padding:0; } .foot_left { width:400px; display:block; float:left; padding:30px 0 0 0; } .foot_title { font-size:14px; color:#FFFFFF; font-weight:bold; border-bottom:dotted 1px #FFFFFF; width:400px; display:block; } .foot_events { font-size:12px; color:#FFFFFF; font-weight:bold; width:420px; display:block; margin:10px 0 0 0; float:left; } .foot_events a { font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; display:block; float:left; } .foot_events a:hover { font-size:12px; color:#FFFFFF; text-decoration:underline; font-weight:bold; display:block; float:left; } .foot_events_alt { font-size:11px; color:#FFFFFF; font-weight:normal; float:right; border-bottom:dotted 1px #FFFFFF; display:block; margin:10px 0 0 0; width:160px; } .event { float:left; width:210px; border-bottom:dotted 1px #fff; } .event_date { float:left; width:200px; border-bottom:dotted 1px #fff; font-weight:normal; font-size:11px; } .foot_testimonials { font-size:12px; color:#FFFFFF; margin:10px 0 0 0; text-decoration:none; } .foot_testimonials a { font-size:12px; color:#FFFFFF; text-decoration:underline; margin:0 0 0 10px; } .foot_testimonials a:hover { font-size:12px; color:#eef8ff; text-decoration:none; } .event_testimonial { float:left; width:410px; border-bottom:dotted 1px #fff; font-weight:normal; font-size:11px; } .event_testimonial a { font-size:11px; text-decoration:none; font-weight:bold; } .event_testimonial a:hover { font-size:11px; text-decoration:underline; font-weight:bold; } .foot_right { width:400px; display:block; float:right; padding:30px 0 0 0; } .forum_posts_containter { width:350px; display:block; margin:10px 0 0 0; float:left; } .forum_posts_containter ul { list-style:none; padding:0; margin:0; } .forum_posts_containter ul li { background:url(images/foot_ul_bg.gif) no-repeat; margin:0; padding:0; } .forum_posts_containter ul li a { color:#FFFFFF; font-size:11px; font-weight:normal; text-decoration:none; padding:2px 0 0 15px; } .forum_posts_containter ul li a:hover { color:#FFFFFF; font-size:11px; font-weight:normal; text-decoration:underline; } .foot_links { width:750px; margin:85px auto 0 auto; font-size:11px; font-weight:normal; color:#FFFFFF; text-decoration:none; text-align:center; } .foot_links a { font-size:11px; font-weight:normal; color:#FFFFFF; text-decoration:none; padding:0 10px 0 10px; } .foot_links a:hover { font-size:11px; font-weight:normal; color:#FFFFFF; text-decoration:underline; padding:0 10px 0 10px; } .copyright { margin:0 auto; font-size:11px; font-weight:normal; color:#96a8d6; text-align:center; } /*========== 4.5 FOOTER ==========*/ #freeworkshop { background:url(images/free_workshop.gif); width:238px; height:76px; display:block; } #freeseminar { background:url(images/free_seminar.gif); width:238px; height:117px; display:block; } #left_container { width:238px; margin:9px 0 0 10px; background:#0F2345; display:block; } #left { background-color:#0f2345; float:left; width:258px; height:100%;display: block; margin-top: -28px; } .workshop_signup { height:43px; font-size:10px; font-weight:normal; line-height:14px; display:block; padding:5px 10px 0 10px; color:#494846; } .workshop_signup_narrow {font-size:10px; font-weight:normal; line-height:14px; padding:10px 0 0 18px; display:block; color:#494846;} .mandatory { background-color:#ebebeb; clear: both; font-size:10px; font-weight:normal; line-height:14px; display:block; padding:0 10px 2px 10px; color:#494846; } .nav_terms { background-color:#ebebeb; font-size:10px; font-weight:normal; line-height:14px; display:block; padding:0 10px 5px 16px; color:#494846; } .nav_terms a { text-decoration:none; background-color:#ebebeb; font-size:10px; font-weight:normal; color:#494846; } .nav_terms a:hover { text-decoration:none; background-color:#ebebeb; font-size:10px; font-weight:normal; color:#000000; } .field_title1 { color:#565657; font-size:16px; font-weight:bold; padding:10px 0 0 18px; display:block; } .field_title2 { color:#565657; font-size:16px; font-weight:bold; padding:14px 0 0 18px; display:block; } .field_title3 {background: #EBEBEB; color:#565657; font-size:16px; font-weight:bold; padding:14px 0 0 18px; /*ie6 only */_line-height: 13px; display:block; margin-bottom: 0; } .field_title4 { color:#565657; font-size:16px; font-weight:bold; padding:15px 0 0 18px; display:block; } .field_title5 { color:#565657; font-size:16px; font-weight:bold; padding:15px 0 0 18px; display:block; } .field_title6 { color:#565657; font-size:16px; font-weight:bold; padding:19px 0 0 18px; display:block; } .field_bg1 { background:url(images/textfield_bg1.gif); width:238px; height:67px; display:block; } .field_bg2 { background:url(images/textfield_bg1.gif); width:238px; height:87px; display:block; } .telephone {font-size:10px; font-weight:normal; padding:0 0 0 18px; display:block; margin:-1px 0 0 0; color:#494846; display:block; background:#ebebeb; } .dropdown { width:214px; height:25px; border:solid 1px #c1c2c0; margin:6px 0 0 12px; padding:3px 6px 3px 6px; font-size:14px; } .dropdown2 { width:240px; } .dropdown3 { width:360px; } .textfield { font-size:12px; width:208px; height:22px; border:solid 1px #c1c2c0; background:url(images/textfield_bg.gif); margin:4px 0 0 12px; padding:6px 0 0 6px; } .radiobutton_container { height:28px; width:40px; float:left; } .radiobutton_container1 { height:20px; width:40px; float:left; } .radiobutton { margin:7px 0 0 20px; height:20px; line-height:0px; } .radiobutton1 { margin:0 0 0 12px; height:20px; line-height:0px; } .radio_text { font-size:12px; color:#676463; padding:7px 0 0 0; display:block; } .radio_text1 { font-size:12px; color:#676463; padding:1px 0 0 0; display:block; } #radio_button_top { background:url(images/radio_buttontop.gif); width:238px; height:28px; display:block; } .radio_button_bg { background:url(images/radio_buttonbg.gif); width:238px; height:22px; display:block; } #radio_button_bottom { background:url(images/radio_buttonbottom.gif); width:238px; height:39px; display:block; } .submit_bg { background:url(images/submit_bg.gif); width:238px; height:57px; display:block; } .signup_button { background:url(images/signup_button.gif); width:164px; height:26px; border:none; margin:9px 0 0 34px; cursor:pointer; } .signup_button:hover { background:url(images/signup_button_on.gif); width:164px; height:26px; border:none; margin:9px 0 0 34px; cursor:pointer; } .email_header { background:url(images/email_header.gif); width:238px; height:150px; display:block; } .email_bg { background: #2C4877 url(images/newsletter_bg.jpg) repeat-y ; width:238px; height:; display:block; } .email_bg_bottom { background:url(images/email_bg.gif) bottom left no-repeat; } .email_textfield { font-size:12pt; width:208px; height:23px; border:solid 1px #12284b; background:url(images/textfield_bg.gif); margin:4px 0 0 12px; padding:6px 0 0 6px; } .emailaddress_text { color:#b7c4db; font-size:12px; display:block; padding:5px 0 0 13px; } .email_submit { background:url(images/submit_button.gif) top left; width:179px; height:36px; display:block; margin:10px 0 0 27px; border:none; } .email_submit:hover { background:url(images/submit_button.gif) top right; width:179px; height:36px; display:block; margin:10px 0 0 27px; border:none; cursor:pointer; } .investment_bg { background:url(images/investment_news_ng.gif) top left repeat-y; display:block; } .investment_date { color:#bf2026; text-decoration:none; display:block; font-size:11px; font-weight:bold; padding:5px 0 0 18px; margin:0; height:12px; } .investment_link { color:#fff; display:block; font-size:11px; font-weight:normal; padding:0 0 5px 18px; background:url(images/investment_link.gif) bottom center no-repeat; } .rss_link a { color:#BF2026; display:block; font-size:11px; font-weight:bold; padding:5px 0 5px 18px; background:url(images/investment_link.gif) top center no-repeat; } .rss_link a:hover { color:#fff; text-decoration:underline; display:block; font-size:11px; font-weight:bold; } .investment_link a { color:#fff; text-decoration:underline; display:block; font-size:11px; font-weight:normal; } .investment_link a:hover { color:#6cbbff; text-decoration:underline; display:block; font-size:11px; font-weight:normal; } .email_submit2 { background:url(images/submit_button2.gif) top left; width:182px; height:44px; display:block; margin:10px 0 0 27px; border:solid 9px #d2d2d2; padding:1px; } .email_submit2:hover { background:url(images/submit_button2.gif) top right; width:182px; height:44px; display:block; margin:10px 0 0 27px; border:solid 9px #d2d2d2; padding:1px; cursor:pointer; } /*Tel Tooltip*/ span.telephone {position: relative; margin-bottom: 0; margin-top: 0; } a#tel-tooltip {background: transparent url(images/question-tooltip.png) no-repeat left top; cursor: help; display: block; height: 20px; position: absolute; right: 10px; text-decoration: none; top: -1px; width: 20px; z-index: 10;} a#tel-tooltip span.tip-outer {background: transparent url(images/tooltip-tail.png) no-repeat left 30px; cursor: default; display: none; position: absolute; right: -249px; top: -27px; width: 250px;} *a#tel-tooltip span.tip-outer {top: -0px} /*Shows in < IE8 only*/ a#tel-tooltip span.tip-outer span {background-color: #D5E6FB;color: #111; display: block; font-size: 1.2em; line-height: 1.1em; margin-left: 28px; padding: 20px; text-decoration: none;} a#tel-tooltip:hover {background-position: 0 -19px;} a#tel-tooltip:hover span.tip-outer {background: transparent url(images/tooltip-tail.png) no-repeat left 30px; display: block; zoom: 1;} /*IE7*/a#tel-tooltip { *top: -5px;} a#tel-tooltip span.tip-outer {*top: -30px;} /*Twitter box style*/ #twitter_div {background: #8EB5DC url(images/twitter.png) no-repeat 10px bottom; border: 1px solid #708EC3; position: relative; padding: 10px 10px 30px 10px; margin: 15px 0;} #twitter_div h3 {background: #2C4776 url(images/sidebar-heading.gif) repeat-x top left; color: #fff; font-size: 17px; padding: 10px; margin: -10px -10px 15px; text-align: center; font-weight: normal;} #twitter_div ul { display: block; text-align: left; padding:0; color: #111; } #twitter_div ul li {background: url("images/balloon-tail.png") no-repeat scroll 41px bottom transparent; padding: 0 0 23px; position: relative; margin: 0;} #twitter_div li span {background-color: #fff;font-weight: normal; display: block; font-size: 14px; font-style: italic; padding: 10px;} #twitter_div li span.tweet_time {background:none repeat scroll 0 0 transparent; bottom:0; font-size:11px; padding:0; position:absolute; right:0; text-align:right;} #twitter_div p.loading {background-color: #fff; padding: 5px; } #twitter_div a.follow {position: absolute; bottom: 5px; right: 10px; text-align: right;} /*MILLIONAIRE-TEST Sidebar*/ .property-millionaire-v2 {background: #0F2345 url(images/bg-millionaire.jpg) no-repeat top left; padding-top: 10px; height: 300px;} .property-millionaire-v2:hover {cursor: pointer;} .property-millionaire-v2 h3 {text-indent: -9000em;} .property-millionaire-v2 p {color: #fff; text-align: center; margin-top: 170px;} .property-millionaire-v2 a {background: url(images/take-test.png) no-repeat top left; display: block; height: 50px; width: 195px; margin: 0 auto; text-indent: -9000em; } .property-millionaire-v2 a:hover {background-position: -197px 0;} .property-millionaire-v2 a:active {background-position: -393px 0;} .property-millionaire-v2 a:focus {outline: none;} /*Useful info Page Sidebar*/ .useful-info-contents {background: #D9E4F6 url(images/news-categories-bg.gif) repeat-x scroll center top; float:right; margin: 0 0 25px 10px; padding-bottom: -10px; width: 163px;} .useful-info-contents h3 {padding: 0;} .useful-info-contents h3 a {background: transparent url(images/useful-info.gif) no-repeat scroll 0 0; outline: none; display: block; height: 30px; text-indent: -9000em; margin-top: -5px; width: 163px;} .useful-info-contents h3 a:active {outline: none; } .useful-info-contents ul {background: url(images/news-categories-bottom.gif) no-repeat center bottom; padding: 0 8px 25px;} .useful-info-contents ul li {background: none; border-bottom:1px dashed #91A2C3; line-height:18px; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 5px 0; padding: 0;} .useful-info-contents ul li a {color: #002060; display: block; padding: 5px 0; text-decoration: none; width: 150px;} .useful-info-contents ul li a:hover {color:#01359F; text-decoration:underline;} /*NEWS/ARTICLES SIDEBAR*/ form.free-course {background-color: #ebebeb;} .prop-news {background-color: #8EB5DC; border: 1px solid #708EC3; padding: 10px; margin: 15px 0; } .prop-news div {color: #111!important; padding: 0!important; line-height: 18px;} .prop-news h3 {background: #2C4776 url(images/sidebar-heading.gif) repeat-x top left ; color: #fff; font-size: 17px; padding: 10px; margin: -10px -10px 15px; text-align: center; font-weight: normal;} .prop-news .rss_link a {background: none; color:#002B75; font-size:16px; font-weight:bold; text-decoration: none; padding: 0; margin-bottom: 5px;} .prop-news .rss_link a:hover {color: #4376D7;} .prop-news a.read-more {display: block; } .prop-news .item {border-bottom: 1px solid #fff; padding-bottom: 10px!important; margin-bottom: 10px;} /*Postcode finder in NEWS/ARTICLES Sidebar*/ #sidebar-postcode #new-postcode-finder {background: url(images/sidebar-postcode-bg.jpg) no-repeat top left; margin: 10px 0; position: relative; height: 164px; width:162px; } #sidebar-postcode #new-postcode-finder h2 {display:block; font-size:0; height:38px; line-height:0; margin:0; text-indent:-9000em; width:100%;} #sidebar-postcode #new-postcode-finder .postcode-form {position: relative;} #sidebar-postcode #new-postcode-finder .postcode-form input#postcode {background:url(images/sidebar-new_input-bg.gif) no-repeat scroll left top transparent; border:medium none; font-size:14px; line-height: 25px;left:8px; padding:5px 7px; position:absolute; top:28px; width:140px;} #sidebar-postcode #new-postcode-finder .postcode-form input#submit {background:url(images/sidebar-new_submit-bg.gif) no-repeat scroll left top transparent; border:medium none; height:28px; position:absolute; right:50px; text-indent:-9000em; top:58px; width:59px;} /*Newsletter in NEWS/ARTICLES Sidebar*/ .news-articles #sidebar-newsletter {float: right; margin: 0 0 10px 10px} #sidebar-newsletter {background: url(images/newsletter-bg.png) no-repeat left top; height: 196px; position: relative; width: 162px} #sidebar-newsletter input {position: absolute;} #sidebar-newsletter input.wf-input { background-color: #FFFFFF; border-color: #7C7C7C #C3C3C3 #DDDDDD; border-style: solid; border-width: 1px; font-size: 11px; left: 7px; margin: 0 auto; padding: 0.55em; top: 120px; text-align: center; width: 135px;} #sidebar-newsletter input.wf-button { background: #F6C319; /* old browsers */ background: -moz-linear-gradient(top, #F6C319 0%, #C19915 99%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6C319), color-stop(99%,#C19915)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6C319', endColorstr='#C19915',GradientType=0 ); /* ie */ border: 1px solid #7A4A02; border-radius: 5px 5px 5px 5px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; left: 36px; line-height: 16px; margin: 0 auto; padding: 5px 10px 6px; top: 155px; text-align: center; text-decoration: none; text-indent: 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);} #sidebar-newsletter input.wf-button:hover {background: #F7C31B} #sidebar-newsletter input.wf-button:active {top: 156px} /*Landlord Resources Page Sidebar*/ .resouces-sidebar-wrap {margin: 10px 0 25px 10px; float:right; width: 163px;} .resources-contents {background: #D9E4F6 url(images/news-categories-bg.gif) repeat-x scroll center top; float:right; margin: 0 0 25px 10px; padding-bottom: -10px; width: 163px;} .resources-contents h3 {padding: 0;} .resources-contents h3 a {background: transparent url(images/landlord-resources.gif) no-repeat scroll 0 0; outline: none; display: block; margin-top: -5px; height: 30px; text-indent: -9000em; padding: 0; width: 163px;} .resources-contents h3 a:active {outline: none; } .resources-contents ul {background: url(images/news-categories-bottom.gif) no-repeat center bottom; padding: 0 8px 25px;} .resources-contents ul li {background: none; border-bottom:1px dashed #91A2C3; line-height:18px; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 5px 0; padding: 0;} .resources-contents ul li a {color: #002060; display: block; padding: 5px 0; text-decoration: none; width: 150px;} .resources-contents ul li a:hover {color:#01359F; text-decoration:underline;} /*========== 5 CLASSES ==========*/ .clr {clear:both;} .left {display:block; float:left;} .right {display:block; float:right;} img.float-l {background: #f3f3f3; border: 1px solid #CFCFCF; float: left; margin: 0 15px 15px 0; padding: 5px;} img.float-r {background: #f3f3f3; border: 1px solid #CFCFCF; float: right; margin: 0 0 15px 15px; padding: 5px;} .float-r {background: none; border: none; float: right; margin: 0 0 15px 15px; padding: 5px; text-decoration: none} .cta img {background: none; border: none;} .img_left { display:block; float:left; } .img_right { display:block; float:right; } .center {text-align: center!important;} .ebook-btn {background: #7db9e8; /* old browsers */ border: 1px solid #5783A7; background: -moz-linear-gradient(top, #7db9e8 3%, #1E5799 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#7db9e8), color-stop(100%,#1E5799)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1E5799',GradientType=0 ); /* ie */ color: #fff; font-size: 16px; line-height: 20px; display: block; padding: 10px 15px 12px; margin: 0 auto; text-decoration: none; text-align: center; width: 198px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5)} .ebook-btn:hover {background: #83C5FB; color: #fff; text-decoration: none; -moz-box-shadow: none ; -webkit-box-shadow: none ; box-shadow: none} ul.no-marker, ol.no-marker {background: none; list-style: none; list-style-position: outside; padding: 0; margin: 0 0 15px 0;} .no-marker li {background: none; list-style: none; list-style-position: outside; padding: 0; margin: 0 9px 0 0;} .sitemaplist {padding-left:20px;} .group:after {visibility: hidden;display: block; font-size: 0; content: " "; clear: both; height: 0} .red { color: #CC3300;} .blue { color: #0A6BA7; } span.caps { text-transform: uppercase; } /*--- VJV Partner CTA [Feb 2012]----------- -------------------------------------------*/ div.partner-ad { clear: both; position: relative; padding-top: 10px; height: 253px; width: 623px; background: url('images/vjv-cta.jpg') no-repeat 0 20px transparent; } div.partner-ad li { background: none; list-style-type: none; } div#WFIcenter { margin-top:133px; } div#WFItem148387 { position:relative; } div#WFItem148387 form { left: 125px; position: absolute; top: 18px; } ul.wf-sortable li { float: left; display: inline; } .wf-labelpos label { color: #4b4b4b; } input.emailbox { background-color: #FFFFFF; border-color: #7C7C7C #C3C3C3 #DDDDDD; border-style: solid; border-width: 1px; font-size: 14px; height: 15px; left: 278px; padding: 11px 8px; width: 184px; } li.wf-submit, li.wf-email { padding: 0; margin: 0; } input.wf-button, input.emailbox { position: auto; } div.facts img, img.border { box-shadow: 0 0 12px #f6f6f6; float: right; margin: 5px 5px 15px 15px; background: #fcfcfc; padding: 8px; border: 1px solid #bcbcbc; } .content_grey p, .content_grey li { text-shadow: 0 1px 0 #fff; } div.contact-cta { padding: 14px; background: #eeeeee; } .contact-cta p { text-shadow: 0 1px 0 #fff; }