html {font-size: 100%;}

body {
    font-family: verdana, arial, tahoma, lucida, sans-serif;
    font-size: 0.7em;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #494952;
    background: #FFFFFF url('/images/body-bkg.png') left top repeat-x;
}


table {font-size: 1em;}

form {margin: 0px;}
input {background: #FFFFFF;}
input.btn {border: none;}
textarea {
   background: #FFFFFF;
   border: 2px solid #C8C8C8;
}

form.border {
   border-top: 2px solid #2D9DDD;
   border-bottom: 2px solid #2D9DDD;
   margin: 15px 0px;
   padding: 5px 0px;
}

form.border input,
form.border textarea {border: 2px solid #C8C8C8;}
form.border input.btn {border: 0px;}

a {
    text-decoration: underline;
    color: #660033;
    font-weight: bold;
}

a:hover {text-decoration: none;}

a img {border: 0px;}

ul {text-align: left;}
ul li {margin-bottom: 5px;}

fieldset {border: 0px; margin: 0px; padding: 2px;}

p {color: #494952;
   line-height: 1.2em;}

h1 {
    margin: 0px; 
    padding: 0px;
    float: left;
}

h1 a {
    background-color: transparent; 
    display: block; 
    position: absolute;
    width: 276px;
    left: 0px;
    top: 0px;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
}

h1 span {
    width: 276px;
    height: 214px;
    background: url('/images/h1-bkg.jpg') left top no-repeat;
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

h3 {font-size: 1em;}

h4 {margin-bottom: 5px;}

label.failed { color: #FF0000; font-weight: bold; }

#pageContainer {
    width: 982px;
    margin: 0px auto;
    position: relative;
}

#header {
    width: 982px;
    height: 290px;
    margin: 0px auto;
    position: relative;
    background: #C8C8C8 url('/images/header.jpg') top no-repeat;
}

#header p.hrefs {
   width: 500px;
   height: 130px;
   margin: 3px 0px;
   float: right; 
}

#header p.hrefs a {
   color: #893B62;
   text-decoration: none;
   font-size: 0.8em;
   padding-right: 16px;
}

#header p.hrefs a:hover {text-decoration: underline;} 

#header p.hCart {
   color: #656570;
   height: 78px;
   font-size: 0.8em;
   font-weight: bold;
   text-align: right;
   line-height: 1.5em;
   clear: right;
   margin: 0px 40px 0px 0px;
}

#header p.hCart a {
   color: #FFFFFF;
   text-decoration: none;
   margin-bottom: 13px;
}

#header p.hCart a:hover {text-decoration: underline;}

#header p.hCart b {
   color: #000000;
   font-size: 1.2em;
   padding-left: 4px;
} 

#topMenu {
    width: 982px;
    margin: 0px auto;
    height: 76px;
    background: #C1C1C1 url('/images/top-menu.jpg') left top no-repeat;
    clear: both;
}

#topMenu ul {
    width: 520px;
    height: 56px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    float: right;
}

#topMenu ul li {
    float: left;
    display: inline;
    margin: 0px;
    position: relative;
    z-index: 1;
    behavior: url('/templates/hover.htc');
}

#topMenu ul li:hover ul {visibility: visible;}

#topMenu ul li ul {
    background: #E2E2E4;
    width: 170px;
    height: auto;
    position: absolute;
    top: 56px;
    left: 0px;
    visibility: hidden;
    z-index: 2;
    margin: 0px;
}

#topMenu ul li ul li {
     background-image: none;
     padding: 0px;
     position: relative;
     z-index: 1;
}

#topMenu ul li ul li a, #topMenu ul li.active ul li a {
     width: 140px;
     _width: 170px;
     padding: 10px 15px;
     height: auto;
     color: #4B4F6A;
     cursor: pointer;
     border-bottom: 1px solid #FFFFFF;
     background-image: none;
}

#topMenu ul li ul li a:hover, #topMenu ul li ul li a.active {
      background: url('/images/top-menu-a.png');
      color: #660033;}


#topMenu ul li a {
    color: #656570;
    margin: 0px;
    padding: 22px 8px 22px 8px;
    font-weight: bold;
    display: block;
    font-size: 0.9em;
    text-decoration: none;
}

#topMenu ul li a:hover, #topMenu ul li.active a, #topMenu ul li:hover {
    background: url('/images/top-menu-a.png') top repeat-x;
    color: #660033;
}

