html, body {margin: 0px; text-align: center;}

#page {text-align: center;margin: 0px auto 1px auto; position: relative;}

/* HEAD */
#head   {width: 960px;}
#head1  {float: left;}
#head1 a, #footer a{padding-left: 17px; line-height: 46px;}


#left   {width: 178px; float: left;padding-left: 4px; }
#center {width: 584px; padding-right: 5px;float: left;text-align: justify; padding-left: 5px; }
#right  {width: 180px; float: left; }

#head2-original  { float: left; }
h1      {margin: 7px 0px 2px 0px;}

.banner-right {padding-top: 2px;}

img { border: none; }
.listing_image {width:120px;}

#nakupni-kosik{margin-top: 2px; text-align: left; letter-spacing: -0.6px; padding-left: 10px; }
#nakupni-kosik h2{margin: 0px; text-align:left; padding-bottom: 10px; padding-top: 10px;}

#footer-right{ padding-top: 80px; }

.cell{margin-left: 10px;text-indent: 10px;}
#login, #pass, #name, #email{margin-left: 10px;float:right;margin-top: 2px}
#msg{margin-left: 7px; margin-top: 4px}
#left table{margin-top:6px; }
#left p{margin: 0px}
.ok {margin-left: 110px; margin-top: 5px}

form em { color: orange; font-weight: bold; font-style: normal; }
form select { border: 1px solid #cacaca;width: 149px !important; }
form input { border: 1px solid #cacaca; }
form textarea { border: 1px solid #cacaca; }
form input.submit, form input.button, form input[type=radio] { border: 1px solid #C83B00; }
form input[type=radio] { border: none; }

/* Hledani */
.hledani form { padding: 6px 0 6px 0; &margin: 0; _margin: 0; }
.hledani form input.text { width: 94px; padding-left: 5px; padding-right: 5px; font-size: 1.1em; height: 16px; }
.hledani form .ok { margin: 0 0 0 5px !important; height: 20px; font-size: 1.1em; position: relative; top: 2px; &top: 0; _top: 0; }

#katcislo { padding: 0; margin: 0; }
#katcislo form { padding: 6px 0 6px 0; &margin: 0; _margin: 0; }
#katcislo form input.text { border: 1px solid #cacaca; width: 98px; padding-left: 3px; padding-right: 3px; font-size: 1.1em; height: 16px; }
#katcislo form .ok { margin: 0 0 0 5px !important; height: 20px; font-size: 1.1em; position: relative; top: 1px; &top: 0; _top: 0; }

/* Akcni zbozi */
.akcnizbozi h4 { margin-top: 4px; margin-bottom: 7px; padding: 0 5px 0 5px; &font-size: 1em; _font-size: 1em; }
.akcnizbozi img { width: 40px; }
.akcnizbozi .img { float: left; margin-right: 0px; padding-left: 5px; }
.akcnizbozi .info { width: 120px; float: right; padding: 5px 5px 0 0; text-align: center; }
.akcnizbozi form { padding-top: 10px; &margin: 0; _margin: 0; }
.akcnizbozi .pcs { width: 18px; text-align: center; }
.akcnizbozi .ok { margin: 0; font-size: 1.1em; height: 20px; position: relative; top: 1px; margin-left: 3px; &width: 25px; }

/* Uzitecne odkazy */
.uzitecne-odkazy a { display: block; margin-top: 5px; background: transparent url(img/arrow.gif) no-repeat 0 2px; padding-left: 12px; }

/* Publikacni system */
.cms a { display: block; margin-top: 5px; background: transparent url(img/arrow.gif) no-repeat 0 2px; padding-left: 12px; }

/* Anketa */
.anketa { margin-bottom: 5px; }
.anketa .otazka { padding: 6px 3px 3px 3px; margin-bottom: 4px; text-align: center; }
.anketa .odpoved { margin-bottom: 3px; padding-top:3px;}
.anketa .odpoved_procenta { font-size:9px;}
.anketa img { margin: 0 5px 6px 0; }
.anketa .odpovedbody { padding: 0 10px 0 10px; }

/* Prijimame platby */
.platby a { display: block; width: 100%; text-align: center; margin: 0 0 3px 0; padding: 0; }

/* zbozi */
.pl, .pc, .pr{float: left}

#zbozi h2{margin-left: 3px;}
#zbozi .ok{margin-left:0px; margin-top:0px;}
#zbozi form p{text-align: center; padding-top: 20px;}
.productline{line-height: 3px;}
#zbozi .img{text-align: center}
.desc{text-indent: 10px; margin-left: 3px; margin-right: 6px}
.info{padding-left: 3px;}
.pcs{display:inline;}

.informace{padding-left: 10px; padding-right: 10px}
.informace-obr{padding: 10px}
.informace-obr p{margin-right: 30px; float:left;}
.informace-obr img{float: left}

/* CLEANER */
.cleaner {clear:both; height:1px; font-size:1px; background: #ffffff; }

#footer{padding-top: 20px;}

/*---------------------- NEW STYLES ----------------------*/

/* Products */
.department-info, .department-info p  { margin: 0; padding: 0; } 
.department-info p.numbergoods        { margin: 5px 0 0 0; padding: 0; width: 100%; text-align: right; }

.order-products { font-weight: bold; margin: 10px 0 10px 0; }
.order-products img { margin-right: 2px; }

/* Detail of product */
#product-detail { width: 550px; padding: 0 20px 0 20px; _padding: 0 18px 0 18px; }

.product-images { width: 170px; float: left; }
.product-images img { width: 160px; display: block; margin-bottom: 5px; }
.product-images a img { border: 1px solid #EAEAEA; }
.product-images a img:hover { border: 1px solid #ccc; }

.product-info { padding: 0px 10px 0 0; width: 360px; float: right; }
.product-info .short-desc { font-style: italic; }
.product-info ul.infos { margin: 10px 0 10px 0; padding: 4px 0 0 0; background: url('img/dot.gif') 0% 0% repeat-x; }
.product-info ul.infos li { list-style-type: none; background: url('img/dot.gif') 0% bottom repeat-x; padding: 4px 0 8px 0; }
.product-info ul.info li.center { text-align: center; }
.product-info ul.infos li strong { display: block; float: left; width: 150px; }

.product-price ul { margin-left: 0; padding-left: 0; }
.product-price li { list-style-type: none; }
.product-price li strong { display: block; float: left; width: 200px; }
.product-price ul.strike { text-decoration: line-through; }
.product-price ul.strike strong { text-decoration: none; }

.buy-product { background: #F4F4F4; margin-top: 5px; width: 92%; padding: 4% 4% 4% 4%; }
.buy-product h3 { margin-top: 0; }
.buy-product fieldset { border: none; margin-top: 10px;padding-left:200px; }
.buy-product .value { float: left; width: 25px; border: 1px solid #c83b00; }
.buy-product .button { margin-left: 10px; }

.product-rating { background: url('img/dot.gif') 0% bottom repeat-x; padding-bottom: 5px; }

.product-review { margin-bottom: 10px; }
.product-review ul { margin: 0; padding: 0; }
.product-review li { list-style-type: none; margin-bottom: 18px; }
.product-review li ul { margin: 10px 0 0 15px; }
.product-review .review-head { width: 97%; padding: 3px 0 3px 3%; background: #EAEAEA; }
.product-review .review-head img { position: relative; top: 3px; }
.product-review .review-body { width: 94%; padding: 0.5% 3% 0.5% 3%; background: #F4F4F4; }

.rating-page { position: relative; left: 70px; }
.rating-page .button { position: relative; left: 160px; }

.in { padding: 3px 19px 3px 19px; _padding: 3px 10px 3px 10px; }

.vlastnosti {width:25px;}
.vlastnosti_radio {width:15px;}

label { float: left; display: block; width: 150px; font-weight: bold; }
form p { margin: 0 0 6px 0; padding: 0; }
.button.submit { position: relative; left: 150px; }
.long-textarea { width: 100%; }

table { width: 100%; }
table thead td { background: #F4F4F4; text-align: center; font-weight: bold; padding: 1% 0.5% 1% 0.5%; }

table.basketitem { width: 100%; border-collapse: collapse; }
table.basketitem thead td { background: #F4F4F4; text-align: right; font-weight: bold; padding: 1% 0.5% 1% 0.5%; }
table.basketitem tbody td { text-align: right; }

table.prices { width: 70%; }
table.prices td { width: 55%; }
table.prices td input { width: 65px; margin-right: 5px; }

.akceall { width: 100%; }
.akceall-item { width: 250px; margin: 0 20px 10px 0; float: left; }
.akceall-item h3 { margin: 0; padding: 0; }
.akceall-item p { margin: 5px 0 0 0; padding: 0; }

h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }

.rating { &position: relative; &left: -60px; }
.ratingform {  }
.ratingform input, .ratingform textarea { border: 1px solid #CACACA; width: 150px; }
.ratingform input.radiovote { width: 20px; border: none; }
.ratingform input.button { width: 60px; }

.related {  }
.related .item { width: 125px; float: left; margin: 0 10px 10px 0; text-align: center; }
.related .item img { width: 80px; }

.red {color:red;}
.red_bold {color:red;font-weight:bold;}

/* Dodatecne styly pro boxy vlevo a vpravo */
.container-head { width: 170px; height: 20px; color: #fff; font-weight: bold; text-align: left; padding: 17px 0 0 10px; font-size: 90%; }
.container-body { border: 1px solid #cacaca; width: 178px; text-align: left; }

.hledani .container-head {background:url(img/cont-vyhledavani.gif) no-repeat; }
#container-kontakt-form .container-head {background:url(img/cont-kontakt-form.gif) no-repeat; }
.akcnizbozi .container-head {background:url(img/cont-akcni-zbozi.gif) no-repeat; }
.uzitecne-odkazy .container-head {background:url(img/cont-uzitecne-odkazy.gif) no-repeat; }
.platby .container-head {background:url(img/cont-prijimame-platby.gif) no-repeat; }
.anketa .container-head {background:url(img/cont-anketa.gif) no-repeat; }
.cms .container-head {background:url(img/cont-kontakt.jpg) no-repeat; }
#container-prihlaseni .container-head {background:url(img/cont-prihlaseni-uzivatele.gif) no-repeat; }
.zakaznicke-centrum .container-head {background:url(img/cont-zakaznicke-centrum.gif) no-repeat; }
.akce .container-head {background:url(img/cont-akce.gif) no-repeat; }
.nejnovejsipanel .container-head {background:url(img/cont-nejnovejsi.gif) no-repeat; }
.nejprodavanejsipanel .container-head {background:url(img/cont-nejprodavanejsi.gif) no-repeat; }
.nejoblibenejsipanel .container-head {background:url(img/cont-nejoblibenejsi.gif) no-repeat; }
.nejdiskutovanejsipanel .container-head {background:url(img/cont-nejdiskutovanejsi.gif) no-repeat; }

#container-prihlaseni .container-body, #container-kontakt-form .container-body{background: url(img/boxuserbg.jpg) repeat-x}
#container-prihlaseni a{font-weight: bold;border-top: 1px dotted #000}

#container-boxuzivatele .container-body{ background: url(img/boxuserbg.jpg) repeat-x; width: 168px; padding: 8px 0 8px 10px; line-height: 150%; }
#container-boxuzivatele .container-body{text-align: left; padding-left: 10px; line-height: 150%;padding-top: 8px;padding-bottom: 8px;}

#container-news .container-body { width: 168px; padding-left: 10px; }
#container-news h3 { text-indent: 10px; margin:4px 0px 4px 0px; background: url(img/arrow.gif) no-repeat; font-size: 100%; background-position: 0px 2px; }
#container-news p { width: 160px; border-bottom: 1px dotted #0075A7; margin:0px; padding-bottom: 4px; }
#container-news p.last { border: 0px; }
#container-news p a { color:#0075a7; }

#container-kontakt-form p { padding-bottom: 4px; }
#container-kontakt-form input.text { width: 104px; }
#container-kontakt-form .ok { height: 20px; font-size: 1.1em; position: relative; left: -8px; &left: -4px; _left: -4px; }

#container-prihlaseni form, #container-prihlaseni p { margin: 0px; padding: 0px; }
#container-prihlaseni form { padding-top: 10px; }
#container-prihlaseni a { display: block; padding: 8px 8px 8px 8px; margin: 4px 4px 4px 4px; }

#container-kontakt .container-body { padding: 0 0 5px 5px; width: 173px; }
#container-kontakt .container-body h3{ margin: 5px 5px 5px 5px;}
#container-kontakt .container-body p { line-height: 17px; }

#container-sortiment { margin-top: 5px; }
#container-sortiment .container-body { padding-bottom: 1px; }
#container-sortiment a { color: #fff; display: block; }
#zbozi{ background-image: url(img/vertical.gif);background-repeat: repeat-y;width:542px;}
.productline {border-top-width: 1px;border-top-style: solid;border-top-color: #cacaca;height: 3px;clear: both;}