.required {font-weight:bold; color:#4370BE}

/*.required {font-weight:bold; color:#4370BE}
.product {display: block; float: left; margin-right: 10px;  }
.highlight {color: #3a3636; font-weight: bold}
.data {border: none}
.noborder, .noborder td, .noborder table, .noborder th {border: none; padding: 0}
.invalidInput {border: 1px solid red !important}
.order {line-height: 14px}

.full label {width:80px; font-weight:normal}

.delivery table {margin-bottom: 0px}
.payments {margin-left: 10px}
.payments .radio {width: 20px}
.payments .price {width: 100px}
.payments .desc span {border-bottom: 1px dashed #555}

.short td {background:#fff;}
.short {margin-bottom: 10px; width: 160px}
.short .thumb {text-align: center; padding: 0; height: 110px}
.short .thumb td {height: 112px; width:180px; text-align:center}
.short .thumb img {margin: auto auto auto auto}
.short .name {text-align: left; height: 26px; margin: 0; background: #3a3636; overflow: hidden}
.short .name a {font-size: 13px; line-height: 26px; margin: 0 0 0 10px; float: left; text-decoration: none; color: #fff}
.short a.add {float:right; margin-right: 5px; margin-top: 3px; display: none}
.product.sfhover .add {display: block}
.short .info {background: #eee; color: #3a3636}
.short .excerpt {padding: 0 5px 0 5px ; font-size: 11px; line-height: 11px; height: 55px; overflow: hidden;  margin: 5px 0 5px 0}
.short .price {width: 150px; height: 14px; line-height: 14px; font-size: 16px; margin: 0 5px 0 5px}
.short .pricevat {font-size: 12px}
.short, .short * {width:auto; border:0; margin:0; padding:0}
.short {width:184px; margin:0 4px 4px 0; float:left;border:solid 1px #ebebeb;}
.short .name {height:47px; background:#f0f4e0 url(/img/bkg-panel2.gif) repeat-x bottom;}
.short .name a {line-height:18px; height:36px; margin-top:6px; text-align:left; margin-left:10px; color:#222; text-decoration:none; display:block; width:160px}
.short .info {height:43px; line-height:18px; padding-top:8px; padding-left:20px}
.short .info strong {color:#000}
.short .icons {position:absolute; margin-top:5px; margin-left:5px;}

.eshoppanel {padding-right:10px;margin-right:3px;background:#fff !important; border:none !important;}

.eshopinline {margin-bottom:10px;font-size:11px;}
.eshopinline * {display:inline; margin:0; padding:0; list-style:none; font-weight:normal; font-size:11px;}
.eshopinline li {padding-left:10px;}
.eshopinline li a {white-space:nowrap; text-decoration:underline}
.eshopinline li.active a span {font-weight:bold !important;}
.eshopinline li.active a {color:#A1C849;}

#order {width:260px;}
#centerleft .content { width: 553px; _width: 542px; }  

.cat { margin-bottom: 0px; }
.product.full { width: 550px; margin-bottom:30px;}

.full .info { background: transparent; color: #000;  text-align:center;  }
.full .info label { width: 100px; }
.full .icons {margin-left:150px; margin-bottom:1em;}
.full .discount {margin-bottom:10px;}
.full .info table { width: auto; float: right;  border: 0;background: transparent; }
.full .info table td { padding: 0; border: 0; text-align: left; background: transparent; }
.full #order { float: right; display: block; width: 260px; margin-left: 20px;  }
.full #order hr { margin: 5px 0 5px 20px; color: #f1f1f1;  }

a.arrow {opacity:0.3;vertical-align:baseline;}
a.arrow.active {opacity:1;}	

.full .gallery table td * {padding:0; margin:0; background:none; border:none; float:none;}
.full .gallery table {width:164px; height:124px; background:transparent !important; float:left;border:none; background:none}
.full .gallery table td {width:164px; height:124px;  text-align:center; vertical-align:middle; border:none; background:none;}
.full .gallery table td img { border: 1px solid black; }

/** tabulkovy vypis produktu
td.short-table h3    {font-size: 100%; }
td.short-table h3 a { color: black; }
table.dealer tr.odd td  {background: #fff;}
table.dealer tr.even td  {background: #f8f8f8;}
*/

/** stavy skladem v detailu polozky*/
.product-detail .col3of3 label {width: 35%;}


/** modul nabidek **/
#offer-list table.dealer th,
#offer-form-container table.dealer th,
#offer-detail table.dealer th {border: 1px solid #ebebeb; background: #dedede; font-weight: bold; text-align: center; vertical-align: top;}

.nowrap {white-space: nowrap;}

#offer-detail table.dealer td {vertical-align: top;}
#offer-form-container .offer-info th,
#offer-detail .offer-info th {background: #dedede; font-weight: bold; width: 30%; vertical-align: top;}

#offer-form-container table.dealer th.offer-type,
#offer-detail table.dealer th.offer-type {background:#ababab;}

#offer-form-container table.dealer td.tr input {text-align: right;}
#offer-form-container input {vertical-align: middle;}
#offer-form-container input[readonly] {color: #666;}

th.help {cursor: help;}
                                             

#offer-detail, #offer-form-container {margin-top: 52px; padding-bottom: 10px;}

/* begin css tabs */
/*CSS Tabs is licensed under Creative Commons Attribution 3.0.

Joshua Kaufman, unraveled
http://unraveled.com/publications/assets/css_tabs/
*/
ul#offer-tabs { /* general settings */      
position: absolute; margin-top: 0px;  
text-align: left; /* set to left, right or center */
margin: 1em 0 0em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #dedede; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#offer-tabs li { /* do not change */
display: inline;
}

ul#offer-tabs.tab1 li.tab1, ul#offer-tabs.tab2 li.tab2, ul#offer-tabs.tab3 li.tab3, ul#offer-tabs.tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

ul#offer-tabs.tab1 li.tab1 a, ul#offer-tabs.tab2 li.tab2 a, ul#offer-tabs.tab3 li.tab3 a, ul#offer-tabs.tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#offer-tabs li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #666; /* set border COLOR as desired; usually matches border color specified in #offer-tabs */
background-color: #dedede; /* set unselected tab background color as desired */
color: #222; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#offer-tabs a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */