/*
 * CONTENT MASK:
 */

div#contentMask div.scrollContent h3 {
 margin: 0;
 padding: 0;
 height: 25px;
 font-size: 8pt;
 color: #A69279;
 font-weight: bold;
}

div#contentMask div.scrollContent h2 {
 float: right;
 margin: 0;
 padding: 0;
 padding-right: 4px;
 height: 25px;
 font-size: 7.5pt;
 color: #ACACAC;
 font-weight: bold;
}

/* Part 1: */

div#contentMask div.scrollContent div.item {
 float: left;
 margin-right: 4px;
 margin-bottoM: 4px;
 width: 351px;
}

div#contentMask div.scrollContent div.item div.l {
 float: left;
 margin-right: 2px;
 padding-top: 44px;
 width: 29px;
 min-height: 56px;
 _height: 56px !important;
 background-color: #313131;
 text-align: center;
}

div#contentMask div.scrollContent div.selected div.l {
 background-color: #625D50;
}

div#contentMask div.scrollContent div.item div.t {
 float: left;
 margin-bottom: 2px;
 padding: 8px;
 width: 304px;
 min-height: 50px;
 _height: 50px !important;
 background-color: #222222;
}

div#contentMask div.scrollContent div.item div.t div.image {
 float: left;
}

div#contentMask div.scrollContent div.item div.t div.image img.thumb {
 float: left;
 vertical-align: top;
 text-align: left;
 cursor: pointer;
 border: 1px solid #6D6E71;
}

div#contentMask div.scrollContent div.item div.t div.text {
 text-align: right;
 color: #ABABAB;
 font-size: 7.5pt;
 font-weight: bold;
}

div#contentMask div.scrollContent div.item div.t div.text p {
 margin-top: 0;
 text-align: right;
}

div#contentMask div.scrollContent div.item div.t div.text p.title {
 padding-top: 4px;
 color: #A29376;
}

div#contentMask div.scrollContent div.item div.t div.text p.price {
 padding-top: 16px;
}

div#contentMask div.scrollContent div.item div.t div.text p.price span.price {
 font-size: 9pt;
}

div#contentMask div.scrollContent div.item div.t div.text p.price span.delivery {
 color: #6A6A6A;
}

div#contentMask div.scrollContent div.item div.b {
 float: left;
 padding: 6px 5px 5px;
 width: 310px;
 min-height: 21px;
 _height: 21px !important;
 background-color: #434343;
 text-align: right;
 font-weight: bold;
 font-size: 7.5pt;
 color: #ACACAC;
}

div#contentMask div.scrollContent div.item div.b input {
 width: 15px;
 background-color: #E3E3E3;
 border: 1px solid #222222;
 color: #434343;
 font-weight: bold;
}

/* Part 2: */

div#contentMask div.scrollContent div.left {
 float: left;
 padding: 40px 30px 60px;
 padding-right: 0;
 width: 340px;
}

div#contentMask div.scrollContent div.right {
 float: right;
 padding: 40px 30px 60px;
 padding-right: 0;
 width: 310px;
}

div#contentMask div.scrollContent table.special {
 width: 100%;
}

div#contentMask div.scrollContent table.special tr th, div#contentMask div.scrollContent table.special tr td {
 line-height: 35px;
 text-align: left;
}

div#contentMask div.scrollContent table.special tr th {
 width: 63px;
 padding-left: 7px;
}

div#contentMask div.scrollContent table.special tr td input, div#contentMask div.scrollContent table.special tr td textarea {
 width: 250px;
}

div#contentMask div.scrollContent table.special tr td.houseNo {
 width: 85px;
}

div#contentMask div.scrollContent table.special tr td.houseNo input {
 width: 65px;
}

div#contentMask div.scrollContent table.special tr td.flatNo {
 width: 85px;
}

div#contentMask div.scrollContent table.special tr td.flatNo input {
 width: 65px;
}

div#contentMask div.scrollContent table.special tr td.city {
 width: 85px;
}

div#contentMask div.scrollContent table.special tr td.city input {
 width: 65px;
}

div#contentMask div.scrollContent table.special tr td.zipCode {
 width: 85px;
}

div#contentMask div.scrollContent table.special tr td.zipCode input {
 width: 65px;
}

div#contentMask div.scrollContent table.special tr td textarea {
 height: 160px;
}

div#contentMask div.scrollContent table.special tr.textarea td {
 vertical-align: top;
}

div#contentMask div.scrollContent table.special tr th.not_empty {
 padding-left: 0;
 width: 70px;
}

div#contentMask div.scrollContent table.special tr th.flatNo {
 padding-left: 7px;
 width: 93px;
}

div#contentMask div.scrollContent table.special tr th.zipCode {
 width: 100px;
}

div#contentMask div.scrollContent table.special tr th.attentions {
 padding-left: 0;
 width: 100%;
}

div#contentMask div.scrollContent table.special tr td.error {
 background: transparent url('../images/arrow-left.gif') no-repeat right center;
}

div#contentMask div.scrollContent table.special tr td.error input, div#contentMask div.scrollContent table.special tr td.error textarea {
 border-color: #7D7560;
}

/* Part 3: */

div#contentMask div.scrollContent div.summary {
 width: 100%;
 min-height: 330px;
 _height: 330px !important;
 padding-bottom: 5px;
}

div#contentMask div.scrollContent div.summary p.personalData {
 margin-bottom: 30px;
}

div#contentMask div.scrollContent div.summary p.product {
 margin-bottom: 5px;
}

div#contentMask div.scrollContent div.summary p.delivery {
 padding-top: 5px;
}

div#contentMask div.scrollContent div.summary p.price {
 margin-top: 25px;
 color: #A7937B;
 font-weight: bold;
}

div#contentMask div.scrollContent div.summary p.price span.price {
 font-size: 10.5pt;
}

/* Part 4: */

div#contentMask div.scrollContent div.sendInformation {
 width: 100%;
}

div#contentMask div.scrollContent div.sendInformation h3 {
 height: auto;
 text-align: center;
}

div#contentMask div.scrollContent div.sendInformation p {
 margin-top: 15px;
 text-align: center;
}

div#contentMask div.scrollContent div.sendInformation p.info {
 margin-top: 0;
 font-weight: bold;
}

div#contentMask div.scrollContent div.sendInformation p.orderId {
 padding: 5px 0;
 color: #A6917C;
 font-size: 10.5pt;
 font-weight: bold;
}

/* Footer: */

div#contentMask div.scrollContent div.footer {
 float: left;
 width: 706px;
 margin-right: 4px;
 padding-top: 4px;
 border-top: 1px solid #A39276;
 font-size: 7.5pt;
 text-align: right;
}

div#contentMask div.scrollContent div.footer div.comment {
 float: left;
 padding-top: 3px;
}

div#contentMask div.scrollContent div.footer div.buttons {
 float: right;
}

div#contentMask div.scrollContent div.footer div.buttons button {
 width: 73px;
 height: 19px;
 margin-left: 5px;
}

div#contentMask div.scrollContent div.footer div.buttons button.clear {
 background-image: url('../images/button-reset.jpg');
}

div#contentMask div.scrollContent div.footer div.buttons button.previous {
 background-image: url('../images/button-previous.jpg');
}

div#contentMask div.scrollContent div.footer div.buttons button.next {
 background-image: url('../images/button-next.jpg');
}

div#contentMask div.scrollContent div.footer div.buttons button.order {
 background-image: url('../images/button-order.jpg');
}