html { font-size: 100%; }

body {
    font-family: arial, lucida, sans-serif;
    font-size: 0.75em;
    padding: 0;
    margin: 0;
    background: #060821 url('/images/background.jpg') 0 0 repeat-x;
    text-align: center;
    color: #000000;
}

a { 
    color: #CC3300; 
    text-decoration: underline;
}

a:hover {text-decoration: none;}

img { border: 0; }

h1 {
    position: absolute;
    top: 13px;
    left: 17px;
    margin: 0;
} 

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

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

h2 {
    color: #778D9D;
    font-weight: bold;
    font-size: 1.3em;
    text-align: left;
}

h3 {
    clear: left;
    color: #778D9D;
    font-weight: bold;
    font-size: 1.2em;
    text-align: left;
}

h4 {
    font-size: 1.2em;
    display: inline;
}

fieldset {border: none;}

input, textarea, select {border: 2px solid #B3C0C9;}

input.btn {border: none;}

.cleaner {
    clear: both;
    width: 100%;
}

#master {
    width: 922px;
    margin: 16px auto 0 auto;
    padding: 0;
    background: #FFFFFF;
    position: relative;
}

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

#top p.topLinks {
    width: 175px;
    float: right;
    text-align: left;
    margin-top: 15px;
    color: #B3C0C9;
}

#top p.topLinks a {
    color: #52626E;
    font-weight: bold; 
    padding: 0px; 
}


#topMenu {
    width: 922px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    background: #FFD765 url('/images/menu.jpg') 0 0 no-repeat;
}

#topMenu ul {
    margin: 2px 0px 0px 12px;
    padding: 0px;}

#topMenu li { 
    list-style-type: none;
    float: left;
}

#topMenu li a {
    color: #CC3300;
    float: left;
    font-weight: bold;
    font-size: 1.1em;
    margin: 3px 0px 0px 0px;
    padding: 0px 18px 0px 18px;
    line-height: 30px;
    display: inline;
    height: 34px;
    text-decoration: none;
}

#topMenu li a:hover, #topMenu li a.active {
    background: #F4741D url('/images/menu-active.jpg') 0 0 repeat-x;
    color: #FFFFFF;
}

#main {
    float: left;
    width: 922px;
    margin: 0;
    padding: 3px 0 3px 0;
    background: #FFFFFF url('/images/main-bg.jpg') 0 3px no-repeat;
}

#left {
    float: left;
    width: 197px;
    height: auto;
    margin: 0 7px 0 7px;
    _margin: 0 7px 0 4px;
}

#left form {
    width: 197px;
    height: 60px;
    text-align: left;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 0;
    background: #FFD765 url('/images/menu-left.jpg') 0 0 repeat-y;
}

#left form label {
    position: absolute;
    top: 10px;
    left: 13px;
}

#left form input.btn {
    position: absolute;
    top: 28px;
    left: 153px;
    background: none;
}

#left form input.inp {
    margin: 0px;
    position: absolute;
    top: 29px;
    left: 13px;
    border: none;
    color: #333333;
    font-size: 1em;
    height: 20px;
    line-height: 17px;
    width: 130px;
    padding-left: 3px;
    background: #FFFFFF;
}

#left .menuStarter, #right .menuStarter {
    float: left;
    width: 197px;
    height: 9px;
    margin: 0;
    padding: 0;
    background: url('/images/menu-left-top.jpg') 0 bottom no-repeat;
    line-height: 9px;
    position: relative;
    z-index: 1;
}

#left .menuFinisher, #right .menuFinisher {
    float: left;
    width: 197px;
    height: 9px;
    margin: 0px 0px 3px 0px;
    padding: 0;
    background: url('/images/menu-left-bottom.jpg') 0 0 no-repeat;
    line-height: 9px;
}

#left b.title, #right b.title {
    font-size: 1.3em;
    color: #CC3300;
    font-weight: bold;
    display: block;
    padding-left: 13px;
    height: 30px;
    line-height: 27px;
    text-align: left;
}

#leftMenu {
    float: left;
    width: 197px;
    height: auto;
    margin: 0px;
    padding: 0px;
    background: #FFD765 url('/images/menu-left.jpg') 0 0 repeat-y;
    list-style-type: none;
}

#leftMenu ul {
    color: #FFFFFF;
    margin: 0px 0px 15px 30px;
    padding: 0px;
    text-align: left;
    font-weight: bold;
}

#leftMenu ul li {margin-bottom: 6px;}

#leftMenu ul li a.active {color: #000000;}

#leftMenu ul li ul {margin-left: 20px;}

#leftMenu ul li ul li { margin-top: 6px; }

#leftMenu ul li ul li ul {list-style-type: disc;}

