* { margin: 0; padding: 0; outline: 0; } body, html { height: 100%; } body { font-size: 12px; line-height: 22px; font-family: verdana, arial, sans-serif; color: #727272; background: url(../images/body-pattern.png) repeat 0 0; min-width: 100%; } /*font-family: 'Raleway', sans-serif;*/ a { color: #44659a; text-decoration: none; cursor: pointer; } /* Original #00acef */ a:hover { text-decoration: underline; } a img { border: 0; } article, aside, details, footer, header, menu, nav, section { display: block; } input, textarea, select { font-size: 12px; font-family: arial, sans-serif; } textarea { overflow: auto; } .cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .left, .alignleft { float: left; display: inline; } .right, .alignright { float: right; display: inline; } .shell { width: 981px; margin: 0 auto; } .container { background: url(../images/container.png) repeat-y center 0; box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.05); -o-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.05); } #header { margin-bottom: 10px; position: relative; padding-top: 25px; height: 65px; background: url(../images/border-title.png) repeat-x 0 bottom; } #logo { width: 342px; font-size: 0; line-height: 0; position:absolute; top: 18px; left: 21px; } #logo a { height: 65px; display: block; background: url(../images/logo.png) no-repeat 0 0; text-indent: -4000px; } .search { width: 210px; margin-left: auto; padding-right: 21px; } .search input.field { float:left; width: 166px; padding:0 8px; height: 24px; line-height: 24px; border: 1px solid #d3d3d3; font-size: 11px; color:#bebebe; background: #ededed; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; } .search input.search-btn { float:left; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; width: 20px; height: 26px; border: 0; background: url(../images/search-ico.png) no-repeat 0 0; } .topLeftBlock { width: 210px; margin-left: auto; padding-right: 21px; float:right; font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 500; color:#44659a; font-style: italic; } .topLeftBlock input.field { float:left; width: 166px; padding:0 8px; height: 24px; line-height: 24px; border: 1px solid #d3d3d3; font-size: 11px; color:#bebebe; background: #ededed; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; } .topLeftBlock input.search-btn { float:left; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; width: 20px; height: 26px; border: 0; background: url(../images/search-ico.png) no-repeat 0 0; } #navigation { padding:0 21px; margin-bottom: 15px; } #navigation ul { list-style:none; list-style-position: outside; } #navigation ul li { padding: 0 10px; float: left; font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 500; } #navigation ul li:first-child { padding-left: 0; } #navigation ul li a { color: #4a4a4a; padding: 0 7px; display:block; height: 21px; line-height: 21px; border: 2px solid transparent; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; } #navigation ul li.active a, #navigation ul li a:hover { border: 2px solid #8ad906; background: url(../images/nav-btn.png) repeat-x 0 0; color:#fff; text-decoration: none; } /* #029cdb */ #navigation a.nav-btn { display:none; } .slider-holder { position: relative; margin-bottom:30px; } .slider { background: url(../images/slider-bg.jpg) no-repeat 0 0; width: 938px; height: 417px; position:relative; overflow: hidden; padding:0 21px; } .slider ul { list-style:none; list-style-position: outside; } .slider ul li { float: left; width: 938px; height: 417px; } .slider .slide-cnt { width: 450px; height: 220px; position:relative; overflow: hidden; float: right; padding-top: 30px; } .slider h4 { color:#fff; font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: 500; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; text-transform: uppercase; } .slider h2 { color:#f8f8f8; font-family: 'Raleway', sans-serif; font-size: 56px; line-height:56px; padding-bottom: 12px; font-weight: 700; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; } .slider p { color:#fff; } .slider p a { color:#fff; text-decoration: underline; } .slider p a:hover { text-decoration: none; } .slider img { float:left; margin-right:0px; margin-left: 0px; margin-top: 20px; margin-bottom: 0px; } /* ORIG margin-right:50px; margin-left: 24px; */ .slider .socials { width: 158px; margin-left: auto; padding-top:18px; } .slider .socials a { width: 31px; height: 30px; float:left; margin-left: 6px; background: url(../images/socials.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; } .slider .socials a.facebook-ico { background-position: 0 0; } .slider .socials a.facebook-ico:hover { background-position:0 bottom; } .slider .socials a.twitter-ico { background-position:-37px 0; } .slider .socials a.twitter-ico:hover { background-position:-37px bottom; } .slider .socials a.skype-ico { background-position:-75px 0; } .slider .socials a.skype-ico:hover { background-position:-75px bottom; } .slider .socials a.rss-ico { background-position: -114px 0; } .slider .socials a.rss-ico:hover { background-position: -114px bottom; } #thumbs-wrapper { width: 434px; padding: 0 20px; position: absolute; bottom: 18px; right: 21px; overflow: hidden; } #thumbs-wrapper a#prev { width: 12px; height: 17px; position:absolute; top: 50%; margin-top: -8px; left: 0; background: url(../images/left-arr.png) no-repeat 0 0;} #thumbs-wrapper a#next { width: 12px; height: 17px; position: absolute; top: 50%; margin-top: -8px; right: 0px; background: url(../images/right-arr.png) no-repeat 0 0; } #thumbs { height: 80px; width: 434px; position:relative; overflow: hidden; padding-top:7px; } #thumbs a { margin-bottom:8px; width: 94px; height: 69px; margin-right: 8px; float:left; background: #fff; padding: 3px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border: 1px solid #d5d5d5; } #thumbs a img { width: 94px; height: 69px; float:left; } #thumbs a.selected { height: 76px; position:relative; margin-top: -7px; opacity: 1; } #thumbs a.selected img { height: 76px; } /* HEADER BLOCK - RenEdit 14/03/11 - converted from .slider-holder / .slider */ .subheader-holder { position: relative; margin-bottom:0px; } .subheader { background: url(../images/header_standard_981x50.jpg) no-repeat 0 0; width: 981px; height: 50px; position:relative; overflow: hidden; padding:0 0px; } /* End HEADER BLOCK - RenEdit 14/03/11 */ .main { padding:0 20px; } .featured { background: #f1f1f1; border: 1px solid #e5e5e5; padding: 10px 18px 10px 18px; margin-bottom: 42px; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; text-align: center;} .featured h4 { font-family: 'Raleway', sans-serif; line-height: 43px; font-size: 17px; color:#4a4a4a; font-weight:400; } .featured h4 strong { color:#44659a; font-weight: 600; } .featured a.blue-btn { background: url(../images/blue-btn.png) repeat 0 0; width: 189px; height: 39px; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; position: absolute; top: 50%; margin-top: -20px; right: 9px; display: block; font-size: 16px; font-weight: 500; color:#fff; text-align: center; line-height: 39px; border: 2px solid #0a7fb5; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; text-decoration: none; font-weight: 500; font-family: 'Raleway', sans-serif; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; } .featured a.blue-btn:hover { background-position:0 bottom; } .main h3 { font-size: 16px; font-family: 'Raleway', sans-serif; color:#4a4a4a; font-weight: 500; padding-bottom: 12px; margin-bottom: 8px; background: url(../images/border-title.png) repeat-x 0 bottom;} .main h4 { font-size: 15px; font-family: 'Raleway', sans-serif; color:#4a4a4a; font-weight: 500; padding-bottom: 12px; margin-bottom: 8px; float:center;} /* RenEdit 200413 - Added H3 */ .main h5 { font-size: 12px; } .main h5 { padding-bottom: 10px; } .main a.more { background: url(../images/blue-arr.png) no-repeat 0 6px; text-decoration: underline; padding-left: 8px; font-weight: 500; font-family: 'Raleway', sans-serif; } .main a:hover { text-decoration: none; } /* HOME PAGE BULLET LIST - Edited by RC */ .main .cols { padding-bottom: 38px; } .main .cols .col { float:left; width: 286px; padding-right: 40px; } .main .cols .col.last { padding-right: 0; } .main .cols .col img.left { margin-right: 24px; margin-bottom:10px; } .main .cols .col a { text-decoration: underline; } .main .cols .col ul { list-style-type: square; list-style-position: inside; } /* list-style-type: none; */ .main .cols .col ul li { padding: 4px 4px 5px; background: url(../images/border-title.png) repeat-x 0 bottom; font-family: 'Raleway', sans-serif; font-weight:600; } .main .cols .col ul li.odd { background-color:#f6f6f6; } .main .cols .col ul li a { padding: 0px 10px; display:block; background: url(../images/bullet.png) no-repeat 0px 9px; } .main .cols .col ul li.first { padding-top:9px; } .main .cols .col h4 { padding-bottom:10px; } /* RenADD */ /* STANDARD PAGE BULLET LIST - ADDED by RC */ .main .cols2 { padding-bottom: 38px; } .main .cols2 .col { float:left; width: 286px; padding-right: 40px; } .main .cols2 .col.last { padding-right: 0; } .main .cols2 .col img.left { margin-right: 24px; margin-bottom:10px; } .main .cols2 .col a { text-decoration: underline; } .main .cols2 .col ul { list-style-type: square; list-style-position: inside; } /* list-style-type: none; */ .main .cols2 .col ul li { padding: 4px 4px 5px; font-family: 'Raleway', sans-serif; font-weight:600; } .main .cols2 .col ul li.odd { background-color:#f6f6f6; } .main .cols2 .col ul li a { padding: 0px 10px; display:block; background: url(../images/bullet.png) no-repeat 0px 9px; } .main .cols2 .col ul li.first { padding-top:9px; } .main .cols2 .col h4 { padding-bottom:10px; } /* RenADD */ /* CONTACT PAGE BULLET LIST - ADDED by RC */ .main .cols3 { padding-bottom: 38px; } .main .cols3 .col { float:left; width: 200px; padding-bottom: 20px; } .main .cols3 .col.last { padding-right: 0; } .main .cols3 .col img.left { margin-right: 24px; margin-bottom:10px; } .main .cols3 .col a { text-decoration: underline; } .main .cols3 .col ul { list-style-type: square; list-style-position: inside; } /* list-style-type: none; */ .main .cols3 .col ul li { padding: 4px 4px 5px; font-family: 'Raleway', sans-serif; font-weight:600; } .main .cols3 .col ul li.odd { background-color:#f6f6f6; } .main .cols3 .col ul li a { padding: 0px 10px; display:block; background: url(../images/bullet.png) no-repeat 0px 9px; } .main .cols3 .col ul li.first { padding-top:9px; } .main .cols3 .col h4 { padding-bottom:10px; } /* RenADD */ /* CONTENT BLOCK - Added by RC */ .main .content .menuleft { padding-top: 10px; padding-bottom: 20px; } .main .content .menuleft { float:left; width: 180px; padding-right: 30px; } .main .content .menuleft.last { padding-right: 0; } .main .content .menuleft img.left { margin-right: 24px; margin-bottom:10px; } .main .content .menuleft a { text-decoration: none; } .main .content .menuleft a:hover { color: #999; } /* Orig 666 */ .main .content .content { padding-top: 10px; padding-bottom: 20px; } .main .content .content { float:left; width: 680px; padding-right: 40px; list-style-position: inside; list-style-type: square; } .main .content .content img.left { margin-right: 24px; margin-bottom:10px; } .main .content .content img.right { margin-left: 24px; margin-bottom:10px; } .main .content .content a { text-decoration: underline;} .main .content .content a:hover { text-decoration: none;} .main .content .content ul { list-style-position: inside; list-style-type: square;} .main .content .content ul li { list-style-position: inside; list-style-type: square;} .indentBlock {padding-left: 20px;} .bottomBlock {padding-top: 20px;} /* STANDARD PAGES in normal webpage mode */ .content .content-columns { padding: 10px 24px; } .content .content-columns .column { float: left; width: 300px; } .content .content-columns .column + .col { padding-left: 54px; } .content .content-columns .column ul { list-style-type: square; list-style-position: outside;} .content .content-columns .column ul li { color: #666; font-size: 12px; font-weight: normal; padding-bottom: 4px; background: url(images/arr-footer-col.png) no-repeat 0 8px; padding-left: 9px; } .content .content-columns .column ul li a { color: #666; } .content .content-columns-nobullets { padding: 10px 24px; } .content .content-columns-nobullets .col { float: left; width: 300px; } .content .content-columns-nobullets .col + .col { padding-left: 54px; } .content .content-columns-nobullets .col ul { list-style-type: square; list-style-position: outside;} .content .content-columns-nobullets .col ul li { color: #666; font-size: 12px; font-weight: normal; padding-bottom: 1px; } .content .content-columns-nobullets .col ul li a { color: #666; } .main .content .content-columns { padding: 10px 24px; float: left; width: 650px; } .main .content .content-columns .threeCol { float: left; width: 190px; } .main .content .content-columns .threeCol + .col { padding-left: 54px; } .main .content .content-columns .threeCol ul { list-style-type: square; list-style-position: outside; } .main .content .content-columns .threeCol ul li { color: #666; font-size: 12px; font-weight: normal; padding-bottom: 4px; background: url(images/arr-footer-col.png) no-repeat 0 8px; padding-left: 9px; } .main .content .content-columns .columnB ul li a { color: #666; } .content .contactForm { padding: 10px 24px; } .content .contactForm .column { float: left; width: 300px; } .content .contactForm .column + .col { padding-left: 54px; } .content .contactForm .column ul { list-style: none; list-style-position: outside; } .content .contactForm .column ul li { color: #666; font-size: 12px; font-weight: normal; padding-bottom: 4px; background: url(images/arr-footer-col.png) no-repeat 0 8px; padding-left: 9px; } .content .contactForm .column ul li a { color: #666; } .separator { clear: both; background: url(images/section-shadow.png) no-repeat center bottom; padding: 0 20px 60px; } /* Highlight Box */ /*#HLbox { padding: 10px 10px 10px 10px; background-color:#CCC; display: block; }*/ #HLbox { background: #f1f1f1; border: 1px solid #e5e5e5; padding: 10px 18px 10px 18px; margin-bottom: 42px; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; } /* END STANDARD PAGES */ /* CONTENT BLOCK END */ /* --------------------- FORM STYLES ------------------ */ #contactForm article form { padding-right: 0px; } #contactForm article form ul { list-style-type: none; width:350px; margin-left:10px; } #contactForm article form li { margin-bottom: 10px; } #contactForm article form label{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.2; font-weight: bold; text-transform: uppercase; color: #333; width:250px; display:inline-block; } #contactForm article form input, article form textarea, article form select{ width:250px; display: block; } #contactForm article form textarea { width:250px; height: 50px; display: block; } #contactForm article form #submitBtn{ width:75px; float:right; } /* */ /*.contactPhoto { height: 65px; display: block; background: url(../images/PHOTO_contactus_request_info.jpg) no-repeat 0 0; }*/ /* ---- END FORM STYLES ----- */ /* ---- PHOTOS ----- */ .PhotoSerLit { float:right; height: 278px; width: 183px; margin-left: 10px; margin-bottom: 5px; background: url(../images/PHOTO_courtscene_000024387756.jpg) no-repeat 0 0; } /* Services Litigation Support */ .PhotoSerFinIns { float:right; display: inline; height: 278px; width: 183px; margin-left: 10px; margin-bottom: 5px; background: url(../images/PHOTO_what_we_have_done_IS000074878743.jpg) no-repeat 0 0; } /* Services Financial Institutions */ .PhotoPorLit { float:right; height: 278px; width: 183px; margin-left: 10px; margin-bottom: 5px; background: url(../images/PHOTO_gavel_000006259367.jpg) no-repeat 0 0; } /* Portfolio Litigation Support */ .PhotoPorFinIns { float:right; display: inline; height: 278px; width: 183px; margin-left: 10px; margin-bottom: 5px; background: url(../images/PHOTO_courthouse_steps.jpg) no-repeat 0 0; } /* Portfolio Financial Institutions */ .PhotoResourcesArticles { float:right; height: 278px; width: 183px; margin-left: 10px; margin-bottom: 5px; background: url(../images/PHOTO_resources.jpg) no-repeat 0 0; } /* Resources Articles */ .PhotoResourcesLinks { float:right; height: 278px; width: 183px; margin-left: 10px; margin-bottom: 5px; background: url(../images/PHOTO_resources_links.jpg) no-repeat 0 0; } /* Resources Links */ .PhotoContact { float:right; display: inline; height: 278px; width: 183px; margin-left: 10px; margin-bottom: 5px; background: url(../images/PHOTO_Contactus_IS000011599282.jpg) no-repeat 0 0; } /* Contact */ .PhotoContactRequest{ float:right; height: 278px; width: 183px; margin-left: 10px; margin-bottom: 5px; background: url(../images/PHOTO_contactus_request_info.jpg) no-repeat 0 0; } /* Contact Request Form */ .PhotoContactPrivacy { float:right; height: 278px; width: 183px; margin-left: 10px; margin-bottom: 5px; background: url(../images/PHOTO_privacy.jpg) no-repeat 0 0; } /* Contact Privacy */ .PhotoContactSitemap { float:right; height: 278px; width: 183px; margin-left: 10px; margin-bottom: 5px; background: url(../images/PHOTO_sitemap.jpg) no-repeat 0 0; } /* Contact Sitemap */ .main .entries { background: url(../images/entries.png) repeat-y 0 0; position:relative; margin: 0 -20px; padding: 20px; margin-bottom: 1px; border-bottom: 1px solid #e8e8e8; } .main .entries h3 { margin-bottom: 15px; background: url(../images/entry-title.png) repeat-x 0 bottom; } .main .entries .entry { width: 286px; float:left; padding-right: 40px; } .main .entries .entry.last { padding-right:0; } .main .entries .entry p.meta { color: #cbcbcb; } .main .entries .entry p.meta a { color: #cbcbcb; } .main .entries .entry-inner { padding-bottom: 18px; margin-bottom: 16px; background: url(../images/entry-title.png) repeat-x 0 bottom; } .main .entries .entry .date { margin-right: 15px; position: relative; float:left; padding: 14px 12px; width: 40px; height: 34px; background: url(../images/date-ico.png) no-repeat 0 0; } .main .entries .entry .date strong { color:#00acef; font-size: 22px; line-height: 22px; font-family: arial, sans-serif; font-weight: bold; display:block; } .main .entries .entry .date span { font-weight: bold; font-size: 9px; color:#c6c6c6; position:relative; margin-top: 0px; display:block; line-height:9px; } .main .entries .entry .date em { -webkit-transform: rotate(-90deg); line-height: 12px; -moz-transform: rotate(-90deg); font-weight: bold; font-style: normal; width: 12px; color:#bdbdbd; font-size: 12px; position:absolute; bottom: 20px; left: 41px; } .main .entries .entry p { font-family: arial, sans-serif; font-size: 12px; color:#44659a; } .entry2 { padding-bottom: 10px; } .entry2 p { font-family: arial, sans-serif; font-size: 12px; color:#44659a; } .entry2 p strong { font-size: 12px; } .main .entries .entry a { text-decoration: underline; } /* RenADD */ .testimonials { padding-bottom: 30px; } .testimonials p { font-style: italic; font-family: georgia ,arial, serif; font-size: 14px; color:#898989; } .testimonials p strong { font-size: 43px; position:relative; bottom: -19px; font-weight: normal; padding-right: 4px; } .testimonials p.author { font-size: 12px; text-align: right; } .testimonials p.author strong { font-size: 12px; bottom: 0; font-weight:bold; } #footer { background: url(../images/footer-border.png) repeat-x 0 0; padding: 18px 20px 18px 10px; } .footer-nav { text-align: center; } /* float: left; */ .footer-nav ul { list-style:none; list-style-position: outside; text-align: center; } .footer-nav ul li { border-right: 1px solid #afaca9; padding:0 10px; font-size: 10px; line-height: 10px; text-align: center; display:inline; } /* float: left; */ .footer-nav ul li a { color: #afaca9; } .footer-nav ul li a:hover { color: #878684; text-decoration: none; } .footer-nav ul li.last { border-right: 0; } #footer p.copy { font-size: 10px; color:#afaca9; line-height: 10px; text-align: center; } #footer p.copy a { font-size: 10px; color:#000000; line-height: 10px; text-decoration: underline; } #footer p.copy a:hover { text-decoration: none; } #footer p.copy span { padding:0 7px; } #footer p.call { color:#44659a; /* Blue: #44659a Green: #afaca9 */ line-height: 10px; text-align: center; font-family: "Raleway",sans-serif; font-weight: bold; font-size: 15px; } /* SPECIAL BLOCK - RenEdit 201210 - SPECIAL ANNOUNCMENT - Colors: #f1f1f1 #E6D8D9*/ .specialBlock { background: #F4F0F1; border: 1px solid #FF0000; padding: 10px 10px 10px 18px; margin-bottom: 42px; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; } * RenEdit 200403 - 1px solid #e5e5e5; */ .specialBlock h4 { font-family: 'Raleway', sans-serif; line-height: 43px; font-size: 17px; color:#4a4a4a; font-weight:400; } .specialBlock h4 strong { color:#00acef; font-weight: 600; } .specialBlock a.blue-btn { background: url(../images/blue-btn.png) repeat 0 0; width: 270px; height: 39px; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; position: absolute; top: 50%; margin-top: -20px; right: 9px; display: block; font-size: 16px; font-weight: 500; color:#fff; text-align: center; line-height: 39px; border: 2px solid #0a7fb5; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; text-decoration: none; font-weight: 500; font-family: 'Raleway', sans-serif; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; } .specialBlock a.blue-btn:hover { background-position:0 bottom; } /* -------------------END SPECIAL BLOCK - RenEdit 200403 ----------------- */ /* ipad portrait */ @media only screen and ( min-width: 768px) and ( max-width: 981px ) { body { width: auto; } .shell { width: auto; width: 768px; } .container { background-image:url(../images/container-tablet.png); } .slider { width: 725px; height: 366px; background-image:url(../images/slider-tablet.png); } .slider ul li { width: 724px; } .slider img { width: 316px; height: 286px; margin-left: 0; margin-right: 20px; } .slider h3 { font-size:16px; } .slider h2 { font-size: 47px; line-height: 54px; } .slider .slide-cnt { width: 380px; height: 190px; } #thumbs-wrapper { width: 356px; } #thumbs a { width: 75px; height: 56px; } #thumbs a.selected { width: 75px; height: 65px; } #thumbs a.selected img { width: 75px; height: 65px; } #thumbs a img { width: 75px; height: 56px; } /* HEADER BLOCK - RenEdit 14/03/11 - converted from .slider-holder / .slider */ .subheader-holder { position: relative; margin-bottom:0px; } .subheader { background: url(../images/header_standard_tablet.jpg) no-repeat 0 0; width: 768px; height: 30px; position:relative; overflow: hidden; padding:0 0px; } .featured h4 { font-size: 16px; line-height: 28px; } .main .cols .col { width: 222px; padding-right: 30px; } .main .cols .col img.left { float: none; display: block; margin:0 auto 12px; } /* CONTENT BLOCK - Added by RC */ .main .content .menuleft { padding-bottom: 20px; } .main .content .menuleft { float:left; width: 160px; padding-right: 30px; } .main .content .content { padding-bottom: 20px; } .main .content .content { float:left; width: 500px; padding-right: 10px; } .main .entries { background-image:url(../images/entries-tablet.png); } .main .entries .entry { width: 225px; padding-right: 24px; } .main .entries .entry img { width: 100%; } .main .entries .entry .cnt { height:100%; overflow: hidden; } .footer-nav { float:none; display: block; padding-bottom: 12px; } #footer p.copy { float: none; display:block; padding-left: 10px; } } /* mobile*/ @media only screen and ( max-width: 640px) { body { width: auto; } /*.search { display:none; }*/ /* #logo { position:relative; margin:0 auto; top: 0px; left:0; } */ #logo { width: 342px; font-size: 0; line-height: 0; position:absolute; top: 18px; left: 21px; } #logo a { height: 65px; display: block; background: url(../images/LOGO_bankexperts_275x60.png) no-repeat 0 0; text-indent: -4000px; } /*#logo { width: 342px; font-size: 0; line-height: 0; position:absolute; top: 18px; left: 21px; }*/ /* RC ADDED from Desktop view */ /*#logo a { height: 60px; background: url(../images/LOGO_bankexperts_275x60.png) no-repeat 0 0; }*/ /*.topLeftBlock { width: 210px; margin-left: auto; padding-right: 21px; padding-top: 40px; float:right; font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 500; color:#44659a; font-style: italic; }*/ .topLeftBlock { display:none;} #header { background: transparent; margin-bottom:0; } #navigation { position:relative; z-index: 100; padding:0 0px; margin:0 10px; } #navigation a.nav-btn { margin-bottom: 15px; text-decoration: none; padding:0 36px 0 10px; line-height:30px; display:block; background: url(../images/navigation.png) repeat-x 0 0; height: 30px; position: relative; } #navigation a.nav-btn span { background: url(../images/dd-nav-arrs.png) no-repeat 0 bottom; width: 20px; height: 15px; position:absolute; top: 8px; right: 12px; } #navigation a.nav-btn.active span { background-position:0 0; } #navigation ul { display:none; position: absolute; top: 30px; left: 0; width: 100%; } #navigation ul li { float:none; height: 30px; border-top: 1px solid #fff; display:block; padding:0 0 0 0; background: url(../images/navigation.png) repeat-x 0 0; } #navigation ul li a { border: 0; line-height:30px; float:none; height: 30px; display: block; font-size: 14px; padding-left: 20px; padding-right: 20px; width:100%; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #navigation ul li a:hover { background-image:url(../images/blue-btn.png); border:0; } #navigation ul li.active span { background: transparent; border:0; } #navigation ul li.first { display:none; } .shell { width: 320px; } .container { background-image: url(../images/container-mobile.png); width: 320px; } .main { padding:0 10px; } .slider ul li { width: 724px; } .slider img { width: 316px; height: 286px; float:none; display:block; margin: 0 auto; } .slider h3 { font-size:16px; } .slider h2 { font-size: 47px; line-height: 37px; } /* ADDED LINE-HEIGHT - Mobile Slider Text Spacing Size */ .slider .slide-cnt { width: 380px; height: 190px; float:none; display:block; } #thumbs-wrapper { display: none; } .slider-holder { width: 320px; margin:0 auto; } .slider { background-image:url(../images/slider-mobile.png); padding:0 10px; width:300px; margin:0 auto; height: 388px;} .slider .slide-cnt { width: 300px; float:none; display:block; padding-top: 12px; } .slider h4 { display:none; } .slider h2 { font-size: 38px; text-align: center; } .slider p { color:#cee7f1; line-height: 18px;} /* ADDED LINE-HEIGHT - Mobile Slider P Text Spacing Size */ .slider ul li { width: 300px; } .slider .socials { display:none; } .slider img { float:none; display:block; margin:0 auto; width: 194px; height: 150px; } /* REDUCED HEIGHT -from 178px */ .slider .arrs a { position:absolute; top: 250px; z-index: 30; background: url(../images/slider-arr.png) no-repeat 0 0; width: 26px; height: 37px; } .slider .arrs a.prev-arr { left: 10px; background-position:0 0; } .slider .arrs a.next-arr { right: 10px; background-position: right 0; } /* HEADER BLOCK - RenEdit 14/03/11 - converted from .slider-holder / .slider */ .subheader-holder { position: relative; margin-bottom:0px; } .subheader { background: url(../images/header_standard_mobile.jpg) no-repeat 0 0; width: 320px; height: 30px; position:relative; overflow: hidden; padding:0 0px; } .main .cols .col { padding-bottom: 20px; float:none; display:block;padding-right:0; width: auto; } .main .cols .col img.left { float:none; display:block; margin: 0 auto; } /* CONTENT BLOCK - Added by RC */ .main .content .menuleft { padding-bottom: 20px; } .main .content .menuleft { float:left; width: 160px; padding-right: 30px; } .main .content .content{ padding-bottom: 20px; } .main .content .content { float:left; width: 300px; padding-right: 10px; } .main .entries { margin:0 -10px; } .main .entries .entry { width: auto; padding-right:0; float:none; display:block; margin-bottom:14px; } .featured h4 { line-height: 26px; padding-bottom: 6px; } .featured a.blue-btn { float: none; display:block; right:0; left:0; position:relative; margin: 0 auto; top:0; width: 260px; } .featured { padding: 10px; } #footer { padding-left: 10; padding-right:10; } .footer-nav { float:none; display:block; height: 12px; margin:10 auto; width: 310px; vpadding-bottom: 8px; text-transform: uppercase; font-size: 10px; } .footer-nav ul li { font-size: 10px; border-right:0; padding:0 2px; } #footer p.copy { font-size: 10px; text-align:center; line-height: 15px; float:none; display:block; margin-top:35px} .PhotoSerLit { display: none; } .PhotoSerFinIns { display: none; } .PhotoPorLit { display: none; } .PhotoPorFinIns { display: none; } .PhotoResourcesArticles { display: none; } .PhotoResourcesLinks { display: none; } .PhotoContact { display: none; } .PhotoContactRequest { display: none;} .PhotoContactPrivacy { display: none; } .PhotoContactSitemap { display: none; } #footer p.call { color:#44659a; /* Blue: #44659a Green: #afaca9 */ line-height: 20px; text-align: center; font-family: "Raleway",sans-serif; font-weight: bold; font-size: 15px; } } @media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) { #navigation a.nav-btn { background-image:url(../images/navigation@2x.png); -webkit-background-size: 2px 30px; -moz-background-size: 2px 30px; background-size: 2px 30px; } #navigation a.nav-btn span { background-image:url(../images/dd-nav-arrs@2x.png); -webkit-background-size: 20px 29px; -moz-background-size: 20px 29px; background-size: 20px 29px; } .slider { background-image:url(../images/slider-mobile@2x.png); -webkit-background-size: 320px 388px; -moz-background-size: 320px 388px; background-size: 320px 388px; } .slider .arrs a { background-image:url(../images/slider-arr@2x.png); -webkit-background-size: 53px 37px; -moz-background-size: 53px 37px; background-size: 53px 37px; } /*#logo a { background-image:url(images/logo@2x.png); -webkit-background-size: 125px 26px; -moz-background-size: 125px 26px; background-size: 125px 26px; }*/ .slider { background-image:url(../images/slider-mobile.png); padding:0 10px; width:300px; margin:0 auto; height: 388px;} /* RC ADDED 201209 */ }