html, body, blockquote, p, form, q, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, br, a, img, hr, ul, li, ol
{padding: 0; margin: 0; border: 0; list-style-type: none;}

body {font:0.75em Tahoma, Verdana, Arial, sans-serif; color:#111; background:#fff url(../images/body-bg.png) repeat-x}
a {color:#D61920; text-decoration:none;} #main a:visited {color:#111;}
input, select, textarea {font:1em Tahoma, Verdana, Arial, sans-serif;}
table {border-collapse: separate; border-spacing: 0;}
a span {cursor:pointer}
a:active {outline: 0;} *:focus {outline: none;}
#tooltip{position:absolute; z-index:100; background:#fff; border:solid 1px #D61920; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:2px 5px; color:#D61920; display:none; font-size:0.833em}

#header {width:1240px; height:80px; margin:0 auto}
#header h1 {float:left; padding:20px 0 0 20px}
#header h1 a {display:block; width:179px; height:38px; text-indent:-9999px; background: url(../images/logo.gif) no-repeat 0 0}

#main-menu {float:right; padding:25px 2px 0 0}
#main-menu li {float:left; font-size:1.833em; line-height:100%; padding:0 18px; background:url(../images/line1.gif) no-repeat right 1px}
#main-menu a, #footer a {color:#242424} #main-menu a:hover, #footer a:hover, #main-menu li.selected a, #footer li.selected a, #contacts-info-tabs a:hover {color:#5F5F5F}
#main-menu li.highlight a, #footer li.highlight a {color:#D61920} #main-menu li.highlight a:hover, #footer li.highlight a:hover {color:#E93A43}
#main-menu li.last {background:none}

#top {width:100%; height:300px; background:url(../images/rainbow-line.png) no-repeat center bottom;}
#top-content {width:1240px; height:297px; overflow:hidden; margin:0 auto;}

/* TOP SMALL / INNER */
#top-small {background-image:url(../images/body-bg-top-small.png)}
#top-small #top {height:105px;}
#top-small #top-content {height:102px;}
#top-small #top-brands {height:102px;}

#top-brands {float:left; width:860px; height:297px; position:relative;}
#top-brands img {position:absolute; left:0; bottom:0; z-index:2}
#top-brands ul {position:absolute; left:0; bottom:0; z-index:5}
#top-brands li {float:left; padding:0 4px 0 0}
#top-brands a {display:block; height:47px; text-indent:-9999px; text-align:center; background-repeat:no-repeat; background-position:0 0}
#button-canon {width:115px; background-image:url(../images/brands/buttons/canon.png)}
#button-canon:hover {background-image:url(../images/brands/buttons/canon-on.png)}
#button-ideal {width:95px; background-image:url(../images/brands/buttons/ideal.png)}
#button-ideal:hover {background-image:url(../images/brands/buttons/ideal-on.png)}
#button-3m {width:73px; background-image:url(../images/brands/buttons/3m.png)}
#button-3m:hover {background-image:url(../images/brands/buttons/3m-on.png)}
#button-acco {width:65px; background-image:url(../images/brands/buttons/acco.png)}
#button-acco:hover {background-image:url(../images/brands/buttons/acco-on.png)}
#button-ricoh {width:119px; background-image:url(../images/brands/buttons/ricoh.png)}
#button-ricoh:hover {background-image:url(../images/brands/buttons/ricoh-on.png)}
#button-avery {width:132px; background-image:url(../images/brands/buttons/avery.png)}
#button-avery:hover {background-image:url(../images/brands/buttons/avery-on.png)}
#button-renz {width:120px; background-image:url(../images/brands/buttons/renz.png)}
#button-renz:hover {background-image:url(../images/brands/buttons/renz-on.png)}
#button-dell {width:104px; background-image:url(../images/brands/buttons/dell.png)}
#button-dell:hover {background-image:url(../images/brands/buttons/dell-on.png)}

#lang-certificate-phone {float:right; width:360px;}
#lang-certificate {float:left; width:320px; padding:10px 20px}
#lang-en, #lang-bg {float:left; background:url(../images/lang-en.gif) no-repeat 0 2px; padding:0 0 0 22px; margin:10px 0 0 0}
#lang-bg {background-image:url(../images/lang-bg.gif)}
#certificate-ukas, #certificate-iso {float:right; margin:0 0 0 15px; text-indent:-9999px; display:block; height:37px; background-repeat:no-repeat; background-position:0 0}
#certificate-ukas {width:26px; background-image:url(../images/ukas.gif)}
#certificate-iso {width:38px; background-image:url(../images/iso.gif)}

#phone {height:41px; width:322px; padding:0 20px 0 18px; background:url(../images/phone-bg.png) no-repeat right 0; clear:both; position:relative;}
#phone span {font-size:1.5em; float:left; padding:8px 0 0 0; color:#5F5F5F;}
#phone strong {font-size:2em; position:absolute; top:8px; right:20px; font-weight:normal; color:#E93A43; line-height:100%; width:165px; text-align:right;}
#phone strong em {color:#D61920}

#content {width:1220px; padding:20px 0 20px 20px; margin:0 auto;}
#main {float:left; width:830px; padding:0 0 30px 0;}
#sidebar {float:right; width:360px; position:relative; padding:0 0 30px 0}

#contacts-in-top {position:absolute; top:-210px; left:0; z-index:100;} /* to remove or not */

.sidebar-box {float:left; width:360px}
.sidebar-box h3 {width:340px; height:35px; padding:10px 0 0 20px; background:url(../images/sidebar-box-title.png) no-repeat 0 0; color:#D61920; font-size:1.833em; font-weight:normal; line-height:100%;}
.sidebar-box-content {float:left; width:320px; padding:20px; background:#fff;}

#contacts-map {width:320px; height:175px; margin:0 0 15px 0; float:left; border-bottom:dotted 1px #E0DFDF; background:url(../images/contacts-map.png) no-repeat 0 0; position:relative}
#contacts-map.en {background-image:url(../images/contacts-map-en.png)}
#contacts-map a {display:block; position:absolute; width:10px; height:12px; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat}
#contacts-map a.office {background-image:url(../images/icon-office.png)}
#contacts-map a.dealer {background-image:url(../images/icon-dealer.png)}
#contacts-map a.both {background-image:url(../images/icon-office-dealer.png)}
#contacts-map a.both.big {width:14px; height:17px; background-image:url(../images/icon-office-dealer-big.png)}

#contacts-info {float:left; width:320px; min-height:200px;}
#contacts-info-tabs {float:left; width:320px; height:47px; background:url(../images/contacts-info-tabs.png) no-repeat 0 0; position:relative; z-index:10}
#contacts-info-tabs.no-bg {background:none}
#contacts-info-tabs li {float:left; width:160px; height:39px; padding:8px 0 0 0; text-align:center; font-size:1.667em}
#contacts-info-tabs li.selected {background:url(../images/contacts-info-tab-selected.png) no-repeat 0 0;}
#contacts-info-tabs a {line-height:100%;} #contacts-info-tabs li.selected a:hover {color:#D61920}

#contacts-list {float:left; border:solid 1px #EBEBEB; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width:298px; padding:15px 10px; position:relative; margin:-1px 0 0 0; z-index:2;}
#contacts-list dd {font-size:0.917em; float:left; border-bottom:dotted 1px #E0DFDF; width:100%; position:relative; padding:0 0 15px 0; margin:0 0 15px 0}
#contacts-list dd.last {padding:0; margin:0; border:0}
#contacts-list dd h5 {font-size:1.167em; color:#D61920}
#contacts-list dd p {padding:3px 0 0 0}
.map-email {position:absolute; top:0; right:0}
.map-email li {float:left; padding:0 0 0 5px;}
.map-email a {display:block; width:16px; height:16px; background-repeat:no-repeat; background-position:0 0; text-indent:-9999px}
.map-email a.map {background-image:url(../images/icons-map-email.gif)}
.map-email a.map:hover {background-position:0 -16px}
.map-email a.email {background-image:url(../images/icons-map-email.gif); background-position:0 -32px;}
.map-email a.email:hover {background-position:0 -48px}

.textcontent {float:left; width:100%; padding:0 0 5px 0; border-bottom:dotted 1px #E0DFDF; margin:0 0 20px 0;}
.textcontent h3 {font-size:2.333em; margin:0 0 15px 0; color:#D61920; line-height:100%; font-weight:normal;}
.textcontent h4 {font-size:2em; margin:0 0 15px 0; color:#5B5B5B; line-height:100%; font-weight:normal;}
.textcontent h5 {font-size:1.5em; margin:0 0 15px 0; color:#D61920; line-height:100%; font-weight:normal;}
.textcontent h6 {font-size:1.167em; margin:0 0 15px 0; color:#5B5B5B; line-height:100%;}
.textcontent p {margin:0 0 15px 0}
.textcontent .left {float:left; margin:0 15px 0 0;} .textcontent .right {float:right; margin:0 0 0 15px}
.textcontent ul {border:solid 1px #EBEBEB; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:10px 10px 2px 10px; margin:0 0 15px 0; background:#FDFDFD}
.textcontent li {color:#5B5B5B; padding:0 0 8px 15px; background:url(../images/icon-bullet-1.png) no-repeat 0 5px;}

.boxes {float:left; width:830px;}
.box {float:left; width:405px; background:url(../images/main-box-bg.png) no-repeat left bottom} .box.right {float:right}
.box .title {width:385px; height:35px; padding:10px 0 0 20px; margin:0 0 10px 0; float:left; background:url(../images/main-box-title.png) no-repeat 0 0; color:#5B5B5B; font-size:1.833em; line-height:100%}

#promo-box {float:left; width:405px; height:260px; overflow:hidden; position:relative}
#promo-box a {position:absolute; top:0; left:0;}
a#promo-box-pdf {display:block; width:170px; height:25px; padding:10px 0 0 35px; right:0; bottom:0; left:auto; top:auto; background:url(../images/promo-pdf.png) no-repeat 0 0}

#sub-left #promo-box {width:220px;}

#news-box {float:left; width:365px; padding:0 20px 10px 20px;}
#news-box dt {font-weight:bold; padding:0 0 10px 0; float:left; width:100%;} #news-box dt a:hover {color:#E93A43}
#news-box dd {border-bottom:dotted 1px #E0DFDF; padding:0 0 10px 0; margin:0 0 10px 0; float:left; width:100%; clear:both}
#news-box dd img {float:left; margin:0 10px 0 0}
#news-box dd.more {border:0; padding:0; margin:0;} #news-box dd.more a {float:right}
a.more {display:block; width:75px; height:22px; padding:6px 0 0 0; background:url(../images/button-more-1.png) no-repeat 0 0; text-align:center}
a.more:hover {background-image:url(../images/button-more-2.png)}

#footer {float:left; width:100%; clear:both; background:url(../images/footer-bg.png) repeat-x}
#footer-content {width:1200px; margin:0 auto; height:80px; background:url(../images/footer-line.gif) repeat-x center}
#footer-menu {float:left;} #footer-menu-more {float:right}
#footer li {float:left; padding:14px 20px 0 0} #footer-menu-more li {padding:14px 0 0 20px}
#copyright {float:left; clear:left; color:#A5A5A5; padding:24px 0 0 0}
#born-at {float:right; clear:right; color:#A5A5A5; padding:15px 0 0 0}
#born-at img {position:relative; top:4px}

.breadcrumbs {float:left; width:100%; border-bottom:dotted 1px #E0DFDF; font-size:0.917em; padding:0 0 2px 0; margin:0 0 20px 0}
.breadcrumbs li {float:left; padding:0 10px 0 0; line-height:20px}
.breadcrumbs li a {background:url(../images/line2.gif) no-repeat right 4px; padding:0 11px 0 0}
.breadcrumbs li.go-home a {text-indent:-9999px; display:block; width:26px; height:16px; background:url(../images/icon-home.png) no-repeat; padding:0}
.breadcrumbs li strong {font-weight:normal}

#sub-left {float:left; width:220px;}
#sub-right {float:right; width:580px;}

.sub-menu {border:solid 1px #EBEBEB; padding:10px 10px 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background:#F8F8F8; float:left; width:200px; margin:0 0 20px 0}
.sub-menu .title {font-size:1.5em; font-weight:normal; margin:0 0 10px 0; line-height:100%}
.sub-menu li {float:left; width:100%; padding:0 0 10px 0}
.sub-menu a {background:url(../images/icon-bullet-1.png) no-repeat 0 5px; padding:0 0 0 15px}
.sub-menu a:hover, .sub-menu li.selected a {background-image:url(../images/icon-bullet-2.png)}
.sub-menu li.selected a {font-weight:bold}