#center {
    float: left;
    width: 500px;
    padding: 0px 0px 20px 0px;
    text-align: left;
}

#center h2 {
    margin: 15px 0 20px 15px;
}

#center h3 {
    margin: 25px 0 10px 15px;
}

#center form {
    margin: 15px 0px 10px 15px;
}

#center p {
    margin: 0 15px 0 15px;
    text-align: justify;
}

#center p.path {margin-bottom: 10px;}

#center ul {
    text-align: left;
    list-style-type: none;
}

#center ol {
    text-align: left;
    list-style-type: decimal;
}

#center ul li {
    background: url('/images/list-bullet.jpg') left top no-repeat;
    padding-left: 20px;
    margin: 5px 0 3px 0;
    line-height: 15px;
}
           
#center p.bold {font-weight: bold;}

#right {
    width: 197px;
    margin-right: 8px;
    float: right;
    text-align: left;
    display: inline;
}

#right h2 {
    margin: 15px 0px 5px 13px;
}

#right h2 a {color: #778D9D;}

#right #eshopCart {
    background: url('/images/shop_cart.jpg') right top no-repeat;
    width: 197px;
    height: 70px;
    margin-top: 8px;}

#right p.hCart {
    color: #000000;
    margin: 0px 0px 0px 6px;
    padding: 0px 0px 0px 16px;
    line-height: 1.4em;
    font-weight: bold;
    font-size: 10px;
}

#right p.hCart a {
    color: #000000;
    margin-top: 5px;
    font-size: 1.1em;
    float: left;
}

#right p.hCart b {color: #CC3300;}

#right p.hUser {margin: 5px 0px 0px 10px;}
#right p.hUser a {
    background: none;
    display: inline;
    padding: 0px;
    margin-left: 10px;
    font-weight: bold;
    line-height: 20px;
}

#right p a {
    padding: 0px 0px 0px 22px;
    display: block;}

#right p b {font-size: 14px; padding-left: 3px;}

#right form, #right div#logged {
    width: 197px;
    height: 150px;
    margin: 0px;
    padding: 0px;
    float: right;
    background: #FFD765 url('/images/menu-left.jpg') left top repeat-y;
}

#right form fieldset {
    width: 190px;
    margin: 0px 0px 3px 0px;
    padding: 0px;
    text-align: left;
}

#right form label {
    width: 40px;
    font-weight: bold;
    margin-left: 13px;
    display: inline;
    float: left;
    line-height: 20px;
}
#right form input {
    width: 100px;
    float: left;
    border: none;
}

#right form input.btn {
    width: auto; 
    position: relative; 
    top: 0px; 
    left: 6px;
    border: none;
}

#right form a {
    display: block;
    text-align: left;
    margin: 0px 0px 0px 10px;
    font-weight: bold;
}

#right form a#reg {
    padding-left: 18px;
    margin: 5px 0px 0px 34px;
}

#right form a#lostPass {
    padding-left: 18px;
    margin: 0px 0px 0px 34px;
}

.product {
    background: url('/images/produkt-bkg.jpg') left top no-repeat;
    height: 220px;
    width: 150px;
    float: left;
    text-align: center;
    margin: 10px 0px 10px 12px;
    display: inline;
}

.product img {margin: 8px 0px;}

.product h3, #center .product h3 {
    font-size: 1.1em;
    margin: 8px 3px 5px 3px;
    line-height: 1.2em;
    text-align: center;
}

.product h3 a {
    background: url('/images/list-bullet.jpg') left 1px no-repeat;
    padding: 0px 0px 3px 18px;
}
               
#center .product p.price, #right .product p.price {
    margin: 0px;
    font-size: 1.1em;
    color: #000000;
    font-weight: bold;
    text-align: center;
}

.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.actions {
    background: none;
    width: 180px;
    height: 200px;
}

.product.actions p,
.product.actions span {
    color: #000000;
    text-align: center; 
}

.product.actions a.detail {background: url('/images/detail-bg-actions.png') 28px top no-repeat;}


span.lineThroughFake {
    text-decoration: line-through;
    font-size: 0.85em;
}

#footer {
    clear: left;
    width: 922px;
    height: 47px;
    margin: 0px auto;
    padding: 0px;
    background: #FFD765 url('/images/footer.jpg') 0 0 no-repeat;
    text-align: left;
}

#footer p {
    float: left;
    margin: 15px 0px 0px 20px;
    color: #CC3300;
    font-weight: bold;
}

#footer a {
    color: #CC3300;
}

#center form.list {
    width: 498px;
    text-align: left;
    margin: 10px 0px 17px 0px;
    background: #778D9D;
    padding: 10px 0px;
}

