html {
    height: 100%;
}

body {
    margin: 0;
    background: url('../images/topBg.png') repeat-x top;
    background-color: #dec289;
    color: white;
    font-family: Tahoma;
    font-size: 12px;
}

a {
    color: white;
}

a:hover {
    color: #fe7fd6 !important;
    text-decoration: none;
}

#bottomBg {
    background: url('../images/bottomBg.png') repeat-x bottom;
}

#counters {
    position: relative;
    left: 50%;
    margin-left: -44px;
    margin-top: -15px;
    width: 100px;
}

#mainLayout {
    width: 970px;
    position: relative;
    left: 50%;
    margin-left: -480px;
    /*background-color: gray;*/
    padding-top: 15px;
    z-index: 2;
}

#mainInfo {
    height: 55px;
    border-top: 1px solid #5e3ddb;
    border-bottom: 1px solid #fc63c1;
    font-size: 43px;
    font-family: Arial;
    font-weight: bold;
    overflow: hidden;
}

#dopBottomLinks {
    margin: 10px 0 5px 0;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #5e3ddb;
    border-top: 1px solid #fc63c1;
    text-align: center;
    line-height: 20px;
}

#dopBottomLinks a {
    color: #d4b779;
    font-weight: bold;
}

#mainInfo .wrap{
    margin-top: 5px;

}
    #mainInfo img {
        margin-right: 35px;
    }

    #toplinks {
        font-size: 15px;
        font-weight: normal;
        text-align: right;
        position: relative;
        top: -50px;
        left: -10px;
        margin-bottom: -36px;
        margin-left: 500px;
    }

#mainLeft {
    width: 190px;
    float: left;
    margin-top: 45px;
    border-right: 1px solid white;
}

#mainMenu {
    padding: 0;
    margin: 18px 0 20px 0;
    list-style: none;
}

    #mainMenu li {
        width: 95%;
        border-bottom: 1px solid #fc63c1;
        padding-bottom: 9px;
        margin-top: 9px;
    }

        #mainMenu li.last {
            border-bottom: none;
        }

        #mainMenu li a {
            font-weight: bold;
        }

        #mainMenu li .mainSubMenu {
            list-style: none;
            padding: 0;
            font-size: 11px;
        }

        #mainMenu li .mainSubMenu li {
            border-bottom: none;
            width: 100%;
            margin: 0;
            padding:0;
        }

        #mainMenu li .mainSubMenu li a {
            font-weight: normal;
        }

#mainRight {
    width: 770px;
    margin-left: 0px;
    float:left;
}

#mainRight .wrap {
    margin-left: 12px;
}

#dopLogoText {
    position: relative;
    left: -202px;
    font-family: Arial;
    font-size: 24px;
    padding-top: 7px;
}

#banner {
    position: relative;
    top: 0px;
    left: 207px;
    height: 215px;
}

#head {
    position: relative;
    top: -32px;
    overflow: hidden;
    height: 240px;
}

#dopMenu {
    position: relative;
    top: -180px;
    margin:0;
}

#dopMenu a {
    font-weight: bold;
}

#dopMenu img {
    margin-top: 10px;
}

#dopMenu ul {
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none;
    font-size: 8px;
    width: 177px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fc63c1;
}

#dopMenu ul li {
    margin-bottom: 5px;
}

#dopInfo {
    width: 770px;
    position: relative;
    top: -45px;
    color: #fe7fd6;
    font-size: 20px;
    word-spacing: 7px;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#content {
    position:relative;
    top: -35px;
    left: -13px;
    padding-left: 13px;
    border-left: 1px solid white;
}

.clear {
    clear:both;
}

.mainBlock {
    color: black;
    margin-bottom: 10px;
}

.mainBlock .header {
    background-color: #f2f5e4;
    width: 324px;
    border-top: 1px solid #fff;
    border-right: 1px solid #3d3d39;
    padding: 2px 0 1px 5px;
    margin-left: 95px;
}

.mainBlock a {
    color: #2b0c59;
}


.mainBlock .header a {
    color: #2b0c59;
    font-weight: bold;
}

.mainBlock .content {
    padding: 13px;
    width: 741px;
}

.mainBlock .content .dopBg {
    background: url('../images/logo.gif') right bottom repeat-x;
}

.mainBlock .content .catalogue.last {
    margin-right: 0;
}