#topMenu form {
    width: 224px;
    height: 76px;
    text-align: left;
    margin: 0px auto;
    padding: 0px;
    position: relative;
    float: right;
}

#topMenu form input.btn {
    position: absolute;
    top: 13px;
    left: 149px;
    background: none;
}

#topMenu form input.inp {
    background: #FFFFFF url('/images/search-bkg.jpg') left top no-repeat;
    margin: 0px;
    padding: 8px 0px 8px 8px;
    position: absolute;
    top: 13px;
    left: 42px;
    color: #656570;
    font-size: 1.0em;
    width: 99px;
    _width: 107px;
    _height: 29px;
    border: none;
}

#currencyBox {
    background: url('/images/currency-bkg.jpg') left top no-repeat;
    width: 185px;
    height: 99px;
    position: absolute;
    left: 385px;
    top: 0px;
    text-align: left;
    z-index: 1;
}

#currencyBox img {
    float: left;
    margin: 6px 8px 4px 16px;
    display: inline;
}

#currencyBox a {
    color: #660057;
    display: block;
}

#currencyBox a.link {
    font-size: 0.9em;
    padding: 7px 12px 1px 0px;
}

#currencyBox a.czk {
    background: url('/images/currency-cz.jpg') left top no-repeat;
    padding-left: 22px;
    margin-left:  28px;
    float: left;
    display: inline;
}

#currencyBox a.eur {
    background: url('/images/currency-sk.jpg') left top no-repeat;
    padding-left: 22px;
    margin-left:  28px;
    float: left;
    display: inline;
}

#currencyBox span {
    font-weight: bold;
    color: #F02222;
    font-size: 1.2em;
}

#currencyBox p {margin: 2px 12px 3px 0px}
#currencyBox p.center {text-align: center; margin: 2px 3px 2px 0px}
#currencyBox p.linkSk {padding: 0px 12px 0px 18px; margin-top: 0px;}

#main {
    width: 982px;
    margin: 0px auto;
    
}

#left {  
    width: 280px;
    float: left;
    text-align: left;
}

#left form, #left #logged {
    background: #C1C1C6 url('/images/left-login-bkg.jpg') left top no-repeat;
    width: 280px;
    height: 116px;
}

#left #logged p {margin: 10px 0px 0px 35px;}

#left form fieldset {
    width: 225px;
    margin: 0px 0px 0px 32px;
    float: left;
    display: inline;
}

#left form a {
    font-size: 10px;
}

#left label {
    color: #80808C;
    width: 100px;
    font-size: 0.9em;
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 10px;
}

#left input {
    width: 100px;
    height: 22px;
    border: none;
    float: left;
    margin-right: 10px;
}

#left input.btn {
    width: auto;
    height: auto;
    float: right;
    margin-top: 2px;
}

#left #logged b.title, #left form b.title {
    color: #F0F0F2;
    display: block;
    padding: 8px 0px 0px 32px;
    font-size: 0.9em;
}

#left #giftInfo {
    background: #C1C1C6 url('/images/left-login-bkg.jpg') left top no-repeat;
    width: 280px;
    height: 116px;
}

#left #giftInfo p {
     padding: 20px 25px;
}


#leftMenu {
    background: #2799DC url('/images/left-menu-middle.png') left top repeat-y;
}

#left #leftMenu b.title {
    background: #2799DC url('/images/left-menu-start.jpg') left top no-repeat;
    color: #A1D4F2;
    display: block;
    padding: 8px 0px 0px 32px;
    font-size: 0.9em;
}

#left #leftMenuEnd {
    background: #2799DC url('/images/left-menu-end.jpg') left top no-repeat;
    width: 280px;
    height: 25px;
}

#left ul {  
    margin: 10px 0px 0px 16px;
    padding: 0px;
    list-style-type: none;
}

#left ul li {
    background: url('/images/left-menu-li.jpg') left 3px no-repeat;
    padding: 0px;
    margin: 0px;
    display: block;
    width: 235px;
}


#left ul li a {
    background: url('/images/left-menu-a.jpg') right 3px no-repeat;
    width: 215px;
    font-size: 1em;
    font-weight: bold;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0px 0px 0px 20px;
    padding: 3px 0px 5px 0px;
    border-top: 1px dashed #98CFEF;
}


#left ul li a:hover {text-decoration: underline;}

#left ul li a.active {background: url('/images/left-menu-a-act.jpg') right 3px no-repeat;}

#left ul li ul{  
    margin: 0px 0px 10px 22px;
    padding: 0px;
    list-style-type: none;
}