form.list fieldset {
    margin: 3px 0px 0px 3px; 
    padding: 0px; 
}

form.list fieldset select {font-size: 12px; margin-left: 0px;}
form.list fieldset label {vertical-align: top; position: relative; top: 4px; color: #FFFFFF; font-weight: bold;}


.paging {
    width: 500px;
    height: 27px;
    margin-bottom: 17px;
    background: #778D9D;
}

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

#center .paging ul li {
    display: inline;
    color: #FFFFFF;
    font-weight:bold;
    line-height: 25px;
    background-image: none;
    margin: 0px;
    padding: 0px;
}

.paging ul li a {
    color: #E10915;
    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: #FFFFFF;}

#center p.path {margin-bottom: 10px;}

#detailP {
    width: 500px;
    margin: 0px;
    padding: 0px;
}

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

#detailR {
   float: left;
   width: 280px;
   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: 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;
}

.cart {
     width: 480px;
     text-align: center;
     color: #000000;
     border-collapse: collapse;
     font-size: 1.0em;
}

.cart a {font-weight: bold; }

.cart th {
    text-align: center;
    height: 2em;
    font-size: 1em;
    border-bottom: 1px solid #CCCCCC;
}

.cart .newQuant {width: 24px; text-align: center;}
.cart .left {text-align: left;}
.cart .separ td {border-bottom: 1px solid #CCCCCC;}

.reg {width: 480px;
      font-weight: normal;
      font-size: 1.0em;}

.reg input,
.reg textarea {background: #FFFFFF; border: 2px solid #B3C0C9;}
.reg input.btn {border: 0px;}

.reg textarea {width: 460px; height: 80px; margin-bottom: 20px;}
.reg select {width: 150px;}

.reg b {color: #000000;
        font-size: 1.1em;
        font-weight: bold;}

table.pTable {
    width: 498px;
    border-collapse: collapse;
    font-size: 0.9em;
    _width: 487px; 
}

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

.pTable a.detail {
    color: #CC3300;
    padding-left: 20px;
    text-decoration: underline;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.9em;
    display: block;
    margin-top: 2px;
    background: url('/images/list-bullet.jpg') left 2px no-repeat;
}

.bgGrey {
    font-weight: bold;
    color: #000000;
    background: #EAEEF1;
    width: 475px;
    margin-left: 13px;
}

.bgGrey table {font-size: 1.0em;}

.bgGrey table th, .bgGrey table td {
    text-align: left;
    color: #000000;
}

.bgGrey p {padding: 5px; color: #000000;}

.msg {
    float: left;
    width: 475px; 
    height: 70px;
    padding: 0px;
    margin: 3px 0px 10px 13px;
    display: inline;
}

.error {background: url('/images/error.png') left top no-repeat; color: #990000;}
.ok {background: url('/images/ok.png') left top no-repeat; color: #1A9800;}
.msg p {float: left; font-size: 1.1em; font-weight: bold; padding: 13px 15px 10px 75px; display: inline;}


.hImg {float: right; margin-top: 10px;}
.hText {margin: 12px 0px 15px 0px;}
.bold {font-weight: bold;}
.cleaner {clear: both;}
.red {color: #FF6A00;}
.right {text-align: right;}
.center {text-align: center;}
.banking strong {font-size: 1.1em;}

.leftImg {float: left;
          margin: 0px 15px 15px 0px;}
          
.rightImg {float: right;
          margin: 0px 0px 15px 15px;}

.infoBox {
    float: left;
    clear: left;
    width: 197px;
    background: url('/images/partners-left.jpg') 0 0 no-repeat;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

.infoBox h2{
    margin: 15px 0 15px 13px;
}

.cleaner-right {clear: right;}
.cleaner-left {clear: left;}

.relative {
   position: relative;
   right: 13px;
}

.pdf {width: 114px; text-align: center;}

label.failed {color: #FF0000;}
label.failed b {color: #FF0000;}

#straitFlex {background: #FDBD53 url('/images/strait-flex-bkg.jpg') left top no-repeat;
             width: 474px;
             height: 236px;
             margin-left: 12px;}
             
#straitFlex h3 {background: url('/images/strait-flex-h3.jpg') left top no-repeat;
                width: 283px;
                height: 47px;
                margin: 0px;
                padding: 0px;}
                
#straitFlex h3 strong {position: relative;
                       color: #000000;
                       z-index: -1;}
                       
#straitFlex p {width: 170px;
               text-align: left;
               margin: 10px 0px 10px 22px;}
               
#straitFlex a {font-weight: bold;}
#straitFlex ul {padding-left: 22px;}
#straitFlex ul li {margin-bottom: 10px;}

#video {margin-left: 85px;}