body { font: 100%/1.5em "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #003979; background: #fff url(../images/site/header-bg-sun.jpg) no-repeat 50% 0%; min-width: 960px; margin: 0; padding: 0; } #container { width: 940px; padding: 0 10px; margin: 0 auto; } hr { display: none; } a { color: #1495AF; -webkit-transition:color 0.15s linear; } a:hover { color: #003A79; text-decoration: none; } h1 { font-size: 1.75em; line-height: 1.3125em; margin: 1em 0 .5em; } h2 { font-size: 1.3125em; line-height: 1.3125em; font-weight: 600; margin: .83em 0 .3em; } h3 { font-size: 1.125em; margin: .83em 0 .3em; } h4 { font-size: 1em; margin: .83em 0 .3em; } p { margin: .67em 0; } ul, ol { margin: 1em 0; padding: 0; } li { margin: 0 0 .4em 1.5em; padding: 0; } blockquote { font-size: 1.1em; margin: 1em 0; } img { border: 0; } sup { line-height: 1em; font-size: .75em; } p#skip { position: absolute; top: -250px; } #header { height: 215px; width: 960px; overflow: hidden; margin: 0 -10px 20px; position: relative; } #site-name { margin: 30px 0 0 10px; padding: 0; } #site-name a { display: block; height: 39px; width: 359px; text-indent: -9999px; background: url(../images/site/logo.png) no-repeat; } #quickcontact { position: absolute; top: 30px; right: 16px; text-align: right; } #quickcontact p.tel { font-size: 1.125em; margin: 0; line-height: 1em; } #quickcontact p.email { font-size: .875em; margin: 0; line-height: 2em; color: #1495AF; } #quickcontact p.email a { display: inline; } #header #search { position: absolute; top: 42px; left: 471px; font-size: .875em; } #header #search span.prettyplaceholder { font-size: .9285em; font-weight: bold; margin: 0 5px 0 0; display: none; } .searchwrap { position: relative; width: 140px; } .searchwrap .left { background: url(../images/site/searchfield_left.png) no-repeat scroll left top; display: block; position: absolute; left: 0; top:0; width: 20px; height: 19px; } .searchwrap .right { background: url(../images/site/searchfield_right.png) no-repeat scroll right top; display: block; position: absolute; right: 0; top:0; width: 20px; height: 19px; } .searchwrap input { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 3px 0 0 0; width: 110px; background: transparent url(../images/site/searchfield_repeat.png) repeat-x scroll center top; position: absolute; right: 10px; outline: none; border: 0; position: absolute; top: 0; height: 16px; line-height: normal; } #nav { list-style: none; margin: 0; padding: 0; display: block; position: absolute; top: 100px; width: 960px; background: #003A79 url(../images/site/header-bg-sun.jpg) no-repeat -320px -100px; } #nav li { float: left; text-align: center; white-space: nowrap; margin: 0; padding: 0; } #nav a { float: left; color: #fff; text-decoration: none; font-weight: bold; height: 45px; line-height: 44px; padding: 0 33px 0; -webkit-transition:background 0.15s linear; } #nav li.home a { width: 51px; text-align: left; padding-left: 7px; } #nav li.what a { width: 95px; } #nav li.solutions a { width: 77px; } #nav li.skip a { width: 87px; } #nav li.who a { width: 94px; } #nav li.news a { width: 49px; } #nav li.contact a { width: 89px; padding: 0 7px 0 35px; } #nav a span { float: left; height: 38px; padding: 0px 3px 7px; cursor: pointer; } #nav a:hover { background-color: rgba(0,0,0,0.1); } #home #nav li.home span, #what-we-do #nav li.what span, #solutions #nav li.solutions span, #skip-quote #nav li.skip span, #who-we-are #nav li.who span, #news #nav li.news span, #contact #nav li.contact span { border-bottom: 7px solid rgba(255,255,255,0.3); padding-bottom: 0px; color: #ffc; } #content { width: 940px; font-size: .875em; line-height: 1.5em; padding-top: 1px; } #content ul#subnav { list-style: none; margin: 0 0 10px; padding: 0 0 4px; overflow: hidden; font-size: 1.07em; display: block; background: url(../images/site/subnav-bg.png) no-repeat center bottom; text-align: center; } #content ul#subnav li { display: inline; list-style: none; margin: 0; padding: 0; } #content ul#subnav li a { color: #999; font-weight: bold; text-decoration: none; line-height: 50px; } #content ul#subnav li a:hover { color: #666; } #content ul#subnav li.selected a { color: #666; cursor: default; } #content ul#subnav li a span { padding: 16px 20px; } #content ul#subnav li a:hover span { } #left { width: 235px; margin: 10px 35px 0 0; padding: 0px 0 0; float: left; } #left .subnav { background: url(../images/site/subnav-bg-top.png) no-repeat right top; margin: 0 0 20px; } #left .subnav ul { list-style: none; margin: 0; padding: 6px 0 7px; background: url(../images/site/subnav-bg-bottom.png) no-repeat right bottom; } #left .subnav ul li { margin: 0; padding: 0; width: 229px; background: url(../images/site/subnav-separator.png) no-repeat 0px 0px; } #left .subnav ul a { display: block; text-decoration: none; font-weight: bold; padding: 12px 0px 12px 31px; background: url(../images/site/eco-icon-sml.png) no-repeat 0px 10px; color: #003A79; width: 198px; } #left .subnav ul a:hover { color: #1495AF; background-position: 0px -90px; } #left .subnav ul li.first { background-position: 0 -10px; } #left .subnav ul li.selected { background-position: -250px 0; } #left .subnav ul li.selected a { color: #1495AF; background-position: 0px -90px; cursor: default; } #left .subnav ul li.last a { padding-bottom: 14px; } #left .picture-box-thumb { height: 75px; width: 100px; float: left; margin: 0 3px 10px; background: url(../images/site/right-thumb-box.png) no-repeat; padding: 5px; } #left .picture-box-thumb a { display: block; margin: 0px; } #left .picture-box-portrait { float: left; height: 290px; width: 221px; margin: 5px 0 10px; background: url(../images/site/left-portrait-picture-box.png) no-repeat; padding: 6px 7px 9px; } #left .picture-box-portrait a { display: block; margin: 0px; } #left .picture-box-landscape { float: left; height: 165px; width: 221px; margin: 5px 0 10px; background: url(../images/site/left-landscape-picture-box.png) no-repeat; padding: 6px 7px 9px; } #left .picture-box-landscape a { display: block; margin: 0px; } #main { width: 440px; margin: 0 35px 0 0; float: left; } #main p.thumbnails { margin: 1em 0 1em; overflow: hidden; } #main p.thumbnails a { float: left; margin: 2px 2px 0 0; border: 1px solid #eee; padding: 1px; } #main p.thumbnails a img { display: block; } #main p.thumbnails a:hover { border: 1px solid #ddd; } #right { width: 190px; float: left; padding: 0; overflow: hidden; } #right .picture-box-portrait { height: 245px; width: 180px; margin: 20px 0 0; background: url(../images/site/right-portrait-190-picture-box.png) no-repeat; padding: 5px; } #right .picture-box-portrait a { display: block; margin: 0px; } #right .picture-box-landscape { height: 137px; width: 180px; margin: 20px 0 0; background: url(../images/site/right-landscape-190-picture-box.png) no-repeat; padding: 5px; } #right .picture-box-landscape a { display: block; margin: 0px; } #featured { overflow: hidden; margin: .5em 0 2em; padding: 0; list-style: none; } #featured li { width: 190px; margin: 0 0 1em; padding: 0; list-style: none; font-size: .785em; line-height: 1.125em; background: url(../images/site/featured-shadow.png) no-repeat 1px 141px; } #featured li a { text-decoration: none; display: block; } #featured li img { display: block; margin: 0 0 4px; border: 1px solid #eee; border-bottom: 0; } #featured li span { padding: 5px; display: block; } #footer { clear: both; padding: 40px 0 5px; width: 960px; margin: 0 -10px 20px; text-align: left; background: url(../images/site/logo-sml.png) no-repeat bottom left; } #footer-nav { clear: both; border: 1px solid #eee; border-width: 1px 0; padding: 7px 5px; margin: 0; font-size: .6875em; line-height: 1.5em; text-transform: uppercase; color: #999; position: relative; } #footer-nav a { text-decoration: none; margin: 0 .5em; } #footer-nav a.current { color: #003A79; font-weight: bold; } #footer-nav br { display: none; } #footer-nav a.top { position: absolute; top: 7px; right: 10px; background: url(../images/site/arrows.gif) no-repeat 26px -59px; padding: 0 20px 0 0; margin: 0; } #footer-nav a.top:hover { background-position: 26px -89px; } #copyright { font-size: .5625em; line-height: 1em; color: #ccc; margin: 30px 0 .5em 250px; } #reg { font-size: .5625em; line-height: 1em; color: #ccc; margin: 0 0 3px 250px; } /* Content styles */ p.intro { font-size: 1.142em; margin-top: 0; } p.more { font-weight: bold; margin-top: 1em; } p.more a { font-weight: bold; background: url(../images/site/arrows.gif) no-repeat 0px 2px; padding: 0 0 0 20px; } p.more a:hover { background-position: 0px -28px; } a.more { font-weight: bold; background: url(../images/site/arrows.gif) no-repeat 0px 2px; padding: 0 0 0 20px; margin-left: 1em; } p.small { font-size: .875em; margin: 0; } /* Home page */ #home { background-image: url(../images/site/header-bg-field.jpg); } #home #header { height: 295px; width: 960px; overflow: hidden; margin: 0 -10px 18px; position: relative; } #home #nav { background: #003A79 url(../images/site/header-bg-field.jpg) no-repeat -320px -100px; } #home #header h2 { position: absolute; bottom: 15px; left: 5px; margin: 0; background: url(../images/site/strapline.png) no-repeat; text-indent: -9999px; width: 940px; height: 60px; } #home #solutions { overflow: hidden; width: 940px; margin: 0 -2px 16px; } #home #solutions h3 { display: none; } #home #solutions ul { list-style: none; margin: 0; padding: 0; font-size: .857em; line-height: 1.5em; } #home #solutions ul li { margin: 0; padding: 0; float: left; } #home #solutions ul a { display: block; text-decoration: none; font-weight: bold; padding: 8px 0px 8px 31px; background: url(../images/site/eco-icon-sml.png) no-repeat 0px 5px; color: #003A79; } #home #solutions ul a:hover { color: #1495AF; background-position: 0px -95px; } #home #solutions ul li.s2 a, #home #solutions ul li.s6 a { width: 205px; } #home #solutions ul li.s3 a, #home #solutions ul li.s7 a { width: 230px; } #home #solutions ul li.s4 a, #home #solutions ul li.s8 a { width: 195px; } #home #solutions ul li.s5 a, #home #solutions ul li.s9 a { width: 185px; } #home #main { float: left; width: 620px; margin: 5px 0 0 0; } #home #side { float: left; width: 280px; margin: 0 0 0 40px; } #home #quickquotebox { height: 45px; width: 280px; margin: 0 0 1.25em; overflow: hidden; } #home #quickquotebox a { display: block; background: url(../images/site/quickquotebox.png) no-repeat; height: 45px; width: 280px; text-decoration: none; font-weight: bold; text-indent: 90px; line-height: 41px; } #home #quickquotebox a:hover { background-position: 0px -50px; } #latest-news { position: relative; overflow: hidden; background: #FDFCF6; border: 1px solid #eee; padding: 10px 10px 15px; } #latest-news h3 { margin: .1em 0 0.5em 5px; } #latest-news h3 a { color: #003A79; text-decoration: none; } #latest-news .rss { position: absolute; top: 9px; right: 15px; margin: .1em 0 0; padding-top: 2px; } #latest-news .rss a { font-size: .8em; font-weight: bold; text-decoration: none; background: url(../images/site/rss.png) no-repeat 0% 50%; padding: 4px 0 4px 20px; min-height: 20px; } #latest-news ul { margin: 0; padding: 0; list-style: none; } #latest-news li { margin: 0; padding: 0; font-size: .9em; line-height: 1.2em; } #latest-news li a { text-decoration: none; display: block; background: url(../images/site/arrow.gif) no-repeat 97% 93%; padding: 5px 30px 5px 5px; } #latest-news li a:hover { background-position: 100% 93%; } #latest-news li span.posted { font-size: .9em; text-decoration: none; line-height: 1.8em; color: #003A79; } #home #side .news-shadow { background: url(../images/site/side-news-shadow.png) no-repeat; height: 4px; } #home #featured { margin: 1em 0; } #home #featured li { float: left; margin: 0 15px 1em 0; } #home #featured li.last { margin: 0; } /* Search */ #search #main { width: 710px; } /* Solutions */ body#solutions, body#solutions #nav { background-image: url(../images/site/header-bg-hills.jpg); } #solutions #main { width: 400px; margin: 0 30px 0 0; } #solutions #right { width: 240px; } #solutions #right .why-us { margin: 1.75em 0 0; border: 1px solid #eee; padding: 15px; } #solutions #right .why-us h2 { margin: 0 0 .1em; } #solutions #right .why-us ul { margin: 0 0 0; padding: .3em 0; list-style: none; } #solutions #right .why-us li { background: url(../images/site/tick.gif) no-repeat 2px 5px; list-style: none; margin: 0 0 .67em; line-height: 1.2em; border-top: 1px solid #eee; padding: .4em 0 0 22px; margin: .4em 0 0; } #solutions #right .why-shadow { background: url(../images/site/services-links-shadow.png) no-repeat; height: 4px; margin: 0 0 1em; } #solutions #right blockquote { background: url(../images/site/quote-l.gif) no-repeat; padding: 25px 0 0; font-size: 1.2em; } #solutions #right blockquote em { display: block; font-size: .75em; margin: .67em 0 1em; padding: 5px 30px 0 0; line-height: 1.3em; background: url(../images/site/quote-r.gif) no-repeat top right; } #solutions #right .links { clear: left; background: #FDFCF6; border: 1px solid #eee; padding: 15px 20px; margin: 2em 0 0; } #solutions #right .links h3 { margin: 0 0 .8em; } #solutions #right .links ul { margin: 0; } #solutions #right .links ul li { margin: 0 0 .5em 0; list-style: none; font-size: .8571em; background: url(../images/site/+icon-sml.png) no-repeat 0px 1px; padding: 2px 0 2px 21px; line-height: 1.25em; } #solutions #right .links ul li a { } #solutions #right .links-shadow { background: url(../images/site/services-links-shadow.png) no-repeat; height: 4px; margin: 0 0 3em; } #solutions #right .picture-box-landscape { height: 186px; width: 226px; margin: 20px 0 0; background: url(../images/site/right-landscape-picture-box.png) no-repeat; padding: 7px; } #solutions #right .picture-box-landscape a { display: block; margin: 0px; } #solutions #right .picture-box-portrait { height: 306px; width: 226px; margin: 20px 0 0; background: url(../images/site/right-portrait-picture-box.png) no-repeat; padding: 7px; } #solutions #right .picture-box-portrait a { display: block; margin: 0px; } #solutions #right .picture-box-thumb { height: 88px; width: 110px; float: left; margin: 0 0 5px; background: url(../images/site/right-thumb-box.png) no-repeat; padding: 5px; } #solutions #right .picture-box-thumb a { display: block; margin: 0px; } #solutions.index #main { width: 440px; margin: 0 35px 0 0; } #solutions.index #main .solution { margin: 1em 0 1em; } #solutions.index #main .solution h2 { font-size: 1.143em; margin-bottom: 0; } #solutions.index #main .solution h2 a { text-decoration: none; } #solutions.index #main .solution p.more { margin: 0; } #solutions.index #right { width: 190px; } /* Who we are */ #who-we-are, #who-we-are #nav { background-image: url(../images/site/header-bg-beach.jpg); } #who-we-are #locations { margin-top: 2em; overflow: hidden; } #who-we-are #locations h2 { margin-bottom: 1em; } #who-we-are #locations .location { width: 418px; border: 1px solid #eee; padding: 10px 10px 5px; margin: 0 0 10px; } #who-we-are #locations .location.left { clear: left; } #who-we-are #locations .location.right { margin-right: 0; } #who-we-are #locations .location h3 { margin: 0; font-size: 1em; } #who-we-are #locations .location p { margin: .5em 0; line-height: 1.4em; } #who-we-are .gmap { height: 250px; width: 418px; } /* News */ #news #main .post { border-top: 1px solid #eee; padding: 1.2em 0 1em; } #news #main .post h2 { margin: 0 0 .7em; } #news #main .post h2 a { text-decoration: none; } #news #main h1.entry-title { margin-top: 0; } #news #main p.date { margin: 2em 0 0; font-size: .857em; } #news #main .notes { font-size: .857em; background: #FDFCF6; border: 1px solid #eee; padding: 10px 10px 15px; margin: 4em 0 1em; } #news #main blockquote { margin: 0 0 1em 0; border-left: 8px solid #DFEFF0; padding: 0 0 0 12px; } #news #main .image { margin: 2em 0; } #news.index #main p.date { margin: 0; } #news #recent { margin: 2em 0 0; } #news #recent ul { list-style: none; } #news #recent li { margin: 0 0 .8em; padding: 0; list-style: none; font-size: 0.875em; line-height: 1.25em; } #news #recent li .date { display: block; } #mailing-list { background: url(../images/site/featured-side-shadow.png) no-repeat center bottom; padding: 0 0 4px; margin: 1em 0; } #mailing-list form { background: #FDFCF6; border: 1px solid #eee; padding: 10px 10px; margin: 0; } #mailing-list h4 { margin: 0 0 .5em; } #mailing-list label { font-size: 0.875em; line-height: 1em; } #mailing-list input { width: 160px; } #mailing-list .submit { margin: .5em 0 0; } #mailing-list .submit input { width: auto; } /* Contact */ #contact, #contact #nav { background-image: url(../images/site/header-bg-site.jpg); } #contact #main { width: 710px; } #contact #enquiry { overflow: hidden; } #contact #enquiry .col { width: 320px; margin: 0 20px 0 0; float: left; } #contact #enquiry .col.right { margin: .5em 0 0; } #contact .text label, #contact .textarea label { font-size: .928em; line-height: 1.4em; } #contact .text span { font-size: .75em; line-height: 1.4em; } #contact .checkboxes { margin: 0 0 1.5em; } #contact .checkboxes label { display: block; font-size: .928em; line-height: 1.4em; } #contact .submit { margin: 1em 0; clear: left; } #contact .text input, #contact textarea { width: 300px; } #contact #right .address { background: #FDFCF6; border: 1px solid #eee; padding: 10px 10px 5px; margin: 2.5em 0 0; } #contact #right .address h3 { margin: 0; } #contact #right .address-shadow { background: url(../images/site/featured-side-shadow.png) no-repeat 4px 0; height: 4px; } /* What we do */ #what-we-do, #what-we-do #nav { background-image: url(../images/site/header-bg-mrf.jpg); } #what-we-do.video #main { width: 940px; float: none; text-align: center; padding: 20px 0; } /* Skip hire */ #skip-quote, #skip-quote #nav { background-image: url(../images/site/header-bg-wire.jpg); } #skip-quote #intro { width: 480px; float: left; margin: 0 60px 0 0; } #skip-quote #intro p { margin-top: .5em; } #skip-quote #intro p.call { background: url(../images/skip-quote/phone.png) no-repeat 0 2px; padding-left: 40px; margin: 1em 0; } #skip-quote #links { float: left; width: 400px; } #skip-quote #links p.more { margin: 1.5em 0 0 5px; } #skip-quote #links p.more a { margin-right: 1.5em; } #skip-quote #quote { float: left; padding: 1em 0; } #skip-select { list-style: none; padding: 0; margin: 0 60px 0 -6px; width: 480px; float: left; } #skip-select li { list-style: none; margin: 0 0 5px; padding: 0; width: 435px; height: 111px; overflow: hidden; background: url(../images/skip-quote/skip-select-bg.png) no-repeat 0px -310px; padding: 20px 10px 20px 30px; } #skip-select li.hover { background-position: 0px -155px; } #skip-select li.select { background-position: 0px 0px; } #skip-select li img { float: right; } #skip-select li h3 { margin-top: 10px; } #skip-select li.hover h3, #skip-select li.select h3 { color: #1495AF; } #SkipOrderForm { width: 400px; margin: 0 0 2em 0; float: left; } #SkipOrderForm fieldset { border: 0; padding: 0; margin: 0; } #SkipOrderForm legend { display: none; font-size: 1.285em; font-weight: bold; } #SkipOrderForm .input label { display: block; font-size: .857em; margin: 1em 0 0; padding: 0 4px; } #SkipOrderForm .input input, #PostcodeSearchForm .input select { font-size: 1.428em; } #SkipOrderForm .materials { overflow: hidden; zoom: 1; } #SkipOrderForm .materials p { margin: 1em 0 0; font-size: .857em; padding: 0 4px; } #SkipOrderForm .materials .checkbox { float: left; padding: 3px 10px 3px 0; } #SkipOrderForm .submit { padding: 0px; margin: 2em 0; } #SkipOrderForm .submit input { font-size: 1.428em; } #SkipOrderForm p.quote { font-size: 1.428em; font-weight: bold; float: left; padding: 3px 2em 5px 15px; } #SkipOrderForm a#date-pick, #SkipOrderForm a#permit_link { margin-left: 1em; } #SkipOrderForm .error-message { color: #C00; padding: 0 1px; } #skip-quote #skipquote { width: 320px; float: left; margin: 0 60px 2em 0; } #skip-quote #skipquote ul { list-style: none; margin: 0; padding: 0; } #skip-quote #skipquote ul li { list-style: none; margin: 0 0 .3em; padding: 0; } #skip-quote #skipquote ul li ul { margin: 0 0 0 1em; } #skip-quote #skipquote ul li ul li { margin: 0 0 .15em; line-height: 1.3em; } #skip-quote #skipquote p.price { font-size: 1.142em; margin: 1em 0 2em; } #skip-quote #skipquote p.price strong { color: #C00; } #skip-quote #orderdetails { width: 340px; float: left; margin: 2.5em 0 2em; } #SkipDetailsForm fieldset { border: 1px solid #eee; padding: 5px 15px 20px; } #SkipDetailsForm legend { font-size: 1.285em; font-weight: bold; color: #003979; } #SkipDetailsForm .input label { display: block; font-size: .857em; margin: .5em 0 0; } #SkipDetailsForm .input input { width: 295px; } #SkipDetailsForm textarea { width: 300px; } #SkipDetailsForm .submit { padding: 15px; } #SkipDetailsForm .submit input { font-size: 1.428em; } #SkipDetailsForm p.quote { font-size: 1.428em; font-weight: bold; float: left; padding: 3px 2em 5px 15px; } #SkipDetailsForm .error-message { color: #C00; padding: 0 1px; } #skip-quote #about { float: left; width: 258px; margin: 2em 0 0 40px; background: #FDFCF6; border: 1px solid #eee; padding: 20px 20px 15px; font-size: .875em; line-height: 1.5em; } #skip-quote #about h3 { margin-top: 0; } #skip-quote .about-shadow { background: url(../images/site/skip-about-shadow.png) no-repeat; height: 4px; float: left; width: 300px; margin: 0 0 0 40px; } #skip-quote #faqs { float: left; width: 590px; overflow: hidden; padding: 1em 0 0; font-size: .8125em; line-height: 1.4em; } #skip-quote #faqs .col { width: 285px; float: left; margin-right: 20px; } #skip-quote #faqs .col.last { margin: 0; } table.jCalendar { border: 1px solid #ccc; background: #eee; border-collapse: separate; border-spacing: 2px; } table.jCalendar th { background: #fff; color: #ccc; font-weight: bold; padding: 3px 5px; } table.jCalendar td { background: #fff; color: #666; padding: 3px 5px; text-align: center; } table.jCalendar td.other-month { background: #fff; color: #ccc; } table.jCalendar td.today { background: #666; color: #fff; } table.jCalendar td.selected { background: #f66; color: #fff; } table.jCalendar td.selected.dp-hover { background: #f33; color: #fff; } table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #fff; color: #000; } table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; } table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #bbb; color: #888; } table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; } /* For the popup */ div.dp-popup { position: relative; background: #fff; font-size: 10px; padding: 2px; width: 171px; line-height: 1.2em; } div#dp-popup { position: absolute; z-index: 199; } div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; } a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; } a#dp-close:hover { text-decoration: underline; } div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; } div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; } div.dp-popup div.dp-nav-prev a { float: left; } /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; } div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; } div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; } div.dp-popup div.dp-nav-next a { float: right; } div.dp-popup a.disabled { cursor: default; color: #aaa; } div.dp-popup td { cursor: pointer; } div.dp-popup td.disabled { cursor: default; } /* SLIMBOX */ #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #eee; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(../images/site/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(../images/site/prevlabel.gif) no-repeat 0 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(../images/site/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/site/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; }