/* base rules */ body{ margin: 0; padding: 0; } a {color:#000; text-decoration:none} #content a, #footer a {text-decoration:underline} hr {height:1px; border:0; border:none; background-color:#afafaf} #content a {font-weight:bold} #content a img {text-decoration:none} #content a:hover, #content a:focus, #footer a:hover, #footer a:focus, #home-latest-news a:hover, #home-latest-news a:focus, #homepage-bottom a:hover, #homepage-bottom a:focus {color:#a71337} img {display:block} div.vertical-img img {margin-bottom:17px} div.video {margin-bottom:2em} div.vertical-img {margin-top:0 !important} table img {display:inline !important; margin:0 !important; padding:0 !important} strong {font-weight:bold} .tip {font-style: italic;} blockquote p {font-style: italic;} div.error {color:red; font-weight:bold} div.video-link {float:left; margin-right:53px} div.video-link.last {margin:0} .product-new-feature {border-top:1px dotted #000; padding-top:1.5em; color:#ac0000; font-weight:bold} #content table {width:553px} #content caption{text-align:left; padding:0 0 10px 0} p.address span {display:block} div.address_book_actions {margin-bottom:1.5em} #content form {clear:both; width:553px} #content form#login {margin-bottom:1.5em} legend, fieldset {margin:0; padding:0} fieldset {border-bottom:1px solid #A8A9AC} input, textarea, select {margin:0; padding:0} #content fieldset span.label {display:block; width:173px; margin-right:17px; float:left; text-align:right; margin-bottom:.75em} #content fieldset span.input {display:block; width:363px; float:left; margin-bottom:.75em} #content fieldset span.input input, fieldset span.input textarea {width:359px} #content fieldset.col {border:none; width:173px; float:left; margin-right:17px} #content fieldset.col.last {margin-right:0} #content fieldset.col span.checkbox {width:auto; float:left; clear:left} #content fieldset.col span.label {width:auto; float:left} #content fieldset.col span.checkbox input {width:auto; margin-right:.75em} #content fieldset.checkboxes fieldset {border:none} #content fieldset.checkboxes fieldset legend span {width:173px; display:block; text-align:right} #content div.row.checkbox, fieldset.checkboxes div.row {clear:left; margin-left:190px; width:359px} #content div.row span, fieldset.checkboxes div.row span {float:left; text-align:left} #content div.row.checkbox span.label, fieldset.checkboxes div.row span.label{width:300px} #content div.row span.checkbox {margin-right:0.75em} #content div.row.single {margin-top:1.5em} div.row.col1 {width:173px; float:left; margin-right:17px; margin-top:1.5em} div.row.col1 span.label {width:auto; font-weight:bold} div.row span.link {margin-left:190px} div.row {clear:left} form input.btn {width:auto; margin-top:17px; margin-bottom:17px; margin-left:190px} .call-us-sectors-banner {margin-top:1.5em} .cvv_explanation {margin-top:0.75em} img.info {margin-left:50px} div.google_map{width:551px;background:#DDD} div.google_map{height:370px;border:1px solid #AAA;background:#EEE;margin:0.75em 0 7px 0;padding:0} div.page-graphic-banner {background:#fff; padding-bottom:17px} div.page-graphic-banner img {margin:0} .content-col {float:left} .content-col.right {float:right} .col1 {width:173px; margin-right:17px; position:relative; min-height:1px} .col2-col3 {width:363px} .col1-col2 {width:363px; margin-right:17px} .col3 {width:173px} ul.l-3cols {width:570px} ul.l-3cols li {width:173px; float:left; margin-right:17px} div.content-section {border-top:1px solid #ADADAD; padding-top:1em} #content ul {list-style:disc outside; margin-left:1em} #content ul ul {margin-left:1.5em} #content li ul {margin-bottom:0; list-style-type:circle} #content ol.decimal {list-style:decimal outside} #content ol.alpha {list-style:lower-alpha outside} #content ol {margin-left:1.5em} #content .slider-wrapper {overflow:hidden} #content ul.slider-container {list-style:none; margin:0} #content ul.slider-container li {margin:0 17px 17px 0; float:left} #content ul.slider-container.thumbs img {border:6px solid #dcddde} #content ul.slider-container.thumbs a:hover img {border-color:#58585a} /* full heigth stretch */ html, body {height:100%; margin:0; padding:0} #wrapper {height:auto; min-height:100%} * html #wrapper {height:100% !important} h1 {float:left; width:173px} #logo h1 {float:none; height:155px} h1 span {display:block} h1 span.main-heading {margin-bottom:1em} body {background:#dcdddf} body.home #wrapper {background: url(../images/main-bckg-homepage.jpg) 0 0 repeat-y #fff} body.newsletter #wrapper {background: url(../images/main-bckg-newsletter.jpg) 0 0 repeat-y #fff} #primary-side-bar {background:#3D3D3F} body {text-align:center} #wrapper {width:948px; padding:0 5px 0 20px; margin:0 auto; text-align:left; position:relative} #primary-side-bar {width:188px; float:right; font-family:Arial,sans-serif; text-transform:lowercase} #primary-side-bar, #primary-side-bar a {color:#fff} #header, #main {width:760px; float:right; position:relative} #header {padding-bottom:17px; background:#fff} /* logo */ #logo {width:177px; height:155px; margin-bottom:16px; position:relative} #logo a {position:relative; background:url(../images/divider-horizontal-white-164.gif) 12px 154px no-repeat transparent} #logo span {position:absolute; left:0; top:0; background:url(../images/logo.jpg) 0 0 no-repeat; z-index:10; cursor:pointer} #logo a, #logo span {margin:0 !important; padding:0 !important; width:177px !important; height:100%; display:block; overflow:hidden !important;} /* primary-nav & cart-nav */ #primary-nav, #cartnav {width:177px} #primary-nav, #cartnav, #cartnav ul {margin:0 !important; padding:0 !important} #cartnav {padding-bottom:1.5em !important; background:url(/images/divider-horizontal-white-164.gif) 12px bottom no-repeat #3D3D3F} #primary-nav, #cartnav ul {background:#3D3D3F} #primary-side-bar a {padding-left:12px; display:block; line-height:1.5em; margin:0} #primary-side-bar li.active a {color:#FFED00} #primary-side-bar a:hover {color:#FFED00} #building-usage {margin:0; padding:0; margin-top:1.5em; text-transform:none; display:table} #building-usage form {margin-left:12px} #building-usage form label {display:block; margin:0; text-transform:none; margin-bottom:0.5em; font-weight:bold} #building-usage form #building-name {width:120px; margin-right:2px} #building-usage p {margin:1em 0px 0.5em 12px; font-weight:bold} #building-usage p.heading {text-transform:uppercase; font-weight:bold; margin-top:0} #building-usage ul {margin-bottom:0} #building-usage a {display:block; float:left; clear:left; text-transform:lowercase} #psb-links {margin-top:25px} #psb-links a {padding-left:0} #psb-links p {margin-left:12px} /* building-types */ #content ul.building-types {list-style-type:none; margin:0; padding:0; width:173px; margin-right:17px; float:left} ul#products-per-building {list-style-type:none; margin:0; padding:0} /* case studies */ .case-study-details {margin-bottom:1em} .case-study-details h3 {text-transform:uppercase} .case-study-details p {margin-bottom:0; clear:left} .case-study-details span {width:100px; display:block; float:left; font-weight:bold} /* footer */ #footer {clear:both; width:948px; padding-top:250px; position:relative} #main-footer {width:760px; display:table; background:#fff} body.home #footer {padding-top:0} #translation {width:160px; padding-right:5px; float:left; margin-top:0.7em; border-top:1px solid #ccc} #footer-notices {padding:1.5em 0 1em; font-size:0.923em; float:left; width:580px} #footer-notices p {margin:0} #approvals {position:absolute; bottom:5em; right:7px; width:172px} #approvals a {float:left; display:block; padding-right:6px; margin-top:6px} #approvals a.cl {clear:left} /* top category navigation */ #top-cat-nav {width:760px; margin-bottom:0; margin-right:-17px} #top-cat-nav li {display:inline} #top-cat-nav span {display:none} #top-cat-nav a {display:block; overflow:hidden; float:left; width:173px; height:154px; margin-right:17px; position:relative; background:#dcdddf; color:#000} #top-cat-nav li.active a, #top-cat-nav a:hover, #top-cat-nav a:focus {background:#57575a; color:#fff} #top-cat-nav a span.ir {display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; background-position:0 0; background-repeat:no-repeat; cursor:pointer} #top-cat-nav li.active a span.ir, #top-cat-nav a:hover span.ir, #top-cat-nav a:focus span.ir {background-position:-173px 0} /* top categories graphics */ #cat-armarange span.ir {background-image:url(/images/cat-armarange.jpg)} #cat-expandarange span.ir {background-image:url(/images/cat-expandarange.jpg)} #cat-modularange span.ir {background-image:url(/images/cat-modularange.jpg)} #cat-exportarange span.ir {background-image:url(/images/cat-exportarange.jpg)} /* sub category navigation */ #sub-cat-nav {width:100%; margin-top:17px; margin-bottom:0} #sub-cat-nav li {display:inline} #sub-cat-nav span {display:none} #sub-cat-nav a {display:block; overflow:hidden; float:left; width:78px; height:89px; margin-right:17px; position:relative; background:#dcdddf; color:#000} #sub-cat-nav li.active a, #sub-cat-nav a:hover, #sub-cat-nav a:focus {background:#57575a; color:#fff} #sub-cat-nav a span.ir {display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; background-position:0 0; background-repeat:no-repeat; cursor:pointer} #sub-cat-nav li.active a span.ir, #sub-cat-nav a:hover span.ir, #sub-cat-nav a:focus span.ir {background-position:-78px 0} /* sub categories graphics */ #cat-armakabin span.ir {background-image:url(/images/cat-armakabin.jpg)} #cat-armastore span.ir {background-image:url(/images/cat-armastore.jpg)} #cat-cabinstor span.ir {background-image:url(/images/cat-cabinstor.jpg)} #cat-chemstor span.ir {background-image:url(/images/cat-chemstor.jpg)} #cat-ctx_storage span.ir {background-image:url(/images/cat-ctx_storage.jpg)} #cat-vaults span.ir {background-image:url(/images/cat-vaults.jpg)} #cat-expandavault span.ir {background-image:url(/images/cat-expandavault.jpg)} #cat-expandachem span.ir {background-image:url(/images/cat-expandachem.jpg)} #cat-expandakabin span.ir {background-image:url(/images/cat-expandakabin.jpg)} #cat-expandashelta span.ir {background-image:url(/images/cat-expandashelta.jpg)} #cat-expandastore span.ir {background-image:url(/images/cat-expandastore.jpg)} #cat-flatpak span.ir {background-image:url(/images/cat-flatpak.jpg)} #cat-jackcab span.ir {background-image:url(/images/cat-jackcab.jpg)} #cat-modular span.ir {background-image:url(/images/cat-modular.jpg)} #cat-structural_steel span.ir {background-image:url(/images/cat-structural_steel.jpg)} #cat-transpak span.ir {background-image:url(/images/cat-transpak.jpg)} #cat-sanitary span.ir {background-image:url(/images/cat-sanitary.jpg)} #cat-iso_containers span.ir {background-image:url(/images/cat-iso_containers.jpg)} /* homepage */ #product-home-ads {width:100%} .product-home-ad {width:173px; margin-right:17px; float:left; margin-bottom:17px; display:inline} .product-home-ad a, .product-home-ad a img {text-decoration:none !important} .product-home-ad a span {display:block; margin-top:17px; line-height:1.5em} #home-main-text {clear:both; margin-top:17px; padding-top:17px} #featured-product {width:751px; height:190px; padding-bottom:17px; background:#fff; position:relative} #featured-product a {display:block; width:743px} #home-videos {height:175px; background:#C5C7C8; background:#B1B1B1; margin-bottom:17px; margin-top:0} #home-videos p {margin-top:0.5em; margin-bottom:0; padding:0 8px; text-align:right} #home-latest-news {background:#D9DADB} #home-latest-news h2 {margin-bottom:0; color:#FFED00; background:#4B4A4D} #home-latest-news ul, #home-latest-news li {list-style-type:none; margin:0; padding:0} #home-latest-news a {display:block; padding:10px 8px; border-bottom:1px dashed #88888C} #home-latest-news a.featured {color:#ac0000} #home-latest-news a:hover {background:#E4E4E5} #homepage-bottom {clear:both; padding-top:17px; background:#fff; width:760px; display:table; overflow:hidden} #homepage-full-product-list {margin-top:17px; background:url(/images/bckg-743.gif) top left repeat-y transparent !important; display:table; width:760px; font-size:0.923em} #homepage-full-product-list p {margin:0; padding:8px 17px 8px 8px;} #homepage-full-product-list ul {padding:0 8px 0 17px} /* category listing */ .category-box {width:173px; float:left; display:inline; margin-right:17px; margin-bottom:17px} .category-box.first {clear:left} .category-box a, .category-box a img {text-decoration:none !important; font-weight:normal !important} .category-box a span.cat-description {line-height:1.5em} .category-box a img {margin-bottom:0.75em} .category-heading {clear:left} /* category listing - main products page*/ div.slider-wrapper-products-main-page {overflow:hidden; position:relative; width:553px} div.slider-wrapper-products-main-page div.category-box {width:553px; height:156px; display:block; float:left} div.slider-wrapper.products-main-page img {width:553px; height:156px} img.category-banner, img.product-banner, div.category-banner, div.product-banner {margin-bottom:17px} #secondary-side-bar {width:173px; float:right; padding-right:17px} /*#secondary-nav li {margin-bottom:0.5em}*/ #secondary-nav li.active {font-weight:bold} #secondary-side-bar a:hover {color:#a71337} #secondary-nav ul {margin-left:9px} /* downloads page */ #content.downloads h2 {clear:left} #content ul.downloads {list-style-type:none; margin:0; padding:0} ul.downloads li {width:173px; float:left; display:inline; margin:0 17px 17px 0} ul.downloads li.first {clear:left} ul.downloads li.last {margin-right:0} ul.downloads li a, ul.downloads li a img {text-decoration:none !important} ul.downloads li a span {display:block; width:173px; margin-top:0.75em; line-height:1.5em} ul.downloads li img {width:173px} .content-text-box-news {clear:both} #content {width:570px; float:right} .content-text-box {padding-right:17px; position:relative; clear:left} #content.cols-2 img {float:right; padding-right:17px} #content.cols-2 .content-text-box {width:363px; padding:0} .col4 {float:right; padding-right:17px} .col4.cycle {padding-right:190px} .content-text-box img.col4 {padding-right:0} .content-text-box-cols2 {width:363px} .single-col {width:173px; float:left; margin-right:17px} /* dividers */ #header {background:#fff} #home-main-text {background:url(/images/divider-horizontal-553.gif) 0 0 no-repeat transparent} #footer-notices {background:url(/images/footer.gif) 0 0 no-repeat #fff} #wrapper {background-image:url(/images/main-bckg.jpg); background-position:0 0; background-repeat:repeat-y} /* product page */ /*#product-headline {width:553px; height:250px; margin-bottom:17px; background:#ADD8E6} #product-summary {width:173px; float:right; padding-right:17px} #product-info {width:363px}*/ #product-headline {width:553px; height:250px; margin-bottom:17px; background:#ADD8E6} #product-summary {width:139px; float:right; padding:10px 34px 0 17px; margin-top:-10px; background:url(/images/product-summary-bckg.gif) 0 0 repeat-y transparent} #product-info {width:363px} #product-summary ul {list-style:none; margin-left:0} #product-summary li span {display:block; font-weight:bold} #product-summary li {margin-bottom:1.5em} table#prodlisting {margin-right:17px} #product-images-wrapper {width:570px} div#product-usage ul {list-style:none; margin:0} div#product-usage li, div#product-usage div.box {float:left; margin-right:17px; display:inline; margin-bottom:17px} div#product-usage img {width:173px; height:173px; margin-bottom:.75em} div#product-usage span {display:block; width:173px} div#product-usage {width:570px; overflow:hidden; position:relative} div.slider-nav {width:553px; height:0px; margin:0 0 17px 0; border-bottom:1px solid #A8A9AC; position:relative} div.slider-nav.main-category {border:none; border:0; margin-bottom:0} div.slider-nav a, div.slider-nav a span {display:block; width:22px; height:22px; overflow:hidden} div.slider-nav a {margin:0; position:absolute; top:0} div.slider-nav a span {position:absolute; top:0; left:0; background-image: url(/images/nav-arrows.gif); cursor:pointer} div.slider-nav a.slide-next span {background-position:-22px -22px} div.slider-nav a.slide-next:hover span {background-position:-22px 0} div.slider-nav a.slide-prev span {background-position:0 0} div.slider-nav a.slide-prev:hover span {background-position:0 -22px} div.slider-nav a.slide-next {right:0} div.slider-nav a.slide-prev {right:30px} div.slider-wrapper {overflow:hidden; position:relative} /* product features images */ ul.product-features-image {width:548px; position:relative; overflow:hidden; list-style-type:none !important} ul.product-features-image, ul.product-features-image li {margin:0 !important; padding:0 !important} ul.product-features-image a, ul.product-features-image a span {position:absolute; height:30px; width:30px; overflow:hidden} ul.product-features-image a {color:#000 !important; text-decoration:none !important} ul.product-features-image a span {top:0;left:0; display:block} ul.product-features-image a:hover {cursor:default; line-height:1.25em; z-index:100; text-decoration:none; height:100px; width:100px; padding:5px 115px 5px 5px; border:1px solid #F00; background:#FFF !important} ul.product-features-image a:hover span {top:5px; right:5px; left:auto; width:100px; height:100px} ul#iso-containers-features-image {height:355px; background-position:0 0} ul#iso-containers-features-image, ul#iso-containers-features-image a span {background-image:url(../images/iso-containers_features.jpg); background-repeat:no-repeat} #isof1{left:288px;top:173px} #isof1 span{background-position:-288px -173px} #isof1:hover{left:200px;top:150px} #isof1:hover span{background-position:0 -355px} #isof2{left:288px;top:105px} #isof2 span{background-position:-288px -105px} #isof2:hover{left:200px;top:50px} #isof2:hover span{background-position:-110px -355px} #isof3{left:288px;top:254px} #isof3 span{background-position:-288px -254px} #isof3:hover{left:200px;top:220px} #isof3:hover span{background-position:-220px -355px} #isof4{left:367px;top:184px} #isof4 span{background-position:-367px -184px} #isof4:hover{left:300px;top:130px} #isof4:hover span{background-position:-330px -355px} /*#isof1:hover span{background-position:} #isof1:hover{left:px;top:px} #isof2:hover{left:px;top:px} #isof2 span{background-position:} #isof2:hover span{background-position:} #isof3:hover{left:px;top:px} #isof3 span{background-position:} #isof3:hover span{background-position:} #isof4:hover{left:px;top:px} #isof4 span{background-position:} #isof4:hover span{background-position:}*/ ul#strongbank-features-image, ul#tuffbank-features-image, ul#flambank-features-image{height:550px} ul#expandastore-features-image, ul#expandakabin-features-image{height:350px} ul#strongbank-features-image {background:url(../images/strongbank_features.jpg) top center no-repeat} ul#strongbank-features-image a span {background-image:url(../images/strongbank_features.jpg); background-repeat:no-repeat} #sbf1{left:258px;top:115px} #sbf1:hover{left:178px;top:75px} #sbf1 span{background-position:-258px -115px} #sbf1:hover span{background-position:-5px -585px} #sbf2{left:162px;top:205px} #sbf2:hover{left:82px;top:165px} #sbf2 span{background-position:-162px -205px} #sbf2:hover span{background-position:-115px -585px} #sbf3{left:167px;top:169px} #sbf3:hover{left:87px;top:129px} #sbf3 span{background-position:-167px -169px} #sbf3:hover span{background-position:-225px -585px} #sbf4{left:364px;top:52px} #sbf4:hover{left:284px;top:15px} #sbf4 span{background-position:-364px -52px} #sbf4:hover span{background-position:-335px -585px} #sbf5{left:332px;top:45px} #sbf5:hover{left:252px;top:5px} #sbf5 span{background-position:-332px -45px} #sbf5:hover span{background-position:-445px -585px} #sbf6{left:153px;top:60px} #sbf6:hover{left:73px;top:20px} #sbf6 span{background-position:-153px -60px} #sbf6:hover span{background-position:-5px -695px} #sbf7{left:406px;top:187px} #sbf7:hover{left:326px;top:147px} #sbf7 span{background-position:-406px -187px} #sbf7:hover span{background-position:-115px -695px} #sbf8{left:360px;top:375px} #sbf8:hover{left:280px;top:335px} #sbf8 span{background-position:-360px -375px} #sbf8:hover span{background-position:-225px -695px} #sbf9{left:305px;top:344px} #sbf9:hover{left:225px;top:304px} #sbf9 span{background-position:-305px -344px} #sbf9:hover span{background-position:-335px -695px} #sbf10{left:147px;top:465px} #sbf10:hover{left:67px;top:425px} #sbf10 span{background-position:-147px -465px} #sbf10:hover span{background-position:-445px -695px} ul#tuffbank-features-image {background:url(../images/tuffbank_features.jpg) top center no-repeat} ul#tuffbank-features-image a span {background-image:url(../images/tuffbank_features.jpg); background-repeat:no-repeat} #tbf1{left:275px;top:126px} #tbf1:hover{left:195px;top:86px} #tbf1 span{background-position:-275px -126px} #tbf1:hover span{background-position:-5px -585px} #tbf2{left:159px;top:198px} #tbf2:hover{left:79px;top:158px} #tbf2 span{background-position:-159px -198px} #tbf2:hover span{background-position:-115px -585px} #tbf3{left:176px;top:161px} #tbf3:hover{left:96px;top:121px} #tbf3 span{background-position:-176px -161px} #tbf3:hover span{background-position:-225px -585px} #tbf4{left:357px;top:58px} #tbf4:hover{left:277px;top:18px} #tbf4 span{background-position:-357px -58px} #tbf4:hover span{background-position:-335px -585px} #tbf5{left:324px;top:50px} #tbf5:hover{left:244px;top:10px} #tbf5 span{background-position:-324px -50px} #tbf5:hover span{background-position:-445px -585px} #tbf6{left:410px;top:193px} #tbf6:hover{left:330px;top:153px} #tbf6 span{background-position:-410px -193px} #tbf6:hover span{background-position:-5px -695px} #tbf7{left:173px;top:262px} #tbf7:hover{left:93px;top:222px} #tbf7 span{background-position:-173px -262px} #tbf7:hover span{background-position:-115px -695px} #tbf8{left:138px;top:463px} #tbf8:hover{left:58px;top:423px} #tbf8 span{background-position:-138px -463px} #tbf8:hover span{background-position:-225px -695px} ul#flambank-features-image {background:url(../images/flambank_features.jpg) top center no-repeat} ul#flambank-features-image a span {background-image:url(../images/flambank_features.jpg); background-repeat:no-repeat} #fbf1{left:275px;top:141px} #fbf1:hover{left:195px;top:101px} #fbf1 span{background-position:-275px -141px} #fbf1:hover span{background-position:-5px -585px} #fbf2{left:159px;top:213px} #fbf2:hover{left:79px;top:173px} #fbf2 span{background-position:-159px -213px} #fbf2:hover span{background-position:-115px -585px} #fbf3{left:176px;top:176px} #fbf3:hover{left:96px;top:136px} #fbf3 span{background-position:-176px -176px} #fbf3:hover span{background-position:-225px -585px} #fbf4{left:357px;top:73px} #fbf4:hover{left:277px;top:33px} #fbf4 span{background-position:-357px -73px} #fbf4:hover span{background-position:-335px -585px} #fbf5{left:324px;top:65px} #fbf5:hover{left:244px;top:25px} #fbf5 span{background-position:-324px -65px} #fbf5:hover span{background-position:-445px -585px} #fbf6{left:410px;top:208px} #fbf6:hover{left:330px;top:168px} #fbf6 span{background-position:-410px -208px} #fbf6:hover span{background-position:-5px -695px} #fbf7{left:268px;top:293px} #fbf7:hover{left:188px;top:253px} #fbf7 span{background-position:-268px -293px} #fbf7:hover span{background-position:-115px -695px} #fbf8{left:138px;top:478px} #fbf8:hover{left:58px;top:438px} #fbf8 span{background-position:-138px -478px} #fbf8:hover span{background-position:-225px -695px} #fbf9{left:404px;top:458px} #fbf9:hover{left:324px;top:418px} #fbf9 span{background-position:-404px -458px} #fbf9:hover span{background-position:-335px -695px} #fbf10{left:141px;top:414px} #fbf10:hover{left:61px;top:374px} #fbf10 span{background-position:-141px -414px} #fbf10:hover span{background-position:-445px -695px} ul#expandastore-features-image {background:url(/images/expandastore_features.jpg) top left no-repeat} ul#expandastore-features-image a span {background-image:url(/images/expandastore_features.jpg); background-repeat:no-repeat} #exsf1{left:427px;top:177px} #exsf1:hover{left:317px;top:137px} #exsf1 span{background-position:-427px -177px} #exsf1:hover span{background-position:-5px -355px} #exsf2{left:313px;top:106px} #exsf2:hover{left:233px;top:66px} #exsf2 span{background-position:-313px -106px} #exsf2:hover span{background-position:-115px -355px} #exsf3{left:210px;top:256px} #exsf3:hover{left:130px;top:216px} #exsf3 span{background-position:-210px -256px} #exsf3:hover span{background-position:-225px -355px} #exsf4{left:271px;top:263px} #exsf4:hover{left:191px;top:223px} #exsf4 span{background-position:-271px -263px} #exsf4:hover span{background-position:-335px -355px} #exsf5{left:117px;top:275px} #exsf5:hover{left:37px;top:235px} #exsf5 span{background-position:-117px -275px} #exsf5:hover span{background-position:-445px -355px} #exsf6{left:194px;top:62px} #exsf6:hover{left:114px;top:22px} #exsf6 span{background-position:-194px -62px} #exsf6:hover span{background-position:-5px -465px} #exsf7{left:135px;top:162px} #exsf7:hover{left:55px;top:122px} #exsf7 span{background-position:-135px -162px} #exsf7:hover span{background-position:-115px -465px} #exsf8{left:145px;top:66px} #exsf8:hover{left:65px;top:26px} #exsf8 span{background-position:-145px -66px} #exsf8:hover span{background-position:-225px -465px} #exsf9{left:236px;top:220px} #exsf9:hover{left:156px;top:180px} #exsf9 span{background-position:-236px -220px} #exsf9:hover span{background-position:-335px -465px} #exsf10{left:281px;top:149px} #exsf10:hover{left:201px;top:109px} #exsf10 span{background-position:-281px -149px} #exsf10:hover span{background-position:-445px -465px} ul#expandakabin-features-image {background:url(/images/expandakabin_features.jpg) top left no-repeat} ul#expandakabin-features-image a span {background-image:url(/images/expandakabin_features.jpg); background-repeat:no-repeat} #exkf1{left:80px;top:89px} #exkf1:hover{left:0px;top:49px} #exkf1 span{background-position:-80px -89px} #exkf1:hover span{background-position:-5px -375px} #exkf2{left:281px;top:73px} #exkf2:hover{left:201px;top:33px} #exkf2 span{background-position:-281px -73px} #exkf2:hover span{background-position:-115px -375px} #exkf3{left:150px;top:170px} #exkf3:hover{left:70px;top:130px} #exkf3 span{background-position:-150px -170px} #exkf3:hover span{background-position:-225px -375px} #exkf4{left:334px;top:150px} #exkf4:hover{left:254px;top:110px} #exkf4 span{background-position:-334px -150px} #exkf4:hover span{background-position:-335px -375px} #exkf5{left:389px;top:170px} #exkf5:hover{left:309px;top:130px} #exkf5 span{background-position:-389px -170px} #exkf5:hover span{background-position:-445px -375px} #exkf6{left:100px;top:199px} #exkf6:hover{left:20px;top:159px} #exkf6 span{background-position:-100px -199px} #exkf6:hover span{background-position:-5px -485px} #exkf7{left:200px;top:221px} #exkf7:hover{left:120px;top:181px} #exkf7 span{background-position:-200px -221px} #exkf7:hover span{background-position:-115px -485px} #exkf8{left:234px;top:248px} #exkf8:hover{left:154px;top:208px} #exkf8 span{background-position:-234px -248px} #exkf8:hover span{background-position:-225px -485px} #exkf9{left:290px;top:184px} #exkf9:hover{left:210px;top:144px} #exkf9 span{background-position:-290px -184px} #exkf9:hover span{background-position:-335px -485px} #exkf10{left:340px;top:276px} #exkf10:hover{left:160px;top:236px} #exkf10 span{background-position:-340px -276px} #exkf10:hover span{background-position:-445px -485px} ul#cabinstor-features-image {height:365px; background:url(/images/cabinstor_features.jpg) top center no-repeat} /* assembly & gallery pages */ .assembly-container div, .gallery-container div {width:268px; float:left; margin-right:17px; margin-bottom:17px; display:inline} .assembly-container div.odd, .gallery-container div.odd {clear:left} .assembly-container img {margin-bottom:17px} /* product listing table (price page ) */ table#prodlisting {margin-bottom:20px} table#prodlisting caption {margin-left:0;padding-left:0} table#prodlisting td, table#prodlisting th {padding:5px;border-bottom:1px solid #DDD; vertical-align:top;} table#prodlisting tr.heading th {background:#DCDDDF;border:none; font-weight:bold} table#prodlisting th.row {text-align:left;padding-left:2px;padding-right:2px;width:116px} table#prodlisting tr.even td, table#prodlisting tr.even th {background:#EEE} table {margin-bottom:20px} table caption {margin-left:0;padding-left:0} table td,table th {padding:5px;border-bottom:1px solid #DDD} table tr.heading th, table th.heading {background:#D8CFE0;border:none} table th.row {text-align:left;padding-left:2px;padding-right:2px;width:116px} table tr.even td,table tr.even th {background:#EEE} /* productfeatures tables on tech pages */ table.product-features{margin-bottom:20px} table.product-features caption{margin-left:0;padding-left:0} table.product-features td, table.product-features th{padding:5px 3px;text-align:center;border:none} /*table.productfeatures td{border-right:1px dashed #CCC}*/ table.product-features th{background:#DDD} table.product-features th.col{background:#DCDDDF} table.product-features th.row{text-align:left;padding-left:2px;padding-right:2px;width:116px} table.product-features tr.even th{background:#CCC} table.product-features tr.even td{background:#EEE} /* cartnav */ #cartnav {padding-top:1.5em} #cartnav a {text-transform:lowercase} /* price-busters */ #content.price-busters li {margin-bottom:1em} #content.price-busters li span {display:block; font-weight:bold; color:#B22222;} #content.price-busters div.cols-2 {margin-left:190px} #content.price-busters div.category-box {padding-bottom:2em; display:table} /* newsletter */ body.newsletter #content {width:587px} body.newsletter #main {background:#fff} #newsletter-side-bar {width:164px; float:left} .newsletter_article {clear:left; display:table; width:561px; background:#231F20; overflow:hidden; border-bottom:2px solid #939598; padding:0 0 17px 9px} .newsletter_article.last {border-bottom:none} .newsletter_article * {color:#fff} .newsletter_article h2 {margin:0 !important; padding:9px 9px 9px 0; font-weight:bold} .newsletter_article img {float:left; margin-right:17px} .newsletter_article img.last {margin-right:0} .newsletter_text {width:354px; float:left} #f_newsletter {width:164px} #f_newsletter input {width:160px} #f_newsletter input.btn {width:auto; float:right} #newsletter-side-bar h2.msg {font-size:1.2em; font-weight:bold; margin-bottom:0; text-transform: uppercase} #newsletter-side-bar h2.msg.error {color:#B22222} /* ======== TABBER FOR DOWNLOADS PAGE ========== */ /*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ .tabberlive .tabbertabhide {display:none} /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber {} .tabberlive {margin-top:1em} /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav {list-style-type: none !important; margin:0 !important; padding: 3px 0; font-weight: bold} ul.tabbernav li {margin: 0; padding: 0; display: inline} ul.tabbernav li a {padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; background: #D9DADC; text-decoration: none} ul.tabbernav li.tabberactive a {background-color: #fff; border-bottom: 1px solid #fff} ul.tabbernav li.tabberactive a:hover {color: #000; background: white; border-bottom: 1px solid white} /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab {} .tabberlive .tabbertab h3 {display:none} /* effects - gallery-roll */ div.gallery-roll-container {padding:0; width:173px; float:left; margin:0 17px 0 0 !important; position:relative} div.gallery-roll-container ul {list-style-type:none !important; margin-left:0 !important; width:173px} div.gallery-roll-container li {margin:0 !important} div.gallery-roll-container span {display:block; padding-bottom:17px} .jcarousel-skin-product-images .jcarousel-container {padding-bottom: 34px !important; background: url(/images/carousel-skin-products-nav-helper.jpg) center bottom no-repeat} .jcarousel-skin-product-images .jcarousel-container-horizontal {width: 553px; padding:0} .jcarousel-skin-product-images .jcarousel-clip-horizontal {width: 553px; height: 173px} .jcarousel-skin-product-images .jcarousel-item {width: 173px; height: 173px} .jcarousel-skin-product-images .jcarousel-item-horizontal {} .jcarousel-skin-product-images .jcarousel-item-placeholder {background: #fff; color: #000} .jcarousel-skin-product-images .jcarousel-prev-horizontal, .jcarousel-skin-product-images .jcarousel-next-horizontal {position:absolute; bottom:0; width:86px; height:30px; cursor: pointer; background-image:url(/images/carousel-skin-products-nav-images.jpg); background-repeat;} .jcarousel-skin-product-images .jcarousel-next-horizontal {right:0; background-position: -87px 0} .jcarousel-skin-product-images .jcarousel-next-horizontal:hover {background-position: -87px -30px} .jcarousel-skin-product-images .jcarousel-next-horizontal:active {background-position: -87px -60px} .jcarousel-skin-product-images .jcarousel-next-disabled-horizontal, .jcarousel-skin-product-images .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-product-images .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -87px -90px} .jcarousel-skin-product-images .jcarousel-prev-horizontal {right:87px; background-position: 0 0} .jcarousel-skin-product-images .jcarousel-prev-horizontal:hover {background-position: 0 -30px} .jcarousel-skin-product-images .jcarousel-prev-horizontal:active {background-position: 0 -60px} .jcarousel-skin-product-images .jcarousel-prev-disabled-horizontal, .jcarousel-skin-product-images .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-product-images .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: 0 -90px} #primary-side-bar-extras {width:176px; padding-top:1.5em; padding-bottom:1.5em; background:url(/images/divider-horizontal-white-164.gif) 12px bottom no-repeat} #primary-side-bar-extras a {width:164px; float:none} #win-expandavault {background-color:#E2E1EF; padding-bottom:1.5em} #win-expandavault-banners {border-bottom:3px solid #fff} #win-expandavault-form, #win-expandavault-ok-text {padding:1.5em 0 0 40px} #win-expandavault-form .form-row input {width:400px; float:left} #win-expandavault-form .form-row label {width:73px; float:left; clear:left; display:block} #win-expandavault-form .form-row textarea {height:10em; width:473px} #win-expandavault-form .form-row-textarea label {width:473px; float:none} #win-expandavault-form .form-row {clear:left} #win-expandavault-form input.btn {margin:1.5em 0} #win-expandavault-ompetition-rules {width:475px; margin-left:40px; padding-top:1.5em; border-top:1px solid #666} /* competition #competition-side-bar {width:172px; float:left} #f_newsletter {width:172px} #f_newsletter * {margin:0; width:168px; float:left; clear:none; text-align:left} #f_newsletter div.checkbox input {width:auto} #f_newsletter div.checkbox label {width:140px; float:right} #f_newsletter div {margin-bottom:1em} #f_newsletter input.btn {width:auto; text-align:center; float:right} #competition_rules {border-top:1px solid #ADADAD; width:553px; padding-top:17px} #competition_rules p {font-size:87%} #competition-side-bar h2 {text-transform:uppercase; color:#e00404; font-weight:bold; letter-spacing:1px} */ /* float clearing */ #wrapper:after, #header:after, #main:after, #top-cat-nav:after, #sub-cat-nav:after, .slider-box:after, div.content-section:after, ul.l-3cols:after, #primary-side-bar:after {content:"."; display:block; height:0; clear:both; visibility:hidden} #wrapper, #header, #main, #top-cat-nav, #sub-cat-nav, .slider-box, div.content-section, ul.l-3cols, #primary-side-bar {display:inline-block} /* Hides from IE-mac \*/ * html #wrapper, * html #header, * html #main, * html #top-cat-nav, * html #sub-cat-nav, * html .slider-box, * html div.content-section, * html ul.l-3cols, * html #primary-side-bar {height:1%} #wrapper, #header, #main, #top-cat-nav, #sub-cat-nav, .slider-box, div.content-section, ul.l-3cols, #primary-side-bar {display:block} /* End hide from IE-mac */ /* google translate stuff */ .google-src-text {display: none !important; } .google-src-active-text {display: block !important; color: black !important} .google-src-active-text font {color: black !important} .google-src-active-text a:link {color: blue !important; text-decoration: underline !important} .google-src-active-text a:visited {color: purple !important; text-decoration: underline !important} .google-src-active-text a:active {color: red !important; text-decoration: underline !important}