#left ul li ul li {
    background: url('/images/left-menu-li-2.gif') left 3px no-repeat;
    padding: 0px;
    margin: 0px;
    display: block;
    width: 213px;
}

#left ul li ul li a {
    background: none;
    width: 203px;
    font-size: 0.9em;
    font-weight: bold;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0px 0px 0px 10px;
    padding: 3px 0px 5px 0px;
    border: none;
}

#left ul li ul li a:hover, #left ul li ul li a.active {
    background: url('/images/left-menu-hover.jpg') right top no-repeat;
    text-decoration: none;
}

#left ul li ul li ul{  
    margin: 0px 0px 10px 13px;
    padding: 0px;
    list-style-type: none;
}

#left ul li ul li {width: 200px;}

#left ul li ul li ul li a {width: 190px;}

#left ul li ul li ul li ul li {width: 187px;}

#left ul li ul li ul li ul li a{width: 177px;}


#left .white, #left .white a{color: #FFFFFF; margin: 0px; padding: 0px;}

#left p.partners {font-size: 0.8em; font-weight: bold; margin-left: 13px;}
#left p.partners a {font-size: 1.4em; color: #0E507B;}


#right {
    width: 702px;
    float: right;
    text-align: left;
}

#right p {text-align: justify;}

#rightContent {
    width: 686px;
    float: left;
}

#right h2 {
    color: #660033;
    font-family: arial black, tahoma, lucida, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#right h2.grey {
    color: #95959D;
    font-size: 1.25em;
    padding: 10px 0px 0px 20px;
}

#right .specCleaner {
    background: url('/images/h2-bkg.jpg') left top no-repeat;
    width: 686px;
    height: 46px;
    clear: both;
    margin-top: 10px; 
}

.product {
    background: url('/images/product-bkg.jpg') left top no-repeat;
    height: 350px;
    width: 162px;
    float: left;
    text-align: center;
    margin: 0px 8px 8px 0px;
}

.product .productContainer {height: 165px;}

.product a.detail {
    background: url('/images/btn-detail.jpg') left top no-repeat;
    width: 115px;
    height: 28px;
    display: block;
    text-align: center;
    margin: 3px auto;
    text-decoration: none;
}

.product a.detail span {
    position: relative;
    z-index: -1;
}

.product h3 {
    font-size: 1.1em;
    margin: 5px 2px 6px 2px;
    padding: 0px;
    line-height: 1.2em;
}


.product span {
    font-size: 0.9em;
    margin: 0px;
}

.product em.lineThroughFake,
td span.lineThroughFake {
    text-decoration: line-through;
    font-style: normal;
}

#right .product p {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#right .product p.text {font-size: 0.9em; width: 150px; margin-left: 5px;}


.product p.shortDesc {
    padding: 5px 3px;
    font-size: 0.9em;
}

.product small {
    font-weight: normal;
    font-size: 0.7em;
}

.product span.price, .product.recommend span.price{
    margin: 0px 2px 0px 2px;
    font-size: 1.1em;
    color: #000000;
    font-weight: bold;
    padding: 0px;
}

.productsSep {
    border-bottom: 2px solid #CCCCCC;
    clear: both;
}

.product.noMargin {margin-right: 0px;}
.product.rightP {width: 170px; margin-left: 3px; position: relative;}
.product.rightP img.act {position: absolute; top: 90px; left: 50px;}
.product.rightP a.detail {padding-left: 15px;}

.product.recommend {
    width: 180px;
    height: 150px;
}

#footer {
    width: 982px;
    margin: 20px auto 0px auto;
    height: 56px;
    background: #C1C1C1 url('/images/footer.jpg') left top no-repeat;
}

#footer p {
    color: #80808C;
    font-size: 0.8em;
    font-weight: bold;
    display: inline;
    padding: 0px 0px 0px 40px;
    position: relative;
    top: 22px;
    margin: 0px;
}

#footer p.copy {
    width: 700px;
    float: left;
    text-align: left;
}

#footer p.copy a {color: #80808C;}

#partners {
    width: 982px;
    margin: 10px auto 10px auto;
    text-align: left;
    padding-left: 30px;
    color: #BBBBBB;
}

#partners a {color: #CCCCCC;}

#links { margin: 2px; }
#links a { color: #E0003F; }

.path {margin: 5px 0px 10px 0px;}


form.list {
    background: #C1C1C1 url('/images/form-list-bkg.jpg') left top no-repeat;
    width: 686px;
    height: 46px;
    text-align: left;
    margin: 10px 0px 17px 0px;
}