.mainBlock .content .catalogue {
    border: 1px solid #5c426b;
    margin-right: 3px;
    float: left;
    background-color: #f2f5e4;
    width: 242px;
    height: 174px;
    margin-bottom: 5px;
}

.mainBlock .content .catalogue .dopBorder {
    border: 1px solid #e6e7da;
    height: 166px;
    padding: 3px;
}

.mainBlock .content .catalogue a {
    color: #2b0c59;
    letter-spacing: -0px;
}

.mainBlock .content img {
    border: 1px solid #523461;
    float: left;
    margin-right: 5px;
}

.textBlock {
    color: black;
    margin-bottom: 10px;
}

.textBlock .header {
    background-color: #f2f5e4;
    width: 324px;
    border-top: 1px solid #fff;
    border-right: 1px solid #3d3d39;
    padding: 2px 0 1px 5px;
    margin-left: 95px;
    color: #2b0c59;
    font-weight: bold;
}

.textBlock .content {
    padding: 13px;
    width: 741px;
    background-color: #e0dfdf;
}


.textBlock .content .dopBg {
    border: 1px solid #5c426b;
    padding: 5px 15px 15px 15px;
    background-color: #f2f5e4;
}

.e0dfdf {
    background-color: #e0dfdf;
}

.f0dddd {
    background-color: #f0dddd;
}

.dde6f0 {
    background-color: #dde6f0;
}

.ddf0e2 {
    background-color: #ddf0e2;
}

.c8f6d5 {
    background-color: #c8f6d5;
}

#footer {
    text-align:center;
    margin-top: 10px;
}

#bottomOutLink {
    width: 170px;
    position: relative;
    top: -15px;
    left: 805px;
}


#orderForm {
    border: 1px solid #553661;
    position: absolute;
    z-index: 10;
    width: 225px;
    background-color: #f2f5e4;
    color: #2b0c59;
    padding: 5px;
    font-size: 120%;
    display: none;
}

#orderForm td {
    color: #2b0c59;
}

#orderForm img {
    margin-left: 10px;
}

#orderForm div {
    margin-top: 5px;
}

#orderForm div input {
    width: 100%;
}

#orderForm a {
    color: #2b0c59;
}

#orderForm .close {
    margin-left: 35px;
}

#orderForm span {
    color: black;
}

#catalogueSelect {
    width: 130px;
}

#catalogueCount {
    margin-left: 25px;
    width: 30px !important;
}

#leftHeaderOnline {
    margin-top: 5px;
    margin-right: 30px;
    height: 80px;
    float: left;
    text-align:justify;
}

#leftHeaderOnline img {
    margin-bottom: 20px;
}

#leftHeaderOnline a {
    margin-right: 13px;
    font-weight: bold;
}

#rightHeaderOnline {
    margin-top: 5px;
}

.onlineOrderForm {
    width: auto !important;
    position: relative !important;
    top: -133px !important;
}


.onlineOrderForm .img {
    border: 1px solid #523461;
}

.onlineOrderForm table {
    border-collapse:collapse;
    width: 100%;
}

.onlineOrderForm table td {
    vertical-align: top;
}

.onlineOrderForm .inner {

}

.onlineOrderForm .inner input {
    margin-bottom: 5px;
    width: 100%;
}

form {
    margin:0;
    padding: 0;
}

#orderFormLayout {
    padding: 5px;
    color: #2b0c59;
}

#orderFormLayout table {
    color: #2b0c59;
}

#orderFormLayout a {
    color: #2b0c59;
}

.orderBlock {
    border: 1px solid #c9b9c2;
    background-color: #ffffff;
    padding: 5px;
    margin-bottom: 10px;
}


.orderBlock table {
    width: 100%;
    font-size: 10pt;
}

.orderBlock hr {
    margin-top:0;
    margin-left: auto;
}

.orderBlock a {
    color: #2b0c59;
}

.required {
    color: red;
}


.orderBlock .orderColor {
    width: 70px;
}

.orderBlock .orderSize {
    width: 50px;
}
.orderBlock .orderCount {
    width: 50px;
}
.orderBlock .orderSet {
    width: 50px;
}
.orderBlock .orderPrice1 {
    width: 50px;
}
.orderBlock .orderPrice2 {
    width: 50px;
}
.orderBlock .orderPriceTotal {
    width: 50px;
}
.orderBlock .orderCatalogue {
    width: 250px;
}
.orderBlock .orderPage {
    width: 70px;
}
.orderBlock .orderPosition {
    width: 70px;
}
.orderBlock .orderCode {
    width: 70px;
}

