html { overflow-y: scroll; } body { margin: 0; padding: 0; font: 12px/15px 'Trebuchet MS', sans-serif; color: #000; background: #fff; text-align: center; } a { color: #d52317; text-decoration: none; } a:hover { color: #111111; } input, textarea, select { margin: 0; padding: 0; font-size: 12px; font-family: inherit; } fieldset { margin: 0; padding: 0; border: none; } legend { margin: 0; padding: 0; } img { margin: 0; border: 0; } form { margin: 0; } blockquote { margin: 0; } p, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } .round-box ul.reset, .round-box ul.reset li, 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; } div.error { color: red; } cite { font-style: normal; } pre { margin: 20px; padding: 10px; background-color: #ffeeee; border: 1px solid red; font-family: 'Courier New', Courier, monospace; font-size: 12px; color: #333333; } /* content-container */ #content-container { min-width: 1000px; } /* center */ .center { position: relative; margin: 0 auto; width: 1000px; overflow: hidden; text-align: left; } /* top */ #top { height: 70px; overflow: visible; background: url('../images/layout/top.png') no-repeat 0 21px; } /* logo */ p.logo { position: absolute; top: 5px; left: 16px; z-index: 10; } p.logo a { outline: 0; } /* content */ #content { position: relative; margin-top: -15px; width: 100%; /*min-height: 580px; /*650*/ overflow: hidden; /*padding-bottom: 60px;*/ } body.homepage #content { margin-top: 0; padding-bottom: 0; } /* round-box */ .round-box { position: relative; margin: 0 0 0 141px; padding: 0 20px 15px 30px; width: 809px; /* 859 */ min-height: 300px; /*515*/ background: url('../images/layout/round-box.png') repeat-y; overflow: hidden; } .round-box-top, .round-box-footer { margin: 0 0 0 141px; width: 859px; padding: 0; } .round-box-top { height: 29px; background: url('../images/layout/round-box-top.png') no-repeat; } .round-box-footer { height: 16px; /*22*/ background: url('../images/layout/round-box-footer.png') no-repeat; } /* homepage round-box */ body.homepage .round-box { margin: 0 0 0 489px; /*499*/ width: 440px; /*511*/ min-height: 363px; padding: 0px 31px 5px 40px; background: url('../images/layout/home-round-box.png') repeat-y; overflow: visible; } body.homepage .round-box-top, body.homepage .round-box-footer { margin: 0 0 0 489px; width: 511px; } body.homepage .round-box-top { background: url('../images/layout/home-round-box-top.png') no-repeat; } body.homepage .round-box-footer { background: url('../images/layout/home-round-box-footer.png') no-repeat; } /* columns */ #column-left, #column-right { position: relative; overflow: hidden; } #column-left { float: left; width: 405px; } #column-right { float: right; width: 374px; } /* company-gifts */ body.company-gifts #column-left { width: 374px; } body.company-gifts #column-right { width: 404px; } /* textpage */ body.textpage #column-left { width: 377px; } body.textpage #column-right { width: 412px; } /* about */ body.about #column-right, body.about #column-left { padding-bottom: 10px; width: 394px; } /* contact */ body.contact #column-left { width: 345px; } body.contact #column-right { width: 444px; } /* my-story-form */ body.my-story-form #column-left, body.my-story-form #column-right { width: 394px; } /* footer */ #footer { height: 50px; /*104*/ background: url('../images/layout/footer.gif') repeat-x; clear: both; } /* headers */ h1 { margin: 0 0 10px 0; font-size: 25px; color: #d52316; text-transform: uppercase; } h2 { clear: left; padding: 21px 0 10px 0; font-size: 20px; font-weight: bold; color: #d52316; text-transform: uppercase; } h3 { padding: 0 0 2px 0; font-size: 12px; font-weight: bold; } /* paragraphs */ .round-box p { font-size: 12px; line-height: 19px; padding-bottom: 12px; } /* lists */ .round-box ul, .round-box ol { padding: 0 0 0 20px; margin: 0 0 10px 10px; } .round-box li { font-size: 12px; line-height: 19px; } /* ruler */ .hr { margin: 20px 0 0 0; height: 1px; background-color: #eee; } /* label-anchor */ .label-anchor { margin: 0 0 20px 0; float: left; background: url('../images/content/label-anchor-arrow.gif') no-repeat right top; } .label-anchor span, .label-anchor a { display: block; padding: 0 17px 0 5px; float: left; height: 18px; background: url('../images/content/label-anchor.gif') no-repeat; font-weight: bold; color: #fff; line-height: 18px; } .label-anchor a:hover { color: #fff; } /* white anchor */ .label-anchor.white { background: url('../images/content/label-anchor-arrow-white.gif') no-repeat right top; } .label-anchor.white a { background: url('../images/content/label-anchor-white.gif') no-repeat; color: #d52316; } .label-anchor.white a:hover { color: #d52316; } /* grey anchor */ .label-anchor.grey { background: url('../images/content/mpn-right.gif') no-repeat; } .label-anchor.grey a { background: url('../images/content/mpn-arrow-right.gif') no-repeat right top; } /* pdf-download */ p.pdf-download { color: #595959; } /* lightbox-close */ .lightbox-close { position: relative; margin-top: -10px; padding-right: 10px; float: right; font-size: 16px; font-weight: bold; color: #d52316; } /* general navigation settings */ ul#nav-main, ul#nav-top, ul#nav-lang { top: 30px; position: absolute; } ul#nav-main li, ul#nav-top li, ul#nav-lang li { display: inline; } ul#nav-main li a , ul#nav-top li a, ul#nav-lang li a { display: block; float: left; margin: 0 6px; color: #fff; text-transform: uppercase; font-weight: bold; outline: 0; } /* nav-main */ ul#nav-main { left: 151px; } ul#nav-main li a { margin: 0 15px 0 0; height: 23px; line-height: 22px; font-size: 13px; /*14*/ } /* nav-top */ ul#nav-top { right: 15px; } ul#nav-top li a { padding: 0; height: 23px; line-height: 21px; /*1.9*/ font-size: 10px; /*11*/ } /* common selected and hover states */ ul#nav-main li.sel a, ul#nav-top li.sel a, ul#nav-main li a:hover, ul#nav-top li a:hover { background: url('../images/menu/arrow.gif') no-repeat 14px 19px; border-bottom: 2px solid #fff; } /* nav-lang */ ul#nav-lang { top: 7px; right: 0; } ul#nav-lang li a { margin: 0; padding: 0 2px; line-height: 11px; font-size: 10px; } ul#nav-lang li.nl a { margin-right: 4px; } ul#nav-lang li a:hover, ul#nav-lang li.sel a { background-color: #d52316; } /* nav-footer */ ul#nav-footer { margin-left: 10px; } ul#nav-footer li { float: left; } ul#nav-footer li a { display: block; float: left; margin-top: 11px; padding: 0px 8px 0 10px; background: url('../images/menu/nav-footer.gif') no-repeat left 4px; font-size: 10px; font-weight: bold; color: #7e7e7e; outline: 0; } ul#nav-footer li a:hover { color: #d52317; } /* hema */ ul#nav-footer li.hema { height: 36px; background: url('../images/layout/hema.gif') no-repeat; } ul#nav-footer li.hema a { padding: 0 8px 0 41px; background: none; } ul#nav-footer li a span { display: none; } /* homepage header */ .homepage #content h1 { margin: 0; /* reset */ font-size: 30px; color: #d52316; line-height: 1.2em; } .homepage #content h1 span { position: absolute; width: 332px; left: -352px; text-align: right; color: #fff; } /* homepage introduction */ .homepage .introduction { margin-top: 16px; min-height: 138px; } .homepage .intro-mood { display: block; float: right; margin: 5px 0 5px 10px; } /* homepage quote */ .homepage .quote { width: 441px; clear: both; padding: 12px 0 20px 0; background: url('../images/content/quote-home.gif') no-repeat; overflow: hidden; } .homepage .quote h2, .homepage .quote p { margin-left: 85px; } .homepage .quote h2 { clear: none; padding: 7px 0 8px 0; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #d52316; } .homepage .quote p { padding: 0; line-height: 17px; font-style: italic; } blockquote a { font-weight: bold; color: #000; text-decoration: underline; } /* thumbnail-mask */ .thumbnail { float: left; width: 75px; height: 87px; } /* homepage-trigger */ .trigger-container { position: relative; width: 521px; float: right; margin: 0 -30px 0 0; } .homepage-trigger { position: relative; float: left; margin: 0 0 0 -20px; padding: 16px 20px 20px 20px; width: 149px; /*189*/ height: 113px; /*142*/ background: url('../images/content/homepage-trigger.png') no-repeat; overflow: hidden; color: white; } .homepage-trigger h3 { width: 142px; margin: 0 0 3px 0; font-size: 14px; font-weight: bold; line-height: 17px; text-transform: uppercase; } .homepage-trigger img { position: relative; left: -10px; z-index: 1; } .homepage-trigger .label-anchor { position: absolute; top: 97px; left: 20px; z-index: 2; } /* go-to-hema */ p.go-to-hema { float: right; width: 200px; } p.go-to-hema a { display: block; float: right; padding: 0 42px 0 0; height: 36px; background: url('../images/content/hema.gif') no-repeat top right; font-size: 11px; font-weight: bold; line-height: 36px; color: #818181; text-align: right; } p.go-to-hema span { display: none; } /* price label */ ul#slider a .label-anchor { position: absolute; top: 284px; left: 50%; margin: 0 0 0 -30px; font-weight: bold; } /* meta */ ul#slider span.meta { position: absolute; top: 306px; left: 0; width: 100%; font-size: 15px; font-weight: bold; text-transform: uppercase; text-align: center; color: #d52316; } ul#slider span.meta span { color: #000; } /* go-to-detail */ .js span.go-to-detail { visibility: hidden; } span.go-to-detail { position: absolute; top: 30%; left: 50%; margin: 0 0 0 -45px; display: none; width: 89px; height: 34px; background: url('../images/content/go-to-detail.gif') no-repeat; overflow: hidden; text-indent: -999em; } span.go-to-detail.lang-en { background: url('../images/content/go-to-detail-en.gif') no-repeat; } /* hover */ ul#slider a:hover span.go-to-detail { display: block; } /* collection-detail */ body.collection-detail h1 { padding-top: 36px; /*15*/ font-weight: bold; font-size: 20px; line-height: 21px; } body.collection-detail h1 span { font-size: 15px; color: #000; } body.collection-detail h3 { padding-top: 10px; } body.collection-detail #column-left img { display: block; margin: 0 auto; } /* price-container */ .price-container { padding: 40px 0 0 0; } .price-container p { text-align: right; clear: both; color: #595959; } .price-container p a { color: #595959; text-decoration: underline; } .price-container p a:hover { color: #D52316; } /* price-label */ .price-label { margin: 0 0 5px 0; float: right; background: url('../images/content/price-label.gif') no-repeat right top; } .price-label div { padding: 0 15px 0 18px; float: left; height: 24px; background: url('../images/content/price-label-left.gif') no-repeat; font-weight: bold; font-size: 20px; color: #fff; line-height: 24px; } /* other-projects */ .round-box ul.other-projects { padding: 0 0 20px 0; } ul.other-projects li a { display: block; padding: 0 0 0 11px; width: 379px; /*390*/ font-size: 12px; font-weight: bold; line-height: 19px; color: #595959; background: url('../images/content/list-arrow.gif') no-repeat 0 8px; overflow: hidden; } ul.other-projects li a:hover { color: #D52316; } /* read story */ .message-box.story a, .message-box.story a span { display: block; } .message-box.story a.readmore { float: right; margin-right: 20px; padding: 0 0 0 5px; background: url('../images/content/story-readmore.gif') no-repeat left top; color: #fff; cursor: pointer; } .message-box.story a.readmore span { height: 18px; line-height: 18px; padding: 0 17px 0 0; background: url('../images/content/story-readmore-arrow.gif') no-repeat right top; } /* mpn */ ul.mpn { width: 100%; overflow: hidden; } ul.mpn li, ul.mpn a, ul.mpn span { float: left; } ul.mpn span, ul.mpn a { display: block; height: 18px; line-height: 18px; background-repeat: no-repeat; background-image: url('../images/content/mpn-left.gif'); background-position: right top; color: #fff; cursor: pointer; } ul.mpn a span { padding: 0 5px 0 17px; display: block; background-image: url('../images/content/mpn-arrow-left.gif'); background-position: left top; } /* right arrow */ ul.mpn li.next a { background-image: url('../images/content/mpn-right.gif'); background-position: left top; } ul.mpn li.next a span { padding: 0 17px 0 5px; background-image: url('../images/content/mpn-arrow-right.gif'); background-position: right top; } /* button specific */ ul.mpn li.previous a { margin: 0 5px 0 0; } ul.mpn li.back-to-overview { float: right; } /* form */ legend { display: none; } .field-container { position: relative; width: 100%; overflow: hidden; padding: 0 0 10px 0; } label { display: block; padding: 3px 4px 0 4px; width: 72px; /*80*/ float: left; font-size: 12px; line-height: 18px; color: #000; } input.text, textarea, select { margin: 0; font: 12px/15px 'Trebuchet MS', sans-serif; } input.text, textarea { float: left; padding: 2px; border: none; } input.text { padding: 3px 4px 0 4px; background: transparent; width: 257px; } .text-container { float: left; background: url('../images/form/input-text.gif') no-repeat; } /* textarea */ .textarea-container { float: left; width: 265px; height: 110px; background: #e6e6e6 url('../images/form/textarea.gif') no-repeat; } textarea { background: none; padding: 6px 4px; width: 257px; /*265*/ height: 98px; /*110*/ font-size: 12px; overflow: auto; } /* required */ p.required { font-size: 10px; color: #737373; } /* newsletter */ body.news form { padding-left: 107px; } body.news .field-container, body.news label, body.news .text-container { float: left; } body.news .field-container { width: auto; } body.news label { padding-right: 11px; width: 97px; /*104*/ text-align: right; } body.news input.text { padding: 3px 4px 0 4px; width: 126px; /*130*/ font-size: 12px; } body.news .text-container { background: url('../images/form/text-newsletter.gif') no-repeat; } body.news div.submit-container { float: left; padding: 1px 0 0 11px; } /* basic flex-button styles */ button { position: relative; padding: 0; border: 0; cursor: pointer; overflow: visible; /* removes extra side padding in ie */ } button span { position: relative; display: block; white-space: nowrap; /* text fully visible in ie */ } /* extra flex-button styles */ button { float: left; padding: 0 17px 0 0; background: url('../images/form/button.png') no-repeat right top; font-family: 'Trebuchet MS', sans-serif; } button span { padding: 0 0 0 5px; height: 18px; line-height: 18px; /* vertically align text */ background: url('../images/form/button.png') no-repeat left -38px; font-size: 12px; color: white; } /* overrides extra padding in firefox */ button::-moz-focus-inner { padding: 0; border: none; } /* safari and google chrome only - fix margins */ @media screen and (-webkit-min-device-pixel-ratio:0) { button span { margin-top: -1px; } } /* error */ form div.error { text-align: right; margin: 0 10px 0 0; padding: 0 8px 2px 8px; background: url('../images/form/error.gif') no-repeat right 7px; } form .check-box div.error { padding: 0 8px 2px 0; background: url('../images/form/error.gif') no-repeat 110px 7px; text-align: left; } /* select */ select { background-color: #e6e6e6; border: none; } /* masking corners */ .mask { position: relative; } .mask img { display: block; } .mask div, .mask span { display: block; /* only for span */ position: absolute; width: 5px; height: 5px; background-repeat: no-repeat; background-position: left top; overflow: hidden; text-indent: -999em; } .mask .corner-top-left { top: 0; left: 0; background-image: url('../images/content/corner-top-left.png'); } .mask .corner-top-right { top: 0; right: 0; background-image: url('../images/content/corner-top-right.png'); } .mask .corner-bottom-left { bottom: 0; left: 0; background-image: url('../images/content/corner-bottom-left.png'); } .mask .corner-bottom-right { bottom: 0; right: 0; background-image: url('../images/content/corner-bottom-right.png'); } body.about .mask { margin: 5px 0 18px 0; } /* slider */ #slider-container { position: relative; z-index: 10; width: 809px; overflow: hidden; } ul#slider { position: relative; left: 0; margin: 0; padding: 18px 0 0 0; overflow: hidden; clear: both; } ul#slider li, ul#slider a { float: left; } ul#slider li { padding: 0 10px 0 0; } ul#slider a, ul#slider span { display: block; cursor: pointer; } ul#slider a { position: relative; height: 371px; overflow: hidden; outline: 0; } /* javascript */ body.js ul#slider { width: 9999px; height: 371px; } body.js ul#slider li { padding: 0 62px 0 0; } /* slider-nav */ ul.slider-nav { display: none; position: absolute; top: 0; left: 0; } body.js ul.slider-nav { display: block; } ul.slider-nav li a { position: absolute; top: 160px; display: block; width: 30px; height: 30px; background-repeat: no-repeat; overflow: hidden; text-indent: -999em; outline: 0; } ul.slider-nav li.left a { left: 3px; background-image: url('../images/content/slider-arrow-left.png'); } ul.slider-nav li.right a { left: 775px; background-image: url('../images/content/slider-arrow-right.png'); } /* slider */ .slider-controls { display: none; position: relative; margin: 0 0 10px 0; width: 809px; height: 10px; background: url('../images/content/slider.gif') no-repeat; clear: both; } .js .slider-controls { display: block; } .slider-controls .knob { position: relative; top: -20px; left: 0; padding: 20px 0; width: 60px; height: 10px; background: url('../images/content/slider-knob.gif') no-repeat 0 20px; cursor: pointer; } /* textual slider */ body.js .textual ul#slider li { padding: 0 34px 0 0; } .textual ul#slider li a { width: 229px; } .textual ul#slider li a span.thumbnail { margin-right: 10px; } .textual ul#slider li a span.title, .textual ul#slider li a span.function { color: #d52316; } .textual ul#slider li a span.title { padding-top: 17px; font-size: 15px; font-weight: bold; text-transform: uppercase; } .textual ul#slider li a span.title-meta { padding-bottom: 8px; line-height: 14px; } .textual ul#slider li a span.text { padding: 0 0 17px 0; font-style: italic; color: black; } .textual ul#slider li a:hover span.title-meta { color: #d52316; } /* news page slider */ body.news ul#slider { padding: 3px 0 0 0; } body.news .textual ul#slider li a span.text { font-style: normal; } body.news .textual ul#slider li a span.title-meta { padding-bottom: 0; line-height: 17px; color: #000; } body.news .textual ul#slider li a span.title { padding-top: 0; padding-bottom: 6px; font-size: 12px; font-weight: bold; text-transform: none; } /* readmore link */ .textual ul#slider li a span.readmore { float: left; height: 18px; line-height: 18px; background: url('../images/content/mpn-right.gif') no-repeat left top; color: #fff; cursor: pointer; font-weight: bold; } .textual ul#slider li a span.readmore span { padding: 0 17px 0 5px; background: url('../images/content/mpn-arrow-right.gif') no-repeat right top; } .textual ul#slider li a:hover span.readmore span { text-decoration: underline; } /* fullsize image */ .textual ul#slider li a span.thumbnail.full-size { width: 229px; height: 179px; } .textual ul#slider li a span.thumbnail.full-size { margin-bottom: 10px; } /* company-gifts */ body.company-gifts h1 { margin-top: 20px; /* font-size: 20px; */ } body.company-gifts h2 { padding-top: 7px; font-size: 15px; font-weight: bold; } /* mask */ body.company-gifts .mask { width: 374px; } body.company-gifts .mask .text { top: 467px; left: 147px; width: 212px; height: 54px; background: url('../images/content/collectie.png') no-repeat; text-align: right; } body.company-gifts .mask span.header { display: none; } body.company-gifts .mask span.year { position: absolute; top: 40px; left: 0; z-index: 10; height: 30px; width: 197px; /*212*/ padding: 0 15px 0 0; font-weight: bold; font-size: 12px; color: white; } /* english text */ body.company-gifts .mask .text.en { left: 101px; width: 258px; background: url('../images/content/collection.png') no-repeat; } body.company-gifts .mask .text.en span.year { width: 243px; /*258*/ } /* message-box */ body.company-gifts .message-box { margin-bottom: 17px; } /* error */ body.company-gifts form div.error { margin-right: 20px; } /* order-form */ body.order-form label { padding-left: 0; width: 116px; /*116*/ } body.order-form p.required, body.order-form .submit-container { float: right; } body.order-form p.required { padding: 2px 8px 0 0; } body.order-form .submit-container { padding: 2px 20px 17px 0; } /* textpage */ body.textpage h1 { font-size: 20px; line-height: 21px; font-weight: bold; } body.textpage.contact h1, body.textpage.about h1 { font-size: 25px; } body.textpage h2 { padding: 0 0 2px 0; font-size: 14px; font-weight: bold; line-height: 19px; text-transform: none; color: #000; } body.textpage h2.date { padding-bottom: 0; } body.textpage h2.country { position: relative; margin: -10px 0 10px 0; font-size: 15px; text-transform: uppercase; } body.textpage p { padding-bottom: 18px; } /* mpn */ body.textpage .mpn { padding-bottom: 16px !important; } /* mask */ body.textpage #column-right .mask { margin-top: 0px; } /* label-anchor */ body.textpage #column-left .label-anchor.readmore { margin: 8px 0 7px 0; } /* caption */ #caption { padding: 5px 0 12px 0; font-style: italic; } /* product-per-country */ ul.product-per-country li a { display: block; width: 377px; overflow: hidden; } ul.product-per-country li a span { display: block; margin-left: 143px; color: #000; font-weight: bold; } ul.product-per-country li a strong { color: #d52316; } ul.product-per-country li a span.title { padding: 45px 0 3px 0; } ul.product-per-country li a span.readmore { color: #595959; } ul.product-per-country li a img { display: block; float: left; padding: 5px 10px; } /* hover states */ ul.product-per-country li a:hover span.readmore { color: #d52316; } /* message-box anchor */ .message-box .label-anchor { background: url('../images/content/label-anchor-arrow-grey.gif') no-repeat right top; } .message-box .label-anchor a { background: url('../images/content/label-anchor-grey.gif') no-repeat left top; } /* message-box */ .message-box { position: relative; padding: 0 0 11px 0; width: 374px; background-color: #e6e6e6; background-repeat: no-repeat; background-position: left bottom; background-image: url('../images/content/message-box.gif'); overflow: hidden; clear: both; } body.textpage .message-box h2, .message-box h2 { padding: 14px 0 10px 20px; background-image: url('../images/content/message-box-top.gif'); background-repeat: no-repeat; text-transform: uppercase; font-size: 14px; color: #d52316; } .message-box p { padding: 0 20px 10px 20px; line-height: 19px; } .message-box p.date { float: right; width: 120px; /*82*/ padding: 10px 20px 0 0; font-weight: bold; color: #d52316; text-align: right; } .message-box blockquote p { font-style: italic; } /* message-box wide */ .message-box.wide { clear: both; width: 809px; background-image: url('../images/content/message-box-wide.gif'); text-align: center; } body.textpage .message-box.wide h2, .message-box.wide h2 { padding: 10px 0 5px 0; background-image: url('../images/content/message-box-wide-top.gif'); } /* message-box story */ .message-box.story { margin-top: 10px; } .message-box.story h2 { padding: 14px 155px 10px 20px; } /* read more */ .message-box.wide .label-anchor { position: relative; left: 345px; margin: 0; } body.about .message-box.wide .label-anchor { left: 324px; } /* required */ .message-box p.required { padding: 0 0 0 439px; /*536-107*/ text-align: left; clear: both; } /* media list */ .round-box ul.media { position: relative; padding: 0 0 0 5px; margin: 0 0 0 -5px; width: 417px; overflow: hidden; } .round-box ul.media li { float: left; padding: 0 5px 5px 0; } ul.media li a { display: block; width: 134px; height: 96px; overflow: hidden; } ul.media li a span { display: block; position: absolute; top: 0; left: 0; cursor: pointer; } /* selected state */ ul.media li a span.border { display: none; width: 134px; height: 96px; background: url('../images/content/media-sel.gif') no-repeat; } ul.media li.sel a span.border { display: block; } /* play button */ ul.media li a span.play { top: 34px; left: 54px; width: 28px; height: 28px; background: url('../images/content/media-play.png') no-repeat; } /* mask */ ul.media .mask { width: 134px; height: 96px; } /* map */ body.map h1 { /*font-size: 20px;*/ } #world-map { position: relative; width: 809px; height: 410px; background: url('../images/content/world-map.gif') no-repeat 34px 0; } /* countries on the map */ div.mapped-countries div.country { position: absolute; background-repeat: no-repeat; cursor: pointer; } /* list */ ul.listed-countries { position: absolute; top: 3px; left: 0; } ul.listed-countries li { color: #595b5a; font-weight: bold; line-height: 19px; cursor: pointer; } ul.listed-countries li a { color: #595b5a; } ul.listed-countries li a:hover, ul.listed-countries li a.active, ul.listed-countries li a span { color: #d52316; } div.mapped-countries div.projects-container { display: none; visibility: visible; } div.mapped-countries .active div.projects-container { display: block; } /* pop-up */ div.projects-container { visibility: hidden; position: absolute; bottom: 0; left: -15px; width: 316px; text-align: left; } div.projects-container h2 { padding: 10px 12px 0 12px; height: 31px; background: url('../images/map/projects-header.png') no-repeat; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #d52316; } div.projects-container ul.projects { padding: 0 23px 27px 13px; background: url('../images/map/projects.png') no-repeat left bottom; } div.projects-container.flip ul.projects { background: url('../images/map/projects-flip.png') no-repeat left bottom; } /* projects */ div.projects-container ul.projects li a { position: relative; display: block; margin-bottom: 5px; width: 280px; color: #000; overflow: hidden; } div.projects-container ul.projects li a img { display: block; float: left; cursor: pointer; z-index: 1; } div.projects-container ul.projects li a span.description { display: block; margin: 0 0 0 0; padding: 12px 0 0 94px; } div.projects-container ul.projects li a:hover span.description { color: #d52316; } /* mask */ ul.projects li a span.mask { float: left; display: block; width: 85px; height: 60px; z-index: 2; } ul.projects .mask .corner-top-left { background-image: url('../images/map/corner-top-left-grey.png'); } ul.projects .mask .corner-top-right { background-image: url('../images/map/corner-top-right-grey.png'); } ul.projects .mask .corner-bottom-left { background-image: url('../images/map/corner-bottom-left-grey.png'); } ul.projects .mask .corner-bottom-right { background-image: url('../images/map/corner-bottom-right-grey.png'); } /* brazil */ .brazil div.country { top: 205px; left: 227px; /*193*/ width: 92px; height: 102px; } .brazil.active div.country { background-image: url('../images/map/brazil.gif'); } div.mapped-countries .brazil.active div.projects-container { bottom: 50%; left: 50%; } /* cambodia */ .cambodia div.country { top: 180px; left: 637px; /*193*/ width: 14px; height: 13px; } .cambodia.active div.country { background-image: url('../images/map/cambodia.gif'); } /* guatemala */ .guatemala div.country { top: 171px; left: 185px; width: 9px; height: 13px; } .guatemala.active div.country { background-image: url('../images/map/guatemala.gif'); } /* india */ .india div.country { top: 127px; left: 556px; width: 49px; height: 71px; } .india.active div.country { background-image: url('../images/map/india.gif'); } div.mapped-countries .india.active div.projects-container { bottom: 50%; left: 0; } /* madagascar */ .madagascar div.country { top: 248px; left: 498px; width: 19px; height: 36px; } .madagascar.active div.country { background-image: url('../images/map/madagascar.gif'); } /* morocco */ .morocco div.country { top: 127px; left: 373px; width: 25px; height: 21px; } .morocco.active div.country { background-image: url('../images/map/morocco.gif'); } div.mapped-countries .morocco.active div.projects-container { bottom: 0; left: -5px; } /* nepal */ .nepal div.country { top: 140px; left: 580px; width: 21px; height: 12px; } .nepal.active div.country { background-image: url('../images/map/nepal.gif'); } /* peru */ .peru div.country { top: 218px; left: 209px; width: 61px; height: 141px; } .peru.active div.country { background-image: url('../images/map/peru.gif'); } /* senegal */ .senegal div.country { top: 175px; left: 359px; width: 14px; height: 12px; } .senegal.active div.country { background-image: url('../images/map/senegal.gif'); } /* sri-lanka */ .sri-lanka div.country { top: 194px; left: 586px; width: 6px; height: 10px; } .sri-lanka.active div.country { background-image: url('../images/map/sri-lanka.gif'); } /* thailand */ .thailand div.country { top: 166px; left: 625px; width: 20px; height: 37px; } .thailand.active div.country { background-image: url('../images/map/thailand.gif'); } /* upload */ /* iframe.hidden {visibility: hidden;width:0px;height:0px;} */ /* #main1 {overflow: hidden;margin: auto;width: 90%;height: 420px;border-style: solid;border-width: 1px;background-color: white;} #images1 {width: 95%;height: auto;margin: 20px;} #images1 div {margin: 10px;width: 130px;height: 130px;border-style: solid;border-width: 2px;border-color: #DEDFDE;float: left;overflow: hidden;} #images1 div:hover {border-color: #D8F18C;} #images1 img.load { margin-top:20px;} .blacklink:link, .blacklink:alink, .blacklink:vlink, .blacklink:hover{color:#000000} a.redlink{color: #96001C; text-decoration: none} a:hover.redlink{color: #96001C; text-decoration: underline} */ /* message box */ body.contact .message-box.wide h2 { color: #d52316; text-transform: uppercase; } body.contact .message-box.wide p { padding-bottom: 0; } /* form */ body.contact p.required, body.contact .submit-container { float: right; } body.contact p.required { padding: 2px 8px 0 0; } body.contact .submit-container { padding: 2px 0 17px 0; } /* my story picture */ .preview-container { position: relative; margin-top: 94px; width: 394px; height: 460px; background: url('../images/form/picture-preview.gif') no-repeat; } body.my-story-form .preview-container h2 { padding: 17px 20px 10px 20px; font-size: 15px; font-weight: bold; color: #d52316; text-transform: uppercase; } body.my-story-form .preview-container p { padding: 0 20px 10px 20px; } .preview-container #preview { position: absolute; top: 252px; left: 40px; width: 314px; text-align: center; } .preview-container #preview img { margin: 0 auto; } /* labels */ body.my-story-form label { padding-left: 0; width: 104px; } body.my-story-form .preview-container label { display: none; } /* input text */ body.my-story-form .text-container { float: right; } /* field-container */ body.my-story-form .field-container { padding: 0 0 5px 0; } body.my-story-form .preview-container .field-container { padding-top: 10px; padding-left: 20px; } /* textarea */ body.my-story-form .field-container.textarea { clear: both; position: relative; margin-top: 0; padding-bottom: 0; width: 394px; } body.my-story-form .field-container.textarea label { float: none; width: 350px; padding: 0 0 5px 0; } body.my-story-form .textarea-container { clear: both; float: none; width: 394px; height: 227px; background: #e6e6e6 url('../images/form/textarea-large.gif') no-repeat; } body.my-story-form textarea { width: 386px; /*394*/ height: 215px; /*227*/ } /* required */ body.my-story-form p.required { text-align: right; padding: 0; } /* submit-container */ body.my-story-form .submit-container { margin-top: 10px; float: right; } body.my-story-form .preview-container .submit-container { float: none; margin-top: 10px; margin-left: 20px; } /* check-box */ body.my-story-form .field-container.check-box { padding: 5px 0 0 0; } body.my-story-form .check-box label { display: inline; float: none; padding: 2px 6px 0 0; width: auto; } body.my-story-form .check-box input { height: 13px; width: 13px; vertical-align: middle; } .js-lightbox-content-wrapper { padding: 16px 0 48px 20px; } .js-lightbox-content-wrapper img { display: block; } .js-lightbox p { line-height:19px; } .js-lightbox-close { position: absolute; top: 0; right: 0; display: block; width: 20px; background: #000000; font-size: 16px; font-weight: bold; line-height: 20px; text-decoration: none; text-align: center; color: #ffffff; } .js-lightbox-canvas { padding: 10px; background: white; } .js-lightbox-previous { background-position: left 40%; background-image: url('../images/lightbox/previous.gif'); } .js-lightbox-next { background-position: right 40%; background-image: url('../images/lightbox/next.gif'); } /*--------------------------------------*/ /* 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: hidden; 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; } /* headers */ body.partners h2 { padding-left: 240px; } body.partners h3 { font-size: 14px; color: #d52316; } /* intro */ body.partners .round-box .intro p { padding: 0 0 0 240px; font-size: 14px; line-height: 20px; font-weight: bold; width: 520px; } /* partners-listed */ .round-box ul.partners-listed { padding: 20px 0; } .round-box ul.partners-listed li { clear: left; padding: 0px 0 10px 0; width: 809px; overflow: hidden; } ul.partners-listed .partner { width: 520px; padding-right: 50px; float: right; } ul.partners-listed .logo { padding: 10px 0 0 0; float: left; width: 200px; text-align: center; }