/* -------------------------------------------------------------- Seepage.com styles. 3/2011 Contents 1. =Reset 2. =Typography 3. =Forms 4. =Layout ------------------------------------------------------------------------------------------------- */ /* =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; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* Removes Firefox imposed outline */ a { outline: none; } /* Fix IE list background image bug */ ul, ol, dl { position: relative; } /* =Typography (based on boilerplate defaults) ------------------------------------------------------------------------------------------------- */ body { font-size: 62.5%; line-height: 1.5; } li, dt, dd, p { font-size: 1.2em; } ul, dl { margin-bottom: 1.8em; margin-left: 2em;} ol {margin-left:2.5em;} p { margin-bottom: 1.5em; } /* Default fonts and colors. -------------------------------------------------------------- */ body { font-family: Verdana, Tahoma, 'Lucida Sans', Helvetica, Arial, sans-serif; color: #333;} /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: normal; line-height: 1;} h1, h2.headline { font-size: 2.4em; margin-bottom: 1em;} h2 { font-size: 2.1em; margin-top: .1em; margin-bottom: .8em;} h2.subhead { font-size: 1.8em; margin-top: -1em; } h2.question { font-size: 1.4em; } h3 { font-size: 1.8em; margin-top: 0; margin-bottom: .5em; } h4 { font-size: 1.6em; margin-top: .3em; margin-bottom: .2em;} h5 { font-size: 1.4em; } h6 { font-size: 1.2em; } li h4 { font-size: 1.3em; } li li, li p { font-size: 1em;} /* Text elements -------------------------------------------------------------- */ ul { list-style-type: disc; } ol { list-style-type: decimal; } dl dt { font-weight: bold; } dl dd { margin-left: 0; } a { color: #009; text-decoration: none; } a:hover { text-decoration: underline; } abbr, acronym { border-bottom: 1px dotted #000; } address { margin-top: 1.5em; font-style: italic; } del { color: #000; } blockquote { margin: 1.5em; } strong { font-weight: bold; } em, dfn { font-style: italic; } dfn { font-weight: bold; } pre, code { margin: 1.5em 0; white-space: pre; } pre, code, tt { font: 1em monospace; line-height: 1.5; } tt { display: block; margin: 1.5em 0; line-height: 1.5; } /* Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; } th { border-bottom: 1px solid #ddd; font-weight: bold; } td { border-bottom: 1px solid #ddd; } th,td { padding: 4px 10px 4px 0; } tfoot { font-style: italic; } caption { background: #ffc; } /* Some default classes -------------------------------------------------------------- */ .small { font-size: 1em; } .large { font-size: 1.4em; line-height: 2.5em; margin-bottom: 1.25em; } .quiet { color: #999; } .hide { display: none; } .highlight { background: #ffc; } .top { margin-top: 0; padding-top: 0; } .bottom { margin-bottom: 0; padding-bottom: 0; } h2 .aside { font-size: .7em; display: block; line-height: 1;} .category { font-size: 1.1em; margin-bottom: -.5em; color: #d34; text-transform: uppercase; letter-spacing: .3em;} /* =Forms ------------------------------------------------------------------------------------------------- */ form { width: 100%;} label { font-weight: normal; display: block; } /* Textareas -------------------------------------------------------------- */ textarea { margin: 0.5em 0 0 0; } textarea { padding: .4em; } /* Fieldsets -------------------------------------------------------------- */ fieldset { padding:0; margin: 0 0 1.5em 0; border:none; } legend { font-weight: normal; color: #666; font-size: 1.2em; text-transform: uppercase; letter-spacing: .2em;} /* Text fields -------------------------------------------------------------- */ input.text, input.title { width:95%; margin: 0 0 0.5em 0; border:1px solid #bbb; background:#f6f6f6; padding:3px; } input.tel { border:1px solid #bbb; background:#f6f6f6; padding:3px; } input.tel:focus, input.text:focus, input.title:focus { border:1px solid #999; background:#fff; } input.title {font-size:1.5em;} .radio { margin-right: .5em; margin-left: 1em; } /* Textareas -------------------------------------------------------------- */ textarea { width: auto; height: auto; margin: 0 0 0.5em 0; } textarea { border:1px solid #bbb; background:#f6f6f6; padding:5px; } textarea:focus { border:1px solid #999; background:#fff; } /* Select fields -------------------------------------------------------------- */ select { border:1px solid #ccc; background:#f6f6f6; width:90%; } select:focus { border:1px solid #999; background:#fff; } select.small { width: 100px; } select.medium { width: 250px; } /* Success, error & notice boxes for messages and errors. -------------------------------------------------------------- */ .error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } .error { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; } .notice { background: #FFF6BF; color: #817134; border-color: #FFD324; } .success { background: #E6EFC2; color: #529214; border-color: #C6D880; } .error a { color: #D12F19; } .notice a { color: #817134; } .success a { color: #529214; } .required { color: #D12F19; } input.form-button { margin: 0 10px; width: 100px; } div.PRODLIST { width: 90%; } fieldset.blank { padding: 0; margin: 0; border: none; } /* =Layout --------------------------------------------------------------------------------------------------*/ /* Colors: Blue #039; Dark Blue #036; Blue-Gray #369; Teal #0bd; Light Blue #cde; Red #d34; Yellow #fd0; Lt Tan #f1ecdf; Tan #f1e8d5; Dark Tan #eaddc3; Tan Text #d9c39b; Red #f00; Contents: ----------------------------- =Page Structure =Global Styles =Masthead =Navigation =Footer Page/Section-Specific Styles: ----------------------------- =Home Page =Contact Us =Foundation Repair =Commercial Services /* =Page Structure --------------------------------------------------------------------------------------------------*/ .inner { width: 980px; margin: 0 auto; min-width: 980px; } #wrapper .inner { margin-top: 1.5em; } #content { width: 700px; float: right; margin-right: 20px; display: inline;} /* By default, the section navigation is 220px wide and floats on the left side of the main content block. The #content div is 700px wide, with #content-main first, and #content-sub below it. On pages with no side nav, #content-sub can be treated as a sidebar by adding to the rules below: */ /* Make Content Area Full Width (No Sidenav) */ body#home #content, body#contact-us #content, body#scheduler #content, body#structural-foundation-repair #content, body#free-consultation #content {width:960px;} /* Change Column Widths */ body#structural-foundation-repair #content-main, body#free-consultation #content-main { width: 530px; float: left; display: inline; margin-left: 20px; } body#structural-foundation-repair #content-sub, body#free-consultation #content-sub { width: 360px; float: left; display: inline; margin-left: 40px; } body#home #content-main, body#contact-us #content-main { width: 620px; float: left; display: inline; margin-left: 20px; } body#home #content-sub, body#contact-us #content-sub { width: 300px; float: left; display: inline; margin-left: 20px; } body#commercial-services #content-main { width: 380px; float: left; display: inline; margin-left: 0; } body#commercial-services #content-sub { width: 300px; float: left; display: inline; margin-left: 20px; } body#scheduler #content-main { width: 720px; float: left; display: inline; margin-left: 20px; } body#scheduler #content-sub { width: 200px; float: left; display: inline; margin-left: 20px; } #footer { margin: 0; } #footer { clear: both; } /* =Global Styles --------------------------------------------------------------------------------------------------*/ body { background: #039 url(../assets/images/ui/bk-body-tan.gif) top left repeat-x; } #wrapper { background-color: #fff; padding-bottom: 50px; z-index: 100;} x#wrapper { background: transparent url(../assets/images/ui/grid.gif) top center repeat-y; padding-bottom: 50px;} h1,h2,h3,h4,h5,h6 {color: #036; } #content-main h3 {font-size: 1.4em; } a { color: #369; text-decoration: underline; } a:visited { color: #369; } a:hover, a:active { color: #0bd; text-decoration: none; } a.admin-link { margin:0; padding: 0; } a.toplink { text-indent: -9999px; display: block; width: 100%; height: 12px; background: #fff url(../assets/images/ui/bk-toplink.gif) top right repeat-x;} a.backlink, a.backlink:visited { margin-bottom: 1.5em; display: block; background: url(../assets/images/ui/bk-backlink.gif) center left no-repeat; padding-left: 16px; float: right; color: #369;} a.toplink:hover, a.backlink:hover { background-color: #cde; } hr.clear { clear: both; margin: 0; padding: 0; visibility: hidden; border: none; height: 0;} .clear { clear: both; } .nobr { white-space: nowrap; } .nomargin { margin: 0; } .divider { clear: both; margin: 1.5em 0; } .intro {position:relative;} .intro h2 { font-size: 2.4em; } .intro p { font-size: 1.6em; color: #666; } .section { background: #cde; padding: 10px; margin-bottom: 10px;} .section h4 { margin: 0 0 .5em 0; } .section ul {margin-bottom: 0; } .inset-right { float: right; display: inline; margin: 0 0 20px 20px; clear:right;} .inset-left { float: left; display: inline; margin: 0 20px 20px 0; clear: left;} .section .inset-right { margin: 0 0 0 20px; } .section .inset-left { margin: 0 20px 0 0; } .inset-right p, .inset-left p { margin: 0 0 10px 0; font-style: italic; font-size: 1em; text-align: center; color: #369;} p.bottom-nav { text-align: center; margin-top: 1em;} .sidebar-left { margin: 3em 0 0 20px;} ul.drops { margin-left: 15px; list-style-image: url(../assets/images/ui/bullet-drip.gif); list-style-type: none; position: relative;} .phone { color: #000; font-weight: bold; white-space: nowrap; } .category, .smallcaps { font-size: 1.1em; margin-bottom: .3em; color: #8cadc3; text-transform: uppercase; letter-spacing: .3em;} .category { color: #d34; } .caption { color: #369; } /* =Masthead --------------------------------------------------------------------------------------------------*/ #header { width: 980px; height: 130px; margin: 0 auto; position: relative; background: transparent; z-index: 9999; } #logo { text-indent: -9999px; position: absolute; left: 0; top: 0; display: block; width: 146px; height: 130px; margin-left: 20px; background: url(../assets/images/ui/header-logo-tan.gif) top left no-repeat; } a#book-now { position: absolute; top: 12px; right: 0; width: 167px; height: 60px; overflow: hidden; text-indent: -9999px; background: transparent url(../assets/images/ui/book-now-nav.gif) top left no-repeat; } a#book-now:hover { background-position: 0 -60px;} #call { position: absolute; top: 30px; left: 210px; font-weight: bold; color:#369; font-size: 1.25em; text-shadow:1px 1px 3px #999999;} #call strong { font-size: 2em; color: #d34; } /* =Navigation --------------------------------------------------------------------------------------------------*/ #navigation { font-size: 1.125em; position: absolute; height: 2.375em; top: 74px; left: 200px; line-height:1; border-left: 1px solid #eaddc3; border-right: 1px solid #fff;} /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 20em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 1.9em; /* match top ul list item height */ z-index: 9999; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 20em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** USW SKIN ***/ .sf-menu { float: left; margin-bottom: 0; font-weight: bold; font-size: .875em;} .sf-menu a { border-left: 1px solid #fff; border-right: 1px solid #eaddc3; padding: .625em 1em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #369; } .sf-menu ul { border-left: 1px solid #eee; background: url('../assets/images/ui/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;} .sf-menu li { background: transparent; } .sf-menu li li { background: #f6f4ec; } .sf-menu li li li { background: #fff; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active { background: #f6f4ec; outline: 0;} .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background: #cde; outline: 0; } .sf-shadow ul { background: url('../assets/images/ui/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } #navigation .current { background: #fff; } #nav-sub { width: 220px; background: #f1e8d5 url(../assets/images/ui/bk-nav-sub-bottom-tan.gif) left bottom no-repeat; padding: 0 0 15px 0; } #nav-sub ul { list-style: none; margin: 0; background: #f1e8d5 url(../assets/images/ui/bk-nav-sub-top-tan.gif) left top no-repeat; padding: 15px 0 0 0; } #nav-sub li { line-height: 1.2; border-bottom: 1px solid #eaddc3;} #nav-sub li a { text-decoration: none; display: block; padding: 3px 20px; } #nav-sub li a:hover { color: #369; background: #eaddc3; } #nav-sub li a:visited { color: #369; } #nav-sub h4 { width:220px;padding: 3px 0; text-indent: 20px; font-size: 1.1em; margin: 0; color: #d9c39b; text-transform: uppercase; letter-spacing: .3em; background: #fff; } #nav-sub h4.middle { border-bottom: 0; background: #fff url(../assets/images/ui/bk-nav-sub-bottom-tan.gif) left top no-repeat; padding-top: 25px; } #nav-sub li.current, #nav-sub li.current a:hover { background: #fff url(../assets/images/ui/bk-nav-sub-current-tan.gif) left top repeat-y;} /* Hide redundant links on problem-solution pages */ body#foundation-wall-crack a.problem-fwc, body#floor-crack a.problem-fc, body#over-top-of-foundation a.problem-otf, body#window-well a.problem-ww, body#sump-pump a.problem-sp { color: #333; text-decoration: none; cursor: text;} /* =Footer --------------------------------------------------------------------------------------------------*/ #awards { background: #f1e8d5 url(../assets/images/ui/bk-awards.gif) center top repeat-x; position: relative; padding-bottom: 10px;} #awards ul { list-style: none; width: 980px; margin: 0 auto; padding-top: 10px; } #awards li { display: inline; padding: 10px 19px; } #awards img {vertical-align:middle;} #awards .admin-link { position: absolute; right: 50%; bottom:0; } #footer { background: #039 url(../assets/images/ui/bk-footer-top.gif) center top repeat-x; } #footer .inner { padding: 20px 0 50px 0; position:relative; } #footer h5 { margin-left: 140px; color: #fff; font-weight: bold; color: #fd0; font-size: 1.6em; } #footer p { margin-left: 140px; color: #fff; } #footer .phone { color: #fd0; font-weight: bold; font-size: 1.4em; white-space: nowrap; } #footer .services-list { margin-left: 140px; list-style: none; } #footer .services-list li { width: 280px; float: left; display: inline; } .footerlink, .footerlink:visited, #footer .services-list a { color: #fff; } .footerlink:hover, #footer .services-list a:hover { color: #fd0; } #search { clear: both; margin-top: 1.5em; } a.bbb-link { position: absolute; right: 20px; top: 10px; } /* =Home Page --------------------------------------------------------------------------------------------------*/ #homepage-banner { margin: 0 0 20px 20px; position: relative; z-index: 1; } #homepage-banner .admin-link {position:absolute; bottom: 0; right: 0; } .banner-text { padding: 10px; border: 5px solid #0bd; background: #cde; } .banner-text a { color: #f00; } .banner-text .inset-right { float: right; display: inline; margin: 0 0 0 20px;} #awards-sidebar { width: 190px; float: left; display: inline; } #awards-sidebar ul { list-style: none; background: #f2e9d8; margin: 0; margin-top: 1px; padding-bottom: 1em;} #awards-sidebar img { display: block; margin: 0 auto; padding: 1em 0; } body#home .intro { float: right; display: inline; width: 410px; overflow: hidden; } #estimate { background: #f7f2e6 url(../assets/images/ui/free-consultation-tile.jpg) top left no-repeat; padding-top: 40px; padding-bottom: 5px; margin-bottom: 20px; } #estimate fieldset { border: none; margin: 0; padding: 0;} #estimate input { display: block; width: 152px; margin: 0 0 10px 120px; } #estimate .instructions { line-height: 1; margin: 0 30px 5px; color:#036; text-align: right; } .book-submit { background:url(../assets/images/ui/book-now.png) top left no-repeat; cursor:pointer; width: 152px; height: 28px; border: none; } .book-submit:hover { background-position: 0 -28px;} .box-header, #quote h2 { color: #fff; font-size: 1.1em; line-height: 1; margin-bottom: 0; padding: 5px 0; text-transform: uppercase; letter-spacing: .2em; text-align: center; background: #ffa900 url(../assets/images/ui/quote-header.gif) bottom center repeat-x; } #quote blockquote { background: #f2e9d8; border-top: 1px solid #fff; padding: 10px; margin: 0;} #social-media { margin-bottom: 20px; } #facebook { float:left; display: inline; margin-top: 1em;} a.fb-icon { float:left; margin: 3px 10px 0 0; width: 44px; height: 44px; text-indent: -9999px; display: inline-block; background: url(../assets/images/ui/icon-fb.gif) top left no-repeat;} a.fb-icon:hover { background-position: 0 -44px; } #youtube { width :120px; float: right; display: inline; } #youtube a { text-indent: -9999px; display: block; width: 120px; height: 50px; background: url(../assets/images/ui/button-youtube.gif) top left no-repeat;} #youtube a:hover { background-position: 0 -50px; } /* Banner rotation */ #jqb_object img { border: none; } #jqb_object { position:relative; width:940px; height:100px; overflow:hidden; margin: 0 0 20px 20px; z-index: 1;} #jqb_object .admin-link { position: absolute; bottom: 0; right: 0; } #jqb_object .jqb_slide { position:absolute; width:940px; height:100px; } .extended-content { padding: 10px; background: #cde; } /* =Blog --------------------------------------------------------------------------------------------------*/ .articles { list-style: none; margin-left: 0;} .articles h2 a { text-decoration: none; } .articles li { padding-bottom: 1; margin-bottom: 1em; border-bottom: 1px solid #eaddc3;} /* =Contact Us --------------------------------------------------------------------------------------------------*/ ul.locations { list-style: none; margin: 1em 0 1.5em 0;} #content-main ul.locations h3, #content-sub ul.locations h3 { font-size: 1.1em; margin: .5em 0 .3em 0; color: #8cadc3; text-transform: uppercase; letter-spacing: .3em; padding-bottom: .2em; border-bottom: 1px solid #8cadc3; } ul.locations ul { list-style: none; margin: 0; } ul.locations ul li { padding-bottom: .3em; } body#contact-us #wrapper .phone, body#service-area #wrapper .phone, p.consultation, p.consultation a { color: #d34; font-weight: bold; } .vcard .org { font-weight: bold; margin-bottom: 0; } #content-main ul.locations { width: 600px; padding-bottom: 2.5em;} #content-main ul.locations h5 { clear: both; line-height: 2em; } #content-main ul.locations li { clear: both;} #content-main ul.locations ul li { width: 200px; float: left; display: inline; clear: none; } body#service-area h4 { clear: both; } .map { margin-bottom: 3em;} /* =Foundation Repair --------------------------------------------------------------------------------------------------*/ body#structural-foundation-repair #content-sub h2 { font-size: 1.4em; line-height: 1.25; padding: 0 0 10px 0;} body#structural-foundation-repair .section .uswpimage { float: right; display: inline; margin: 0 0 0 20px; } body#structural-foundation-repair .section ul { margin-left: 1em; } /* =Commercial Services --------------------------------------------------------------------------------------------------*/ ul.two-column { margin-left: 0; width: 100%;} ul.two-column li { width: 45%; float: left; display: inline; padding: 1px 0 .5em 15px; background: url(../assets/images/ui/bullet-drip.gif) top left no-repeat; } #testimonials ul.two-column { width: 450px; } /* =testimonials --------------------------------------------------------------------------------------------------*/ blockquote.sidebar { width: 220px; text-align: center; margin: 20px 0 0 0; padding-bottom: 20px} blockquote p { font-style: italic; font-size: 1.4em; margin-bottom: .5em; color: #369; } .credit { font-style: normal; font-size: 1em; text-align: center;} .testimonial { padding: 20px; } /* =sitemap --------------------------------------------------------------------------------------------------*/ ul.site-map { list-style: none; margin: 0; } .site-map h2 { font-size: 1em; text-transform: uppercase; letter-spacing: .2em; margin:.8em 0 .2em 0; color: #0bd;} ul.site-map ul { list-style: none; margin-bottom: 0; } ul.site-map ul.services { margin-left: 0;} ul.site-map li, ul.site-map ul li { margin-top: .25em; margin-bottom: .25em; } li.free-consultation a { font-weight: bold; color: #d34} /* =FAQ --------------------------------------------------------------------------------------------------*/ ul#questions { margin-bottom: 3em; } div.answer { padding: 5px; } div.answer:target, div.answer.sftarget { background-color: #cde; } /* =Services --------------------------------------------------------------------------------------------------*/ div.service { padding: 5px; } div.service:target, div.service.sftarget { background-color: #cde; } .service p, .service h3, .service a.admin-link { width: 495px; float: right; clear: right; } /* =Images --------------------------------------------------------------------------------------------------*/ .uswpimage { position: relative; display: block;} p.copyright { visibility: hidden; background: url(../assets/images/ui/transgrid.gif) top left; padding: 3px; margin: 0; text-align: center; font-size: .8em; position: absolute; bottom: 0; left: 0; width: 100%;} .uswpimage:hover p.copyright, .uswpimage.sfhover p.copyright { visibility: visible; } /* =Basement Waterproofing Image Map --------------------------------------------------------------------------------------------------*/ #basement-illustration { width: 500px; float: right; display: inline; } #nav-basement { position: relative; width: 500px; height: 350px; margin: 0 0 0 20px; background: url(../assets/images/ui/nav-basement.jpg) top left no-repeat; } #nav-basement li { display: block; position: absolute; list-style: none; margin: 0; padding: 0; } #nav-basement a { display: block; text-indent: -9999px; text-decoration: none; outline: none; } #b-mj { width: 114px; height: 117px; top: 55px; left: 0; } #b-sp { width: 120px; height: 197px; top: 0; left: 138px; } #b-ww { width: 71px; height: 78px; top: 0; left: 257px; } #b-otf { width: 99px; height: 78px; top: 0; left: 327px; } #b-fwc { width: 203px; height: 32px; top: 78px; right: 0; } #b-tr { width: 168px; height: 20px; top: 109px; right: 0; } #b-pp { width: 141px; height: 35px; top: 128px; right: 0; } #b-pc { width: 69px; height: 155px; bottom: 0; right: 42px; } #b-cj2 { width: 65px; height: 155px; bottom: 0; right: 111px; } #b-fd { width: 67px; height: 129px; bottom: 0; left: 223px; } #b-fc { width: 63px; height: 139px; bottom: 0; left: 161px; } #b-cj { width: 77px; height: 154px; bottom: 0; left: 84px; } #b-mj a { height: 117px; } #b-sp a { height: 197px; } #b-ww a { height: 78px; } #b-otf a { height: 78px; } #b-fwc a { height: 32px; } #b-tr a { height: 20px; } #b-pp a { height: 35px; } #b-pc a { height: 155px; } #b-cj2 a { height: 155px; } #b-fd a { height: 129px; } #b-fc a { height: 139px; } #b-cj a { height: 154px; } #nav-basement a:hover { background: url(../assets/images/ui/nav-basement.jpg) top left no-repeat; } #b-mj a:hover { background-position: 0 -405px;} #b-sp a:hover { background-position: -138px -350px; } #b-ww a:hover { background-position: -257px -350px; } #b-otf a:hover { background-position: -327px -350px; } #b-fwc a:hover { background-position: -297px -428px; } #b-tr a:hover { background-position: -332px -459px; } #b-pp a:hover { background-position: -359px -478px; } #b-pc a:hover { background-position: -389px -545px; } #b-cj2 a:hover { background-position: -324px -545px; } #b-fd a:hover { background-position: -223px -571px; } #b-fc a:hover { background-position: -161px -561px; } #b-cj a:hover { background-position: -84px -546px; } /* =Media --------------------------------------------------------------------------------------------------*/ body#media .section { background: #fff; padding: 0; margin-bottom: 2em;} /* =Search --------------------------------------------------------------------------------------------------*/ body#search .section h3 a { font-weight: bold; } body#search .section { padding: 10px; margin-bottom: 0px; border-top: 1px solid #369;} .section.even { background-color: #fff;} /* Custom Right Click Menu --------------------------------------------------------------------------------------------------*/ /* Generic context menu styles */ .contextMenu { position: absolute; z-index: 99999; border: solid 1px #CCC; background: #cde; padding: 3px; margin: 0px; display: none; } .contextMenu LI { list-style: none; padding: 0px; margin: 0px; } .contextMenu A { color: #369; text-decoration: none; display: block; line-height: 20px; height: 20px; background-position: 6px center; background-repeat: no-repeat; outline: none; padding: 1px 5px; padding-left: 28px; } .contextMenu LI.hover A { color: #FFF; background-color: #3399FF; } .contextMenu LI.disabled A { color: #AAA; cursor: default; } .contextMenu LI.hover.disabled A { background-color: transparent; } .contextMenu LI.separator { border-top: solid 1px #CCC; } /* Clearfix ------------------------------------------------------------------------------------------------- */ .group:before, .group:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .group:after { clear: both; } .group { zoom: 1; }