/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } :focus { outline: 0; } /*****************************************************/ html { height: 100%; margin-bottom: 1px; overflow-y:scroll; } body { background: #FFF; color: #727272; font-family: Arial, Helvetica, sans-serif; } a { color: #727272; text-decoration: none; } b, strong { font-weight: bold; } i, em { font-style: italic; } /* toolchest */ .pull-left { float: left; } .pull-right { float: right; } .outer { min-width: 960px; } .inner { width: 940px; margin: 0 auto; padding: 0 10px; } .margin-right-none { margin-right: 0 !important; } .hidden { display: none; } /* layout */ #header { height: 120px; } #footer { height: 280px; border-top: 1px solid #DEDEDE; } #content { width: 100%; background: #F4F4F4; padding: 40px 0; } /* header */ #logo a { background: url('/images/logo.jpg'); float: left; width: 139px; margin: 40px 0 0; height: 46px; display: block; text-indent: -9999px; } #country-switcher { padding-top: 43px; width: 200px;} #country-switcher .cn-switch { display: none; float: right; font-size: 12px; font-weight: bold;} #country-switcher .cn-switch a { color: #3F91D0;} #country-switcher.with-cn { padding-top: 36px;} #country-switcher.with-cn .cn-switch { display: block;} #country_list { margin: 7px 0 7px; float: right; clear: right; } #country_list li { margin: 0 0 0 5px; float: left; } #country_list li a { display: block; } #country_list .uk { background: url('/images/flags/uk.jpg'); width: 22px; height: 14px; text-indent: -9999px; } #country_list .ch { background: url('/images/flags/ch.jpg'); width: 22px; height: 14px; text-indent: -9999px; } #country_list .aus { background: url('/images/flags/aus.jpg'); width: 22px; height: 14px; text-indent: -9999px; } #telephone { color: #727272; clear: both; float: right; letter-spacing: 0.03em; font-weight: bold; } .system-message { font-size: 0.9em; text-align: center; color: #fff; background-color: #b53f3f; border-bottom: 1px solid #a95f5f; padding: 5px; } .system-message A { color: #ddd; } /* navigation */ #navigation { height: 32px; background: #F4F4F4 url('/images/sprites/navigation-sprite.png') repeat-x 0 -83px; } #navigation ul { height: 31px; margin: 0 auto; } #navigation ul li { float: left; } #navigation ul li a { text-transform: uppercase; font-size: 0.8em; padding: 0 10px; display: block; border-right: 1px solid #D0D0D0; box-shadow: inset -1px 0 0 #F0F0F0; line-height: 31px; text-shadow: 0px 1px 1px #FFF; } #navigation ul li:hover a { color: #3F91D0; background: url('/images/sprites/navigation-sprite.png') repeat-x 0 -1px; box-shadow: none !important;; } #navigation ul li.active a { color: #3F91D0; background: url('/images/sprites/navigation-sprite.png') repeat-x 0 -41px; } #navigation li#product_link a { border-left: 1px solid #D0D0D0; box-shadow: -1px 0 0 #F0F0F0 inset, -1px 0 0 #F0F0F0; padding: 0 65px 0 10px; } #navigation li#product_link:hover { background: url('/images/sprites/navigation-sprite.png') repeat-x 0 -1px; } #navigation li#product_link:hover a { color: #3F91D0; } #navigation li#product_link.active { box-shadow: 0 1px 0 #F4F4F4 !important; color: #3F91D0; background: url('/images/sprites/navigation-sprite.png') repeat-x 0 -41px; } #navigation li#product_link.active a { } #navigation li#product_link.js-link a { background: url('/images/sprites/small-down-arrow-sprite-new.png') no-repeat 123px 10px; } #navigation li#product_link.js-link:hover a { color: #3F91D0; background: url('/images/sprites/small-down-arrow-sprite-new.png') no-repeat 123px -123px; cursor: pointer; } #navigation li#product_link.js-link.active a { background: url('/images/sprites/small-up-arrow-sprite.png') no-repeat 123px 11px;} #navigation li#product_link.js-link.active a:hover { box-shadow: 0 1px 0 #F4F4F4 !important; background: url('/images/sprites/small-up-arrow-sprite.png') no-repeat 123px -49px; } /* product navigation */ #product_navigation { height: 379px; background: #F4F4F4; border-bottom: 1px solid #D5D5D4; box-shadow: 0 1px 0 #FFFFFF; } #product_navigation .close { height: 46px; border-bottom: 1px solid #D5D5D4; box-shadow: 0 1px 0 #FFF; border-right: 1px solid #D5D5D4; border-left: 1px solid #D5D5D4; } #product_navigation .close a { background: url('/images/sprites/close-sprite.png') no-repeat right 2px; padding: 0 20px 0 0; float: right; font-size: 0.8em; font-style: italic; font-family: Georgia; font-weight: bold; color: #ADADAD; margin: 24px 10px 0 0; } #product_navigation .close a:hover { color: #3F91D0; background: url('/images/sprites/close-sprite.png') no-repeat right -18px; cursor: pointer; } #product_navigation .block { width: 223px; height: 153px; display: block; float: left; padding: 13px 0 0 11px; transition:background 1s, box-shadow 1s; -moz-transition:background 1s, box-shadow 1s; /* Firefox 4 */ -webkit-transition:background 1s, box-shadow 1s; /* Safari and Chrome */ -o-transition:background 1s, box-shadow 1s; /* Opera */ } #product_navigation .bottom { border-bottom: 1px solid #D5D5D4; /*box-shadow: 0 1px 0 #FFF;*/ } #product_navigation .left { border-left: 1px solid #D5D5D4; width: 222px !important; } #product_navigation .right { border-right: 1px solid #D5D5D4; } #product_navigation .block:hover{ background: #FFF; box-shadow: -1px 1px 2px #DDD inset; } #product_navigation h3 { text-transform: uppercase; font-weight: bold; padding: 0 0 12px; letter-spacing: 0.04em; } #product_navigation h3 a:hover { text-decoration: underline; } #product_navigation p { font-weight: bold; font-size: 0.9em; padding: 0 0 8px; } #product_navigation ul { font-size: 0.85em; padding: 0 0 10px; } #product_navigation ul li { padding: 0 0 5px; } #product_navigation ul li a { text-decoration: underline; } #product_navigation ul li a:hover{ color: #3F91D0; } #product_navigation a.view { color: #3F91D0; font-size: 0.8em; font-style: italic; font-family: Georgia; font-weight: bold; } #product_navigation a.view:hover{ text-decoration: underline; } /* banners */ #banner { height: 170px; border-bottom: 1px solid #d5d5d4; box-shadow: 0 1px 0 #FFF; } #banner h1 { font-weight: bold; margin: 88px 0 0; display: inline-block; font-size: 2.8em; color: #3F91D0; text-transform: uppercase; text-shadow: 1px 1px 0 #FFF; min-width: 250px; } #banner h2 { color: #777676; font-size: 1.5em; text-shadow: 1px 1px 0 #FFF; } #banner.about-us { background: url('/images/banners/about-us.jpg') no-repeat center 0; } #banner.guides { background: url('/images/banners/guides.jpg') no-repeat center 0; } #banner.backbar, #banner.back_bar_general { background: url('/images/banners/backbar.jpg') no-repeat center 0; } #banner.bakery { background: url('/images/banners/bakery.jpg') no-repeat center 0; } #banner.blastchiller, #banner.blast_chiller_freeze { background: url('/images/banners/blastchillers.jpg') no-repeat center 0; } #banner.cabinets, #banner.uprights { background: url('/images/banners/cabinets.jpg') no-repeat center 0; } #banner.contact-us { background: url('/images/banners/contact-us.jpg') no-repeat center 0; } #banner.counters, #banner.counters_aus { background: url('/images/banners/counters.jpg') no-repeat center 0; } #banner.downloads { background: url('/images/banners/downloads.jpg') no-repeat center 0; } #banner.exhibitions { background: url('/images/banners/exhibitions.jpg') no-repeat center 0; } #banner.faq { background: url('/images/banners/faq.jpg') no-repeat center 0; } #banner.front_of_house { background: url('/images/banners/front-of-house.jpg') no-repeat center 0; } #banner.greenlogic { background: url('/images/banners/greenlogic.jpg') no-repeat center 0; } #banner.innovation { background: url('/images/banners/innovation.jpg') no-repeat center 0; } #banner.modular { background: url('/images/banners/modular.jpg') no-repeat center 0; } #banner.merchandiser, #banner.specialised { background: url('/images/banners/multidecks.jpg') no-repeat center 0; } #banner.news { background: url('/images/banners/news.jpg') no-repeat center 0; } #banner.partners { background: url('/images/banners/partners.jpg') no-repeat center 0; } #banner.recruitment { background: url('/images/banners/recruitment.jpg') no-repeat center 0; } #banner.staff { background: url('/images/banners/staff.jpg') no-repeat center 0; } #banner.preparation_counters { background: url('/images/banners/preparation.jpg') no-repeat center 0; } #banner.beverage_counters { background: url('/images/banners/beverage-counters.jpg') no-repeat center 0; } #banner.mobile_banqueting { background: url('/images/banners/mobile-banqueting.jpg') no-repeat center 0; } /* colors */ #banner.cabinets h1, .cabinets, #banner.mobile_banqueting h1, .mobile_banqueting { color: #C73439 !important; } /* Cabinets. */ #banner.counters h1, .counters { color: #EFC42D !important; } /* Counters. */ #banner.blastchiller h1, .blastchiller { color: #AE2A82 !important; } /* Blastchillers. */ #banner.merchandiser h1, .merchandisers { color: #905699 !important; } /* merchandisers. */ #banner.backbar h1, .backbar, #banner.beverage_counters h1, .beverage_counters { color: #A2C037 !important; } /* Backbar. */ #banner.bakery h1, .bakery { color: #DA8A1C !important; } /* Bakery. */ #banner.modular h1, .modular { color: #54BCEB !important; } /* Modular. */ #banner.front_of_house h1, .front_of_house { color: #727272 !important; } /* Front of House. */ #banner.backbar h2, #banner.blastchiller h2, #banner.front_of_house h2 { color: #ffffff; text-shadow: none; } #banner.uprights h1, .uprights { color: #507FB6 !important; } #banner.specialised h1, .specialised { color: #95BE7C !important; } #banner.preparation_counters h1, .preparation_counters { color: #D072A5 !important; } #banner.back_bar_general h1, .back_bar_general { color: #DF9B40 !important; } #banner.counters_aus h1, .counters_aus { color: #D26F66 !important; } #banner.topaz_cafe_range h1, .topaz_cafe_range { color: #9F858D !important; } #banner.blast_chiller_freeze h1, .blast_chiller_freeze, .blast_chiller_freezers { color: #8486BB !important; } /* footer */ #footer .row1 { border-bottom: 1px solid #E8E8E8; margin: 40px 0 0; } #footer .row2 { border-bottom: 1px solid #E8E8E8; padding: 15px 0 0; height: 31px; } #footer .row3 { border-bottom: 1px solid #E8E8E8; padding: 20px 0 0; } #footer .row4 { padding: 5px 0 20px 0; text-align: center;} #footer .list { width: 140px; display: inline-block; vertical-align: top; margin-right: 20px; zoom: 1; *display: inline; } #footer .list.last { margin-right: 0; } #footer .list h5 { font-weight: bold; font-size: 0.9em; border-bottom: 1px solid #E8E8E8; padding: 0 0 7px; display: block; } #footer .list ul { font-size: 0.85em; margin: 5px 0 40px; } #footer .list ul li { padding: 0 0 4px; line-height: 1.35em;} #footer .list ul li a { text-decoration: underline; } #footer .list ul li a:hover { color: #3F91D0; } #footer .row2 p { font-size: 0.85em; float: left; } #footer .row2 p a:hover, #footer .row3 p a:hover { color: #3F91D0;} #footer #social { float: right; display: inline; } #footer #social li { float: left; margin: 0 0 0 10px; } #footer #social li a { display: block; width: 20px; height: 20px; text-indent: -9999px; } #footer #social .twitter { background: url('/images/sprites/footer-sprite.png') no-repeat 0 0; } #footer #social .twitter:hover { background: url('/images/sprites/footer-sprite.png') no-repeat 0 -30px; } #footer #social .youtube { background: url('/images/sprites/footer-sprite.png') no-repeat -30px 0; } #footer #social .youtube:hover { background: url('/images/sprites/footer-sprite.png') no-repeat -30px -29px; } #footer #social .facebook { background: url('/images/sprites/footer-sprite.png') no-repeat -60px 0; } #footer #social .facebook:hover { background: url('/images/sprites/footer-sprite.png') no-repeat -60px -30px; } #footer #social .linkedin { background: url('/images/sprites/footer-sprite.png') no-repeat -90px 0; } #footer #social .linkedin:hover { background: url('/images/sprites/footer-sprite.png') no-repeat -90px -30px; } #footer .small { font-size: 0.6em; line-height: 1.3em; display: inline-block; *float: left; padding: 0 0 20px; } #footer_logos { float: right; padding: 10px 0 0; } #footer_logos .accreditations { display: block; float: left; width: 53px; height: 36px; text-indent: -9999px; background: url('/images/footer.jpg') no-repeat 0 0; } #footer_logos .accreditations.aus { background: url('/images/ISO_Footer_Aus.png') no-repeat 0 0; width: 80px;} #footer_logos .accreditations.cn { background: url('/images/footer_CN.jpg') no-repeat 0 0; width: 120px; height: 54px;} #footer_logos .greenlogic { display: block; float: left; width: 90px; height: 36px; margin: 0 15px 0 0; text-indent: -9999px; background: url('/images/sprites/footer-sprite.png') no-repeat 0 -60px; } #footer_logos .greenlogic:hover { background: url('/images/sprites/footer-sprite.png') no-repeat 0 -105px; } /* 404 page*/ #page_404 { background: url('/images/404.png') no-repeat 0 0; width: 546px; height: 546px; margin: 0 auto; } #page_404 a { margin: 372px 0 0 143px; display: inline-block; font-style: italic; font-family: Georgia; font-weight: bold; color: #3F91D0; } #page_404 a:hover { text-decoration: underline; } /* content layouts */ #side_left { width: 220px; margin: 0 20px 0 0; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } #content_right { width: 700px; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } #content_left { width: 700px; margin: 0 20px 0 0; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } #side_right { width: 220px; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } /* content styles */ #content p { font-size: 0.8em; line-height: 1.25em; padding: 0 0 15px; } #content a { font: italic bold 0.8em Georgia; color: #3F91D0; } #content p a { font-size: 1em; } #content a:hover { text-decoration: underline; } #content h1, #content h3 { font-size: 1.25em; width: 100%; padding: 7px 0px; margin: 0px 0px 10px; } #content h4 { font-size: 1em; width: 100%; padding: 7px 0px; margin: 0px 0px 10px; font-weight: bold; line-height: 1.2em; } #content h5 { font-size: 0.9em; width: 100%; padding: 7px 0px; font-weight: bold; line-height: 1.2em; } #content blockquote { font-weight: bold; font-style: italic; margin-left: 10px; } #content blockquote p { border-left: 1px solid #0096D6; padding: 0px 0px 0px 19px; margin-bottom: 15px; } #content .button { font: bold 14px Arial; color: #fff; box-shadow: 0px 1px 2px #ccc; /* text-shadow: 1px 1px #82AE1B; */ } #content .button:active { box-shadow: 0px -1px 2px #ccc; } #content .block { overflow: hidden; margin-bottom: 30px; padding: 0px 0px 20px; } #content .block h3 { font-size: 1.25em; width: 100%; padding: 7px 0px; margin: 0px 0px 10px; } #content .block .thumbnail { display: block; float: right; margin: 10px 0px 0px; } #content .bottom_shadow { border-bottom: 1px solid #D5D5D4; box-shadow: 0 1px 0 #FFF; } #content .bottom_shadow.top_shadow { border-top: 1px solid #D5D5D4; box-shadow: 0 1px 0 #FFF, 0 1px 0 #FFF inset; padding-top: 10px; } #content .date { font-size: 0.7em; padding-top: 10px; } #content .last { margin-right: 0px; } #side_left ul.list { margin: 35px 0 0; border-top: 1px solid #FFF; box-shadow: 0 -1px 0 #D5D5D4; } #content ul.list li { padding: 5px 0px; } #content ul.list li a.main { padding: 5px 0px; display: block; color: #727272; font-family: Arial; font-style: normal; font-weight: normal; } #content ul.list li a.main:hover { text-decoration: none; color: #3F91D0; } #content ul.list li a { font-size: 13px;} #content ul.list li .children, #content ul.list li .sub { width: 100%; } /*#content ul.list li .children { margin: 0; padding: 0; border-top: 1px solid #D5D5D4;} #content ul.list li .children li { padding: 0; border-top: 1px solid white; border-bottom: 1px solid #D5D5D4;} #content ul.list li .children li a { padding: 7px 0 7px 20px; color: #727272!important; font-size: 11px!important; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; } #content ul.list li .children li a.active { color: #3F91D0!important;} #content ul.list li .children li:last-child { border-bottom: none;}*/ /* Nested navigation styles */ #side_left ul li.active ul { margin: 5px 0 -5px; border-top: 1px solid #d5d5d4;} #side_left ul li.active ul li { margin: 0; padding: 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #d5d5d4;} #side_left ul li.active ul li.last { border-bottom: none!important;} #side_left ul li.active ul li:last-child { border-bottom: none!important;} #side_left ul li.active ul li a { padding: 7px 0 7px 20px; background: none; color: #727272!important; font-size: 11px!important; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal;} #side_left ul li.active ul li a.active { color: #3F91D0!important;} #content .introduction { padding-bottom: 15px; margin-bottom: 30px; } #side_right h4 { padding: 7px 0px 8px; font-size: 1em; font-weight: bold; margin: 0; } .block img { border-radius: 5px; } #share { width: 100%; margin: 20px 0 0; padding: 10px 0 8px; border-bottom: 1px solid #D5D5D4; border-top: 1px solid #FFF; box-shadow: 0 1px 0 #FFF, 0 -1px 0 #D5D5D4; display: inline-block; } #share span { margin: 0 20px 0 0; cursor: pointer; } #share .news_twitter { width: 156px; height: 20px; background: url('/images/share/tweet_story.jpg') no-repeat 0 0; display: inline-block; float: left; text-indent: -9999px; } #share .news_twitter:hover { background: url('/images/share/tweet_story-hover.jpg') no-repeat 0 0; } #share .news_facebook { width: 179px; height: 20px; background: url('/images/share/share_story.jpg') no-repeat 0 0; display: inline-block; float: left; text-indent: -9999px; } #share .news_facebook:hover { background: url('/images/share/share_story-hover.jpg') no-repeat 0 0; } #share .video_twitter { width: 160px; height: 20px; background: url('/images/share/tweet_video.jpg') no-repeat 0 0; display: inline-block; float: left; text-indent: -9999px; } #share .video_twitter:hover { background: url('/images/share/tweet_video-hover.jpg') no-repeat 0 0; } #share .video_facebook { width: 179px; height: 20px; background: url('/images/share/share_video.jpg') no-repeat 0 0; display: inline-block; float: left; text-indent: -9999px; } #share .video_facebook:hover { background: url('/images/share/share_video-hover.jpg') no-repeat 0 0; } #content_left.article ul, #content_right.article ul { list-style: disc outside; margin-left: 20px; font-size: 0.8em; line-height: 1.25em; padding: 0 0 15px; } #content_left.article ul li, #content_right.article ul li { padding-left: 20px; } #content_left.article h5, #content_right.article h5 { font-weight: bold; font-size: 14px; line-height: 18px; padding: 0px 0px 10px; } #content_left.article img, #content_right.article img { margin: 10px 0; border-radius: 5px; } #content_left.article img[align=right], #content_right.article img[align=right] { margin: 0 0 0 10px; *float: right; } #content_left.article img[align=left], #content_right.article img[align=left] { margin: 0 10px 0 0; *float: left; } #content_left.article img.main, #content_right.article img.main { width: 700px; } #content ul.downloads { margin: 0 0 15px; } #content ul.downloads li { padding: 7px 0; } #content ul.downloads li a { color: #727272; font: normal normal 0.8em Arial; padding: 4px 8px 4px 35px; } #content ul.downloads.no-icons li a { padding-left: 0;} #content .download-icons a[href $='.zip'] { background: url('/images/sprites/download-icon-sprite.png') no-repeat 0 0; } #content .download-icons a[href $='.pdf'] { background: url('/images/sprites/download-icon-sprite.png') no-repeat 0 -139px; } #content .download-icons a[href $='.jpg'] { background: url('/images/sprites/download-icon-sprite.png') no-repeat 0 -69px; } #content .download-icons a[href $='.txt'] { background: url('/images/sprites/download-icon-sprite.png') no-repeat 0 -104px; } #content .download-icons a.video-link { background: url('/images/sprites/download-icon-sprite.png') no-repeat 0 -34px; } /* Home page */ #home_banner { height: 481px; background-color: #F4F4F4; background-repeat: no-repeat; background-position: center 0; position: relative; } #home_title1 { padding: 0 0 10px; color: #ADADAD; display: inline-block; font-size: 2.8em; font-weight: bold; margin: 60px 0 0; text-shadow: 1px 1px 0 #727272; text-transform: uppercase; } #home_title2 { padding: 0 0 10px; color: #727272; font-size: 2.8em; } #home_title3 { color: #727272; font-size: 1.5em; font-weight: normal; line-height: 1.2em; width: 465px; } #quick_search_outer { margin: 20px 0 0; width: 200px; padding: 10px; float: right; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.7); border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 2px #CCC; } #quick_search_inner { } #quick_search_inner h5 { text-transform: uppercase; padding: 0 0 10px; border-bottom: 1px solid #D7D3CE; font-size: 0.95em; text-shadow: 1px 1px 0 #FFF; } #quick_search_inner label { display: block; margin: 15px 0 0; font-size: 0.9em; } #quick_search_inner select { display: block; width: 200px; margin: 7px 0 0; background: #FFF; border: 1px solid #CCC; padding: 3px; color: #727272; border-radius: 2px 2px 2px 2px; } #quick_search_inner select option { padding: 1px 3px; } #quick_search_inner button { font-size: 0.75em; margin: 12px 0 0; font-size: 12px!important; width: auto!important;} #quick_search_inner button.go { display: none; } #quick_search_inner select:focus{ outline: none; } #column_fold_left { display: inline-block; width: 460px; vertical-align: top; margin: 0 20px 0 0; zoom: 1; *display: inline; } #column_fold_right { display: inline-block; width: 460px; vertical-align: top; zoom: 1; *display: inline; } .column_220 { width: 220px; height: 381px; } #column_fold_left .news_thumbnail { float: left; margin: 10px 20px 0 0; width: 140px; } #column_fold_left .news_thumbnail img { border-radius: 5px; } #home_article { width: 460px; float: left; } #news_list { display: inline-block; width: 460px; margin: 20px 0 0; clear: both; } #news_list li { float: left; padding: 0 0 10px; margin: 0 20px 10px 0; width: 220px; } #news_list li img { border-radius: 5px; width: 60px; height: 60px; float: left; margin: 0 10px 0 0; } #news_list li.right { margin-right: 0; } #content.home .inner .news { position: relative; padding: 10px 0 30px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;} #content.home .inner .news:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fff;} #content.home .inner h3 { padding-bottom: 10px;} #content.home .inner .news #column_fold_left { padding-bottom: 20px;} #content.home .inner .news #column_fold_right { margin-top: 17px;} #content.home .inner .news #column_fold_right #news_list li { height: 60px; margin-bottom: 0; padding: 15px 0;} #content.home .three-col { margin-bottom: 30px; padding-top: 15px; border-top: 1px solid #fff;} #content.home .three-col .article { float: left; width: 300px; margin-right: 20px;} #content.home .three-col .article.last { margin-right: 0;} #content.home .four-col .article { float: left; width: 220px; height: 220px; margin-right: 20px; padding-bottom: 20px;} #content.home .four-col .article.last { margin-right: 0;} #home_blocks { display: inline-block; margin: 20px 0 0; } #home_blocks .block { width: 220px; margin: 0 20px 0 0; float: left; height: 220px; position: relative; } #home_blocks .block a { position: absolute; bottom: 15px; } #home_blocks .block:nth-child(4n) { margin-right: 0; } #home_article_text { float: left; height: 150px; width: 300px; } /* news styles */ #news_related { margin-top: 40px; } #content .block .news_thumbnail { display: block; float: right; margin: 10px 0px 0px 10px; } #pagination li { float: left; margin-right: 10px; } #pagination a.js-more { width: 100%; display: block; text-align: center; padding: 10px 0px; background: white url(/images/sprites/load-more-sprite.png) 50% 50% repeat-x; border-radius: 3px; box-shadow: 0px 1px 2px #ccc; color: #727272; font: bold 14px Arial; text-transform: uppercase; } #pagination a.js-more:hover { cursor: pointer; background: #fff; } #pagination a.js-more:active { cursor: pointer; background: #fff; box-shadow: 0px -1px 2px #ccc; } /* about us */ #aboutus_list .block { width: 220px; height: 240px; float: left; display: block; margin-right: 20px; margin-bottom: 30px; } #aboutus_list.auto_height .block { height: auto!important;} #aboutus_list.auto_height .block .image { margin-bottom: 15px;} #aboutus_list .block .image a { display: block; } /* info centre */ #info_list .block { padding: 0; } #info_list .block ul { float: left; width: 700px; } #info_list .block ul li { float: left; height: 270px; margin: 0 20px 25px 0; width: 160px; border-bottom: 1px solid #D5D5D4; box-shadow: 0 1px 0 #FFF; } #info_list .block ul li a { display: block; } #info_list .block ul li h4 { height: 38px; } #video_frame { background: #FFF; padding: 5px; width: 680px; height: 393px; padding: 10px; } #info_list ul li:nth-child(4n+4) { margin-right: 0; } /* Contact us. */ #contact h4 { margin-bottom: 0; } #contact .row { margin-bottom: 15px; padding: 2px 0; overflow: hidden; clear: both; list-style-type: decimal;} #contact .button { margin: 20px 0 0; } #contact .block { display: inline-block; width: 220px; vertical-align:top; padding: 0px; margin: 0px 20px 0px 0px; zoom: 1; *display: inline; } #contact .row-off { font-size: 14px; } #contact .block.last { margin-right: 0; } #contact .map img { border-radius: 0; } #contact .row label { display: inline-block; /* width: 200px; */ font-size: 14px; vertical-align: top; *float: left; } #contact .row textarea, #contact .row select, #contact .row input { width: 200px; padding: 3px; margin-top: -2px; border: 1px solid #fff; border-radius: 2px; float: right; color: #000; } #contact .row textarea:hover, #contact .row select:hover, #contact .row input:hover { border: 1px solid #adadad; color: #727272; } #contact .row textarea:focus, #contact .row select:focus, #contact .row input:focus { border: 1px solid #727272; color: #727272; } #contact .row select { width: 210px; } #contact .row input.error, #contact .row select.error { border: 1px solid #EF3E42; } #contact .row label { font-size: 14px; display: inline-block; /* width: 200px; */ } #contact .row label.error { display: block; margin: 3px 0px 0px 210px; color: #EF3E42; } #contact .textarea label { width: 150px; } #contact .textarea textarea { width: 253px; resize: none; font: 13px Arial; } #contact #call { padding-bottom: 20px; } #contact #call .form { display: inline-block; width: 460px; zoom: 1; *display: inline; } #contact #headquarters { margin-top: 30px; overflow: hidden; padding: 0px 0px 20px; } #contact #headquarters .map { margin-left: 20px; overflow: hidden; width: 460px; height: 180px; border-radius: 5px; } #contact #offices { margin-top: 30px; padding: 0 0 20px; } #contact #offices .map { margin: 0 0 10px 20px; overflow: hidden; width: 220px; height: 120px; border-radius: 5px; } #contact #offices .map img { margin-left: -27px; } #contact_form { padding-top: 15px;} #contact_form ol { list-style: decimal; list-style-position: inside;} #contact_form .pc_reason { padding: 10px 0 0; font-size: 11px; clear: both; color: #999;} #product_contact .pc_reason { color: #ccc;} #contact_form #postcode { width: 208px; padding-left: 25px; float: right; position: relative;} #contact_form.drop #postcode { float: none; margin-left: -23px; display: inline-block;} #contact_form #postcode .loader { width: 16px; height: 16px; position: absolute; top: 1px; left: 0;} #contact_form #searchField { width: 70px; float: left;} #contact_form #searchButton { width: 120px; margin: 0px 0 0 10px; float: left; border: none; color: #fff; font-size: 11px; background: #9da3a9; text-align: center; text-shadow: -1px -1px 1px rgba(0,0,0,.2)} #contact_form #postcode_response { width: 300px; max-height: 150px; overflow-y: scroll; margin: 10px 0 0; float: right; font-size: 12px; border: 1px solid #d7d7d7; background: #fff;} #contact_form #postcode_response li { margin: 0; border-bottom: 1px solid #eeeeee;} #contact_form #postcode_response li a { display: block; padding: 5px 7px; color: #727272; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size: 12px;} #contact_form #postcode_response li.error { padding: 5px 7px; color: #b72113;} #contact_form #postcode_response li.error a { display: inline; color: #727272; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size: 12px;} #contact_form.drop ol { list-style: decimal; list-style-position: outside; padding-left: 20px;} #contact_form.drop .row.pc { padding-bottom: 11px} #contact_form.drop #postcode { margin-bottom: -6px;} #contact_form.drop #postcode #searchButton { margin-top: 3px;} #contact_form.drop #postcode_response { float: none; margin-left: 91px;} /*#contact_form.drop .row label { float: left; display: block;} #contact_form.drop .row .field { float: left;}*/ /* Our staff. */ #staff #directors h4 { padding-bottom: 3px; } #staff #directors .block { min-height: 515px; display: inline-block; *display: inline; *zoom:1; width: 160px; vertical-align:top; padding: 0px; margin: 0px 20px 0px 0px; } #staff #directors .block.last { margin-right: 0; } #staff #info_list .block { display: block; padding: 0; width: auto; margin: 0; } #staff #directors .block img { height: 168px; } #staff #directors { display: block; } #staff #info_list .block ul { padding-bottom: 20px; float: none; } #staff #info_list .block ul li { padding: 5px 0px; float: none; height: auto; margin: 0; width: auto; font-size: 14px; } #staff #info_list .block ul li a { display: block; } /* Side bar tiger form. */ #offers_form { background: #fff; padding: 10px; margin-top: 25px; } #offers_form label { font-size: 14px; line-height: 18px; } #offers_form .heading { font-size: 20px; } #offers_form.first { margin-top: 0px; } #offers_form .bottom { border-bottom: 1px solid #e8e8e8; padding-bottom: 20px; margin-bottom: 10px; } #offers_form .row { width: 200px; } #offers_form .row select, #offers_form .row input { width:194px; padding: 3px; margin-bottom: 10px; background: #F4F4F4; border: 1px solid #fff; display:block; border-radius: 2px; color: #000; } #offers_form .row select:hover, #offers_form .row input:hover { border: 1px solid #adadad; color: #727272; } #offers_form .row select:focus, #offers_form .row input:focus { border: 1px solid #727272; color: #727272; } #offers_form .row select.error, #offers_form .row input.error { border: 1px solid #EF3E42; margin-bottom: 5px; } #offers_form .row label.error { color: #EF3E42; font-size: 12px; margin-bottom: 10px; display: block; } /* arrows */ ul.right_arrow li a { padding: 5px 0px; background: url('/images/sprites/small-right-arrow-sprite.png') no-repeat 204px 7px; display: block; } ul.right_arrow li:hover a { background: url('/images/sprites/small-right-arrow-sprite.png') no-repeat 204px -53px; cursor: pointer; } ul.right_arrow li.active a { background: url('/images/sprites/small-right-arrow-sprite.png') no-repeat 204px -53px; color: #3F91D0 !important; } #side_left .js-arrowdown, #side_right .js-arrowdown { background: url('/images/sprites/small-down-arrow-sprite.png') no-repeat 195px 7px; } #side_left .js-arrowdown:hover, #side_right .js-arrowdown:hover { background: url('/images/sprites/small-down-arrow-sprite.png') no-repeat 195px -51px; cursor: pointer; } #content_left .js-arrowdown, #content_right .js-arrowdown { background: url('/images/sprites/small-down-arrow-sprite-new.png') no-repeat 686px 14px; } #content_left .js-arrowdown:hover, #content_right .js-arrowdown:hover { background: url('/images/sprites/small-down-arrow-sprite-new.png') no-repeat 686px -120px; cursor: pointer; } #side_left .js-arrowup, #side_right .js-arrowup { background: url('/images/sprites/small-up-arrow-sprite.png') no-repeat 195px 7px; } #side_left .js-arrowup:hover, #side_right .js-arrowup:hover { background: url('/images/sprites/small-up-arrow-sprite.png') no-repeat 195px -53px; cursor: pointer; } #content_left .js-arrowup, #content_right .js-arrowup { background: url('/images/sprites/small-up-arrow-sprite.png') no-repeat 686px 14px; } #content_left .js-arrowup:hover, #content_right .js-arrowup:hover{ background: url('/images/sprites/small-up-arrow-sprite.png') no-repeat 686px -46px; cursor: pointer; } /* Product listings page. */ /*#products { font-size: 12px; }*/ #products.category_page p { font-size: 13px;} #products h5 { padding: 0px 0px 15px; font-size: 14px; font-weight: bold; } #products h5 a { color: #727272; text-decoration: none; font: bold 14px Arial; } #products ul { overflow: hidden; } #products .sort { padding: 0px 0px 10px; } #products .block { padding: 9px; width: 200px; border: 1px solid #F4F4F4; position: relative; height: 250px; float: left; display: block; margin-right: 13px; margin-top: 20px; } #products.category_page .block { height: 300px;} #products .block:hover { padding: 9px; background-color: #fbfbfb; border: 1px solid #FFF; } #products .block:hover h5 { text-decoration: underline; } #products .bottom { border-bottom: 1px solid #D5D5D4; } #products .shadow { box-shadow: 0 1px 0 #FFF; } #products .top { border-top: 1px solid #D5D5D4; } #products .not_found { background: url(/images/no-products-error.png) no-repeat; width: 682px; height: 75px; padding:10px 10px 10px 25px; } #products .not_found p { font-size: 12px; line-height: 1em; padding-bottom: 10px; } #products .not_found .title { font-size: 14px; text-transform: uppercase; font-weight: bold; padding: 0px 0px 3px; margin: 0px 0px 8px; } #products .details { padding:10px 0px; width: 200px; position: absolute; bottom: 10px; left: 10px; height: 30px; } #products.category_page .details { height: 80px;} #products.category_page .details p { font-size: 11px;} #products .details ul li { padding: 0px 5px 0px 0px; float: left; } #products .details abbr:hover { cursor: help; } #products ul.finishes li, #products ul.temperatures li { font-weight: bold; font-size: 14px; } #products img.main { padding: 0px 20px; width: 160px; } #products #filter { padding: 10px; background-color: #fff; } #products #filter h3 { font-size: 16px; padding: 0px 0px 10px; } #products #filter h4 { color: #905699; padding: 10px 0px; margin: 0; } #products #filter ul { } #products #filter ul li { padding: 0px 0px 8px; font-size: 12px } #products #filter ul li .sub { color: #adadad; } #products #filter .bottom { border-bottom: 1px solid #e8e8e8; } #products #side_left .button { width: 220px; margin-top: 10px; } #aboutus_list .block:nth-child(3n+3) { margin-right: 0; } #products .finish { margin: 5px 5px 5px 0px; background: url('/images/sprites/small-finish-sprite.png') no-repeat 0px 0px; width: 10px; height: 10px; display: block; text-indent: -9999px; } #products .finish.SA { background-position: 0px 0px; } #products .finish.S3 { background-position: -50px 0px; } #products .finish.WA { background-position: -100px 0px; } #products .finish.BS { background-position: -150px 0px; } #products .finish.WW { background-position: -200px 0px; } #products .finish.WCN { background-position: -250px 0px; } #products .finish.SCN { background-position: -300px 0px; } #products .finish.SCS { background-position: -350px 0px; } #products .finish.WCS { background-position: -400px 0px; } /* Product view page. */ #product_page h1 { padding: 0px 0px 10px; width: auto; margin: 0px; font-weight: bold; } #product_page h4 { font-weight: bold; font-size: 14px; } #product_page .about h4 { display: none; } #product_page .bottom { border-bottom: 1px solid #D5D5D4; } #product_page .shadow { box-shadow: 0 1px 0 #FFF; } #product_page .header { position: relative; margin: 10px 0px 20px; } #product_page .introduction { padding: 0px; vertical-align: top; width: 300px; margin: 0px 20px 30px 0px; } #product_page .about ul { list-style: disc outside; margin-left: 20px; font-size: 0.8em; line-height: 1.25em; padding: 0 0 15px; } #product_page .about ul li { padding-left: 20px; } #product_page .gallery { position: relative; float: right; vertical-align: top; text-align: center; margin: 0 0 20px 60px; width: 320px; } #product_page .gallery .nav { position: absolute; height: 26px; width: 20px; top: 147px; display: block; } #product_page .gallery .nav.active:hover { cursor: pointer; } #product_page .gallery .nav.inactive:hover { cursor: default; } #product_page .gallery .previous { left: 0; background: url('/images/sprites/big-arrow-sprite.png') no-repeat 0px -109px; text-indent: -9999px; } #product_page .gallery .previous.active:hover { background-position: 0px -181px; } #product_page .gallery .previous.inactive { background-position: 0px -145px; } #product_page .gallery .next { right: 0; background: url('/images/sprites/big-arrow-sprite.png') no-repeat 0px 0px; text-indent: -9999px; } #product_page .gallery .next.active:hover { background-position: 0px -72px; } #product_page .gallery .next.inactive { background-position: 0px -36px; } #product_page h4.h4_large { font-weight: bold; font-size: 1.25em; } #product_page ul.list { position: absolute; bottom: 0px; right: 0px; } #product_page ul.list li { padding:0; border-left: 1px solid #D5D5D4; display: block; } #product_page ul.list li:first-child { border-left: none; } #product_page ul.list li a { padding: 7px 8px 7px; font: bold 12px Arial; color: #727272; display: block; } #product_page ul.list li.active a, #product_page ul.list li a:hover { padding: 6px 8px 7px; text-decoration: none; border-top: 1px solid #D5D5D4; } #product_page #content_left h1 { margin-bottom: 10px; } #product_page #technical_info { font-size: 12px; margin-bottom: 15px; padding-bottom: 5px; } #product_page #technical_info li { background: url(/images/product-dot.png) repeat-x 0px 8px; height: 25px; } #product_page #technical_info li span { background: #F4F4F4; } #product_page #related { /*overflow: hidden;*/ } #product_page #related .downloads { float: left; width: 460px; margin: 20px 20px 0px 0px; overflow: hidden; padding-bottom: 10px; } #product_page #related .downloads li { float: left; border: none; width: 200px; margin-right: 20px; padding: 4px 0; } #product_page #related .downloads a { padding: 5px 0px 5px 35px; font: normal 12px Arial; color: #727272; display: inline-block; } #product_page #related .other { float: right; width: 220px; margin-top: 20px; } #product_page #related .other a { padding: 5px 0px; font: normal 12px Arial; color: #727272; display: block; background: url('/images/sprites/small-right-arrow-sprite.png') no-repeat 210px 7px; } #product_page #related .other a:hover { background-position: 210px -53px; text-decoration: none; color: #3F91D0; } #product_builder { width: 200px; display: inline-block; vertical-align: top; background-color: #fff; padding: 10px; zoom: 1; *display: inline; } #product_builder h4 { margin: 0px; } #product_builder .block { padding: 10px 0px; width: 200px; margin: 0px; } #product_builder .block p { padding-bottom: 5px; } #product_builder .block ul { overflow: hidden; } #product_builder .block li { display: block; text-indent: -9999px; margin: 10px 10px 0px 0px; } #product_builder .block li:hover { cursor: pointer; } #product_builder .request-quote { margin-top: 10px; display: block; width: 200px; } /* Product builder temperatures. */ #product_builder li.temperature { background: url('/images/sprites/build-your-own-sprite.png') no-repeat; width: 40px; height: 40px; } #product_builder li.temperature.t1.disabled { background-position: 0px 0px; } #product_builder li.temperature.t2.disabled { background-position: -100px 0px; } #product_builder li.temperature.t4.disabled { background-position: -200px 0px; } #product_builder li.temperature.t3.disabled { background-position: -150px 0px; } #product_builder li.temperature.t5.disabled { background-position: -50px 0px; } #product_builder li.temperature.t6.disabled { background-position: -300px 0px; } #product_builder li.temperature.t7.disabled { background-position: -250px 0px; } #product_builder li.temperature.t8.disabled { background-position: -550px 0px; } #product_builder li.temperature.t9.disabled { background-position: -600px 0px; } #product_builder li.temperature.t10.disabled { background-position: -650px 0px; } #product_builder li.temperature.t11.disabled { background-position: -350px 0px; } #product_builder li.temperature.t12.disabled { background-position: -400px 0px; } #product_builder li.temperature.t13.disabled { background-position: -700px 0px; } #product_builder li.temperature.t14.disabled { background-position: -452px -1px; } #product_builder li.temperature.t15.disabled { background-position: -500px 0px; } #product_builder li.temperature.t16.disabled { background-position: -900px -1px; } #product_builder li.temperature.t17.disabled { background-position: -950px -1px; } #product_builder li.temperature.t18.disabled { background-position: -1100px -1px; } #product_builder li.temperature.t19.disabled { background-position: -1150px -1px; } #product_builder li.temperature.t20.disabled { background-position: -1200px -1px; } #product_builder li.temperature.t21.disabled { background-position: -1000px 0px; } #product_builder li.temperature.t22.disabled { background-position: -850px 0px; } #product_builder li.temperature.t23.disabled { background-position: -750px 0px; } #product_builder li.temperature.t24.disabled { background-position: -800px 0px; } #product_builder li.temperature.t25.disabled { background-position: -950px -1px; } #product_builder li.temperature.t26.disabled { background-position: -1000px 0px; } #product_builder li.temperature.t27.disabled { background-position: -1050px 0px; } #product_builder li.temperature.t28.disabled { background-position: -1299px -1px; } #product_builder li.temperature.t29.disabled { background-position: -1349px -1px; } #product_builder li.temperature.t30.disabled { background-position: -1399px -1px; } #product_builder li.temperature.t1 { background-position: 0px -100px; } #product_builder li.temperature.t2 { background-position: -100px -100px; } #product_builder li.temperature.t4 { background-position: -200px -100px; } #product_builder li.temperature.t3 { background-position: -150px -100px; } #product_builder li.temperature.t5 { background-position: -50px -100px; } #product_builder li.temperature.t6 { background-position: -300px -100px; } #product_builder li.temperature.t7 { background-position: -250px -100px; } #product_builder li.temperature.t8 { background-position: -550px -100px; } #product_builder li.temperature.t9 { background-position: -600px -100px; } #product_builder li.temperature.t10 { background-position: -650px -100px; } #product_builder li.temperature.t11 { background-position: -350px -100px; } #product_builder li.temperature.t12 { background-position: -400px -100px; } #product_builder li.temperature.t13 { background-position: -700px -100px; } #product_builder li.temperature.t14 { background-position: -452px -101px; } #product_builder li.temperature.t15 { background-position: -500px -100px; } #product_builder li.temperature.t16 { background-position: -900px -101px; } #product_builder li.temperature.t17 { background-position: -950px -101px; } #product_builder li.temperature.t18 { background-position: -1100px -101px; } #product_builder li.temperature.t19 { background-position: -1150px -101px; } #product_builder li.temperature.t20 { background-position: -1200px -101px; } #product_builder li.temperature.t21 { background-position: -1249px -101px; } #product_builder li.temperature.t22 { background-position: -850px -101px; } #product_builder li.temperature.t23 { background-position: -750px -100px; } #product_builder li.temperature.t24 { background-position: -800px -100px; } #product_builder li.temperature.t25 { background-position: -950px -101px; } #product_builder li.temperature.t26 { background-position: -1000px -100px; } #product_builder li.temperature.t27 { background-position: -1050px -100px; } #product_builder li.temperature.t28 { background-position: -1299px -101px; } #product_builder li.temperature.t29 { background-position: -1349px -101px; } #product_builder li.temperature.t30 { background-position: -1399px -101px; } #product_builder li.temperature.t1.enabled:hover { background-position: 0px -150px; } #product_builder li.temperature.t2.enabled:hover { background-position: -100px -150px; } #product_builder li.temperature.t4.enabled:hover { background-position: -200px -150px; } #product_builder li.temperature.t3.enabled:hover { background-position: -150px -150px; } #product_builder li.temperature.t5.enabled:hover { background-position: -50px -150px; } #product_builder li.temperature.t6.enabled:hover { background-position: -300px -150px; } #product_builder li.temperature.t7.enabled:hover { background-position: -250px -150px; } #product_builder li.temperature.t8.enabled:hover { background-position: -550px -150px; } #product_builder li.temperature.t9.enabled:hover { background-position: -600px -150px; } #product_builder li.temperature.t10.enabled:hover { background-position: -650px -150px; } #product_builder li.temperature.t11.enabled:hover { background-position: -350px -150px; } #product_builder li.temperature.t12.enabled:hover { background-position: -400px -150px; } #product_builder li.temperature.t13.enabled:hover { background-position: -700px -150px; } #product_builder li.temperature.t14.enabled:hover { background-position: -452px -151px; } #product_builder li.temperature.t15.enabled:hover { background-position: -500px -150px; } #product_builder li.temperature.t16.enabled:hover { background-position: -900px -151px; } #product_builder li.temperature.t17.enabled:hover { background-position: -950px -151px; } #product_builder li.temperature.t18.enabled:hover { background-position: -1100px -151px; } #product_builder li.temperature.t19.enabled:hover { background-position: -1150px -151px; } #product_builder li.temperature.t20.enabled:hover { background-position: -1200px -151px; } #product_builder li.temperature.t21.enabled:hover { background-position: -1249px -151px; } #product_builder li.temperature.t22.enabled:hover { background-position: -850px -151px; } #product_builder li.temperature.t23.enabled:hover { background-position: -750px -150px; } #product_builder li.temperature.t24.enabled:hover { background-position: -800px -150px; } #product_builder li.temperature.t25.enabled:hover { background-position: -950px -151px; } #product_builder li.temperature.t26.enabled:hover { background-position: -1000px -150px; } #product_builder li.temperature.t27.enabled:hover { background-position: -1050px -150px; } #product_builder li.temperature.t28.enabled:hover { background-position: -1299px -151px; } #product_builder li.temperature.t29.enabled:hover { background-position: -1349px -151px; } #product_builder li.temperature.t30.enabled:hover { background-position: -1399px -151px; } #product_builder li.temperature.t1.selected { background-position: 0px -150px; } #product_builder li.temperature.t2.selected { background-position: -100px -150px; } #product_builder li.temperature.t4.selected { background-position: -200px -150px; } #product_builder li.temperature.t3.selected { background-position: -150px -150px; } #product_builder li.temperature.t5.selected { background-position: -50px -150px; } #product_builder li.temperature.t6.selected { background-position: -300px -150px; } #product_builder li.temperature.t7.selected { background-position: -250px -150px; } #product_builder li.temperature.t8.selected { background-position: -550px -150px; } #product_builder li.temperature.t9.selected { background-position: -600px -150px; } #product_builder li.temperature.t10.selected { background-position: -650px -150px; } #product_builder li.temperature.t11.selected { background-position: -350px -150px; } #product_builder li.temperature.t12.selected { background-position: -400px -150px; } #product_builder li.temperature.t13.selected { background-position: -700px -150px; } #product_builder li.temperature.t14.selected { background-position: -452px -151px; } #product_builder li.temperature.t15.selected { background-position: -500px -150px; } #product_builder li.temperature.t16.selected { background-position: -900px -151px; } #product_builder li.temperature.t17.selected { background-position: -950px -151px; } #product_builder li.temperature.t18.selected { background-position: -1100px -151px; } #product_builder li.temperature.t19.selected { background-position: -1150px -151px; } #product_builder li.temperature.t20.selected { background-position: -1200px -151px; } #product_builder li.temperature.t21.selected { background-position: -1249px -151px; } #product_builder li.temperature.t22.selected { background-position: -850px -150px; } #product_builder li.temperature.t23.selected { background-position: -750px -150px; } #product_builder li.temperature.t24.selected { background-position: -800px -150px; } #product_builder li.temperature.t25.selected { background-position: -950px -151px; } #product_builder li.temperature.t26.selected { background-position: -1000px -150px; } #product_builder li.temperature.t27.selected { background-position: -1050px -150px; } #product_builder li.temperature.t28.selected { background-position: -1299px -151px; } #product_builder li.temperature.t29.selected { background-position: -1349px -151px; } #product_builder li.temperature.t30.selected { background-position: -1399px -151px; } /* Product builder finishes. */ #product_builder li.finish { background: url('/images/sprites/build-your-own-sprite.png') no-repeat; width: 40px; height: 40px; } #product_builder li.finish.f1.disabled { background-position: 0px -222px; } #product_builder li.finish.f2.disabled { background-position: -50px -222px; } #product_builder li.finish.f3.disabled { background-position: -100px -222px; } #product_builder li.finish.f4.disabled { background-position: -200px -222px; } #product_builder li.finish.f5.disabled { background-position: -150px -222px; } #product_builder li.finish.f6.disabled { background-position: -450px -222px; } #product_builder li.finish.f7.disabled { background-position: -250px -222px; } #product_builder li.finish.f8.disabled { background-position: -400px -222px; } #product_builder li.finish.f9.disabled { background-position: -300px -222px; } #product_builder li.finish.f10.disabled { background-position: -350px -222px; } #product_builder li.finish.f11.disabled, #product_builder li.finish.f14.disabled, #product_builder li.finish.f12.disabled { background-position: -500px -222px; } #product_builder li.finish.f13.disabled { background-position: -550px -222px; } #product_builder li.finish.f15.disabled { background-position: -650px -222px; } #product_builder li.finish.f16.disabled { background-position: -600px -222px; } #product_builder li.finish.f1 { background-position: 0px -272px; } #product_builder li.finish.f2 { background-position: -50px -272px; } #product_builder li.finish.f3 { background-position: -100px -272px; } #product_builder li.finish.f4 { background-position: -200px -272px; } #product_builder li.finish.f5 { background-position: -150px -272px; } #product_builder li.finish.f6 { background-position: -450px -272px; } #product_builder li.finish.f7 { background-position: -250px -272px; } #product_builder li.finish.f8 { background-position: -400px -272px; } #product_builder li.finish.f9 { background-position: -300px -272px; } #product_builder li.finish.f10 { background-position: -350px -272px; } #product_builder li.finish.f11, #product_builder li.finish.f14, #product_builder li.finish.f12 { background-position: -500px -272px; } #product_builder li.finish.f13 { background-position: -550px -272px; } #product_builder li.finish.f15 { background-position: -650px -272px; } #product_builder li.finish.f16 { background-position: -600px -272px; } #product_builder li.finish.f1.enabled:hover { background-position: 0px -322px; } #product_builder li.finish.f2.enabled:hover { background-position: -50px -322px; } #product_builder li.finish.f3.enabled:hover { background-position: -100px -322px; } #product_builder li.finish.f4.enabled:hover { background-position: -200px -322px; } #product_builder li.finish.f5.enabled:hover { background-position: -150px -322px; } #product_builder li.finish.f6.enabled:hover { background-position: -450px -322px; } #product_builder li.finish.f7.enabled:hover { background-position: -250px -322px; } #product_builder li.finish.f8.enabled:hover { background-position: -400px -322px; } #product_builder li.finish.f9.enabled:hover { background-position: -300px -322px; } #product_builder li.finish.f10.enabled:hover { background-position: -350px -322px; } #product_builder li.finish.f11.enabled:hover, #product_builder li.finish.f14.enabled:hover, #product_builder li.finish.f12.enabled:hover { background-position: -500px -322px; } #product_builder li.finish.f13.enabled:hover { background-position: -550px -322px; } #product_builder li.finish.f15.enabled:hover { background-position: -650px -322px; } #product_builder li.finish.f16.enabled:hover { background-position: -600px -322px; } #product_builder li.finish.f1.selected { background-position: 0px -372px; } #product_builder li.finish.f2.selected { background-position: -50px -372px; } #product_builder li.finish.f3.selected { background-position: -100px -372px; } #product_builder li.finish.f4.selected { background-position: -200px -372px; } #product_builder li.finish.f5.selected { background-position: -150px -372px; } #product_builder li.finish.f6.selected { background-position: -450px -372px; } #product_builder li.finish.f7.selected { background-position: -250px -372px; } #product_builder li.finish.f9.selected { background-position: -300px -372px; } #product_builder li.finish.f10.selected { background-position: -350px -372px; } #product_builder li.finish.f8.selected { background-position: -400px -372px; } #product_builder li.finish.f11.selected, #product_builder li.finish.f14.selected, #product_builder li.finish.f12.selected { background-position: -500px -372px; } #product_builder li.finish.f13.selected { background-position: -550px -372px; } #product_builder li.finish.f15.selected { background-position: -650px -372px; } #product_builder li.finish.f16.selected { background-position: -600px -372px; } /* Product builder options. */ /* #product_builder li.option.last, #product_builder li.option.visible:nth-child(3n+3) { margin-right: 0; } */ #product_builder .loading { padding: 10px 0px 0px; } #product_builder .product_codes p { padding: 10px 0px 4px; font-weight: bold; } #product_builder .product_codes .code { overflow: hidden; } #product_builder .product_codes .code div { border-radius: 2px; background: #727272; color: #fff; font-weight: bold; padding: 7px; float: left; margin: 6px 6px 0px 0px } /* New Sprite-less options */ #product_builder li.option { background: #f4f4f4; border: 1px solid #f4f4f4; border-radius: 4px; width: 58px; height: 20px; padding-top: 8px; text-indent: 0; text-align: center; font-family: Arial Black; font-size: 12px; } #product_builder li.option.selected { color: #3f91d0; border-color: #3f91d0; background: #fff; } #product_builder li.option.disabled { } #product_builder li.option.enabled:hover { background: #fff; color: #000; border-color: #000; } /* Product contact panel. * This is outside content container, so styles need to be duplicated. */ #product_contact { background-color: #727272; color: #fff; padding: 0px 0px 60px; font-size: 12px; } #product_contact h4 { font-size: 20px; line-height: 1.6em; font-weight: bold; margin-bottom: 20px; } #product_contact h5 { font-size: 16px; font-weight: bold; margin-bottom: 10px; } #product_contact p { line-height: 1.25em; padding: 0 0 15px; } #product_contact .bottom { border-bottom: 1px solid #fff; } #product_contact .product { display: inline-block; vertical-align: top; margin-right: 20px; width: 300px; min-height: 340px; padding-bottom: 10px; zoom: 1; *display: inline; } #product_contact .call { display: inline-block; vertical-align: top; width: 620px; min-height: 340px; padding-bottom: 10px; zoom: 1; *display: inline; } #product_contact .header { height: 20px; padding-top: 20px; overflow: hidden; } #product_contact .header a { background: url('/images/sprites/close-sprite.png') no-repeat right -36px; padding: 0 20px 0 0; float: right; font: bold italic 14px Georgia; color: #fff; } #product_contact .header a:hover { color: #ADADAD; background: url('/images/sprites/close-sprite.png') no-repeat right 4px; cursor: pointer; } #product_contact .row-off, #product_contact .row { padding: 5px 0px; } #product_contact .row label { font-size: 14px; display: inline-block; width: 200px; } #product_contact .row label.error { display: block; margin: 3px 0px 0px 210px; color: #fff; } #product_contact .row select, #product_contact .row input { color: #adadad; border: 1px solid #fff; border-radius: 3px; padding: 3px; } #product_contact .row select:hover, #product_contact .row input:hover { border: 1px solid #adadad; color: #727272; } #product_contact .row select:focus, #product_contact .row input:focus { border: 1px solid #727272; color: #727272; } #product_contact .row input.error, #product_contact .row select.error { border: 1px solid #EF3E42; } #product_contact .product_codes p { padding: 0px 0px 10px; font-weight: bold; } #product_contact .product_codes .code { overflow: hidden; padding-bottom: 10px; } #product_contact .product_codes .code div { font-size: 14px; border-radius: 2px; background: #fff; color: #727272; font-weight: bold; padding: 7px; float: left; margin: 6px 6px 0px 0px; } /* Javascript. */ .js #info_list ul, .js #product_navigation { display: none; } /* * jQuery UI CSS Framework 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=bold&fsDefault=1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=9aba36&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=50&borderColorDefault=9aba36&fcDefault=ffffff&iconColorDefault=ffffff&bgColorHover=9aba36&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=5&borderColorHover=9aba36&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=b4baa0&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none; background: #9aba36 url(images/ui-bg_highlight-soft_50_9aba36_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none; background: #9aba36 url(images/ui-bg_highlight-hard_5_9aba36_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { /* border: 1px solid #aaaaaa; */ background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #727272 !important; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #727272; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { /* background-position: -32px 0; */ background: url('/images/sprites/small-right-arrow-sprite.png') 4px -82px !important; } .ui-state-active .ui-icon-carat-1-e { /* background-position: -32px 0; */ background: url('/images/sprites/small-right-arrow-sprite.png') 5x -97px !important; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #b4baa0 url(images/ui-bg_flat_0_b4baa0_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Button 1.8.17 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: left; zoom: 1; overflow: visible; text-transform: uppercase; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.6; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 0.6em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* Elastislide Style */ .es-carousel-wrapper{ margin: 36px 0 0; padding: 0 60px 16px; position:relative; } .es-carousel{ overflow:hidden; } .es-carousel ul{ display:none; } .es-carousel ul li{ height:100%; float:left; display:block; text-align: center; } .es-carousel ul li a{ display:block; border-style:solid; border-color:#222; } .es-carousel ul li a img{ display: inline-block; border:none; max-height:100%; max-width:100%; } .es-nav span{ position:absolute; top:71%; width:17px; height:26px; margin-top:-13px; text-indent:-9000px; cursor:pointer; opacity:0.8; } .es-nav span.es-nav-prev{ left:12px; background:transparent url('/images/sprites/big-arrow-sprite.png') no-repeat 0 -109px; } .es-nav span.es-nav-next{ right:12px; background:transparent url('/images/sprites/big-arrow-sprite.png') no-repeat 0 0; } .es-nav span.es-nav-prev:hover{ background:transparent url('/images/sprites/big-arrow-sprite.png') no-repeat 0 -181px; } .es-nav span.es-nav-next:hover{ background:transparent url('/images/sprites/big-arrow-sprite.png') no-repeat 0 -72px; } /* guides */ #side_left.guides h3 { margin: 10px 0; padding: 0;} #side_left.guides ul { margin-top: 0;} #side_left.guides ul li.active a.main { background: url('/images/sprites/small-up-arrow-sprite.png') no-repeat 200px 7px;} #content_right.guides .header { margin-bottom: 40px;} #content_right.guides .header-image img { border-radius: 4px;} #content_right.guides .content-left { width: 540px; float: left;} #content_right.guides .content-left ul { list-style: disc outside; margin-left: 20px; font-size: 0.8em; line-height: 1.25em; padding: 0 0 15px; } #content_right.guides .content-left ul li { padding-left: 20px; } #content_right.guides .content-left.full { width: 100%; float: none;} #content_right.guides .content-right { width: 140px; float: right;} #content_right.guides .content-right .related { margin-bottom: 20px;} #content_right.guides .content-right .related h4 { margin-bottom: 1px;} #content_right.guides .content-right .related ul { border-top: 1px solid #d5d5d4; border-bottom: 1px solid #fff;} #content_right.guides .content-right .related ul li { border-top: 1px solid #fff; border-bottom: 1px solid #d5d5d4;} #content_right.guides .content-right .related ul li a { display: block; padding: 10px 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #888; font-style: normal;} .news_related_content .related { float: left; width: 340px; margin-top: 20px; margin-left: 20px;} .news_related_content .related:first-child { width: 340px; margin-left: 0;} .news_related_content .related h4 { margin-bottom: 1px;} .news_related_content .related ul { border-top: 1px solid #d5d5d4; border-bottom: 1px solid #fff; list-style: none!important; margin: 0!important; padding: 0!important;} .news_related_content .related ul li { border-top: 1px solid #fff; border-bottom: 1px solid #d5d5d4; padding: 0!important;} .news_related_content .related ul li a { display: block; padding: 10px 0; font-weight: normal!important; font-family: Arial, Helvetica, sans-serif!important; color: #888!important; font-style: normal!important; font-size: 13px!important;} /* responsive nightmare */ @media screen and (max-width: 960px) { .outer { min-width: 768px; } .inner { width: 688px; padding: 0 40px; } /* product navigation */ #product_navigation { height: 445px; } #product_navigation .block { width: 160px; height: 186px; } #product_navigation .left { width: 159px !important; } /* footer */ #footer .list { width: 98px; } /* content */ #side_left, #side_right { width: 158px; } #content_left, #content_right { width: 510px; } /* arrows */ ul.right_arrow li a { padding: 5px 0px; background: url('/images/sprites/small-right-arrow-sprite.png') no-repeat 140px 7px; width: 158px; display: block; } ul.right_arrow li:hover a { background: url('/images/sprites/small-right-arrow-sprite.png') no-repeat 140px -53px; cursor: pointer; } ul.right_arrow li.active a { background: url('/images/sprites/small-right-arrow-sprite.png') no-repeat 140px -53px; color: #3F91D0 !important; } #side_left .js-arrowdown, #side_right .js-arrowdown { background: url('/images/sprites/small-down-arrow-sprite.png') no-repeat 144px 7px; } #side_left .js-arrowdown:hover, #side_right .js-arrowdown:hover { background: url('/images/sprites/small-down-arrow-sprite.png') no-repeat 144px -51px; cursor: pointer; } #side_left .js-arrowup, #side_right .js-arrowup { background: url('/images/sprites/small-up-arrow-sprite.png') no-repeat 144px 7px; } #side_left .js-arrowup:hover, #side_right .js-arrowup:hover { background: url('/images/sprites/small-up-arrow-sprite.png') no-repeat 144px -53px; cursor: pointer; } #content_left .js-arrowdown, #content_right .js-arrowdown { background: url('/images/sprites/small-down-arrow-sprite-new.png') no-repeat 496px 14px; } #content_left .js-arrowdown:hover, #content_right .js-arrowdown:hover { background: url('/images/sprites/small-down-arrow-sprite-new.png') no-repeat 496px -120px; cursor: pointer; } #content_left .js-arrowup, #content_right .js-arrowup { background: url('/images/sprites/small-up-arrow-sprite.png') no-repeat 496px 14px; } #content_left .js-arrowup:hover, #content_right .js-arrowup:hover{ background: url('/images/sprites/small-up-arrow-sprite.png') no-repeat 496px -46px; cursor: pointer; } #content_left.article img.main, #content_right.article img.main { width: 510px; } /* Correct the sidebar on the products page */ #products ul.right_arrow li a { background-position: 204px 7px; width: 220px; display: block;} #products ul.right_arrow li:hover a { background-position: 204px -53px;} #products ul.right_arrow li.active a { background-position: 204px -53px;} /* Home page */ #quick_search_outer.home { float: none; height: 50px; left: 0; margin: 0; min-width: 768px; padding: 0; position: absolute; top: 0; width: 100%; z-index: 10; background: url('/images/quick_search.png') repeat-x; } .home #quick_search_inner { margin: 0 auto; padding: 0 40px; width: 688px; } .home #quick_search_inner h5 { display: none; } .home #quick_search_inner label { display: none; } .home #quick_search_inner select { float: left; margin: 11px 15px 0 0; box-shadow: 1px 1px 1px #B6B6B6 inset; background: none repeat .home scroll 0 0 transparent; border: 0 none; } .home #quick_search_inner button { float: left; } .home #quick_search_inner button.go { display: inline; margin: 11px 0 0; } .home #quick_search_inner button.show_results { display: none; } /* Quick search */ .sectors #quick_search_outer { margin: 20px 0 0; width: 138px; padding: 10px; float: right;} .sectors #quick_search_inner { } .sectors #quick_search_inner h5 { padding: 0 0 10px; font-size: 0.95em;} .sectors #quick_search_inner label { margin: 15px 0 0; font-size: 0.7em;} .sectors #quick_search_inner select { width: 138px; margin: 7px 0 0; padding: 3px;} #home_title1 { margin: 85px 0 0; } .es-carousel-wrapper { margin: 11px 0 0; } #column_fold_left { width: 688px; } #column_fold_right { width: 688px; margin: 0; } #news_list li { width: 334px; } .column_220 { width: 334px; } #home_article { width: 688px; } #news_list { width: 688px; clear: both; } #home_blocks .block { width: 157px; height: 285px; } .es-carousel-wrapper { padding: 0 90px 16px; } #home_article_text { width: 528px; } #content.home .three-col .article { width: 215px; height: 340px;} #content.home .four-col .article { width: 157px; height: 285px;} #offers_form .row { width: 139px; } #offers_form .row select { width: 139px; } #offers_form .row input { width: 132px; } /* about us */ #aboutus_list .block { width: 510px; height: 145px; margin-right: 0; } #aboutus_list .block .image { float: left; width: 220px; padding: 4px 20px 0 0; } #aboutus_list .block .copy { float: left; width: 270px; padding: 4px 0 0; } #contact .block { width: 156px; } #contact #call .block { margin-bottom: 20px; width: auto; } #contact #offices .block { width: 510px; } #contact #offices .map, #contact #headquarters .map { width: 275px; height: 155px; } #contact #headquarters .map img { margin-left: -92px; } #contact #offices .map img { margin-left: 0; } /* Our Staff */ #staff #directors .block { width: 245px; min-height: 525px; margin: 20px 20px 0 0; } #staff #directors .block img { height: 258px; } #staff #directors .block.last768 { margin-right: 0; } /* Product listings. */ #products #side_left .button, #products #side_left { width: 213px; } #products #content_right { width: 455px; } #products .block:nth-child(2n+1) { margin-right: 0; } #products .not_found { background-position: 0 -100px; width: 497px; } /* Products. */ #product_page .introduction { width: 100%; margin: 0px; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #D5D5D4; box-shadow: 0 1px 0 #FFF; } #product_page .introduction .button { float: right; clear: right; } #product_page .about { float: left; width: 440px; } #product_page .about h4 { display: block; } #product_page .gallery { display: block; width: 100%; padding-top: 20px; margin: 0 0 20px; border-bottom: 1px solid #D5D5D4; box-shadow: 0 1px 0 #FFF; float: none; } #product_page #content_left { width: 100%; } #product_page #technical_info { width: 215px; float: right; } #product_page #related .other { width: 215px; } #product_page #related .other a { background-position: 203px 7px; } #product_page #related .downloads { width: 453px; } #product_builder { width: 100%; background: none; padding: 0; margin-top: 20px; position: relative; } #product_builder .filter { overflow: hidden; border-bottom: 1px solid #D5D5D4; box-shadow: 0 1px 0 #FFF; } #product_builder .block { border: none; float: left; width: auto; } #product_builder .block li { float: none; text-indent: 0px; background: #fff; font-size: 12px; padding: 6px; width: 204px; margin-right: 20px; border-radius: 3px; } #product_builder .block li:hover { } #product_builder .block li.selected { color: #000; } #product_builder .block li.disabled { color: #B2B2B2; } #product_builder li.finish, #product_builder li.option, #product_builder li.temperature { height: auto; } #product_builder li.option { margin-right: 0; } #product_builder .button { display: inline-block; float:right; margin-top: 34px; } #product_builder .product_codes { float: left; } #product_builder #options { width: 216px; } /* Product contact form. */ #product_contact { padding: 0px; } #product_contact .call { width: 455px; border: none; } #product_contact .product { width: 213px; border: none; } #product_contact .button { margin: 15px 0; } /* news */ #content ul.list li .sub { width: 158px; } /* info centre */ #info_list .block ul { width: 510px; } #info_list .block ul li { margin-right: 15px; } #info_list .block ul li:nth-child(3n+3) { margin-right: 0; } #video_frame { background: #FFF; padding: 5px; width: 490px; height: 284px; padding: 10px; } /* Guides */ #content_right.guides .header iframe { width: 100%; height: 287px;} #content_right.guides .header-image img { width: 510px; height: auto;} #content_right.guides .content-left { width: 100%; float: none;} #content_right.guides .content-right { width: 100%; float: none; margin: 30px 0 0;} #content_right.guides .content-right .related { float: left; width: 245px; margin-left: 20px;} #content_right.guides .content-right .related:first-child { width: 245px; margin-left: 0;} .news_related_content .related { float: left; width: 245px; margin-top: 20px; margin-left: 20px;} .news_related_content .related:first-child { width: 245px; margin-left: 0;} } /* Fix of the clear */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } .cf { *zoom: 1; } /* Reusable styles */ .mt0 { margin-top: 0px !important; } .mt20 { margin-top: 20px !important; } .mr0 { margin-right: 0px !important; } .mr20 { margin-right: 20px !important; } .mb0 { margin-bottom: 0px !important; } .mb20 { margin-bottom: 20px !important; } .ml0 { margin-left: 0px !important; } .ml20 { margin-left: 20px !important; }