form.list fieldset {
    padding: 12px; 
}

form.list fieldset select {font-size: 12px; margin: 0px 18px 0px 6px; border: 2px solid #B7B6BB;}
form.list fieldset label {vertical-align: top; position: relative; top: 4px; font-weight: bold;}

.paging {
    width: 686px;
    margin-bottom: 17px;
}

.paging ul {
    clear: both;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    font-size: 0.8em;
    font-weight: bold;
    width: 686px;
    float: left;
}

.paging ul li {
    display: inline;
    font-weight:bold;
    line-height: 25px;
}

.paging ul li a {
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: underline;
    margin: 0px 2px 0px 2px;
}

.paging ul li a:hover {text-decoration: none;}

.paging ul li a.active {text-decoration: none; color: #000000;}

#detailP {
    width: 686px;
}

#detailP #imgs {
    float: left;
    width: 200px;
    height: auto;
    text-align: left;
    margin-top: 20px;
}

#detailR {
   float: left;
   width: 460px;
   margin-left: 20px;
}

#detailR table {
    text-align: left;
    font-size: 0.9em;
}

#detailR table td.bold {padding-left: 10px;}

#detailR h3 {font-size: 1.3em; margin-bottom: 5px; font-family: Trebuchet MS, arial, tahoma, verdana, lucida, sans-serif;}
#detailR p {font-size: 1em; margin-top: 0px;}

#detailR form input {background: #FFFFFF; font-weight: bold; text-align: center;}

#files a {
    padding-left: 30px;
    padding-bottom: 7px;
    line-height: 22px;
    font-weight: bold;
    font-family: arial, tahoma, sans-serif;
    background: url('/images/ico-pdf.jpg') left top no-repeat;
}

.pTable {
    width: 686px;
    border-collapse: collapse;
}

.pTable th {
    background: #2D9DDD;
    color: #FFFFFF;
}
.pTable tr.even {background: #EEEEEE;}
.pTable td {border: 1px solid #CCCCCC;}

.pTable a.detail {
    background: url('/images/btn-detail-small.jpg') left top no-repeat;
    width: 90px;
    height: 22px;
    padding-left: 5px;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.9em;
    display: block;
    margin-top: 2px;
}

.pTable a.detail span {
    position: relative;
    z-index: -1;
}

.reg input, .reg textarea {border: 2px solid #C8C8C8;}

.reg input.btn {border: none;}

.borderTable {border-collapse: collapse; width: 450px;}
.borderTable td {border: 1px solid #CCCCCC; text-align: center;}

.formatTable td {text-align: center;}

.hImg {float: right; margin-top: 10px;}
.hText {margin: 12px 0px 15px 0px;}
.bold {font-weight: bold;}
.cleaner {clear: both;}
.cleaner-left {clear: left;}
.cleaner2 { clear: both;}
.red {color: #FF6A00;}
.right {text-align: right;}
.center {text-align: center;}
.white {font-size: 10px;}
.banner {margin-top: 10px;}
.leftImg {float: left; margin: 0px 20px 20px 0px;}
.rightImg {float: right; margin: 0px 0px 20px 20px;}
.black {color: #000000;}
.bgBlue {background: #4DB6F2;}
.bgBlue td, .bgBlue th {color: #FFFFFF;}

.msg {
    width: 686px;
    height: 91px;
}

.error {background: url('/images/msg-error.jpg') left center no-repeat;}
.error p {color: #D90000; padding: 25px 0px 25px 95px; font-weight: bold;}

.ok {background: url('/images/msg-ok.jpg') left center no-repeat;}
.ok p {color: #00CE02; padding: 25px 0px 25px 95px; font-weight: bold;}

.simHref {text-decoration: underline;
          color: #660033;
          font-weight: bold;
          cursor: pointer;}
          
.simHref:hover {text-decoration: none;}


#left #sipky {background: url('/images/sipky-bkg.jpg') left top no-repeat;
        width: 250px;
        height: 192px;
        margin: 10px 0px 0px 16px;
        font-size: 0.9em;}
        
#left #sipky a {color: #FFFFFF;
          font-size: 1.3em;
          font-weight: bold;
          text-decoration: none;
          display: block;
          padding: 11px 17px 8px 17px;}
          
#left #sipky a:hover {text-decoration: underline;}

#left #sipky ul {list-style-type: none;
           margin: 12px 0px 0px 0px;
           width: 160px;
           padding: 0px;
           float: right;
           display: inline;
           }

#left #sipky ul li {line-height: 1.55em;
              display: inline;
              background: none;
              padding: 0px;
              margin: 0px;
              width: 160px;
              }

#left #sipky ul li a {font-size: 1.1em;
                padding: 0px;
                display: block;
                margin: 0px 0px 5px 0px;
                border: 0px;
                background: none;
                float: none;
                width: 160px;}
                
#left #stavebniceKolobezky {background: url('/images/stavebnice-kolobezky-bkg.jpg') left top no-repeat;
                            width: 250px;
                            height: 192px;
                            margin: 10px 0px 0px 16px;}
        
#left #stavebniceKolobezky a {color: #FFFFFF;
                              font-size: 1.2em;
                              font-weight: bold;
                              text-decoration: none;
                              display: block;
                              padding: 10px 15px 15px 15px;}
          
#left #stavebniceKolobezky a:hover {text-decoration: underline;}

#left #stavebniceKolobezky ul {list-style-type: none;
                               margin: 5px 0px 0px 0px;
                               width: 160px;
                               padding: 0px;
                               float: right;
                               display: inline;}

#left #stavebniceKolobezky ul li {background: none;
                                  width: 160px;
                                  line-height: 1.20em;
                                  display: inline;}

#left #stavebniceKolobezky ul li a {background: none;
                                    border: none;
                                    font-size: 1.0em;
                                    width: 160px;
                                    padding: 0px;
                                    margin: 0px 0px 7px 0px;
                                    color: #B71803;
                                    display: block;}
                                    
