/* brunelfranklin css - in textmate use ctrl + q to expand code blocks (ctrl + alt + q to recollapse) */ /* @group - css reset -------------------------------------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset, form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%; vertical-align:baseline;background:transparent;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} /* @group - css base -------------------------------------------------- */ #doc { background: transparent url(../img/global/page-bg.png) repeat-x 0 100%; padding-bottom: 20px; zoom: 1; } body{color:#4e4e4e;font-size:62.5%; font-family: Arial, Helvetica, Verdana, "MS Trebuchet", sans-serif; } body *{line-height:1.3em;} h1,h2,h3,h4,h5,h6,strong{font-weight:bold;} abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;} del{text-decoration:line-through;} blockquote,ul,ol,dl{margin:1em;} ol,ul,dl{margin-left:2em;} ol li{list-style:decimal outside;} ul li{list-style:disc outside;} dl dd{margin-left:1em;} th,td{padding:.5em;} th{font-weight:bold;text-align:center;} caption{margin-bottom:.5em;text-align:center;} h1,h2,h3,h4,h5,h6,p,fieldset,table,pre{margin-bottom:10px;} p { font-size: 1.4em; } li { font-size: 1.4em; } li li { font-size: 1em; } h3{font-size:2.5em;color:#973a69;line-height:1.2em;margin-bottom:7px;} /* @group - resource selectors (some debugging classes) -------------------------------------------------- */ /* float clearing */ .clearfloats, .cf{clear:both;} .clearleft, .cl{clear:left;} .clearright, .cr{clear:right;} /* self clearing floats - keep to a min! use the group class! */ .columnset:after, #nav:after, #nav ul:after, .frow:after, .group:after{clear:both;content:".";display:block;height:0;visibility:hidden;} .caps{text-transform:uppercase;} .lower { text-transform: lowercase; } .pd { padding: 10px; } .floatright,.fr{float:right !important;} .nofloat,.nf{float:none !important;} .floatleft,.fl{float:left !important;} img.floatright,img.fr,blockquote.fr,blockquote.floatright{margin:0 0 5px 10px;} img.floatleft,img.fl,blockquote.fl,blockquote.floatleft{margin:0 10px 5px 0;} img{border:none;} /* border classes */ .bdr{border:1px solid #000;} .nb { border: 0 !important;} div.hr{background:transparent;border-bottom:1px solid #fff;height:0px;margin:0 0 10px 0;padding:0; overflow: hidden;} .hide{display:block;height:1px;overflow:hidden;width:1px;margin:0;padding:0;} /* levine image replacement */ /* .replace{ position:relative; margin:0px; padding:0px; cursor: pointer; } .replace span { display:block; position:absolute; top:0px; left:-1px; z-index:1; } */ .jse .squeeze-title { letter-spacing: -1px !important; } .jse .squeeze-title-2 { letter-spacing: -2px !important; } .jse .squeeze-title-3 { letter-spacing: -3px !important; } /* @group - Grids -------------------------------------------------- */ /* airfront - 960 grid css for Brunel Franklin */ .columnset{display:block;} .col{float:left;display:inline;margin:0 10px;} /* used for building custom grids */ .col-1{width:60px;} .col-2{width:140px;} .col-3{width:220px;} .col-4{width:300px;} .col-5{width:380px;} .col-6{width:460px;} .col-7{width:540px;} .col-8{width:620px;} .col-9{width:700px;} .col-10{width:780px;} .col-11{width:860px;} .col-12, .col-full {width:940px; margin: 0; } .col-first { margin-left: 0; } .col-last { margin-right: 0; } /* columnsets */ .columnset-home-promos{margin:0 0 20px 0;padding:0 10px;} .columnset-home-promos .col-a, .columnset-home-promos .col-b{width:305px;} .columnset-home-promos .col-a{margin-left:0;} .columnset-home-promos .col-c{width:285px;margin-right:0;} .columnset-contact{margin:0 10px; position: relative;} .columnset-contact .col-a{margin:0;width:48.2%;} .columnset-contact .col-b{float:right;margin:0;width:48.2%;} .columnset-content{ margin-bottom: 40px; } .columnset-content .col-a,.columnset-content .col-b{margin:0;} .columnset-content .col-a{width:645px;} .columnset-content .col-b{float:right;width:290px;} /* linear */ .linear .col { width: 100% !important; display: block !important; float: none !important; } /* @group - site base -------------------------------------------------- */ #head,#content,#foot,.block-wrap{width:960px;margin:0 auto;} /* @groups - tabs -------------------------------------------------- */ #nav{float:right;width:790px;height:34px;margin:5px 0 0 0;padding:0;position:relative;z-index:1;background:transparent url(/_client/img/global/nav.gif) no-repeat;} #nav li{margin:0;padding:0;list-style:none;position:absolute;top:0;} #nav li,#nav a{height:34px;display:block;} #nav li a{text-indent:-9999px;text-decoration:none;} #nav #navHome{left:0;width:70px;} #nav #navPPI{left:72px;width:50px;} #nav #navCharges{left:124px;width:180px;} #nav #navOther {left: 305px; width:143px;} #nav #navAbout{left:451px;width:91px;} #nav #navCustomers{left:542px;width:141px;} #nav #navContact{left:683px;width:108px;} #navHome a:hover,body.home #navHome a{background:transparent url(/_client/img/global/nav.gif) 0 -34px no-repeat;} #navPPI a:hover,body.ppi-compensation #navPPI a{background:transparent url(/_client/img/global/nav.gif) -72px -34px no-repeat;} #navCharges a:hover,body.reclaim-bank-charges #navCharges a{background:transparent url(/_client/img/global/nav.gif) -124px -34px no-repeat;} #navOther a:hover,body.other-services, body.endowment-bond-compensation #navOther a{background:transparent url(/_client/img/global/nav.gif) -305px -34px no-repeat;} #navAbout a:hover,body.about #navAbout a{background:transparent url(/_client/img/global/nav.gif) -451px -34px no-repeat;} #navCustomers a:hover,body.our-customers #navCustomers a{background:transparent url(/_client/img/global/nav.gif) -542px -34px no-repeat;} #navContact a:hover,body.contact-us #navContact a{background:transparent url(/_client/img/global/nav.gif) -683px -34px no-repeat;} .tabs{margin:0;padding:0;line-height:1em;} .tabs li{display:inline;margin:0;padding:0;font-size:1.1em;font-family:Arial,Helvetica,Verdana,"MS Trebuchet",sans-serif;} .tabs li a{text-decoration:none;cursor:pointer;color:#4e4e4e;} .tabs li a,.tabs li a span{background-image:url(../img/global/tab-sprite.png);background-repeat:no-repeat;background-position:0 0;} .tabs li a{background-position:top left;padding:0 0 0 8px;float:right;margin:0 1px;padding:0 0 0 8px;} .tabs li a span{background-position:right -62px;display:block;padding:8px;padding-left:0px;} .tabs li.active a,.tabs li a:hover{background-position:left -124px;} .tabs li.active a span,.tabs li a:hover span{background-position:right -186px;} .tabs-under li a,#head x.tabs-under a:hover{background-position:left -32px;} .tabs-under li a span,#head x.tabs-under a:hover span{background-position:right -94px;} .tabs-under li.active a,.tabs-under li a:hover{background-position:left -156px;} .tabs-under li.active a span,#head .tabs-under li.active a:hover span,.tabs-under li a:hover span{background-position:right -218px;} /* @group - head -------------------------------------------------- */ #head{position:relative;min-height:100px;padding:0 10px 0 0;} #branding{position:absolute;top:0;left:10px;} #branding {display:block;width:276px;height:61px;} #branding {text-indent:-1000em;overflow:hidden;} #branding:hover{background-position:0 -61px;} #head img {float:right;font-size:3.5em;color:#973a69;line-height:1em; margin: 0;} .jse #head h2{letter-spacing:-1px;} /* if has js reduce spacing for cufon to match design */ #head h2 span{font-weight:normal;font-size:0.8em;} #head .tabs{margin-bottom:10px;} x#head .tabs li a:hover{text-decoration:underline;} /* @group - pageboard -------------------------------------------------- */ #pageboard{background:transparent url(../img/global/pageboard-bg.png) repeat-x 0 39px;padding:0 0 0 0;position:relative;margin:0 0 25px 0;} #pageboard .block-wrap{position:relative;overflow:visible;min-height:345px;} #pageboard .tabs{float:right;margin-right:5px;position:relative;z-index:100;} #pageboard .tabs li a span{padding-top:5px;padding-bottom:5px;} #pageboard .tabs li a{font-size:2em;line-height:1em;color:#666;font-weight:bold;} .njs #pageboard .tabs li a{font-size:1.6em;font-weight:normal;margin-top:6px;} /* tabs within this context */ #pageboard .tabs li a:hover,#pageboard .tabs li a:hover span #pageboard .tabs li.active a,#pageboard .tabs li.active a span, #head .tabs-under li.active a span, #head .tabs-under li a:hover span{color:#fff;} /* pageboard-graphic generic */ .pageboard-graphic{display:block;position:absolute;bottom:0;left:0;background-position:0 0;background-repeat:no-repeat;background-color:transparent;background-image:url(../img/pageboard/md.png);width:473px;height:305px;} .pageboard-graphic-opman{background-image:url(../img/pageboard/elaine.png);left:30px;} .pageboard-graphic-md{background-image:url(../img/pageboard/md.png);left:30px;} .pageboard-graphic-other{background-image:url(../img/pageboard/other.png);width:349px; margin: 0 0 0 30px;} .pageboard-graphic-customers{background-image:url(../img/pageboard/our-customers.png);width:543px;} .pageboard-graphic-about{background-image:url(../img/pageboard/about-us.png);bottom:0;width:543px;} .pageboard-graphic-contact{background-image:url(../img/pageboard/contact.png); left:0; } .pageboard-graphic-ppi{background-image:url(../img/pageboard/ppi.png); /* left:-40px; */ width: 550px; } body.home .pageboard-graphic-ppi { /* left: -70px; */ } .pageboard-graphic-bank{background-image:url(../img/pageboard/banking.png);width: 557px;} /* news section */ .pageboard-graphic-news{background-image:url(../img/pageboard/news.png);height:296px;width:410px;} body.news #pageboard{margin-bottom:30px;} body.news #pageboard .block-wrap{min-height:345px;overflow:visible;position:relative;} body.news .pageboard-msg { padding-top: 50px; } body.ppi-compensation-news h2 { font-size: 1.4em; font-weight: 700; } body.ppi-compensation-news h3 { font-size: 1.4em; font-weight: 700; color: #4E4E4E;} body.ppi-compensation-news h3.squeeze-title { font-size: 2.5em; color:#973a69; line-height:1.2em; margin-bottom:7px; } body.ppi-compensation-news h3.squeeze-title-2 { font-size: 2.5em; color:#973a69; line-height:1.2em; margin-bottom:7px; } /* contact us */ body.contact-us #pageboard .block-wrap{min-height:345px;overflow:visible;position:relative;} body.contact-us .pageboard-msg { padding-top: 50px; } /* standard content pages has no image or tag line */ body.bank-charges-updates #pageboard .block-wrap, body.customer-relations #pageboard .block-wrap, body.terms-and-conditions #pageboard .block-wrap, body.privacy-policy #pageboard .block-wrap { min-height: 50px; } /* main text container for pageboard */ .pageboard-msg{float:right;width:500px;padding:30px 0px 20px 0;} .pageboard-msg p{color:#fff;} .pageboard-msg p a{color:#973a69;text-decoration:none;} .pageboard-msg p a:hover{color:#fff;} .jse .pageboard-msg .replace{font-size:2.5em;line-height:0.5em;margin:0 0 10px 0;font-weight:bold;} .jse .pageboard-msg .pageboard-msg-product-title{font-size:4.1em;letter-spacing:-2px;} .jse .pageboard-msg .pageboard-msg-selling-point{font-size:4.1em;letter-spacing:-2px;} .page-boardo-msg-product-summary { font-size: 1.5em; } /* override to adjust pageboard for when badge present */ .pageboard-msg-badge{width:520px;position:relative;} /* badge and badge overrides for individual badges - no win no fee,etc */ .badge,.graphic{display:block;background-repeat:repeat;background-position:0px 0px;text-indent:-1000em;overflow:hidden;} .badge-nwnf{background-image:url(../img/global/no-win-no-fee.png);width:111px;height:111px;} .graphic-contact-rep{background-image:url(../img/global/contact-rep.png);height:224px;width:162px;background-image:url(../img/global/contact-rep.png);} .graphic-csc-logo{width:224px;height:40px;background-image:url(../img/global/csc-logo.png);} .graphic-customer-shot { background-image: url(../img/global/customers.jpg); width: 306px; height: 222px; } .graphic-callback-hd-bg { background-image: url(../img/global/callback-hd-bg.png); width: 194px; height: 20px; } .graphic-ad-hd-bg { background-image: url(../img/global/ad-hd-bg.png); width: 238px; height: 19px; } .graphic-quote-spike { background: url(../img/global/quote-spike.png); width: 35px; height: 37px; } .graphic-quote-spike-r { background-position: 0px 0px; } .graphic-quote-spike-l { background-position: -34px 0px; } /* pageboard specific badge positioning */ .pageboard-msg-badge .badge{position:absolute;top:190px;right:20px;} /* Mmmm. Kio is just going to do his own stuff down here. */ /* * HOME */ .home .pageboard-msg { width: 545px !important; } .home-h1 { text-indent: -9999px; background-image: url(../img/pageboard/home-h1.gif); height: 30px; width: 529px; } .home-h2 { text-indent: -9999px; background: url(../img/pageboard/home-h2.gif) top left no-repeat; height: 52px; width: 529px; padding: 0 0 15px 0; } .home-claim { text-indent: -9999px; background: url(../img/pageboard/home-claim.gif) top left no-repeat; height: 33px; width: 445px; padding: 0 0 15px 0; } .home-victim { text-indent: -9999px; background-image: url(../img/pageboard/home-victim.gif); height: 24px; width: 382px; margin: 0 0 25px 0; } /* * PPI */ .ppi-h1 { text-indent: -9999px; background-image: url(../img/pageboard/ppi-h1.gif); height: 33px; width: 239px; } .ppi-h2 { text-indent: -9999px; background: url(../img/pageboard/ppi-h2.gif) top left no-repeat; height: 50px; width: 463px; /* padding: 0 0 15px 0; */ } /* * Card / Bank Charges */ .cardbank-h1 { text-indent: -9999px; background-image: url(../img/pageboard/cardbank-h1.gif); height: 34px; width: 295px; } .cardbank-h2 { text-indent: -9999px; background: url(../img/pageboard/cardbank-h2.gif) top left no-repeat; height: 23px; width: 495px; /* padding: 0 0 15px 0; */ } /* * Other Services */ .other-h1 { text-indent: -9999px; background-image: url(../img/pageboard/other-h1.gif); height: 31px; width: 457px; } .other-h2 { text-indent: -9999px; background: url(../img/pageboard/other-h2.gif) top left no-repeat; height: 46px; width: 481px; /* padding: 0 0 15px 0; */ } /* * About Us */ .about-h1 { text-indent: -9999px; background-image: url(../img/pageboard/about-h1.gif); height: 25px; width: 120px; } .about-h2 { text-indent: -9999px; background: url(../img/pageboard/about-h2.gif) top left no-repeat; height: 47px; width: 487px; /* padding: 0 0 15px 0; */ } /* * Our Customers */ .customers-h1 { text-indent: -9999px; background-image: url(../img/pageboard/customers-h1.png); height: 25px; width: 193px; } .customers-h2 { text-indent: -9999px; background: url(../img/pageboard/customers-h2.png) top left no-repeat; height: 83px; width: 406px; /* padding: 0 0 15px 0; */ } /* * Contact Us */ .contact-h1 { text-indent: -9999px; background-image: url(../img/pageboard/contact-h1.gif); height: 33px; width: 158px; background-color: transparent; } .contact-h2 { text-indent: -9999px; background: url(../img/pageboard/contact-h2.gif) top left no-repeat; height: 75px; width: 446px; background-color: transparent; margin: 0 0 0 1px; /* padding: 0 0 15px 0; */ } /* * News */ .news-h1 { text-indent: -9999px; background-image: url(../img/pageboard/news-h1.gif); height: 111px; width: 379px; } .news-h2 { /* text-indent: -9999px; background: url(../img/pageboard/news-h2.png) top left no-repeat; height: 75px; width: 446px; */ /* padding: 0 0 15px 0; */ } .news-h3, .news-h3 a { font-size: 24px; color: #973A69; text-decoration: none; } /* * 404 */ .notfound-h1 { text-indent: -9999px; background-image: url(../img/pageboard/404-h1.gif); height: 101px; width: 650px; } .notfound-h2 { text-indent: -9999px; background: url(../img/pageboard/404-h2.gif) top left no-repeat; height: 78px; width: 645px; cursor: pointer; /* padding: 0 0 15px 0; */ } /* @group - modules & components -------------------------------------------------- */ .module { margin: 0 0 30px 0;} /* form mark-up */ .frow{margin:0 0 10px 0;} .frow label,.frow input, .frow select{float:left;display:inline;} .frow label{width:25.0%;margin-right:5px;font-size:1.2em;} .frow-text input,.frow textarea, .frow-select select{width:65%;} .frow textarea{width:66%;} .frow-text{} .frow-submit input{background:#2ebeef;border:0;padding:5px;font-weight:bold;color:#000;display:block;float:right;} .frow-radio label{width:auto;} .frow-radio input{float:none;} .frow-radio .frow-field{width:50%;float:right;} .frow-radio .frow-label{width:49%;float:left;} .frow-span .frow{float:left;width:48.2%;} .frow-span .frow-b{float:right;} .frow-action input{float:right;display:inline;z-index: 5000;} /* list with the tick icon */ ul.selling-points, .why-use-us ul, .tick-lis ul{list-style-type:none;padding:0;margin:0;} ul.selling-points li, .why-use-us ul li, .tick-lis ul li{background:transparent url(../img/global/tick.png) no-repeat 0 0;padding:0 10px 0 30px;list-style-type:none;margin:0 0 10px 0;} /* buttons */ .btn{background-repeat:no-repeat;background-color:transparent;background-image:url(../img/global/buttons-sprite.png);background-position:0px 0px;display:block;overflow:hidden;text-indent:-1000em;height:50px;} .btn:hover{background-position:0px -50px;} .btn-claim-now{width:267px;} .btn-call-back { width: 289px; background-position: -300px 0; } .btn-call-back:hover { background-position: -300px -50px; } .btn-call-back-alt { width: 289px; background-position: -900px 0; } .btn-call-back-alt:hover { background-position: -900px -50px; } .btn-cta-30s-check { width: 289px; background-position: -600px 0; } .btn-cta-30s-check:hover { background-position: -600px -50px; } .btn-play{width:76px;height:76px;background-image:url(../img/global/play_button.png);} /* video thumb nail & link module */ .video-thumb{position:relative;width:289px;height:163px;display:block;margin:0;padding:0;} .video-thumb img{position:absolute;top:0;left:0;border:1px solid #8f8f8f;} .video-thumb div.btn-play{position:absolute;left:50%;top:50%;margin:-38px 0 0 -38px;z-index:50;cursor:pointer;} .video-thumb div.btn-play:hover{background-position:0 0;} /* custom corner containers */ .corners{position:relative;} .s-1{position:relative;padding-top:10px;padding-left:10px;} .c-a{position:absolute;right:0;top:0;width:10px;height:10px;background:url(../img/global/corners.png) right top no-repeat;} .c-b{position:absolute;left:0;bottom:0;width:10px;height:10px;background:url(../img/global/corners.png) left bottom no-repeat;} .s-2{background:url(../img/global/corners.png) right bottom no-repeat;} .s-3{position:relative;left:-10px;top:-10px;background:url(../img/global/corners.png) left top no-repeat;} /* content for modal is placed in here or possibly a nested div within this */ .s-4{position:relative;left:5px;top:5px; padding: 3px 8px;}/* has ie IE7.css dependancy */ .corners-green .c-a, .corners-green .c-b, .corners-green .s-2, .corners-green .s-3 { background-image: url(../img/global/corners-green.png); } .corners-green p, .corners-green h3 { color: #fff;} .corners-light-green .c-a, .corners-light-green .c-b, .corners-light-green .s-2, .corners-light-green .s-3 { background-image: url(../img/global/corners-lightgreen.png); } .corners-light-green p { color: #4e4e4e; } /* side by side products descriptions widget */ .columnset-content .columnset-products{margin-bottom:10px;} .columnset-content .columnset-products .col-a, .columnset-content .columnset-products .col-b{width:310px;} .columnset-products .product-desc{min-height:230px;padding-bottom:60px;position:relative; } /* lte-ie6 dependancy */ .columnset-products .product-desc .btn { position: absolute; bottom: 10px; left: 50%; margin-left: -133px; } .corners-green .product-desc p a, .corners-green .product-desc p a:visited { color: #fff !important; } /* news ticker widget (uses corners markup) */ .news-ticker{margin-bottom:20px;} .news-ticker h3{float:left;margin:0 10px 0 0;} .news-ticker .news-col{float:left;width:80%;} .news-items li{color:#950254;list-style-type:none;font-weight:bold;} .news-items li a{color:#950254;} .news-ticker .s-4{padding:0 8px;} /* contact */ .columnset-contact{border-bottom:1px solid #ccc; margin-bottom: 35px; } .contact-intro{padding:0px 0 20px 240px;} .columnset-contact .col-b { padding-top: 5px; } .global-contact-form .frow-span { margin: 10px 0; } .global-contact-form .frow-textarea label { width: 12%; } .global-contact-form .frow-textarea textarea { width: 84%; height: 80px; } .global-contact-form .frow-action { padding-right: 3%; } .columnset-contact p { font-size: 1.2em;} .columnset-contact .graphic-contact-rep{position:absolute;bottom:0;left:30px;} .global-contact-form .frow { margin-bottom: 5px;} .global-contact-form .frow-text input, .global-contact-form .frow-textarea textarea { border: 1px solid #999; } /* disclaimer & links */ .foot-links{padding:0 10px;} .foot-links p,.foot-links li{font-size:1.1em;color:#666;margin:0;padding:0 0 5px 0;} .foot-links p a,.foot-links li a{color:#666;text-decoration:none;} .foot-links p a:hover,.foot-links li a:hover{text-decoration:underline;} .foot-links a.graphic-csc-logo { float: right; margin-left: 20px; } /* inline-image list */ .il{display:block;margin:0;padding:0;} .il li{display:inline;padding:0;margin:0;} .il-fl li{float:left;margin:0 10px 5px 0;} .foot-links .il { margin-bottom: 10px; } /* no-bullet */ .no-bullet{padding:0;margin:0 0 10px 0;} .no-bullet li{list-style-type:none;padding:0;margin:0 0 5px 0;} /* quote */ blockquote{margin:0 0 15px 0;position:relative;padding:20px 0; min-height:250px;} blockquote .quote{width:55%;position:relative;z-index:40;} blockquote .quote-shot{position:absolute;top:0;right:0;z-index:1; width: 300px; height: 210px;} blockquote .quote-shot-inner { position: relative; width: 300px; height: 210px; } blockquote .quote-shot-frame { position: absolute; left: 0; top: 0; width: 300px; height: 210px; z-index: 55; background: transparent url(../img/global/quote-frame.png) no-repeat 0 0; } blockquote .quote-shot-inner img { position: absolute; left: 0; top: 0; z-index: 54; width: 300px; height: 210px; } blockquote .quote-text { min-height: 122px; background: transparent url(../img/global/quote-marks.png) no-repeat 4px 4px; } blockquote .quote-text p { font-size: 1.8em; } blockquote .quote-text cite { font-size: 0.9em; font-style: normal; color: #333; } blockquote .graphic-quote-spike { position: absolute; left: 55%; top: 85px; z-index: 3; } blockquote .quote-text .testimonials-cta { font-size: 1.4em;} .testimonials-cta a { color: #973a69; } blockquote.alt .quote { float: right; } blockquote.alt .graphic-quote-spike { background-position: -34px 0px; left: 40%; } blockquote.alt .quote-shot { left: 0; } blockquote.alt .quote-shot-frame { background-position: -300px 0;} /* news listing (side) */ .module-latest-news{} .module-latest-news .news-item{padding:10px 0;border-top:1px solid #d6ccd1;} .module-latest-news h4 { font-size: 1.2em; font-weight: bold; margin: 0; } .module-latest-news h4, .module-latest-news h4 a { color: #4e4e4e; text-decoration: none; } .module-latest-news .news-item p { color: #973a69; } /* accordion style */ .accordion{padding:0;margin:20px 0 30px 0;} .accordion li{list-style-type:none;padding:0;margin:0 0 10px 0;font-size:1em;} .accordion .accordion_toggler{font-size:1.3em;font-weight:bold;color:#fff; height: 38px; overflow: hidden;} .accordion .accordion_toggler a{display:block;padding:10px 30px 10px 10px;background:transparent url(../img/global/faq-sprite.png) no-repeat 0 -38px;color:#53aa3a;text-decoration:none;} .accordion .accordion_content{padding:0 10px;} .accordion .accordion_toggler a.open{background-position:0 0;color:#fff;} .jse .accordion .accordion_content{display:none;} /* modal boxes */ div#fancy_overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:3000;} div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100;} div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url('/_client/img/modal/fancy_progress.png') no-repeat;} div#fancy_outer{position:absolute;top:0;left:0;z-index:90;padding:20px 20px 40px 20px;margin:0;background:transparent;display:none;z-index:3000;} div#fancy_inner{position:relative;width:100%;height:100%;background:#FFF;} div#fancy_content{margin:0;z-index:100;position:absolute;} div#fancy_div{background:#fff;height:100%;width:100%;z-index:100;zoom:1;} div#fancy_div h3{color:#000;} img#fancy_img{position:absolute;top:0;left:0;border:0;padding:0;margin:0;z-index:100;width:100%;height:100%;} div#fancy_close{position:absolute;top:-20px;right:-20px;height:43px;width:43px;background:url('/_client/img/global/close-btn.png') top left no-repeat;cursor:pointer;z-index:181;display:none;} #fancy_frame{position:relative;width:100%;height:100%;display:none;} #fancy_ajax{width:100%;height:100%;overflow:auto;} a#fancy_left,a#fancy_right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;z-index:111;display:none;background-image:url("data:image/gif;base64,AAAA");outline:none;overflow:hidden;} a#fancy_left{left:0px;} a#fancy_right{right:0px;} span.fancy_ico{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:112;cursor:pointer;display:block;} span#fancy_left_ico{left:-9999px;background:transparent url('/_client/img/modal/fancy_left.png') no-repeat;} span#fancy_right_ico{right:-9999px;background:transparent url('/_client/img/modal/fancy_right.png') no-repeat;} a#fancy_left:hover,a#fancy_right:hover{visibility:visible;background-color:transparent;} a#fancy_left:hover span{left:40px;} a#fancy_right:hover span{right:40px;} #fancy_bigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;} div#fancy_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:70;border:0;padding:0;margin:0;} div.fancy_bg{position:absolute;display:block;z-index:70;border:0;padding:0;margin:0;} div#fancy_bg_n{top:-40px;left:0;width:100%;height:40px;background:transparent url('/_client/img/modal/fancy_shadow_n.png') repeat-x;background-position:0 -10px;} div#fancy_bg_ne{top:-40px;right:-40px;width:40px;height:40px;background:transparent url('/_client/img/modal/fancy_shadow_ne.png') no-repeat;background-position:0px -10px;} div#fancy_bg_e{right:-40px;height:100%;width:40px;background:transparent url('/_client/img/modal/fancy_shadow_e.png') repeat-y;} div#fancy_bg_se{bottom:-40px;right:-40px;width:40px;height:40px;background:transparent url('/_client/img/modal/fancy_shadow_se.png') no-repeat;} div#fancy_bg_s{bottom:-40px;left:0;width:100%;height:40px;background:transparent url('/_client/img/modal/fancy_shadow_s.png') repeat-x;} div#fancy_bg_sw{bottom:-40px;left:-40px;width:40px;height:40px;background:transparent url('/_client/img/modal/fancy_shadow_sw.png') no-repeat;background-position:-10px 0;} div#fancy_bg_w{left:-40px;height:100%;width:40px;background:transparent url('/_client/img/modal/fancy_shadow_w.png') repeat-y;background-position:-10px 0;} div#fancy_bg_nw{top:-40px;left:-40px;width:40px;height:40px;background:transparent url('/_client/img/modal/fancy_shadow_nw.png') no-repeat;background-position:-10px -10px;} div#fancy_title{position:absolute;z-index:100;display:none;} div#fancy_title div{color:#FFF;font:bold 12px Arial;padding-bottom:3px;white-space:nowrap;} div#fancy_title table{margin:0 auto;} div#fancy_title table td{padding:0;vertical-align:middle;} td#fancy_title_left{height:32px;width:15px;background:transparent url('/_client/img/modal/fancy_title_left.png') repeat-x;} td#fancy_title_main{height:32px;background:transparent url('/_client/img/modal/fancy_title_main.png') repeat-x;} td#fancy_title_right{height:32px;width:15px;background:transparent url('/_client/img/modal/fancy_title_right.png') repeat-x;} #video-modal, #callback-modal, #bond-callback-modal, #endowment-callback-modal { display: none; } /* shared with contact page so becareful! to check both */ .modal-content h4{margin:0 0 15px 0;} .callback-modal fieldset { width: 100%; } .callback-modal .frow-action{padding-right:0;} .callback-modal .frow{width:95%;} .callback-modal .frow-text input, .callback-modal .frow-textarea textarea, .callback-modal .frow-select select{float:right;} /* Bond callback modal */ .endowment-callback-h1 { background: url(/_client/img/global/endowment-callback-h1.gif) no-repeat; width: 341px; height: 45px; } .bond-callback-h1 { background: url(/_client/img/global/bond-callback-h1.gif) no-repeat; width: 399px; height: 44px; } .bond-callback-h2 { background: url(/_client/img/global/bond-callback-h2.gif) no-repeat; width: 360px; height: 23px; } .bond-callback-thankyou { background: url(/_client/img/global/bond-callback-thankyou.gif) no-repeat; width: 295px; height: 67px; } /* .callback-modal .select-pair { width: 70%; } .callback-modal .frow-select { width: 45%; float: left; margin-right: 10px; } .callback-modal .frow-select select { width: 100%; } .callback-modal .frow-select label { width: 0px; height: 0px; display: block; overflow: hidden; } */ .callback-modal .frow-action input { float: left; } #adtarget { margin-bottom: 10px;} #adtarget p { font-size: 1.3em;} /* module ppi howmuch */ .module-ppi-howmuch{margin-bottom:30px;} .module-ppi-howmuch .columnset-products .col-a, .module-ppi-howmuch .columnset-products .col-b{width:300px;} p.btn-cta { margin: 0; } /* news */ body.news-item div.news-item { margin-bottom: 50px; } div.news-item h4 { font-size: 1.5em; margin: 0; font-weight: normal; } div.news-item h5 { font-size: 1.7em; margin: 0 0 10px 0; } div.news-item h5, div.news-item h5 a { color: #973a69; text-decoration: none; } div.news-item h5 a:hover { text-decoration: underline; } .news-index .news-item{padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid #dad7d7;} p.back-cta { margin-bottom: 20px; } p.back-cta a { padding-left: 15px; background: transparent url(../img/global/back-arrow.png) no-repeat 0 50%; color: #973a69; font-weight: bold; text-decoration: none;} p.back-cta a:hover { text-decoration: underline; } /* contact page */ #contactCallBackForm { width: 70%;} #contactCallBackForm .frow-action input { float: left; } /* additions */ p a { text-decoration:none; color: #973a69; } p a:hover { text-decoration:underline; }