body { margin: 0; padding: 0; font: 62.5%/1.26 'Trebuchet MS', Arial, sans-serif; text-align: center; background: #251d36; color: #919BA4; } body#country-select, body#language-select { background: #221b32 url('../images/layout/language-select.gif') no-repeat center top; } body.popup { background: #fbf9ec; text-align: left; } a { color: #738ec8; text-decoration: none; } a:hover { text-decoration: underline; } input, textarea, select { margin: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; } fieldset { margin: 0; padding: 0; border: none; } legend { margin: 0; padding: 0; } img { margin: 0; border: 0; } form { margin: 0; } p, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } ul.reset, ul.reset li { margin: 0; padding: 0; } ul.reset li { list-style: none; } table { border-collapse: collapse; } table, th, td { margin: 0; padding: 0; } .hr hr { display: none; } pre { margin: 1.5em; padding: 1em; background-color: #ffeeee; border: 1px solid red; font-family: 'Courier New', Courier, monospace; font-size: 120%; color: #333; } .error { color: red; } /* center */ .center { position: relative; margin: 0 auto; width: 1000px; overflow: hidden; text-align: left; z-index: 2; } /* content-container*/ #content-container { position: relative; height: 460px; /*538*/ background-color: #fbf9ec; } body#country-select #content-container, body#language-select #content-container { background-color: transparent; } /* content */ #content-left, #content-right { float: left; position:relative; z-index: 2; overflow: hidden; } /* content-left */ #content-left { width: 396px; min-height: 460px; } /* content-right */ #content-right { width: 504px; /*764*/ /*min-height: 538px;*/ } /* flash-container */ #flash-container { height: 460px; } /* footer */ #footer { position: relative; z-index: 4; background: #251d36 url('../images/layout/footer.gif') no-repeat center -60px; height: 280px; /*280-61*/ } #footer img { position: absolute; top: 7px; left: 397px } #footer .center { overflow: visible; } /* too small background fix */ #content-container, #footer { min-width: 1000px; } body.popup #content-container { width: 100%; min-width: 100%; } /* home pages layout */ #home #content-left { background: url('../images/layout/mood-image_01.jpg') no-repeat 50px 0; } #home #content-right { background: url('../images/layout/mood-image_02.jpg') no-repeat right top; } /* about pages layout */ body.about #content-left, body.about #content-left div { width: 396px; /*556*/ overflow: hidden; } body.about #content-left .aboutpage-1-image { background: url('../images/content/about_02.jpg') no-repeat 0 10px; } body.about #content-left .aboutpage-2-image { background: url('../images/content/about_02.jpg') no-repeat 0 10px; } body.about #content-left .aboutpage-3-image { background: url('../images/content/about_03.jpg') no-repeat 0 10px; } body.about #content-left .aboutpage-4-image { background: url('../images/content/about_04.jpg') no-repeat 0 10px; } body.about #content-right { width: 600px; /*664*/ } /* find nydj */ body.find-nydj #content-left { float: left; padding-top: 10px; width: 260px; min-height: 348px; /*538*/ } body.find-nydj #content-right { float: right; width: 730px; /*978*/ } /* collection categories */ body.collection-categories #content-container .center { width: 100%; } body.collection-categories #content-left { display: none; } body.collection-categories #content-right { width: 100%; overflow: hidden; /* min-height: 460px; /* */ text-align: center; } /* collection subcategories */ body.collection-subcategories #content-container .center { width: 100%; } body.collection-subcategories #content-left { float: none; width: 100%; height: 70px; min-height: 70px; } body.collection-subcategories #content-right { width: 100%; overflow: hidden; /* min-height: 390px; /* 460 - 70 */ text-align: center; } /* collection detail */ #collection-detail #content-left { width: 650px; /*860*/ } #collection-detail #content-right { float: right; width: 340px; } #collection-detail #content-right .paragraph-container { width: 330px; /*340*/ padding: 50px 0 0 0; } /* try your jeans */ body#try-ndyj #content-left { display: none; } body#try-ndyj .paragraph-container { width: 385px; /*385*/ padding: 165px 0 0 210px; } body#try-ndyj #content-right { width: 891px; height: 460px; background: url('../images/content/try-your-jeans.jpg') no-repeat right 20px; } /* country select */ body.country-select, body.language-select { background: #221b32 url('../images/layout/gradient-selectpage.jpg') center center no-repeat; } body.country-select #content, body.language-select #content { width: 100%; text-align:center; } /* reset headers */ h1, h2, h3, h4, h5, h6, p.header1, p.header2 { font-size: 100%; margin: 0; padding: 0; font-weight: normal; } h1 { font-family: 'Times New Roman', serif; color: #352a4e; font-size: 20px; } /* headers */ .header1 { margin: 0 0 10px 0; font-family: 'Times New Roman', serif; font-size: 200%; text-transform: uppercase; color: #352a4e; } .header2 { margin: 0 0 15px 0; font-family: 'Times New Roman', serif; font-size: 120%; text-transform: uppercase; color: #352a4e; } .header2 a:hover { text-decoration: none; } /* paragraph container */ .paragraph-container { padding-top: 100px; width: 378px; } #contact .paragraph-container { padding-top: 20px; } #newsletter .paragraph-container { padding-top: 58px; } /* paragraph */ .paragraph-container p { margin: 0 0 25px 1px; padding: 0; font-size: 140%; line-height: 20px; color: #919ba4; } #contact .paragraph-container p { font-size: 130%; } .paragraph-container p.error { color: red; } /* tables */ table { margin: 5px 0px 0px 0px; font-size: 120%; } /* lists */ .paragraph-container ul, ol { padding-left: 20px; padding-bottom: 20px; } .paragraph-container ul li, .paragraph-container ol li { font-size: 140%; line-height: 18px; padding: 3px 0 2px; margin-left: 30px; } /* button */ .button a { display: block; float: left; clear: both; margin-top: 5px; height: 20px; line-height: 20px; padding: 0 8px 0 16px; font-size: 120%; text-transform: uppercase; text-decoration: none; color: #feffff; background: #919ba4 url('../images/form/button-arrow.gif') no-repeat 9px 50%; cursor: pointer; } .button a cufon { position: relative; top: -1px; } .button a:hover { text-decoration: none; } /* view buttons */ .button a.view { float: left; margin: 0 6px 22px 0; } /* back to overview button */ .button a.back { margin-top: 45px; background-image: url('../images/form/button-arrow-left.gif'); background-position: 8px 50%; } /* about pages */ .about div.paragraph-container { padding-left: 36px; padding-top: 60px; /*245*/ width: 500px; } img.lift-tuck-logo { display: block; margin: -40px 0 20px 0; } /* compensate for image size */ .about div.about-2 { padding-top: 100px; } /* terms and conditions */ body.popup .paragraph-container { padding: 30px 38px 30px 38px; width: 456px; } body.popup .header1 { font-size: 240%; } body.popup .paragraph-container p, body.popup .paragraph-container ul li, body.popup .paragraph-container ol li { color: #352a4e; font-size: 120%; line-height: 17px; } /* Contact pages */ #address-container { position: absolute; left: 125px; top: 56px; width: 200px; } #address-container p { font-size: 110%; line-height: 17px; } #contact .paragraph-container p { margin: 0px 0px 10px 0px; } /* Newsletter */ #newsletter .paragraph-container p { margin: 0px 0px 10px 0px; } /* Where to find */ #find-nydj div.paragraph-container { padding: 0px; margin: 0 0 0 30px; width: 236px; } #find-nydj div.paragraph-container p { padding: 2px 0; font-size: 130%; line-height: 18px; } /* Where to find - search results */ .search-results { margin: 0 0 0 30px; position: relative; width: 190px; overflow: hidden; } .search-results p { font-size: 120%; line-height: 17px; margin: 0 0 20px 0; } .search-results p span.title { display: block; font-weight: bold; } /* article detail page */ .collection .paragraph-container { width: 280px; } .article-details p { margin: 0; } .article-details p.article-info { margin: 0 0 10px 0; } .article-details div.colors { margin: 0 0 8px 0; } .article-details div.page-nav { padding-top: 30px; clear: both; } /* collection detail page - content left */ #collection-detail #content-left { text-align: right; } /* country & language select page */ .country-select .header1, .language-select .header1 { color: #faf9ec; font-size: 160% ; } .country-select .logo, .language-select .logo { margin: 100px 0 33px 0; } /* siblings */ #siblings-container { position: absolute; bottom: 30px; left: 20px; width: 190px; z-index: 100; } /* alternatives list */ ul.siblings { width: auto; overflow: hidden; } ul.siblings li { float: left; margin-bottom: 4px; } ul.siblings li a { display: block; width: auto; height: 153px; text-align: center; border: 1px dashed #FAF9EC; } ul.siblings li a img { margin: 5px 2px 0; } ul.siblings li a:hover { text-decoration: none; color: #919BA4; } ul.siblings li.sel a { border: 1px dashed #CCCCCC; } /* scroll */ #collection-scroller { display: block; position: relative; margin: 10px auto; width: 1000px; height: 9px; z-index: 20; } #collection-scroller #track { position: absolute; height: 6px; top: 0; z-index: 26; } #collection-scroller #track img { display: block; height: 6px; } #collection-scroller #drag { position: absolute; top: 0px; z-index: 27; cursor: pointer; } #collection-scroller #drag img { display: block; } /* js-slider-bar */ .js-scrollable-content { position: relative; padding: 0 0 0 0; width: 100%; overflow: hidden; } body.collection-subcategories .js-scrollable-content { padding: 0; } .js-slider-bar { position: relative; margin: 0 auto; width: 496px; height: 9px; overflow: hidden; background: url('../images/content/slider-horizontal-bar.gif') no-repeat; text-align: left; } .js-slider-bar .js-slider-knob { position: absolute; left: 0; top: 0; width: 218px; height: 9px; overflow: hidden; background: url('../images/content/slider-horizontal-knob.gif') no-repeat; cursor: pointer; } /* js-vertical-slider-bar */ .js-vertical-slider-bar { position: absolute; right: 15px; width: 9px; height: 248px; overflow: hidden; background: url('../images/content/slider-vertical-bar.gif') no-repeat; } .js-vertical-slider-bar .js-slider-knob { position: absolute; left: 0; top: 0; width: 9px; height: 87px; overflow: hidden; background: url('../images/content/slider-vertical-knob.gif') no-repeat; cursor: pointer; } /* google-maps-container */ .google-maps-container { width: 730px; /*978*/ height: 460px; } .google-maps-hover { position: absolute; } .google-maps-hover p { padding: 0 7px; border-left: 1px dotted #514c68; background: #34294d; white-space: nowrap; font-size: 12px; line-height: 16px; color: #faf9ec; } .google-maps-hover p span.title { display: block; padding: 0 10px; font-size: 13px; line-height: 29px; text-transform: uppercase; } .google-maps-hover p span.text { display: block; padding: 4px 10px 10px 10px; } .google-maps-hover p span.text a { display: block; padding: 4px 0 0 0; } .google-maps-hover a.close { position: absolute; top: 0; right: -15px; display: block; width: 15px; height: 15px; background: #34294d; border-left: 1px dotted #514c68; text-align: center; font-size: 13px; line-height: 14px; color: #faf9ec; text-decoration: none; } /* article-detail-image */ #article-detail-image { position: relative; height: 460px; overflow: hidden; } #article-detail-image img { position: absolute; top: 40px; right: 0px; } /* tooltip */ span.tooltip { position: absolute; z-index: 200; visibility: hidden; padding: 3px 10px; background-color: #faf9ec; font-size: 12px; color: #352a4e; text-transform: uppercase; } /* multi page nav about */ a.slider-arrow, .about a#nav-next, .about a#nav-prev { display: block; float: left; width: 21px; height: 460px; background-repeat: no-repeat; background-position: 0 -460px; background-image: url('../images/content/arrow-left.gif'); text-indent: -9999px; overflow: hidden; outline: 0; } a.slider-arrow { height: 395px; } .about a#nav-next { float: right; margin-left: 30px; background-image: url('../images/content/arrow-right.gif'); } a.slider-arrow:hover, .about a#nav-next:hover, .about a#nav-prev:hover { background-position: 0 0; } /* slider-arrows */ a.slider-arrow { position: absolute; top: 0; float: none; width: 33px; z-index: 100; } a.slider-arrow-left { left: 0; background-image: url('../images/articles/arrow-left.png'); } a.slider-arrow-right { right: 0; background-image: url('../images/articles/arrow-right.png'); } /* dealer-message-lightbox */ #dealer-message-lightbox { padding: 10px; width: 400px; text-align: center; border: 1px solid #FBF9EC; } #dealer-message-lightbox .message-container { margin: 40px 0 55px 0; } #dealer-message-lightbox p { font-size: 12px; color: #919BA4; margin: 0 0 20px 0; } #dealer-message-lightbox a.js-lightbox-close { position: absolute; top: -9px; right: -9px; display: block; width: 18px; height: 18px; overflow: hidden; outline: 0; text-indent: -999em; text-decoration: none; background: transparent url('../images/lightbox/close.gif') no-repeat 0px 0px; } a:hover.js-lightbox-close { text-decoration: none; } .message-container a { padding: 0 0 0 20px; background: transparent url('../images/content/icoon-pdf.gif') no-repeat 0px 0px; } /* slider */ ul.slider { position: absolute; overflow: hidden; } ul.slider li { float: left; position: relative; } li a.slider-element { display: block; padding: 0 20px; width: 200px; outline: 0; text-align: center; } li a.slider-element:hover { text-decoration: none; } /* image */ li a.slider-element img { display: block; margin: 0 auto; } /* texts */ li a.slider-element span { display: block; } /* title */ li a.slider-element span.title { font-family : 'Times New Roman', serif; font-weight: bold; color: #352a4e; text-transform: uppercase; } /* description */ li a.slider-element span.description { display: none; padding-top: 5px; font-size: 120%; line-height: 14px; color: #919ba4; } /* show description on hover */ li a.slider-element:hover span.description { display: block; } /* collection-categories */ .collection-categories ul.slider { height: 395px; /*border: 1px solid purple;*/ } .collection-categories ul.slider li a.slider-element { padding-top: 15px; height: 380px; } /* title */ .collection-categories ul.slider li a.slider-element span.title { padding-top: 5px; font-size: 180%; } /* collection-subcategories */ .collection-subcategories ul.slider { height: 325px; /*border: 1px solid purple;*/ } .collection-subcategories ul.slider li a.slider-element { height: 325px; /*border-right: 1px solid white;*/ /*background-color: pink;*/ } /* title */ .collection-subcategories ul.slider li a.slider-element span.title { padding-top: 0px; font-size: 140%; } /* rollover details */ ul.slider li .rollover-details { /*border: 1px solid white;*/ position: absolute; top: 30px; right: 0px; visibility: hidden; width: 56px; height: 240px; z-index: 100; } /* hover state */ ul.slider li:hover .rollover-details, ul.slider li.sel .rollover-details { visibility: visible; } /* detail-overlay AND detail-image */ ul.slider li .rollover-details a.detail-image, ul.slider li .rollover-details .detail-overlay { position: relative; z-index: 10; display: block; padding: 3px 0 0 0; width: 56px; height: 56px; /*overflow: visible;*/ /*background: #fbf9ec;*/ } /* = ul.slider li .rollover-details .detail-overlay.sel */ ul.slider li .rollover-details div.sel { z-index: 20; } ul.slider li .rollover-details a.detail-image:hover, ul.slider li .rollover-details div.sel { /*background: white;*/ } /* border */ ul.slider li .rollover-details span.border { position: absolute; top: 0; left: 0; display: block; padding: 1px; background: transparent url('../images/content/category-detail-mask.gif') repeat; border: 1px solid #FBF9EC; } /* border hover state */ ul.slider li .rollover-details a.detail-image:hover span.border, ul.slider li .rollover-details div.sel span.border { top: -28px; left: -28px; z-index: 100; } /* mask */ ul.slider li .rollover-details span.border span.mask { position: relative; display: block; border: 1px solid #fbf9ec; width: 50px; height: 50px; overflow: hidden; } /* mask hover state */ ul.slider li .rollover-details a.detail-image:hover span.border span.mask, ul.slider li .rollover-details div.sel span.border span.mask { width: 106px; height: 106px; background: red; } /* image */ ul.slider li .rollover-details span.border span.mask img { position: absolute; left: -28px; top: -28px; display: block; } /* image hover state */ ul.slider li .rollover-details a.detail-image:hover span.border span.mask img, ul.slider li .rollover-details div.sel span.border span.mask img { left: 0; top: 0; } /* colors labels */ div.colors { padding: 2px 0 0 3px; width: 52px; overflow: hidden; } div.colors a { display: block; margin-right: 2px; float: left; width: 10px; height: 10px; overflow: hidden; } /* add extra border on light colors */ div .colors a.border { border: 1px solid #ccc; width: 8px; height: 8px; } /* reset */ ul li a { outline: 0; } /* navigation-container */ #navigation-container { position: relative; background: url('../images/menu/navigation-container.gif') repeat-x 0 0; z-index: 10; height: 32px; } #navigation-container .center { overflow: hidden; } /* nav-main */ ul#nav-main { position: relative; float: left; left: 50%; margin: 0 auto; } ul#nav-main li { position: relative; float: left; right: 50%; } ul#nav-main li a.main { float: left; display: block; padding: 0 9px 0 8px; height: 32px; line-height: 32px; font-family: 'Times New Roman', Serif; font-size: 16px; color: #919ba4; text-transform: uppercase; } ul#nav-main li a.main:hover { color: #faf9ec; text-decoration: none; } ul#nav-main li.sel a.main { color: #faf9ec; background: url('../images/menu/nav-main-arrow.gif') no-repeat center top; } /* dotted border reset */ ul#nav-main li a { outline: 0; } /* navigation logo */ ul#nav-main li.home { background: url('../images/menu/navigation-logo.gif') no-repeat 0 6px; padding-left: 35px; /*27+8*/ } /* nav-sub-container */ #navigation-sub-container { position: absolute; width: 100%; bottom: 0; left: 0; z-index: 10; height: 0; } #navigation-sub-container.active { height: 29px; background: url('../images/menu/nav-sub.gif') repeat-x; } /* nav-sub */ ul.nav-sub { margin: 0 auto; width: 1000px; overflow: hidden; text-align: center; } ul.nav-sub li { display: inline; float: none; } ul.nav-sub li a { display: inline; margin: 0 0 0 1px; padding: 0 7px; font-family: 'Times New Roman', serif; line-height: 28px; font-size: 16px; font-weight: normal; color: #919ba4; text-transform: uppercase; text-decoration: none; cursor: pointer; } ul.nav-sub li a:hover, ul.nav-sub li.sel a { color: #352a4d; font-weight: normal; } ul#nav-main li.sel li a { background: none; } /* nav-footer */ ul#nav-footer { padding: 126px 0 0 0; text-align: center; } ul#nav-footer li { display: inline; border-right: 1px solid #544d61; } ul#nav-footer li.newsletter { border-right: 0; } ul#nav-footer li a { padding: 0 7px; font-family: Verdana, sans-serif; font-size: 10px; line-height: 10px; color: #534b5f; } ul#nav-footer li a:hover { text-decoration: none; color: #999; } ul#nav-footer li.sel a { color: #999; } /* nav-sub */ #content-left ul.nav-sub { margin: 20px 0 0 80px; width: 100%; clear: both; } #content-left ul.nav-sub li { float: left; font-size: 250%; } #content-left ul.nav-sub li a { padding-right: 18px; display: block; font-size: 24px; color: #919ba4; font-family : 'Times New Roman', serif; text-transform: uppercase; } #content-left ul.nav-sub li a:hover, #content-left ul.nav-sub li a:active, #content-left ul.nav-sub li.sel a { text-decoration: none; color: #352a4e; } /* nav-lang */ #nav-lang-container { float: left; width: 100%; position: relative; border-bottom: 1px dotted #504b67; border-top: 1px dotted #504b67; height: 29px; margin: auto; z-index: 10; } #nav-lang-container ul { position: relative; left: 50%; float: left; clear: left; text-align: center; } #nav-lang-container ul li { position: relative; right: 50%; float: left; font-size: 16px; } #nav-lang-container ul li a { display: block; margin: 0 0 0 1px; padding: 0 10px; color: #919ba4; font-family: Times New Roman, Serif; line-height: 29px; font-weight: bold; text-transform: uppercase; text-decoration: none; } #nav-lang-container ul li a:hover, #nav-lang-container ul li a.active, #nav-lang-container ul li a.active:hover, #nav-lang-container ul li.sel a { color: #fff; font-weight: bold; } #nav-lang-container ul li.sel a { background: url('../images/menu/nav-main-arrow.gif') top center no-repeat; } /* form */ form { width: 600px; } form legend{ display: none; } form .fieldcontainer{ clear: both; margin: 0 0 6px 0; overflow: hidden; width: 600px; } form .fieldcontainer label { float: left; width: 217px; font-size: 130%; line-height: 18px; padding-top: 2px; } form .fieldcontainer input { float: left; width: 165px; /* 168px */ height: 20px; /* 20px */ font-size: 140%; padding: 2px 0 0 4px; } /* textarea */ form .textarea label { float: none; display: block; padding: 2px 0 4px 0; } form .fieldcontainer textarea { width: 385px; height: 77px; font-size: 140%; float: left; } form input, form select, form textarea { border-color: #adb4bb; border-style: solid; border-left-width: 2px; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; } /* checkbox */ form .fieldcontainer.singlecheckbox input { height: 13px; width: 13px; margin: 3px 7px 0 0; border: 0px; } form .fieldcontainer.singlecheckbox label { width: 365px; font-size: 110%; line-height: 14px; } /* select */ form .fieldcontainer select { width: 168px; height: 20px; font-size: 140%; } /* button versie 1 .submit-container { background: #919ba4 url('../images/form/button-arrow.gif') no-repeat 9px 6px; width: 71px; height: 20px; } .button { background: transparent; border: 0px; padding: 2px 0 0 14px; font-size: 120%; line-height: 20px; color: #fff; } */ /* button */ .submit-container { width: 385px; overflow: hidden; padding: 0 0 26px 0; } .submit-container .button-submit { float: right; background: transparent url('../images/form/button-submit.gif') no-repeat 0 0; width: 71px; height: 20px; text-indent: -9999px; cursor: pointer; border: 0; } /* errors */ form p.error { float: left; padding-left: 10px; line-height: 20px; font-size: 11px; } /* misc */ .mandatory { width: 385px; font-size: 110%; color: #c4cacf; text-align: right; margin: 0 0 5px 0; } /* where to find form */ #find-nydj form { width: 236px; margin: 0 0 0 30px; } #find-nydj .fieldcontainer { width: 100%; } #find-nydj .fieldcontainer.search_str { margin: 0; } #find-nydj input { color: #919ba4; font-size: 130%; height: 20px; } #find-nydj select { width: 228px; color: #919ba4; } #find-nydj select option { color: #919ba4; } #find-nydj .submit-container { float: left; width: 54px; } #find-nydj .submit-container .button-find { float: right; margin-top: 1px; width: 50px; height: 20px; background: url('../images/form/button-find.gif') no-repeat 0 0; border: none; text-indent: -9999px; cursor: pointer; } #find-nydj p.error { clear: left; float: none; padding: 0; line-height: 18px; } /* other buttons */ .button-submit, .button-find-nydj, .button-view-the-collection, .button-print-voucher, .button-collection, .button-back-to-overview { height: 20px; text-indent: -9999px; } .button-submit { width: 71px; background: url('../images/form/button-submit.gif') no-repeat 0 0; } .button-find-nydj { width: 123px; background: url('../images/form/button-find-nydj.gif') no-repeat 0 0; } .button-view-the-collection { width: 206px; background: url('../images/form/button-view-the-collection.gif') no-repeat 0 0; } .button-print-voucher { width: 100px; background: url('../images/form/button-print-voucher.gif') no-repeat 0 0; } .button-collection { width: 106px; background: url('../images/form/button-collection.gif') no-repeat 0 0; } .button-back-to-overview { width: 147px; background: url('../images/form/button-back-to-overview.gif') no-repeat 0 0; } p a.button-link { display: block; height: 20px; } .contact .button-view-the-collection, .newsletter .button-view-the-collection { padding-top: 6px; background: url('../images/form/button-view-the-collection.gif') no-repeat 0 6px; } /* javascript select field */ div.js-select { float: left; display: block; height: 20px; background: url('../images/form/selectbox.gif') no-repeat top left; } div.js-select.js-select-disabled { border-color: #cccccc; color: #cccccc; } div.js-select.js-select-expanded { border-bottom-color: transparent; } div.js-select a { display: block; width: 100%; text-align: left; } div.js-select a:hover { text-decoration: none; } div.js-select a span { padding: 0 8px; line-height: 154%; font-size: 130%; color: #919ba4; } .js-select-options { text-align: left; } .js-select-options .js-select-options-top { height: 25px; overflow: hidden; background: transparent url('../images/form/options-top.png') no-repeat; } .js-select-options .js-select-options-wrapper { padding: 0 22px 33px 22px; width: 210px; background: transparent url('../images/form/options-bottom.png') no-repeat bottom; } .js-select-options .js-select-options-hover { background: url('../images/form/option.gif') no-repeat 0 -24px; } .js-select-options a { display: block; width: 100%; } div.js-select-options a:hover { background-position: 0 0; color: #ffffff; text-decoration: none; } div.js-select-options a span { display: block; padding: 0 5px 0 16px; line-height: 161%; font-size: 130%; color: #919ba4; } div.js-select-options a:hover span { color: #ffffff; } /* country select submit */ #country-select-form { width: 260px; margin: 4px auto 0; } body.javascript #country-select-form { width: 225px; } #country-select select { font-size: 120%; height: 20px; width: 225px; color: #adb4bb; } body#country-select select { } body#country-select button { float: right; height: 20px; background: #919ba4; border: none; color: #ffffff; line-height: 18px; } body.javascript form#country-select-form button { display: none; } .js-lightbox-canvas { padding: 10px; background: #faf9ec; border: 2px solid #352a4e; } /*--------------------------------------*/ /* DO NOT EDIT STYLES BELOW */ /*--------------------------------------*/ .js-lightbox-preload-container { position: absolute; left: -10px; top:-10px; width: 1px; height: 1px; overflow: hidden; } .js-lightbox-preload-container .js-lightbox-content-wrapper { position: absolute; display: block; } .js-image-lightbox, .js-gallery-lightbox, .js-lightbox { position: absolute; top: 0; left: 0; display: none; } .js-lightbox-canvas { position: absolute; overflow: visible; text-align: left; } .js-lightbox-next, .js-lightbox-previous { position: absolute; top: 20px; display: block; overflow: hidden; text-indent: -9999px; } .js-lightbox-previous { left: 0; } .js-lightbox-next { right: 0; } .js-lightbox-previous, .js-lightbox-next { background-repeat: no-repeat; }