body { background-color: #401d78; color: white; }
div.layout { background: url(/images/homepage_bg.jpg) no-repeat top center; }
a { color: white; }

div.head { margin-top: 5px; }
div.head p.catalog { margin-top: 15px; }
div.head p.hotline { margin-top: 15px; left: 0; }
div.head p.support { position: absolute; font-size: 8pt; top: 7.5em; }
div.head p.logo { text-align: center; margin-bottom: 26px; }
div.head p.welcome { text-align: center; font-size: 8pt; }

div.homepage { padding-top: 40px; }
div.homepage div.products { text-align: center; }
div.homepage div.products a { outline: none; }
div.homepage div.products ul { width: 600px; margin: 0 auto;}
div.homepage div.products ul li { position: relative; float: left; width: 50%; }
div.homepage div.products ul li div.box { position: relative; width: 200px; margin: 0 auto; z-index: 100; }
div.homepage div.products ul li div.box img.thumb { margin-bottom: -10px; }
div.homepage div.products ul li div.box p.title { margin: 0; /* margin-top: 14px; */ font-size: 9pt; line-height: 1.3; }
div.homepage div.products ul li span.outer { position: absolute; width: 240px; height: 100%; padding-bottom: 40px; border: solid 1px white; top: -20px; left: 50%; margin-left: -120px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; opacity: 0.3; z-index: 1; display: none; //filter: alpha(opacity = 30); }
div.homepage div.products ul li:hover span.outer { display: block; }

div.homepage div.other-products { width: 100%; clear: both; margin-top: 80px; }
div.homepage div.other-products ul { position: relative; width: 800px; font-size: 8pt; height: 50px; text-align: center; margin: 0 auto; }
div.homepage div.other-products ul li { position: relative; display: inline-block; text-align: center; width: 100px; }
div.homepage div.other-products ul li a { display: block; text-decoration: none; outline: none; }
div.homepage div.other-products ul li a:hover { color: white !important; }
div.homepage div.other-products ul li span.title { position: absolute; top: 62px; width: 200px; left: 50%; margin-left: -100px; opacity: 0.6; display: none; line-height: 1.3; }
div.homepage div.other-products ul li:hover { opacity: 0.8; }
div.homepage div.other-products ul li:hover span.title { display: block; }

div.homepage div.sections { text-align: center; margin: 110px 0 60px 0; }
div.homepage div.sections ul { width: 570px; margin: 0 auto; }
div.homepage div.sections ul li { float: left; width: 190px; font-size: 15pt; }
div.homepage div.sections p.service { width: 12em; margin: 0 auto; font-size: 8pt; }
div.homepage div.sections p.service s { display: block; width: 1px; height: 50px; background-color: white; margin: 15px auto; opacity: 0.3; //filter: alpha(opacity = 30); }
div.sections p.service a { color: #a08eb8; }
div.sections p.service a:hover { color: white !important; }

div.footer { margin-top: 20px; //padding-bottom: 20px; }
div.footer, div.footer a { color: #13093d; }
div.footer a:hover { color: white !important; }
div.footer p.copyright { float: left; margin-left: 0; }
div.footer p.address { position: absolute; left: 50%; width: 200px; margin: -1.4em 0 0 -100px; text-align: center; display: block; color: #13093d; }
div.footer p.thenames { position: relative; float: right; padding-right: 16px; }
div.footer p.thenames a ins { position: absolute; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 0 0; margin-top: -1em; background-image: url(/images/thenames_icon.gif); //cursor: pointer; }
div.footer p.thenames a:hover ins { background-position: -16px 0; }


p.support a img {margin-top:0.5em; margin-right:0.5em}



.ie div.homepage div.other-products ul {display:inline-block}
.ie div.homepage div.other-products ul li{display:inline}

p.inform{color:black;}