html, body {margin: 0px; text-align: center;}
#page {text-align: center;margin: 0px auto 1px auto; position: relative;}


/* HEAD */
#head   {width: 960px;}
#box_1  {float: left;}
#box_1 a, #footer a{padding-left: 17px; line-height: 26px;}


#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 {max-height:180px;max-width:180px;}
#.listing_image {height: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 #999999;width: 146px !important; }
form input { border: 1px solid #999999; }
form textarea { border: 1px solid #999999; }
form input[type=radio] { border: none; }

/* Hledani */
#box_4 form { padding: 6px 0 6px 0; &margin: 0; _margin: 0; }
#box_4 form input.text { width: 94px; margin-left: 5px; padding-left: 5px; padding-right: 5px; font-size: 1.1em; height: 16px; }
#box_4 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 #999999; 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 */
#box_20 h4 { margin-top: 4px; margin-bottom: 7px; padding: 0 5px 0 5px; &font-size: 1em; _font-size: 1em;}
.box_20_odkaz {margin-top: 4px; margin-bottom: 7px; padding: 0 5px 0 5px; &font-size: 1em; _font-size: 1em; font-weight:bold }
#box_20 img { width: 40px; }
#box_20 .img { float: left; margin-right: 0px; padding-left: 5px; }
#box_20 .info { width: 120px; float: right; padding: 5px 5px 0 0; text-align: center; }
#box_20 form { padding-top: 10px; &margin: 0; _margin: 0; }
#box_20 .pcs { width: 18px; text-align: center; }
#box_20 .ok { margin: 0; font-size: 1.1em; height: 20px; position: relative; top: 1px; margin-left: 3px; &width: 25px; }

/* Uzitecne odkazy */
#box_7 a { display: block; margin-top: 5px; background: transparent url(img/arrow.gif) no-repeat 0 2px; padding-left: 12px; }

/* Publikacni system */
#box_10 a { display: block; margin-top: 5px; background: transparent url(img/arrow.gif) no-repeat 0 2px; padding-left: 12px; }

/* box_9 */
.box_9 { margin-bottom: 5px; }
.box_9 .otazka { padding: 6px 3px 3px 3px; margin-bottom: 4px; text-align: center; }
.box_9 .odpoved { margin-bottom: 3px; padding-top:3px;}
.box_9 .odpoved_procenta { font-size:9px;}
.box_9 img { margin: 0 5px 6px 0; }
.box_9 .odpovedbody { padding: 0 10px 0 10px; }

/* Prijimame box_8 */
#box_8 a { display: block; width: 100%; text-align: center; margin: 0 0 3px 0; padding: 0; }

/* zbozi */
.pl, .pc, .pr{float: left}

#zbozi h2{}
#zbozi .ok{margin-left:0px; margin-top:0px;}
#zbozi form p{text-align: center; padding-top: 5px;}
.productline{line-height: 1px;}
#zbozi .img{text-align: center}
.desc{margin-left: 3px; margin-right: 6px;text-align: justify;height:55px;}
.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;}

#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 {border-top:1px solid #cecece; margin: 5px 1px 5px 1px; padding-top:1px;}
.order-products img { margin-right: 2px; }
.PageContent_Navig_Pages{border-bottom:1px solid #cecece;}
/* Detail of product */
#product-detail { width: 540px; padding: 0 20px 0 20px; _padding: 0 18px 0 18px; }

.product-images { width: 170px; float: right; }
.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: left; }
.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;margin:20px; }

.product-review { margin: 20px;}
.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: 99%; }
table.prices td { width: 33%; }
table.prices td input { width: 65px; margin-right: 5px; border:none;text-align:right;}

.akceall { width: 100%; }
.akceall-item-full { width: 500px; margin: 0 20px 10px 0; float: left; }
.akceall-item-full h3 { margin: 0; padding: 0; }
.akceall-item-full p { margin: 5px 0 0 0; padding: 0; }

.akceall-item-half { width: 250px; margin: 0 20px 10px 0; float: left; }
.akceall-item-half h3 { margin: 0; padding: 0; }
.akceall-item-half p { margin: 5px 0 0 0; padding: 0; }

h2 { font-size: 1.3em; }
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: 168px; height: 25px; color: #000; font-weight: bold; text-align: left; padding: 10px 0 0 10px; font-size: 110%;margin-top:5px;}
.productline {border-top-width: 1px;border-top-style: solid;border-top-color: #cacaca;height: 1px;clear: both;}
.katcislo {display: block;}
.detail_button {float:right;margin-right:15px; margin-left: 110px; margin-top: 5px;}
.margin_top5 {margin-top:5px;}
.padding_bottom2 {padding-bottom:2px;}
.display_none{display: none;}
.display_block{display: block;}
.shopname {position:absolute;left:130px;top:35px;font-weight:bold;font-size:2em}
