html {font-size: 100%;}

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


table {font-size: 1em;}

form {margin: 0px;}
input, textarea {background: #FFF9DD;}

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

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

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: #000000;}

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

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

h1 span {
    width: 402px;
    height: 142px;
    background: url('/images/logo-esipky.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; }

#top {
    width: 966px;
    height: 142px;
    margin: 4px auto 0px auto;
    position: relative;
    background: #ffffff url('/images/top-bg.jpg') right top no-repeat;
}

#menu {
    width: 960px;
    margin: 3px auto 0px auto;
    height: 30px;
    background: #010535 url('/images/top-menu-bg.jpg') left top no-repeat;
}

#menu ul {
    margin: 0px 0px 0px 20px;
    float: left;
    padding: 0px;
    height: 30px;
    list-style-type: none;
}

#menu ul li {
    float: left;
    display: inline;
}

#menu ul li a {
    color: #FFFFFF;
    line-height: 30px;
    margin: 0px;
    padding: 0px 10px;
    font-weight: bold;
    display: block;
    font-size: 1em;
    text-decoration: none;
}

#menu ul li a:hover, #menu ul li.active a {
    background: #52A3FF;
    color: #090F28;
}

#catMenu {
    width: 960px;
    margin: 3px auto 0px auto;
    height: 30px;
    background: #FF7400 url('/images/cat-menu-bg.jpg') left top no-repeat;
}

#catMenu ul {
    margin: 0px 0px 0px 20px;
    float: left;
    padding: 0px;
    height: 30px;
    list-style-type: none;
}

#catMenu ul li {
    float: left;
    display: inline;
}

#catMenu ul li a {
    color: #000000;
    line-height: 30px;
    margin: 0px;
    padding: 0px 10px;
    font-weight: bold;
    display: block;
    font-size: 1.1em;
    text-decoration: none;
}

#catMenu ul li a:hover, #catMenu ul li.active a {
    background: #FFCC00;
}

#main {
    width: 960px;
    margin: 3px auto 0px auto;
    position: relative;
    background: #FFFFFF url('/images/main-bg.png') left top repeat-y;
}

#main img.sipky {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

#left {
    width: 220px;
    float: left;
    text-align: left;
}
#left a, #left p {color: #333333;}

#left form {
    width: 220px;
    height: 53px;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    position: relative;
    background: #FF6600 url('/images/search-bg.png') left top no-repeat;
}
#left form input.btn {
    position: absolute;
    top: 10px;
    left: 180px;
    background: none;
}

#left form input.inp {
    margin: 0px;
    position: absolute;
    top: 14px;
    left: 10px;
    border: 1px solid #884C00;
    color: #333333;
    font-size: 1em;
    height: 17px;
    line-height: 17px;
    width: 160px;
    padding-left: 3px;
    background: #FFFFFF url('/images/search-inp-bg.png') left top repeat-x;
}

#left b.title {
    font-size: 1.1em;
    color: #FFFFFF;
    font-weight: bold;
    display: block;
    padding-left: 14px;
    margin-bottom: 13px;
    height: 30px;
    line-height: 27px;
    background: url('/images/title-products-bg.png') left top no-repeat;
}

#left ul {
    margin: 0px 0px 0px 15px;
    padding: 0px;
    list-style-type: none;
}
#left ul li {display: inline;}
#left ul li a {
    font-size: 1em;
    font-weight: bold;
    display: block;
    color: #FFFFFF;
    padding: 2px 0px 2px 15px;
    background: url('/images/left-menu-li.png') left 6px no-repeat;
}
#left ul li a.active {color: #FF6600;}

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

#left ul li ul li  a {
    padding: 1px 0px 1px 25px;
    font-size: 1em;
    background: url('/images/left-menu-li-sub.png') 14px 6px no-repeat;
}

#left ul li ul li ul li a {
    padding-left: 40px;
    list-style-type: none;
    background: url('/images/left-menu-li-sub.png') 30px 6px no-repeat;
}

#left ul li ul li ul li ul li a {
    padding-left: 55px;
    list-style-type: none;
    background: url('/images/left-menu-li-sub.png') 45px 6px no-repeat;
} 

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


#center {
    width: 520px;
    float: left;
    text-align: left;
    margin: 6px 0px 0px 13px;
}

#center h2 {
    font-size: 1.2em;
    margin: 0px;
    padding-bottom: 2px;
    color: #FF6600;
    background: url('/images/h2-orange-bg.png') left 7px repeat-x;
}
#center h2 span {
    background: #FFFFFF;
    padding-right: 10px;
}
#center h2 span.star {
    padding: 5px 10px 10px 30px;
    height: 30px;
    background: #FFFFFF url('/images/h2-star.png') left top no-repeat;
}


#center h2 img {position: relative; top: 2px;}

#center h3.line {
    font-size: 1.1em;
    margin: 20px 0px 10px 0px;
    padding-bottom: 2px;
    color: #FF6600;
    background: url('/images/h3-orange-bg.png') left 7px repeat-x;
}
#center h3.line span {
    background: #FFFFFF;
    padding-right: 10px;
}

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

