*{ padding: 0; margin: 0; } html, body, .allContent { height: 100%; } body > .allContent { height: auto; min-height: 100%; } body > #grayOut{ height: auto; min-height: 100%; } body{ height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 15px; color: #000000; background: url(/sitefiles/11/design/bgPattern2.jpg) 0 0; } .clear{ clear: both; } h2{ width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 24px; margin: 0 0 13px 0; } a{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 15px; color: #000; } a:hover{ color: #9B2FBB; } .allContent{ position: relative; width: 970px; height: 100%; margin: 0 auto; padding: 0 20px; background: #fff; } .topContainer{ float: left; width: 970px; } .topInfoContainer{ float: left; width: 945px; padding: 6px 10px 7px 15px; } .topInfoContainer .topInfo{ float: left; width: 747px; line-height: 22px; vertical-align: middle; } .topInfoContainer .logo{ float: left; display: block; width: 198px; height: 22px; overflow: hidden; } .topInfoContainer .logo a{ float: left; display: block; width: 198px; height: 22px; background: url(/sitefiles/11/design/logo.jpg) 0 0 no-repeat; text-indent: -99999px; } .topContainer .menuContainer{ float: left; width: 970px; height: 56px; padding: 94px 0 0 0; background: url(/sitefiles/11/design/menuBg.jpg) 0 0 no-repeat; } .contentContainer{ clear:both; float:left; overflow:hidden; width: 970px; } .mainMenu{ float: left; list-style-type: none; padding: 0 0 0 210px; position: relative; } .mainMenu li{ float: left; position: relative; margin: 0 1px 0 0; } .mainMenu li a{ float: left; display: block; height: 54px; overflow: hidden; position: relative; cursor: pointer; } .mainMenu li a:hover{ vertical-align: middle; } .mainMenu li a span{ float: left; position: absolute; top:0; left: 0; display: block; height: 108px; text-indent: -99999px; cursor: pointer; } .mainMenu li a:hover span, .mainMenu li a .mainMenuActive{ top: -54px; } .contentContainer .leftContent{ float: left; width: 190px; } .contentContainer .leftContent ul, .contentContainer .leftContent ul li{ float: left; width: 100%; } .contentContainer .leftContent ul li h2{ margin: 0 0 17px 0; } .contentContainer .leftContent ul li h2 a{ text-decoration: none; color: #46aa11; } .contentContainer .leftContent ul li h2 a:hover{ color: #9b2fbb; } .leftMenuLink{ background: url(/sitefiles/11/design/sifrH2Bg.jpg) 0 0; } .leftMenuImg{ width: 177px; height: 196px; padding: 13px 0 0 12px; background: url(/sitefiles/11/design/menuPictureFrame.jpg) 0 0 no-repeat; } .leftMenuImg a{ float: left; } .leftMenuImg img{ float: left; } .contentContainer .centerContent{ float: left; width: 535px; _width: 520px; } .contentContainer .rightContent{ float: left; width: 245px; } .faq{ width: 465px; padding: 0 15px 46px 15px; background: url(/sitefiles/11/design/faqBg.jpg) 0 0 repeat-x; margin: 0 0 0 15px; _margin: 0 0 0 6px; } .paddingBottom{ padding-top: 18px; } .contentContainer .noBackground{ background: none; } .faq img{ margin: 0 0 10px -6px; } .faq h2{ width: 467px; font-weight: bold; font-size: 24px; line-height: 26px; margin: 0 0 13px 0; visibility: visible; font-family: Arial, Helvetica, sans-serif; } .faq .ingress{ width: 467px; font-weight: bold; font-size: 16px; line-height: 18px; margin: 0 0 18px 0; } .faq .spm{ width: 467px; font-size: 16px; line-height: 18px; font-weight: bold; color: #48ac10; margin: 0 0 8px 0; } .faq .answer{ width: 467px; margin: 0 0 17px 0; } .faq .spmAndAnswer{ margin: 0 0 20px 0; } .faq .readMore{ width: 467px; text-decoration: none; font-size: 13px; color: #000; line-height: 22px; padding: 0 22px 0 0; background: url(/sitefiles/11/design/readMoreArrow.jpg) right center no-repeat; } .faq p{ width: 467px; margin: 0 0 18px 0; } .goodAdvices5{ float: left; width: 245px; background: url(/sitefiles/11/design/5goodAdvicesGradient.jpg) 0 47px no-repeat; padding: 0 0 22px 0; } .goodAdvices5 h3{ display: block; width: 245px; height: 47px; background: url(/sitefiles/11/design/5goodAdvices.jpg) 0 0 no-repeat; text-indent: -99999px; } .goodAdvices5 ul{ float: left; display: block; width: 245px; padding: 6px 0 0 0; } .goodAdvices5 ul li{ float: left; display: block; width: 224px; padding: 0 11px 18px 0; color: #335525; font-weight: bold; } .goodAdvices5 .star{ float: left; width: 12px; height: 12px; margin: 2px 3px 0 8px; background: url(/sitefiles/11/design/star.png) 0 0; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/star.png", sizingMethod="scale"); } .goodAdvices5 .text{ float: left; width: 201px; color: #335525; font-weight: bold; } .needHelp{ float: left; width: 245px; background: url(/sitefiles/11/design/needHelpGradient.jpg) 0 47px repeat-x; padding: 0 0 13px 0; } .needHelp h3{ float: left; display: block; width: 245px; height: 47px; background: url(/sitefiles/11/design/needHelp.jpg) 0 0 no-repeat; text-indent: -99999px; } .needHelp .text{ float: left; width: 223px; padding: 8px 11px 18px 11px; color: #000; font-weight: bold; } .needHelp .link{ float: left; text-decoration: none; font-size: 13px; color: #000; margin: 0 0 25px 0; } .needHelp .link span{ float: left; line-height: 22px; padding: 0 8px 0 11px; } .needHelp .link .linkArrow{ width: 16px; height: 15px; margin: 4px 0; padding: 0; background: url(/sitefiles/11/design/readMoreArrow2.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/readMoreArrow2.png", sizingMethod="scale"); } .askKlaraKlok{ float: left; width: 245px; padding: 0 0 10px 0; background: url(/sitefiles/11/design/askKlaraKlokGradident.jpg) 0 31px repeat-x; } .askKlaraKlok h3{ float: left; display: block; width: 245px; height: 47px; background: url(/sitefiles/11/design/askKlaraKlok.jpg) 0 0 no-repeat; text-indent: -99999px; } .askKlaraKlok a{ float: left; display: block; width: 194px; text-decoration: none; font-size: 13px; color: #000; padding: 4px 30px 0 11px; background: url(/sitefiles/11/design/readMoreArrow3.jpg) right 6px no-repeat; } .resurces{ width: 467px; padding: 12px 15px 0 15px; margin: 0 0 45px 15px; _margin: 0 0 0 0px; background: url(/sitefiles/11/design/faqBg.jpg) 0 0 repeat-x; } .resurces h4{ font-weight: bold; font-size: 24px; line-height: 26px; margin: 0 0 13px 0; } .resurces p{ font-weight: bold; font-size: 16px; line-height: 18px; color: #43a711; padding: 0 0 8px 0; } .resurces ul, .resurces li{ width: 100%; } .resurces ul li{ padding: 0 0 8px 0; } .resurces ul li a{ font-size: 13px; color: #000; } .resurces ul li a:hover{ color: #9B2FBB; } .listPoints{ width: 467px; } .listPoints ul{ width: 467px; padding: 0 0 16px 0; } .listPoints li{ width: 451px; padding: 0 0 12px 16px; background: url(/sitefiles/11/design/star2.jpg) 0 1px no-repeat; } .shareOnFaceBook{ color: #000; text-decoration: none; padding: 0 11px 0 21px; background: url(/sitefiles/11/design/shareOnFacebook.jpg) 0 0 no-repeat; } .shareOnFaceBook:hover{ color: #000; } #tipAFriendLink{ color: #000; text-decoration: none; padding: 0 0 0 21px; background: url(/sitefiles/11/design/tipAFriend.jpg) 0 0 no-repeat; } #tipAFriend ul, #tipAFriend li, #tipAFriend label, #tipAFriend input{ float: left; } #tipAFriend{ padding: 0 0 46px 30px; padding: 0 0 46px 20px; } #tipAFriend ul{ border: solid 1px #48AC10; padding: 10px; width: 460px; } #tipAFriend ul li{ clear: both; width: 400px; padding: 0 0 5px 0; } #tipAFriend ul li label{ width: 70px; } #tipAFriend ul li input{ width: 180px; border: solid 1px #999999; } #tipAFriend ul li .send{ width: auto; } .articlesMenu, .articlesMenu li{ float: left; width: 190px; } .articlesMenu{ margin: 0 0 28px 0; } .articlesMenu a{ float: left; color: #000; width: 190px; font-weight: bold; padding: 3px 0 3px 0; text-decoration: none; border-bottom: solid 1px #d8d8d8; } .articlesMenu a:hover, .articlesMenu .articlesMenuActive{ color: #9b2fbb; width: 171px; padding: 3px 0 3px 19px; background: url(/sitefiles/11/design/star3.jpg) 0 2px no-repeat; } .shareAndTip{ padding: 0 0 30px 30px; _padding: 0 0 30px 20px; } .infobox1{ padding: 0 0 30px 30px; _padding: 0 0 30px 20px; } .clearContent{ width: 100%; height: 441px; } #grayOut{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=60); /* IE lt 8 */ -moz-opacity: .60; /* FF lt 1.5, Netscape */ } .flashVideo{ position: absolute; width: 496px; height: 441px; top: 185px; left: 50%; margin: 0 0 0 -279px; background: #fff; } .byline{ float: left; width: 930px; padding: 20px 0; } .byline .infobox1{ width: 930px; float: left; padding: 0; } .byline .infobox1 p{ width: 930px; float: left; text-align: center; color: #666; font-size: 10px; } .byline .infobox1 p a{ color: #666; text-decoration: none; }