/* * General stylesheet for common webbrowsers * ****************************************** */ /* TOC * General * Header * Logo * Main Navigation * Page * Frontpage * Subpage * Common content styles * Footer * Other Templates * Form Designer * */ /* clears all the margins and paddings for elements, expect for tables */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0;padding:0;} /* clearfix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } a { outline: none;} body { background: #fff url(/pics/unlimiteddreams/body.jpg) center top repeat-y; font-family: "Trebuchet MS","Lucida Grande", arial, verdana, serif; font-size: 12px; color: #fff; } #wrapper { position: relative; width: 1198px; margin: 0 auto; min-height: 831px; } #header { position: relative; width: 863px; height: 178px; margin: 0 auto;} #logo { position: absolute; width: 167px; height: 148px; background: url(/pics/logo-lambi.png) left bottom no-repeat; text-indent: -99999px; left: 337px; top: 0px;} #sectionMenu { position: absolute; width: 300px; top: 65px; } #sectionMenu ul { list-style-type: none;} #sectionMenu li {text-align: right; margin-bottom: 0.2em;} #sectionMenu li a { text-decoration: none; text-transform: uppercase; color: #c801c5; font-size: 14px; font-weight: bold; } #sectionMenu a.active { font-weight: bold;} #mainMenu { position: absolute; left: 536px; top: 65px; } #mainMenu ul { list-style-type: none;} #mainMenu li {text-align: left; margin-bottom: 0.2em;} #mainMenu li a { text-decoration: none; text-transform: uppercase; color: #c801c5; font-size: 14px; font-weight: bold; } #mainMenu a { padding-left: 10px;font-weight: bold;} #sectionMenu a:hover, #mainMenu a:hover { text-decoration: underline;} .activeRoot a, #sectionMenu li a#selected, #mainMenu a#selected { padding-left: 10px; background: url(/pics/unlimiteddreams/icon-arrow-pink-forward.gif) left center no-repeat;} #page { position: relative; width: 863px; left: 167px;} .frontpage {} .subpage { padding-bottom: 1em; margin-left: 7px; } #contentHeader { position:relative; width: 100%; height: 14px; background: url(/pics/unlimiteddreams/contentHeader.png) left bottom no-repeat;} #content { position:relative; width: 852px; min-height: 468px; background: url(/pics/unlimiteddreams/content.png) repeat-y; } .contentBackground { position: absolute; width: 852px; height: 468px; /* background: url(/pics/limited/templates/contentAreaDefault.png) no-repeat; */} .textArea { position: relative; padding: 44px 0 0 44px; z-index: 100;} .narrow { width: 378px;} .wide { width: 578px;} #content h1 { font-size: 18px; font-weight: normal; text-transform: uppercase;margin-bottom: 1em;} #content h2 { font-size: 16px; font-weight: normal; text-transform: uppercase; padding-bottom: 0.5em;} #content h3 { color:#d001cf; font-size: 14px; font-weight: bold; text-transform: uppercase;margin-top: 0.5em; padding-bottom: 0.2em;} #content h4 { color: #d001cf; text-transform: uppercase;font-weight: bold; margin-top: 0.5em; padding-bottom: 0.2em;} #content p { color:#4b4b4b; padding-bottom: 1em; line-height: 1.5em;} #content a { color:#4b4b4b;} #content img.align_left { float: left; margin-right: 1em; padding: .2em;} #content img.align_right { float: right; margin-left: 1em; padding: .2em;} #content ul { margin-left: 2em;} #content ul ul, #content ol ol { margin-left: 1em;} #content li { margin: 0.2em 0;} #contentFooter { position:relative; margin-top: -1px;width: 100%; height: 14px; background: url(/pics/unlimiteddreams/contentFooter.png) no-repeat;} /* * Frontpage * ********** */ #fpFlashArea { float: left; width: 568px; height: 462px;} #pickArea { float:left; width: 280px; margin-left: 15px;} .pick { width: 280px; margin-bottom: 15px;} .pick a { text-indent: -999999px;} .pick a img { border: none;} .pickMiddleCol { margin: 0 6px;} /* * Footer * *********** */ #footer { clear: both; margin: 0 auto;text-align: center; width: 220px; } #footer p {color:#969696; padding-left: 1%; font-size: 11px;} #footer p.siteLinks { padding-left:0;padding-right:1%; } #footer p a { color:#969696; text-decoration: none;} #footer a:hover { text-decoration: underline;} /* * Other templates * */ /* * Form Designer * /pagetemplates/formdesginerform.jsp * ************************************ */ #fd { position: relative;width: 378px; padding: 44px 0 0 44px; color:#000; z-index: 100;min-height: 490px;} #fd h3 {} #fd fieldset { border: none; margin-top: 1em;} #fd legend strong { color: #000; } /* * Products * /pagetemplates/limited_collection/products.jsp * ************************************ */ #productsContainer { position: relative; width: 852px; height: 476px; } .productFamily-fi {background: url(/pics/unlimiteddreams/products/products-fi.jpg) no-repeat;} .productFamily-en {background: url(/pics/unlimiteddreams/products/products-en.jpg) no-repeat;} .productFamily-no {background: url(/pics/unlimiteddreams/products/products-no.jpg) no-repeat;} .productFamily-dk {background: url(/pics/unlimiteddreams/products/products-dk.jpg) no-repeat;} .productFamily-se {background: url(/pics/unlimiteddreams/products/products-se.jpg) no-repeat;} .productFamily-ee {background: url(/pics/unlimiteddreams/products/products-ee.jpg) no-repeat;} .productFamily-lt {background: url(/pics/limited/products/products-lt.jpg) no-repeat;} .productFamily-ru {background: url(/pics/unlimiteddreams/products/products-ru.jpg) no-repeat;} .productFamily-pl {background: url(/pics/limited/products/products-pl.jpg) no-repeat;} .productFamily-hu {background: url(/pics/limited/products/products-hu.jpg) no-repeat;} .productFamily-sk {background: url(/pics/limited/products/products-sk.jpg) no-repeat;} .productFamily-cz {background: url(/pics/limited/products/products-cz.jpg) no-repeat;} .productLink { } #productContainer a { } a#demo-productLink { position: absolute; width: 852px; height: 476px; background: url(/pics/c.gif) no-repeat;} a#petrol {position: absolute; width: 51px; height: 51px; top: 112px;text-indent: -99999px; left:90px;} a#lila { position: absolute; width: 51px; height: 51px; top: 112px;text-indent: -99999px;left: 149px;} a#grass { position: absolute; width: 51px; height: 51px; top: 112px;text-indent: -99999px;left: 231px;} a#ultramarine { position: absolute; width: 51px; height: 51px; top: 112px;text-indent: -99999px;left: 293px;} /* product pages with only two products */ a#pink { position: absolute; width: 51px; height: 51px; top: 112px;text-indent: -99999px; left:115px; } a#turquoise { position: absolute; width: 51px; height: 51px; top: 112px;text-indent: -99999px;left: 262px; } #banner { position: absolute; right: 117px; top: 100px; width: 216px; height: 219px;} #banner a { border: none; display: block; width: 216px; height: 219px; text-indent: -999999px;} #banner a.en { background: url(/pics/unlimiteddreams/banners/banner-en.jpg) no-repeat;} #banner a.fi { background: url(/pics/unlimiteddreams/banners/banner-fi.jpg) no-repeat;} #banner a.dk { background: url(/pics/unlimiteddreams/banners/banner-dk.jpg) no-repeat;} #banner a.no { background: url(/pics/unlimiteddreams/banners/banner-no.jpg) no-repeat;} #banner a.se { background: url(/pics/unlimiteddreams/banners/banner-se.jpg) no-repeat;} #banner a.ee { background: url(/pics/unlimiteddreams/banners/banner-ee.jpg) no-repeat;} #aboutDesigner { position: absolute; width:233px; height: 268px; text-indent: -99999px; left: 590px; top: 150px; } #aboutDesigner { position: absolute; width:233px; height: 268px; text-indent: -99999px; left: 590px; top: 150px; } /* * Campaing lifts for frontpage * /pagetemplates/limited-index.vm * ********************************* */ a#campaingLink-fi { position: absolute; width:250px; height: 211px; left: 312px; top: 407px;background: url(/pics/limited/campaing/frontpage-lift-fi.jpg) no-repeat; text-indent: -999999px;} a#campaingLink-no { position: absolute; width:250px; height: 211px; left: 312px; top: 407px;background: url(/pics/limited/campaing/frontpage-lift-no.jpg) no-repeat; text-indent: -999999px;} a#campaingLink-se { position: absolute; width:250px; height: 211px; left: 312px; top: 407px;background: url(/pics/limited/campaing/frontpage-lift-se.jpg) no-repeat; text-indent: -999999px;} /* * About the Designer * /pagetemplates/limited-aboutdesigner.vm * *************************************** */ #designer { position: absolute; left:421px; top: 25px; width: 386px; padding-left: 41px; height: 509px; oveflow:hidden;}