#left #modely {background: url('/images/banner-modely-bkg.jpg') left top no-repeat;
               width: 250px;
               height: 198px;
               margin: 10px 0px 0px 16px;}
        
#left #modely a {color: #FFFFFF;
                 font-size: 1.2em;
                 font-weight: bold;
                 text-decoration: none;
                 display: block;
                 padding: 10px 15px 15px 15px;}
          
#left #modely a:hover {text-decoration: underline;}

#left #modely ul {list-style-type: none;
                  margin: 5px 0px 0px 0px;
                  width: 160px;
                  padding: 0px;
                  float: right;
                  display: inline;}

#left #modely ul li {background: none;
                     width: 160px;
                     line-height: 1.20em;
                     display: inline;}

#left #modely ul li a {background: none;
                       border: none;
                       font-size: 1.0em;
                       width: 160px;
                       padding: 0px;
                       margin: 0px 0px 7px 0px;
                       color: #000000;
                       display: block;}

.store0 { font-weight: bold; color: #339900; }
.store3 { font-weight: bold; color: #FF9900; }
.store7 { font-weight: bold; color: #CC6633; }
.store99 { font-weight: bold; color: #CC0000; }

#categoryText {
  margin-top: 40px;
  line-height: 1.5em;
}

.partner {float: left; margin-bottom: 12px;}

.partner h3 {font-size: 1.1em;
             padding: 12px 0px 0px 5px;
             font-weight: normal;
             margin: 0px;
             text-align: center;}
             
#right .partner p {margin-top: 0px;
                  text-align: center;}
            
.partner.horizontal h3 {margin: 5px 0px 12px 0px; text-align: left;}

#right .partner.horizontal p {text-align: left;
                              margin: 12px 0px 12px 10px;}

.partner p b {font-size: 1.7em;
              color: #2799DC;
              font-weight: normal;}

#ppresult {color: #003399;} 

#partnerProgram {background: url('/images/partner-program-kolobezky.png') left top no-repeat;
                 width: 250px;
                 height: 215px;
                 text-align: left;
                 margin: 0px auto 20px auto;} 
                 
#partnerProgram p.title {padding: 0px;
                         font-size: 1.2em;
                         color: #FFFFFF;
                         text-align: left;
                         padding: 10px 15px 15px 15px;
                         font-weight: bold;}
                         
#partnerProgram a.programHref {display: block;
                               width: 250px;
                               height: 80px;
                               text-decoration: none;}
                               
#partnerProgram a.programHref span {position: relative;
                                    z-index: -1;}
                                    
#partnerProgram p {font-size: 1.1em;
                   padding: 2px 15px 0px 15px;
                   color: #FFFFFF;
                   margin-bottom: 10px;}
                   
#partnerProgram a.moreInfo {font-size: 1.1em; 
                            color: #FFFFFF;
                            padding: 0px 15px;
                            font-weight: bold;}