html, body {font-family: Tahoma, Arial, Verdana; font-size: 12px; background-color: #FFFFFF;}
input {padding: 0 2px 0 2px;}

.main {margin: auto; height: 100%;}
.main .top {vertical-align: top; background-image: url(/images/work-layer.jpg); background-repeat: repeat-x; background-position: 0 187px;}
.main .bottom {vertical-align: bottom;}

.header {background-image: url(/images/layers.jpg); background-repeat: no-repeat; position: relative; width: 996px; height: 187px;}

.work {width: 990px; margin: auto; position: relative; background-image: url(/images/face-layer.jpg); background-repeat: no-repeat; background-position: 348px 0px;}
.work td {vertical-align: top;}
.work .left {width: 240px;}
.work .right {width: 240px;}
.work .center p {padding: 0 25px 15px 25px; line-height: 20px;}
.work .center h1 {padding: 15px 50px 7px 50px; color: #990000; font-weight: normal; font-size: 22px; line-height: 30px;}
.work .center h2 {font-size: 20px; font-weight: normal; padding-bottom: 3px;}
.work .center h3 {font-size: 12px; font-weight: normal; line-height: 18px;} 
.work .center .step1active {width: 54px; height: 60px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: 0px -247px;}
.work .center .step1 {width: 54px; height: 60px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -168px -247px;}
.work .center .step2active {width: 54px; height: 60px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -56px -247px;}
.work .center .step2 {width: 54px; height: 60px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -224px -247px;}
.work .center .step3active {width: 54px; height: 60px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -112px -247px;}
.work .center .step3 {width: 54px; height: 60px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -280px -247px;}
.work .center div.step {padding: 25px;}
.work .center td.step {padding: 5px 15px 5px 15px;}

.work2 {width: 990px; margin: auto; position: relative;}
.work2 td {vertical-align: top;}
.work2 p {padding: 5px 20px 10px 40px; line-height: 20px;}
.work2 h1 {padding: 15px 70px 0px 70px; color: #990000; font-weight: normal; font-size: 22px; line-height: 30px;}
.work2 a.contact {color: #000000; font-weight: bold;}
.work2 div.map {float: right; width: 536px; height: 596px;}
.work2 div.contact {position: absolute; width: 470px;}
.work2 input.print {position: relative; top: 510px; left: 795px;}
.work2 h1.print {display: none;}

.container {position: relative; top: -19px;}

.middle {border: 1px solid #ADADAD; padding: 1px;  width: 986px; height: 87px; margin: auto; background-image: url(/images/middle-layer.jpg); background-repeat: repeat-x;}
.topMenu {height: 60px; width: 986px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: 0px -187px;}
.topMenu td {text-align: center; width: 88px; padding: 0 15px 0 15px;}
.topMenu td.firstItem {width: 104px;}
.topMenu td.lastItem {width: 85px; padding-right: 40px;}
.topMenu a {font-size: 14px; color: #FFFFFF; text-decoration: none;}
.topMenu a:hover {text-decoration: underline;}
.topMenu a.active {text-decoration: underline;}

.block {border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 2px;}
.blockTitle {background-color: #CCCCCC; font-size: 18px; line-height: 33px;}
.blockTitle div {position: relative; width: 47px; height: 33px; float: left; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -996px 0px;}
.blockBody {padding: 8px; position: relative;}
.blockBody p.offer {padding: 8px; line-height: 16px;}
.blockBody p.offer strong {color: #990000;}
.blockBody p.offer a {text-decoration: none; color: #000000;}
.blockBody p.offer a:hover {text-decoration: underline;}
.blockBody p.statistic {padding: 10px; line-height: 16px;}
.blockBody p.news {padding: 8px; line-height: 16px;}
.blockBody p.news strong {color: #990000;}
.blockBody p.news a {color: #E97E00; font-size: 11px;}
.blockBody p.news a img {border: 0; position: relative; top: 2px;}
.blockFooter {height: 5px; background-color: #CCCCCC; font-size: 0; line-height: 0;}
.blockSeperator {height: 10px;}

.pageTitle {color: #999999; font-size: 11px; font-weight: normal; padding: 7px 0 0 266px;}
.pageTitle2 {color: #999999; font-size: 11px; font-weight: normal; padding: 7px 0 0 40px;}

.footer {border: 1px solid #ADADAD; padding-top: 1px; width: 988px; height: 48px; margin: auto; font-size: 10px; color: #FFFFFF;}
.footer .layer {background-color: #434343; position: relative; height: 100%;}
.footer .layer a {font-size: 10px; color: #FFFFFF;}
.footer .contact {position: absolute; top: 11px; left: 18px; width: 50%;} 
.footer .copyright {position: absolute; top: 11px; right: 18px;}
.footer .copyright a {text-decoration: none;}
.footer .counter-1 {position: absolute; top: 8px; left: 380px;}
.footer .counter-2 {position: absolute; top: 8px; left: 470px;} 
.footer .counter-3 {position: absolute; top: 8px; left: 560px;} 

.search {position: relative; height: 20px;}
.search .label {position: absolute; top: 3px;}
.search .input {width: 122px; position: absolute; left: 43px;}
.search .submit {cursor: pointer; position: absolute; right: 0; border: 0; width: 61px; height: 20px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -996px -55px;}

.label {font-size: 11px; font-weight: bold;}
.input {border: 1px solid #454545; font-size: 11px; padding: 2px 2px 3px 2px;}

.orderLink {font-size: 11px; color: #000000; position: absolute; top: 160px; left: 328px;}
.seamlessLink {font-size: 9px; position: absolute; top: 164px; left: 9px; color: #333; text-decoration: none;}
.seamlessLink:hover {text-decoration: underline;}
.shieldsLink {font-size: 9px; position: absolute; top: 164px; left: 451px; color: #333; text-decoration: none;}
.shieldsLink:hover {text-decoration: underline;}
.plakatsLink {font-size: 9px; position: absolute; top: 164px; left: 503px; color: #333; text-decoration: none;}
.plakatsLink:hover {text-decoration: underline;}
.bannersLink {font-size: 9px; position: absolute; top: 164px; left: 555px; color: #333; text-decoration: none;}
.bannersLink:hover {text-decoration: underline;}
.peretyazhkiLink {font-size: 9px; position: absolute; top: 164px; left: 605px; color: #333; text-decoration: none;}
.peretyazhkiLink:hover {text-decoration: underline;}
.postersLink {font-size: 9px; position: absolute; top: 164px; left: 668px; color: #333; text-decoration: none;}
.postersLink:hover {text-decoration: underline;}
.bilbordsLink {font-size: 9px; position: absolute; top: 164px; left: 721px; color: #333; text-decoration: none;}
.bilbordsLink:hover {text-decoration: underline;}
.brandmauersLink {font-size: 9px; position: absolute; top: 164px; left: 778px; color: #333; text-decoration: none;}
.brandmauersLink:hover {text-decoration: underline;}
.transparenciesLink {font-size: 9px; position: absolute; top: 164px; left: 857px; color: #333; text-decoration: none;}
.transparenciesLink:hover {text-decoration: underline;}
.vitrinsLink {font-size: 9px; position: absolute; top: 164px; left: 944px; color: #333; text-decoration: none;}
.vitrinsLink:hover {text-decoration: underline;}

form.login {position: absolute; top: 17px; left: 765px;}
.login th {color: #FFFFFF; text-align: left; font-size: 16px; font-family: Arial; font-weight: normal; padding-bottom: 10px;}
.login td {padding: 0 0 5px 27px;}
.login td.submit {padding-left: 18px;}
.login {font-size: 11px; color: #000000;}
.login .input {width: 122px;}
.login input.submit {cursor: pointer; border: 0; width: 55px; height: 22px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -996px -33px;}
.login a {font-size: 11px; color: #000000;}

form.logon {position: absolute; top: 17px; left: 765px;}
.logon th {color: #FFFFFF; text-align: left; font-size: 16px; font-family: Arial; font-weight: normal; padding-bottom: 10px;}
.logon td {font-weight: bold; font-size: 11px; padding-left: 25px; line-height: 18px; vertical-align: middle;}
.logon input.submit {cursor: pointer; border: 0; width: 55px; height: 22px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -996px -95px;}

form.register {margin: auto; width: 390px;}
.register label {cursor: pointer;}
.register .inputText {width: 245px;}
.register input.submit {cursor: pointer; border: 0; width: 159px; height: 20px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -996px -75px;}
.register td.submit {text-align: center;}
.register label.error {color: #990000; font-size: 11px; display: block;}

form.auth {margin: auto; width: 390px;}
.auth label {cursor: pointer;}
.auth .inputText {width: 245px;}
.auth input.submit {cursor: pointer; border: 0; width: 55px; height: 22px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -996px -33px;}
.auth label.error {color: #990000; font-size: 11px;}
.center p.authNote {padding-top: 15px;}
.center h1.authNote {padding-top: 0px;}

a.link {color: #000000; text-decoration: underline;}

form.forgot {margin: auto; width: 390px;}
.forgot label {cursor: pointer;}
.forgot .inputText {width: 245px;}
.forgot input.continue {cursor: pointer; border: 0; width: 101px; height: 22px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -996px -117px;}
.forgot input.submit {cursor: pointer; border: 0; width: 91px; height: 22px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -996px -139px;}
.forgot label.error {color: #990000; font-size: 11px;}

.warning {color: #990000;}
.success {text-align: center;}

form.calc {padding: 0 10px 0 10px;}
.calc label {cursor: pointer; font-weight: bold;}
.calc label.simple {cursor: pointer; font-weight: normal;}
.calc div.container {position: static; top: 0; padding-bottom: 8px; line-height: 28px;}
.calc input.name, input.material, input.quality, input.circulation {width: 190px;}
.calc select.material, select.quality {width: 198px;}
.calc .width {width: 40px;}
.calc .length {width: 40px;}
.calc .submitBlock div {float: right;}
.calc .extraBlock {padding-left: 20px;}
.calc .sizeBlock {width: 100%;}
.calc input.button {cursor: pointer; border: 0; width: 88px; height: 22px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -996px -161px;}
.calc input.submit {cursor: pointer; border: 0; width: 77px; height: 22px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -996px -183px;}
.calc input.submit2 {cursor: pointer; border: 0; width: 154px; height: 22px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -996px -249px;}
.calc .cost {color: #990000; font-size: 18px; font-weight: bold; text-align: right; padding-right: 30px;}
.calc ol {margin: 0; padding: 0 0 0 25px;}
.calc label.error {color: #990000; font-weight: normal;}
.calc div.error {color: #990000; border: 5px solid #990000; border-width: 1px 1px 1px 5px; display: none; padding: 5px 0 5px 0; line-height: normal;}
.calc div.error h1 {font-size: 12px; padding: 0 5px 5px 5px;}
.calc input.error {color: #990000; border: 1px dotted #990000;}
.calc h3.orderName {font-size: 13px;}

form.confirm {padding: 25px; text-align: center;}
.confirm input.submit {cursor: pointer; border: 0; width: 192px; height: 22px; background-image: url(/images/layers.jpg); background-repeat: no-repeat; background-position: -996px -205px;}

p.orderListItem {padding: 10px;}
p.orderListItem span {color: #666666; line-height: 16px;}

table.samples {margin: auto; width: 930px;}
table.samples .left {padding-bottom: 10px;}
table.samples .right {padding-bottom: 10px;}
form.samples input.input {width: 245px; display: block;}
form.samples th {padding: 10px;}
.samples label {cursor: pointer;}
.samples label.error {color: #990000; font-size: 11px;}
div.samples {text-align: center; display: none;}
div.samples h2 {font-size: 12px;}

.bannerBlock {width: 990px; margin: auto;}
/*.bannerBlock td {padding-bottom: 10px; text-align: justify;}
.bannerBlock img.banner {padding-right: 10px;}*/

.bannerBlock td {text-align: justify;}
.bannerBlock img.banner {padding-right: 7px;}


h2.news {font-size: 13px; padding: 0 0 10px 40px;}
ul.news {padding: 0 0 0 65px;}
div.news {clear: both; padding: 10px 0 25px 0;}

ul.dealer {padding: 0 0 0 65px;}
ul.requirements {padding: 0 0 0 65px;}
ol.requirements {padding: 0 0 0 75px;}

h2.specialOffer {font-size: 13px; padding: 0 0 10px 40px;}
ul.specialOffer {padding: 0 0 0 65px;}
div.specialOffer {clear: both; padding: 10px 0 25px 0;}

.text {text-align: right;}

div.priceList {padding: 15px 15px 15px 40px;}
table.priceList {background-color: #999999;}
table.priceList th {background-color: #E5E5E5; padding: 12px 20px 12px 20px; text-align: left;}
table.priceList td {background-color: #FFFFFF; padding: 8px 20px 8px 20px;}
ul.priceList {padding: 0 0 0 75px;}
.plakat_text, .plakat_text p{font-size: 12px; text-align: left;}
.separator{font-size: 0px; line-height: 0px;}

#lightbox-caption-title{font-size: 12px;}
form#plakatOrder{font-size: 12px;}

div#lightbox div{font-size: 12px;}
div#lightbox form{font-size: 12px;}
div#lightbox{font-size: 12px;}
div#lightbox input{font-size: 12px;}
div#lightbox-infoBox{display: block;}