|
|
#imageContainer { position:relative; margin:auto; width:200px; border:3px solid #CCCCCC; } /*main promo banner*/ #promo{ width: 970px; position: relative; margin: 1px 0 1px -3px; } #promo ul{ width: 968px; height: 103px; overflow: hidden; position: absolute; top: -49px; left: 1px; margin-left:0} #promo li{ float: left; width: 242px; list-style:none} #promo .anime-img{ position: relative; display: block; height: 103px; color: #c6dbd7; outline: none; text-decoration: none; } #promo .anime-bg{ height: 58px; width: 100%; position: absolute; left: 0; top: 45px; background: #056f58 url('http://www.kaspersky.com/resources/img/promo.gif') repeat-x bottom; } #promo .shadow{ width: 54px; height: 21px; background: url('http://www.kaspersky.com/resources/img/promo.gif') repeat-x 0 -200px; position: absolute; left: 15px; top: 15%; margin-top: 67px; } #promo .jtab table{ width: 84px; height: 84px; position: absolute; left: 0; top: -15%; margin-top: 30px; text-align: center; vertical-align:middle; } #promo .jtab td{ vertical-align:middle; } #promo .jtab .img{ width: 50px; height: 50px; margin: 0 auto; border: solid 2px #dbe9e9; background: white; text-align: left; } #promo .jtab .img img{ position: absolute; } #promo .jtab span{text-align:left;display: block; width: 150px; position: absolute; left: 82px; top: -5%; margin-top: 57px; font-size: 12px; } #promo .jtab big{ display: block; font-size: 16px; line-height: 18px; } #promo .jtab a{ height: 58px; width: 100%; position: absolute; left: 0; top: 45px; background: url('http://www.kaspersky.com/resources/img/promo.gif') top; outline: none; } #promo .tab a{ display: block; height: 58px; width: 242px; position: relative; top: 45px; background: url('http://www.kaspersky.com/resources/img/promo.gif') top; outline: none; color: #c6dbd7; text-decoration: none; } #promo .tab a:hover{ background: #056f58 url('http://www.kaspersky.com/resources/img/promo.gif') 0 -313px; color: white; } #promo .tab img{ position: absolute; left: 15px; top: -15px; border: solid 2px #dbe9e9; display: none; } #promo .tab span{ display: block; padding: 7px 10px 0 82px; font-size: 12px; } #promo .tab big{ display: block; font-size: 16px; line-height: 18px; } #prtabs{ height: 58px; width: 970px; position: relative; z-index: 2; background: #056f58 url('http://www.kaspersky.com/resources/img/promo.gif') repeat-x bottom; } #prtabs .current .img{ border-color: white; } #prtabs .current .anime-img{ color: white; } #prtabs .current .anime-bg{ height: 87px; } #prboxes{ width: 968px; height: 260px; overflow: hidden; position: relative; z-index: 1; border: solid 1px #b8b4b1; border-bottom: none; } #prboxes .box{ position: absolute; width: 100%; height: 260px; z-index: 1; display: none; } #prboxes .current{ z-index: 2; } #overlay{ position: absolute; width: 100%; height: 260px; z-index: 3; background: #006d55; display: none; } #layoutmap{ display: block; position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 262px; }

|
|