#userSerie {
    width: 70px;
}

#userNumber {
}

.formTable {
    width: 100%;
}

.formTable td {
    vertical-align:top;
}

.userData {
    width: 280px;
}

.formTable input {
    width: 100%;
}

.redBorder {
    padding: 10px;
    border: 1px solid red;
    color: black;
}

.dopInfo {
    font-weight: bold;
    padding: 10px;
}

.position {
    border: 1px solid #5c426b;
    margin-right: 3px;
    float: left;
    background-color: #f2f5e4;
    width: 365px;
    height: 193px;
    font-size: 11pt;
    margin-top: 5px;
}

.position .dopBorder {
    height: 160px;
    padding: 3px;
}

.position .price {
    font-size: 14pt;
}

.position .price table {
    width: 210px;
    color: #2b0c59;
}

.position a {
    color: #2b0c59;
}

.pages {
    color: #2b0c59;
    font-size: 12pt;
}

.pages a {
    color: #2b0c59;
    margin-right: 5px;
}

.ditto_currentpage {
    margin-right: 5px;
}

.position img {
    border: 1px solid #523461;
    float: left;
    margin-right: 15px;
}

#positionOrder {
    position: absolute;
    padding: 5px;
    border: 1px solid #5c426b;
    background-color: #f2f5e4;
    color: black;
    width: 200px;
    display: none;
}

#closePositionOrder {
    color: #2b0c59;
    margin-left: 130px;
}

#positionOrder div {
    background-color: white;
    border: 1px solid red;
    font-size: 12pt;
    margin-top: 5px;
    padding: 5px;
    font-weight: bold;
}

.minusImage {
    display: none;
}

.sizeTableContent {
    display: none;
    margin-top: 10px;
    color: black;
}

.sizeTableContent table td{
    color: black;
}

.sizeTableContent .list {
    list-style: none;
}

.sizeTableContent .list li {
    margin-bottom: 10px;
}

.sizeTableContent .list .number {
    background-color: #E33222;
    color: white;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
}

.sizeTableContent .box {
    border-collapse:collapse;
}

.sizeTableContent .box td {
    padding: 7px;
    border: 1px solid #BFA7B7;
}

.mark {
    float: left;
    font-weight: bold;
    color: red;
    border: 1px solid red;
    padding: 1px 3px 0px 3px;
    margin-right: 5px;
    font-size: 70%;
}


.sizeTableContent .box .desc {
    padding-left: 25px;
}


.sizeTableContent .box2 {
    border-collapse:collapse;
    width: 100%;
}
.sizeTableContent .box2 td {
    padding: 0;
    border: 1px solid #BFA7B7;
    text-align: center;
    color: #402467;
    font-weight: bold;
}

.sizeTableContent .box2 .dopHeader{
    padding: 5px;
    text-align: left;
}


.sizeTableContent .box2 th {
    color: #402467;
    border: 1px solid #BFA7B7;
}

.sizeTableContent .box2 .even {
    background-color: #DDDFD6;
}

.sizeTablecaption {
    background-color: #e0c8d8;
    padding: 5px;
    margin-top: 10px;
}

.sizeTablecaption img {
    float: left;
    margin-right: 5px;
}

.sizeTablecaption a {
    color: #2b0c59;
}

.normalFont td {
    font-weight: normal !important;
    padding: 4px !important;
    font-size: 80%;
}

.normalFont th {
    font-weight: normal !important;
}

.linksList {
    padding:0;
    list-style: none;
}

.linksList li a {
    color: black;
}

.newsBlock {
    
}

.newsBlock .caption {
    margin-left: 21px;
    background-color: #f2f5e4;
    border-right: 1px solid #524e42;
    width: 85px;
    color: #2B0C59;
    font-weight: bold;
    padding: 1px 5px;
}

.newsBlock .content {
    background-color: #edecec;
    padding: 5px;
    padding-top: 10px;
    color: black;
    width: 168px;
}

.newsBlock .content p {
    padding: 0;
    margin: 0;
}

.newsBlock .content .new {
    border-bottom: 1px solid #fc63c1;
    margin-bottom: 10px;
    padding: 10px;
    padding-top: 0px;
}
.newsBlock .content .new.last {
    border-bottom: none;
}