* {margin: 0; padding: 0; background-position: left top; background-repeat: no-repeat; background-color: transparent;} html {width: 100%; height: 100%; overflow-y: scroll;} body {width: 100%; height: 100%; background-color: #ffffff; font-family: tahoma, arial sans-serif; font-size: 11px; color: #171124;} a {color: #171124; text-decoration: none;} a:hover {color: #171124;} form, fieldset, img {border: 0;} /* Header */ #header {margin: auto; width: 980px; height: 632px; padding-top: 59px;} .container {position: relative; top: 0; left: 0;} .both {height: 0px; clear: both; overflow: hidden;} h1 {position: absolute; left: 44px; width: 117px; height: 29px; font-size: 1px;} h1 a {display: block; height: 50px; cursor: pointer;} h1 a span {background-image: url('../img/logo.gif');} a span {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;} #header_menu {position: absolute; top: 3px; left: 209px; height: 25px; list-style: none;} #header_menu li {float: left; height: 25px; margin-right: 15px; float: left;} #header_menu li a {float: left; cursor: pointer; height: 25px; font-size: 1px; text-indent: -2000em;} #header_menu li a:focus {overflow: hidden; outline: 0;} #header_menu li a.item1 {width: 106px; background-image: url('../img/menu_item1.gif')} #header_menu li a.item1:hover {width: 106px; background-image: url('../img/menu_item1h.gif')} #header_menu li a.item2 {width: 142px; background-image: url('../img/menu_item2.gif')} #header_menu li a.item2:hover {width: 142px; background-image: url('../img/menu_item2h.gif')} #header_menu li a.item3 {width: 94px; background-image: url('../img/menu_item3.gif')} #header_menu li a.item3:hover {width: 94px; background-image: url('../img/menu_item3h.gif')} #header_menu li a.item4 {width: 76px; background-image: url('../img/menu_item4.gif')} #header_menu li a.item4:hover {width: 76px; background-image: url('../img/menu_item4h.gif')} #header_menu li a.item5 {width: 97px; background-image: url('../img/menu_item5.gif')} #header_menu li a.item5:hover {width: 97px; background-image: url('../img/menu_item5h.gif')} #search {position: absolute; top: 2px; left: 723px;} #search input {float: left; width: 102px; height: 13px; font-family: tahoma, arial; font-size: 11px; padding-top: 5px; padding-bottom: 6px; padding-left: 15px; padding-right: 28px; border: 0px; background-image: url('../img/search.gif')} #intro {position: relative; top: 84px; width: 980px; height: 548px;} #intro a {display: block; float: left; width: 490px; height: 274px;} #intro a.hint {width: 96px; /*height: 96px;*/ height: 0; padding-top: 96px; overflow: hidden; background-image: url('../img/intro/hint.png'); position: absolute; top: 226px; left: 442px; z-index: 99;} /* Footer */ #footer {margin: auto; width: 980px;} #contact {position: relative; width: 621px; height: 100px; padding-top: 52px; padding-left: 63px;} #contact div.item1 {width: 216px; height: 24px; margin-top: 6px; float: left; background-image: url('../img/tel1.gif'); font-size: 1px; text-indent: -2000em;} #contact span.color {color: #411f59;} #contact div.item2 {width: 163px; height: 30px; line-height: 170%; margin-left: 53px; float: left;} #contact div.item3 {width: 126px; height: 30px; line-height: 170%; margin-left: 46px; float: left;} #contact a {text-decoration: underline;} #contact a.site {text-decoration: none; color: #411f59; font-weight: bold;} #contact a:hover {text-decoration: none; color: #411f59;} /* Footer pannel */ #footpanel {position: fixed; bottom: 0px; left: 0; z-index: 9999; width: 100%; background-image: url('../img/footpanel_bg.gif'); background-position: top left; background-repeat: repeat-x;} *html #footpanel {position: absolute; top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));} #footpanel .slide {position: relative;} #footpanel .inner {position: relative; left: 0; bottom: 0; display: none; width: 100%; height: 84px;} #footpanel .foot_container {position: relative; margin: auto; width: 980px; height: 85px; background-color: #ffffff;} #footpanel_tab {position: relative; bottom: 0; margin: auto; width: 980px; height: 51px;} #footpanel_tab a.footpanel_slide {display:block; position:absolute; width:244px; height:41px; left: 368px; background-image:url('../img/footpanel_button1.png'); background-repeat: no-repeat; text-indent:-9999px;} #footpanel_tab a.footpanel_slide:focus {overflow: hidden; outline: 0;} #footpanel .cart_products {position: absolute; left: 260px; width: 400px; height: 57px; margin-top: 10px; overflow: hidden;} #footpanel .gocart {position: absolute; right: 112px; top: 26px; width: 133px; height: 25px; font-size: 1px;} #footpanel .gocart a {display: block; height: 25px; cursor: pointer;} #footpanel .gocart a span {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url('../img/footpanel_gocart.gif');} #footpanel .infocart {position: absolute; left: 112px; top: 17px;} #footpanel .infocart div {margin-bottom: 5px;} #footpanel .infocart span {font-size: 18px;} #footpanel .cart_products ul {position: relative; list-style-type: none; float: left; height: 57px;} #footpanel .cart_products ul li {position: relative; display: block; float: left; width: 59px; margin-right: 22px; height: 57px;} #footpanel .cart_products ul li a span {width: 24px; height: 19px; background-color: #171124; position: absolute; top: 33px; left: 0px; color: #ffffff; font-weight: bold; text-align: center; padding-top: 5px;} #footpanel .cart_products ul li a > img {max-width: 58px; height: auto;} #footpanel .cprev, #footpanel .cnext {display:block; position: absolute; width:25px; height:25px; background-image: url('../img/footpanel_prevnext.gif'); background-repeat: no-repeat; text-indent:-9999px; top: 26px;} #footpanel .cprev {background-position: 0px 0px; right: 281px;} #footpanel .cnext {background-position: -26px 0px; right: 255px;} #footpanel a.cprev:hover, #footpanel a.cnext:hover {background-image: url('../img/footpanel_prevnext2.gif');} #footpanel a.cprev:focus, #footpanel a.cnext:focus {overflow: hidden; outline: 0;}