html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } 
 /* Start sticky footer */ html, body, #wrap{ height: 100%; margin: 0; } body > #wrap { height: auto; min-height: 100%; } body{ font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; background: url(/sitefiles/59/design/background.jpg) fixed 0 100% no-repeat; } #main{ padding-bottom: 32px; } #wrap{ background: url(/sitefiles/59/design/contentBg.png) center top repeat-y; } #footer { width: 700px; padding: 0 58px 0 58px; margin: -32px auto 0 auto; position: relative; height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 14px; text-align: top; color: #4c4c4c; clear:both; } #footer .left{ float: left; } #footer .right{ float: right; } .clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix{ height: 1%; } .clearfix{ display: block; } /* End sticky footer */ .container{ position:relative; width: 800px; padding: 0 8px 0 8px; margin: 0 auto; } p{ font-size: 12px; line-height: 16px; text-align: top; color: #000; } h1{ font-size: 30px; line-height: 34px; text-align: top; color: #cb000f; margin: 0 0 14px 0; } h2{ font-size: 22px; line-height: 24px; text-align: top; color: #cb000f; margin: 0 0 14px 0; } .contentCenter h1{ font-size: 22px; line-height: 24px; text-align: top; color: #cb000f; margin: 0 0 14px 0; } h3{ font-size: 14px; line-height: 16px; text-align: top; color: #cb000f; } h4{ font-size: 12px; line-height: 20px; text-align: top; color: #000; font-weight: bold; } h5{ font-size: 14px; line-height: 19px; text-align: top; color: #4c4c4c; margin-bottom: 12px; } a{ font-family: Helvetica, Arial, Verdana, sans-serif; color: #000; text-decoration: none; } a:hover{ text-decoration: none; } .clear{ clear: both; } .ingressMainPage a{ color: #4c4c4c; } .ingress{ font-size: 14px; line-height: 19px; text-align: top; color: #000; } .tabs{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 14px; text-align: top; color: #4c4c4c; } .top{ float: left; width: 800px; height: 125px; } .top .logo{ float: left; display: block; width: 210px; height: 85px; text-indent: -99999px; background: url(/sitefiles/59/design/logo.png) 0 0 no-repeat; } .top .topmenu{ float: right; padding: 37px 50px 0 0; width: 400px; } .top .topmenu li{ float: right; display: block; height: 21px; padding: 0 6px; border-right: 1px solid #b8b8b8; } .top .topmenu li.last{ border: none; padding: 0 0 0 6px; } .top .topmenu li a{ float: left; display: block; height: 21px; font-size: 12px; line-height: 21px; color: #4c4c4c; text-decoration: none; } .top .topmenu li a:hover{ color: #cb000f; } .top .topmenu li a.active{ color: #cb000f; } .menu{ float: left; width: 700px; padding: 0 50px; } .menu li{ float: left; width: 110px; margin: 0 8px 0 0; } .menu li.last{ margin: 0; } .menu li a{ float: left; width: 100%; border-top: 2px solid #4c4c4c; padding: 4px 0 0 0; font-size: 12px; line-height: 13px; font-weight: bold; color: #4c4c4c; } .menu li a:hover{ color: #cb000f; } .menu li a.active{ color: #cb000f; border-top: 2px solid #cb000f; } .content{ float: left; clear: both; width: 523px; padding: 28px 8px 0 50px; } .content .submenu{ float: left; width: 110px; } .boxes{ float: left; margin: 30px 0 0 0; } .boxes li{ float: left; margin: 0 8px 0 0; } .boxes li.last{ margin: 0; } .boxes li a{ float: left; display: block; width: 149px; height: 149px; border: 1px solid #999; padding: 9px 9px 0 9px; background: url(/sitefiles/59/design/boxesBg.jpg) 0 0 repeat-x; text-decoration: none; } .boxes img{ float: left; } .boxes span{ float: left; font-size: 18px; line-height: 20px; text-align: top; color: #000; padding: 10px 0 0 0; } .infobox1{ float: left; width: 100%; } .infobox2{ float: left; width: 90%; } .infobox2 p{ font-size: 15px; line-height: 20px; text-align: top; color: #4c4c4c; } .ingressText2 p{ font-size: 14px; line-height: 19px; text-align: top; color: #4c4c4c; } .contentRight{ float: left; width: 169px; padding: 33px 0 0 0; } .contentLeft{ float: left; width: 110px; padding: 28px 0 0 50px; } .submenu{ float: left; width: 110px; padding-top: 5px; } .submenu li{ float: left; width: 110px; } .submenu li a.first{ border-top: 1px solid #999999; } .submenu li ul li a.first{ border-top: none; margin-top: -5px; } .submenu li ul li a{ padding-left:10px; width: 100px; } .submenu li a{ float: left; display: block; width: 110px; padding-top: 5px; padding-bottom: 4px; border-bottom: 1px solid #999999; font-size: 12px; color: #4c4c4c; } .submenu li a:hover{ color: #cb000f; } .submenu li a.active{ color: #cb000f; font-weight: bold; } .contentCenter{ float: left; width: 321px; padding: 28px 50px 0 50px; } .contentCenter a, .content a{ text-decoration: underline; } .contentCenter a:hover, .content a:hover{ text-decoration: none; color: #cb000f; } .contentCenter ul{ margin: 0 0 15px 0; } .contentCenter ul li{ font-size: 12px; line-height: 16px; list-style: disc; list-style-position: outside; margin: 0 0 0 12px; } .contentCenter p{ margin: 0 0 15px 0; font-size: 12px; line-height: 16px; }
 .articlelist{ float: left; width: 100%; } #wrap .articlelist li{ float: left; width: 100%; margin: 0 0 10px 0; list-style: none; } .articlelist li p strong{ color: #cb000f; } .articlelist li .date{ font-size: 11px; line-height: 13px; color: #4c4c4c; margin: 0; } .articlelist li p{ margin: 0 0 15px 0; } .articlelist h2{ font-size: 14px; line-height: 16px; } .articlelist h2 a{ font-size: 14px; line-height: 16px; color: #CB000F; text-decoration: none; } .latestNews{ float: left; width: 149px; height: 271px; padding: 9px; border: 1px solid #999999; background: #eeeeee url(/sitefiles/59/design/latestNewsBg.png) 0 0 repeat-x; } .latestNews li{ float: left; width: 149px; } .latestNews li .image{ float: left; margin: 0 0 8px 0; } .latestNews li .image img{ float: left; } .latestNews li h2{ float: left; font-size: 14px; line-height: 16px; color: #cb000f; margin: 0 0 8px 0; } .latestNews li h2 a{ float: left; color: #cb000f; } .latestNews li p{ color: #4c4c4c; margin: 0 0 4px 0; } .latestNews li .readMore{ font-size: 11px; line-height: 13px; color: #cb000f; } #main .categorys{ margin: 17px 0 0 0; width: 321px; } #wrap .categorys li{ float: left; width: 321px; margin: 0 0 10px 0; list-style: none; } .container .categorys a{ display: block; width: 299px; height: 80px; border: 1px solid #999999; padding: 9px 10px; cursor: pointer; font-size: 11px; line-height: 13px; color: #4c4c4c; background-color: #fff; background-position: top right; background-repeat: no-repeat; text-decoration: none; } .border{ border: 1px solid #999999; } .contentCenter img{ margin: 3px 0 10px 0; border: 1px solid #999999; } .tab{ width: 319px; background: #e5e5e5 url(/sitefiles/59/design/boxesBg.jpg) 0 0 repeat-x; border: 1px solid #999999; } .tab .tabMenu{ float: left; width: 319px; } .tab .tabMenu li{ float: left; padding: 0; list-style: none; } .tab .tabMenu li a{ float: left; display: block; width: 73px; height: 21px; padding: 0 0 0 6px; font-size: 9px; font-family:Verdana; line-height: 19px; vertical-align: middle; border-right: 1px solid #999999; border-bottom: 1px solid #999999; text-decoration: none; margin: 0 0 0 -12px; } .tab .tabMenu li a.last{ border-right: none; } .tab .tabMenu li a.active{ border-bottom: none; color: #cb000f; } .tab .tabContent{ float: left; width: 301px; padding: 0px 8px 0px 8px; color: #4c4c4c; font-size: 9px; font-family:Verdana; line-height: 12px; margin: 0 0 20px -12px; } .tab .tabContent img{ border: 1px solid #999999; } .tab .tabContent p { font-size: 9px; font-family:Verdana; line-height: 12px; } .tab .tabContent li{ float: left; list-style: none; font-size: 9px; font-family:Verdana; line-height: 12px; } .tab .tabContent li ul{ width: 280px; margin: 0 0 0 12px; } .tab .tabContent li ul li{ width: 100%; list-style: disc; list-style-position: outside; } .tab .tabContent td { text-align: none; } .tab. tabcontent .item p { font-size: 9px; font-family:Verdana; line-height: 12px; } .kpgenerated{ margin: 15px 0 15px 0; } .kpgenerated label{ display: none; } form.kpgenerated fieldset ul, form.kpgenerated fieldset ul li, form.kpgenerated fieldset ul li input, form.kpgenerated fieldset ul li textarea{ width: 321px; color: #000; } form.kpgenerated fieldset ul li{ padding: 0 0 10px 0; list-style: none; } form.kpgenerated fieldset ul li select{ width: 138px; color: #000; } form.kpgenerated fieldset ul li textarea{ height: 148px; } form.kpgenerated fieldset ul li.form-controls .submit, form.kpgenerated fieldset ul li.form-controls .reset{ padding: 1px; color: #000; font-weight: normal; background: url(/sitefiles/59/design/buttonBg.png) 0 0 repeat-x; } .selectors{ margin: 20px 0 20px 0; } .selectDistributor{ width: 115px; margin: 0 10px 0 0; } .distributors{ float: left; width: 500px; } .distributors h2{ margin: 0 0 20px 0; } .distributors .dImage{ float: right; border: 1px solid #a9a9a9; } .searchForm{ float: left; margin: 0 0 16px 0; } .searchForm .searchInput{ float: left; width: 113px; height: 14px; border: 1px solid #999; padding: 2px; margin: 0 5px 0 0; } .searchForm .searchSend{ float: left; width: 45px; height: 20px; background: url(/sitefiles/59/design/searchBtn.png) 0 0 no-repeat; border: none; }