#right b.title {
    font-size: 1em;
    width: 180px;
    height: 30px;
    line-height: 30px;
    display: block;
    color: #FFFFFF;
    padding-left: 10px;
    margin-bottom: 5px;
    clear: both;
    background: url('/images/right-title-bg.png') left top no-repeat;
}

#right p.hCart {
    color: #552F00;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 16px;
    line-height: 1.6em;
    font-weight: bold;
    font-size: 11px;
    height: 93px;
    background: url('/images/cart-info-bg.png') left top no-repeat;
}

#right p.hCart a {
    color: #000000;
    padding-left: 30px;
    padding-top: 2px;
    font-size: 1.3em;
}

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

#right p a {
    padding: 0px 0px 0px 22px;
    color: #0E507B;
    display: block;
    background: url('/images/h-cart-ico.png') left 2px no-repeat;
}
#right p b {font-size: 14px; padding-left: 3px;}

#right form, #right div#logged {
    width: 180px;
    height: 150px;
    margin: 0px 0px 0px 0px;
    float: right;
    background: url('/images/right-form-bg.png') left top no-repeat;
}

#right form fieldset {
    width: 160px;
    text-align: left;
}

#right form label {
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px 5px 0px 10px;
    display: block;
    width: 40px;
    float: left;
    line-height: 20px;
}
#right form input {
    width: 100px;
    float: left;
    background: #FFFFFF url('/images/search-inp-bg.png') left top repeat-x;
    border: 1px solid #060612;
}

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

#right form a {
    display: block;
    text-align: left;
    padding: 0px 0px 0px 15px;
    margin-left: 10px;
    color: #FFFFFF;
    font-weight: bold;
    background: url('/images/orange-dot.png') left 4px no-repeat;
}

.product {
    height: 220px;
    width: 122px;
    float: left;
    text-align: center;
    margin: 10px 10px 10px 0px;
}

.product h3 {
    font-size: 1.1em;
    margin: 2px 0px 5px 0px;
    padding: 0px;
    line-height: 1.2em;
}
.product h3 a {color: #FF6600;}
.product p.price {
    margin: 0px;
    font-size: 1em;
    color: #000000;
    font-weight: bold;
}
.product a.detail {
    color: #FF6600;
    text-decoration: underline;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.9em;
    display: block;
    margin-top: 2px;
    background: url('/images/detail-bg.png') 10px top no-repeat;
}
.product a.detail:hover {text-decoration: none;}

.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 {
    width: 180px;
    height: 200px;
    background: url('/images/product-actions-bg.png') left bottom no-repeat;
}

.product.actions a {color: #FF9900;}
.product.actions p,
.product.actions span
     {color: #FFFFFF;}

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


span.lineThroughFake {
    text-decoration: line-through;
    background: url('/images/line-through-fake.gif') 0px 4px repeat-x;
}

#footer {
    width: 960px;
    margin: 3px auto 0px auto;
    height: 30px;
    position: relative;
    border: 1px solid #FFFFFF;
    background: #000000 url('/images/footer-bg.png') left top no-repeat;
}

#footer img {
    position: absolute;
    right: 0px;
    top: -17px;
}

#footer p {
    margin: 0px;
    line-height: 30px;
    font-size: 0.8em;
    display: inline;
}

#footer p.hrefs {
    width: 250px;
    float: right;
    text-align: left;
    color: #FFFFFF;
}
#footer p.hrefs a {color: #FFFFFF; padding: 0px 10px;}

#footer p.copy {
    width: 400px;
    float: left;
    margin-left: 30px;
    text-align: left;
    color: #FFFFFF;
}
#footer p.copy a {color: #FFFFFF;}

.path {margin: 5px 0px 10px 0px;}
.path a {color: #FF6600;}

form.list {
    width: 520px;
    height: 40px;
    text-align: left;
    margin: 10px 0px 17px 0px;
    padding-left: 6px;
    background: #0F1F4F;
    padding-top: 10px;
}

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

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


.paging {
    width: 520px;
    height: 27px;
    margin-bottom: 17px;
    background: #0F1F4F;
}

.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;
}

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

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

#detailP {
    width: 500px;
}

#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: 530px;
     text-align: center;
     color: #00557D;
     border-collapse: collapse;
}

.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;}

.bgBlue {
    font-weight: bold;
    color: #FFFFFF;
    background: #0F1F4F;
    padding: 10px;
}
.bgBlue table th, .bgBlue table td {
    text-align: left;
    color: #FFFFFF;
}
.bgBlue p {margin: 0px; color:#FFFFFF;}

.reg {width: 530px;}

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

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

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

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

.pTable a.detail {
    color: #FF6600;
    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/detail-bg.png') 0px top no-repeat;
}

.msg {
    float: left;
    width: 525px; 
    height: 80px;
    padding: 0px;
    margin-bottom: 10px;
}

.error {background: #990000 url('/images/message-error-bg.png') left top no-repeat;}
.ok {background: #1A9800 url('/images/message-ok-bg.png') left top no-repeat;}
.msg a {color: #FFFFFF;}
.msg p {float: left; color: #FFFFFF; font-size: 1.1em; font-weight: bold; margin: 30px 0 0 100px; }

.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;}
.red {color: #FF6A00;}
.right {text-align: right;}
.center {text-align: center;}