body { margin:0px; padding:0px; font-family:arial; background:url(images/main-back.gif) repeat-x 0px 167px #dfdfdf; font-size:12px } img { border:0px; } a { text-decoration: none } a:focus, a:visited, a:active { -moz-outline: none; outline: none; } .formError { color:red } .header-back { float:left; width:100%; height:131px; background:url(images/header-back.gif) repeat-x #fff; } .header-back .center{ width:960px; margin:0 auto; } .menu-top { float:left; margin:0 auto; width:100%; height:35px; background:url(images/menu-top-back.gif) repeat-x #bb1313; border-bottom:1px solid #fff } .menu-top .center { width:960px; margin:0 auto; } .menu-top a { display:inline-block; float:left; font-size:16px; line-height:35px; color:#fff; font-weight:bold; padding:0px 10px } .menu-top a:hover { background:url(images/menu-top-back-black.gif) repeat-x #000; } .menu-top span { display:inline-block; float:left; width:22px; height:35px; background:url(images/menu-top-separator.gif) #fff } .main-back { float:left; width:100%; margin:0 auto; } .main-back .center { width:980px; margin:0 auto;} .main-table { width:100%; } .main-table td { border:1px solid #ddd } .main-table .left { background:url(images/menu-back-gray.gif) #444} .main-table .center { background:#fafafa; padding:10px 0px 10px 0px} .main-table .right { background:url(images/menu-back-lightgray.gif) #fff; border:1px solid #777 } .footer-back { float:left; width:100%; } .footer-back .center { width:960px; height:30px; margin:0 auto; background:url(images/footer-back-red.gif) repeat-x #bb1313; border:1px solid #ddd } .footer-back .center .left { float:left; color: #fff; font-size:14px; padding:7px 0px 0px 10px } .footer-back .center .right { float:right; height:30px; background:url(images/footer-back-black.gif) repeat-x #000; color:#aaa; font-size:12px; line-height:27px; padding-right:10px} .footer-back .center .right a { color:#aaa; } .footer-back .center .right a:hover { color:#fff; } .footer-back .center .separator { float:right; height:30px; width:19px; background:url(images/footer-separator.gif) repeat-x; } .footer-sub { width:960px; height:30px; margin:0 auto; text-align:center; font-size:12px; font-weight:bold; color:#444; line-height:25px } .logo { float:left; width:368px; height:86px; margin-top:25px; } * html .logo img { display: none } * html .logo { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.pixoweb.ro/alsero/_pixowebcom/themes/default/images/logo.png', sizingMethod='fixed'); } .slogan { float:left; width:360px; height:40px; background: url(images/slogan.png); margin-top:62px; margin-left:40px; } * html .slogan { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.pixoweb.ro/alsero/_pixowebcom/themes/default/images/slogan.png', sizingMethod='fixed'); } .certificate-iso { float:right; width:115px; height:115px; background: url(images/certificate-iso.png); margin-top:5px; } * html .certificate-iso { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.pixoweb.ro/alsero/_pixowebcom/themes/default/images/certificate-iso.png', sizingMethod='fixed'); } .left .header { float:left; height:30px; width:200px; border-bottom:1px solid #777; background: url(images/menu-header.gif) repeat-x; font-size:16px; color:#fff; font-weight:bold; padding:0px 0px 0px 0px} .left .header span { display:block; padding: 5px 0px 0px 10px} .certificates { width:100%; text-align:center; padding:10px 0px } .right-box { float:left; width:200px; } .right-box .header { height:30px; width:200px; background: url(images/menu-header.gif) repeat-x; font-size:16px; color:#fff; font-weight:bold; } .right-box .header span { display:block; padding: 5px 0px 0px 10px} .right-box .body { padding:10px; } .right-sep { float:left; width:200px; height:10px; line-height:10px; } .login p { padding:0px; margin:5px 0px; text-align:center } .login .msg { color:red; font-weight:bold; } .login .user { width:150px; text-align:center } .login .pwd { width:150px; text-align:center } .login .body a:hover { text-decoration: underline } .login .newClient { font-weight: bold; color:#ff0000 } .login .fogot { color: #777 } .mainContent { width:515px; margin: 0 auto; } .mainContent h1.pageTitle { font-size:22px; margin:0px; padding:0px 0px 10px 0px; color: #333; } .product_list img { float:left; border:1px solid #ddd; margin:0px 10px; } .product_list .item { float:left; width:100%; background: #fff; border:1px solid #ddd; margin-bottom:10px; padding:10px 0px; } .product_list h3 { font-size:16px; margin:0px; padding:0px 0px 10px 0px } .product_list h1 { font-size:22px; margin:0px; padding:0px 0px 10px 0px; color: #333; } .product_list .desc { font-size:12px; padding-right:10px; padding-left:145px } .product_list .desc p { margin:10px 0px 0px 0px } .product_list .desc a { display:inline-block; font-weight:bold; color:red; padding:2px 5px } .product_list .desc a:hover { color:white; background:red; } .faq_list .item { float:left; width:100%; background: #fff; border:1px solid #ddd; margin-bottom:10px; padding:0px 0px; } .faq_list .item h3 { font-size:14px; margin:0px; padding:5px 0px 5px 5px; background:#ccc } .faq_list .item .answer { padding:10px; } .faq_list .item .answer .files { margin:10px 0px 0px 0px; } .faq_list .item .answer .files a { display:inline-block; font-weight:bold; color:red; padding:2px 5px } .faq_list .item .answer .files a:hover { color:white; background:red; } .categories { float:left; width:100%; } .categories h1 { font-size:22px; margin:0px; padding:0px 0px 10px 0px; color: #333; } .categories h1 a { color: #333; text-decoration:none } .categories h1 a:hover { color: #ff0000; } .categories .item { float:left; width:245px; height:200px; background: #fff; border:1px solid #ddd; margin:0px 10px 10px 0px; padding:10px 0px; text-align:center } /*.product-menu { margin-left:2px; margin-bottom:10px}*/ /*.product-menu a { display:block; width:180px; color:#fff; font-weight:bold; background:none; padding:5px 8px; font-size:16px } /* 180 + 2*8 = 196 + 2+2 margin*/ /*.product-menu a:hover { background:url(images/footer-back-red.gif) #bb1313; }*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .menu, .menu ul { width:196px; /*position:absolute;*/ margin:0px 0px 0px 2px; padding:0; list-style-type:none; list-style: none; } /* 196 = 180+2*8 */ .menu a { display:block; float:left; width:180px; color:#fff; font-weight:bold; background:none; padding:5px 8px; font-size:16px } .menu li { float:left; position:relative; width:180px } .menu ul { position:absolute; top:auto; display:none; border:1px solid #000; } .menu li ul { left:196px; top:5px; margin:0px; padding:0px; } .menu li a { background:url(images/menu-back-gray.gif) #444 } .menu li a:hover { background:url(images/footer-back-red.gif) #bb1313; } .menu li:hover a { background:url(images/footer-back-red.gif) #bb1313; } .menu li:hover li a { background:url(images/menu-back-gray.gif) #444 } .menu li:hover li a:hover { background:url(images/footer-back-red.gif) #bb1313; } .menu li:hover li:hover a { background:url(images/footer-back-red.gif) #bb1313; } .menu li:hover li:hover li a { background:url(images/menu-back-gray.gif) #444 } .menu li:hover li:hover li a:hover { background:url(images/footer-back-red.gif) #bb1313; } .menu li:hover li:hover li:hover a { background:url(images/footer-back-red.gif) #bb1313; } .menu li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul { display:none; } .menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul { display:block; } /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/