/* * General stylesheet for common webbrowsers * ****************************************** */ /* TOC * General * Header * Logo * Main Navigation * Page * Frontpage * Subpage * Common content styles * Footer * Other Templates * Form Desinger */ /* 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: #316da7 url(/pics/classic/body.jpg) center top no-repeat; font-family: "Trebuchet MS","Lucida Grande", arial, verdana, serif; font-size: 12px; } #wrapper { position: relative; width: 880px; margin: 0 auto; padding-left: 15px; } #header { position: relative; width: 100%; height: 159px;} #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: 85px; } #sectionMenu-se { position: absolute; top: 70px;} .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: #fff; font-size: 14px; font-weight: bold; } .sectionMenu a.active { font-weight: bold;} #mainMenu { position: absolute; left: 536px; top: 70px; } #mainMenu ul { list-style-type: none;} #mainMenu li {text-align: left; margin-bottom: 0.2em;} #mainMenu li a { padding-left: 10px;text-decoration: none; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: bold; } .sectionMenu a:hover, #mainMenu a:hover { text-decoration: underline;} .activeRoot a,.rootSection a, .sectionMenu li a#selected, #mainMenu a#selected { padding-left: 10px; background: url(/pics/icon-whiteArrow.gif) left center no-repeat;} #page { position: relative; width: 880px; margin-bottom: 2em;} .frontpage {} .subpage {} /* * Frontpage * ********** */ #fpFlashArea { position: relative; width: 584px; height: 491px;} #fpFlashArea a img { border: none;} #fpFlashArea img { margin: 0; padding:0; } #fpFlashArea a#fp-llc { position:absolute; width: 262px; height: 290px; left: 12px; top: 39px; text-indent: -999999px; background:url(/pics/c.gif) no-repeat;} #fpFlashArea a#fp-kids { position:absolute; width: 450px; height: 90px; left: 50px; top: 373px; text-indent: -999999px; background:url(/pics/c.gif) no-repeat;} #fpRightCol { position: absolute; left: 584px;width:296px; top: 0px;} #fpRightCol div {overflow:hidden; border: 0px solid red;} .pick { width: 296px; margin:0;padding:0;} .top_pick { height: 171px; } .middle_pick { height: 158px;} .bottom_pick { height: 162px;} .pick a { text-indent: -999999px;margin:0;padding:0;} .pick a img { border: none; margin:0;padding:0;} #middle_pick-index { height: 143px; background: url(/pics/classic/picks/lambi-blank.jpg) no-repeat; padding: 15px 0 0 0px;} #middle_pick-index h2 { color:#fff; margin-bottom: 0.25em; padding-left: 1.5em;} #middle_pick-index ul { list-style-type: none; margin-left: 2.5em;} #middle_pick-index li { float: left; width: 33%;margin:0.25em 0;} #middle_pick-index li a { color:#fff; text-decoration: none; font-weight: bold;} #middle_pick-index li a:hover { text-decoration: underline;} /* * Subpages * ********** */ #contentHeader { width: 100%; height: 38px; background: url(/pics/classic/contentHeader.jpg) no-repeat;} #content { background: url(/pics/classic/content.png) left top repeat-y; min-height: 300px;} #contentFooter { width: 100%; height: 14px; background: url(/pics/classic/contentFooter.png) no-repeat;} .textArea { padding: 44px 0 2em 44px; width: 80%;} /* headings */ #content h1 { font-size: 22px; font-weight: normal; color:#215b99; margin-bottom: .5em;} #content h2 { font-size: 18px; font-weight: normal; color:#215b99; margin-top: .5em;} #content h3 { font-size: 16px; font-weight: normal; color:#215b99; margin-top: .5em;} #content h4 { font-size: 12px; font-weight: bold; color:#215b99; margin-top: .5em;} /* paraghraps */ #content p { margin-top: 1em;} /* lists */ #content ul, #content ol { margin-left: 2em;} #content ul ul, #content ol ol { margin-left: 1em;} #content li { margin: .5em;} /* images */ #content img.align_left { float: left; margin-right: 1em; padding: .2em;} #content img.align_right { float: right; margin-left: 1em; padding: .2em;} #content img.align_left_bordered { float: left; margin-right: 1em; padding: .2em; border: 1px solid #9ec7e7;} #content img.align_right_bordered { float: right; margin-left: 1em; padding: .2em; border: 1px solid #9ec7e7;} /* links */ #content a { color: #215d9b;} #content a:hover { text-decoration: underline;} /* * Footer * *********** */ #footer { clear: both; border-top: 1px solid #fff;padding-top:1em; width: 98%; margin: 0 auto;} .footer-se { position: relative; top: 140px;} #footer p { float: left; width: 49%; color:#fff; padding-left: 1%; font-size: 11px; margin-top: 0em;} #footer p.siteLinks { text-align: right;padding-left:0;padding-right:1%; margin-top: 0em; } #footer p a { color:#fff; text-decoration: none;} #footer a:hover { text-decoration: underline;} /* * Other Templates * ***************** */ /* * Form Designer * /pagetemplates/formdesginerform.jsp * ************************************ */ #fd {} #fd h3 {} #fd fieldset { border: none; margin-top: 1em;} #fd legend { } /* * Products * /pagetemplates/classic/product.vm * ********************************** */ #subNav {} #subNav ul { list-style-type: none; margin-left: 0;} #subNav li { display: inline; border-left: 1px solid #215d9b; padding: 0 1em; margin:0;} #subNav a { text-decoration: none;} #subNav li a#selected { font-weight: bold;} #subNav li:first-child { border:none;padding-left: 0;} #flashContent { margin: 0 auto;} #hslink { position: absolute; top: 300px; left: 50%; height:1px; width: 1px; text-indent: -999999px; z-index: 10000;} /* * Error pages * /errorpages/404.jsp * ********************************** */ ul#countryList { position: relative; width: 100%; margin: 0 auto; list-style-type: none;} #countryList li { float:left; display: inline; width: 25%;} /* Campaing Lifts */ #campaingLift { position: absolute; top: 0px; left: 0px; width: 109px; height: 200px;} #campaingLift a { display: block; width: 109px; height: 200px; background: url(/pics/campaign/lambi/link-rosa_bandet.png) no-repeat; text-indent: -99999px;} /* * Videos * /pagetemplates/lambi-videos.vm * ********************************** */ a.playVideo { display: block; width: 200px; height: 116px; background: url(/swf/classic/videos/thumbs/lambi_classic.jpg) 0 0 no-repeat; text-indent: -99999px;} a.playVideo:hover { background: url(/swf/classic/videos/thumbs/lambi_classic.jpg) left bottom no-repeat;}