/* CSS Document */
body {
  background:#fff;
  font-size:90%;
  font-family:arial,verdana,sans-serif;
  color:#333;
  padding:0px;
  margin:0px;
  text-align:center;
}

/*
  prvky pozicovani
*/
.clear {
  clear:both;
  font-size:1px;
}

/* IE nested floats fix */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
} 
.clearfix {
  display:inline-block;
} 
/* Don't show IE (Mac) \*/ 
* html .clearfix {height:1%;} 
.clearfix {display:block;} 

/*
  obecne prvky
*/
a {
  color:#3c9913;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

h1,h2 {
  padding-left:20px;
  margin:0px;
  font-size:120%;
  font-weight:bold;
  overflow:hidden;
  height:100%;
}

h3 {
  padding:0px;
  margin:0px;
  font-size:100%;
  font-weight:bold;
  margin-top:10px;
}

form {
  padding:0px;
  margin:0px;
}

textarea {
  font-family:arial,verdana,sans-serif;
}

img {
  border:0px;
}

ul {
  padding:0px 0px 0px 17px;
  margin:0px;
  list-style:square;
}

em {
  font-style:normal;
  font-weight:bold;
}

strong {
  color:#3c9913;
}

/*
  preskrtnuty text
*/
.strike {
  text-decoration:line-through;
  color:#888;
}

/*
  vyhledavaci tlacitko
*/
.button {
  background:#3c9913;
  color:#fff;
  font-weight:bold;
}


/*
  staticky text
*/
.statictext {
  padding:20px;
  font-size:90%;
  text-align:justify;
}

/*
  naseptavane vyrazy - staticke
*/
#searchsuggest {
  padding:20px;
  padding-bottom:10px;
  font-size:150%;
}

/*
  div s pozadim a ramem (formulare atp)
*/
.shadowbox {
  border:1px dashed #333;
  background:#f8f8f8;
  padding:10px;
  padding-top:0px;
}

/*
  div bez pozadi s nadpisem v lince (textove bloky atp)
*/
.transpfieldset {
  border:0px none;
  padding:0px;
  margin-bottom:20px;
}

.transpfieldset .text {
  padding:5px 15px 0px 15px;
}

/*
  div s barevnym pozadim a silnum ramem (formulare atp)
*/
.wideoutlinebox {
  border:0px none;
  border-top:1px solid #c9dca6;
  background:#fff url("../img/gfx/form-bg.gif") repeat-x bottom left;
  padding:0px;
  margin-bottom:20px;
}

.wideoutlinebox legend, .transpfieldset legend {
  padding:0px 2px;
  font-weight:bold;
  margin-left:10px;
  font-size:90%;
  font-weight:bold;
  color:#3c9913;
}                      

.transpfieldset legend {
  padding:0px 2px;
  margin-left:0px;
}

.wideoutlinebox h3 {
  display:block;
  color:#3c9913;
  background:#fff;
  font-weight:normal;
  font-size:110%;
  margin:0px;
  margin-bottom:20px;
  padding:5px 0px 5px 10px;
}

/*
  infotext v kosiku
*/
.cartinfomsg {
  padding:10px;
  width:488px;
  border:1px solid #3c9913;
  background:#e4f5c1 url("../img/gfx/form-bg.gif") repeat-x bottom left;
  margin:10px 10px 0px 10px;
  font-size:90%;
  text-align:center;  
}

/*
  drobecky v kosiku
*/
#ordernavdiv {
  padding:10px;
  clear:both;
}

.ordernav {
  display:block;
  float:left;
  background:#ccc;
  color:#000;
  padding:10px;
  margin-right:10px;
  font-size:90%;
  text-decoration:none;
}

.sel, #ordernavdiv a:hover {
  background:#3c9913;
  color:#fff;
  text-decoration:none;
}

/*
  chyba validace formulare
*/
#valerror {
  margin:10px;
  margin-bottom:0px;
  padding:10px;
  width:488px;
  border:1px solid #ed1c24;
  background:#fdd4d3;
  font-weight:bold;
  display:none;
  font-size:80%;
  color:#000;
}

/*
  objednavaci formular
*/

.ordercol {
  float:left;
  width:250px;
  margin-left:10px;
}

.orderform {
  border:1px solid #ddd;
  background:#e4f5c1 url("../img/gfx/form-bg.gif") repeat-x top left;  
  width:228px;
  padding:10px;
  font-size:90%;
  margin-top:15px;
}

.orderform legend {
  padding:0px 2px;
  font-weight:bold;
}

.orderform .orderinfo {
  padding:10px 0px;
  border-bottom:1px solid #ddd;
  color:#666;
  font-size:90%;
}

.orderform .reglabel {
  display:block;
  padding:10px 0px 5px 0px;
}

.orderform .reginput {
  display:block;
}

.orderform em {
  color:#ed1c24;
  font-weight:bold;
}

.orderform input, .orderform select {
  border:1px solid #ddd; 
  padding:5px 2px;
}

.orderform .fill {
  font-weight:bold;
}

.orderform .noborder {
  border:0px none;
}

.orderbuttondiv {
  clear:both;
  padding:15px;
  line-height:40px;
  font-size:80%;
}

.orderbuttondiv a {
  color:#666;
  display:block;
  float:left;
}

.orderbutton {
  padding:10px;
  border:2px solid #ed1c24;
  background:#ed1c24;
  font-weight:bold;
  color:#fff;
}

.orderbuttondiv .orderbutton {
  float:right;
}

.tiny {
  font-size:80%;
  padding:1px;
  background:#666;
  border:2px solid #666;
  font-weight:normal;
}

.invalid {
  border-color:#ed1c24;
}

/*
  jednoduchy seznam zbozi v objednavce
*/
.ordercartlist {
  width:488px;
  padding:10px;
  margin:10px;
  background:#e4f5c1 url("../img/gfx/form-bg.gif") repeat-x top left;
  border:1px solid #ddd;  
}

.ordercartlist .ordercartitem {
  font-size:80%;
  padding:5px;
}

.ordercartlist .ordercartitem span {
  padding-right:5px;
  display:block;
  float:left;
}

.ordercartlist .footer {
  background:#fff;
  border-top:1px solid #999;
  font-weight:bold;
}

.ordercartlist .dark {
  background:#ececec;
}

.ordercartlist .light {
  background:#fff;
}

.ordercartitem .img {
  width:48px;
  text-align:right;
}

.ordercartitem .pcs {
  width:30px;
  text-align:right;
}

.ordercartitem .pcsform {
  width:50px;
  text-align:right;
}

.ordercartitem .itemname {
  width:298px;
}

.ordercartitem .itemnameshort {
  width:200px;
}

.ordercartitem .price {
  width:65px;
  text-align:right;
}

.ordercartitem .abutton {
  display:block;
  float:left;
  width:20px;
  line-height:13px;
  text-align:right;
}

.ordercartitem .abutton a {
  display:block;
  float:right;
  padding:0px 2px;
  font-size:140%;
  font-weight:bold;
  background:#ed1c24;
  color:#fff;
  text-decoration:none;
}

/*
  
*/

/*
  tabulka pro ceny atp.
*/

.infotable {
  width:494px;
  border-collapse:collapse;
  border:1px solid #000; 
}

.infotable td {
  padding:2px 4px;
}

.infotable .header {
  background:#fff;
  font-weight:bold;
  color:#000;
}

/*
  prvky pro zarovnani
*/
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.top { vertical-align:top; }

/*
  css formular
*/
.tr {
  display:block;
  clear:both;
  text-align:center;
  padding:5px 0px;
  border-top:1px solid #fff;
  border-bottom:1px solid #c9dca6;
  font-size:90%;
}

.first {
  border-top:0px none;
}

/* fix pro tr */
.tr:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
} 
.tr {
  display:inline-block;
} 
/* Don't show IE (Mac) \*/ 
* html .tr {height:1%;} 
.tr {display:block;} 

.tr .reglabel {
  float:left;
  text-align:left;
  width:190px;
  padding-top:4px;
  padding-left:20px;
}

.narrow .reglabel {
  float:left;
  width:85px;
  padding-left:15px;
}

.tr em {
  font-weight:bold;
  font-style:normal;
  color:#f00;
}

/* povinna pole */
.fill {
  color:#000; 
  font-weight:normal;
}

/* mensi font */
.small {
  font-size:85%;
}

.tr .reginput {
  float:right;
  text-align:left;
  width:260px;
}

.narrow .reginput {
  float:right;
  text-align:left;
  width:250px;
}

/*
  klikaci tabulka v css
*/
.cssTable { 
  display: table; 
} 
.cssTable a { 
  display: table-row;
  text-decoration:none;
  color:#000;
  border:1px solid #ccc; 
} 

.cssTable a:hover {
  background:#3c9913;
  color:#fff;
}

.cssTable a span { 
  display: table-cell; 
  padding: 2px; /* this line not really needed */ 
} 


/*
  dulezita zprava systemu uzivateli
*/
.warning {
  border:3px solid #3c9913;
  font-weight:bold;
  padding:8px;
}

/* 
  graficke prvky
*/
/* sedy panel */
.panel-grey {
  position:relative;
  display:block;
  height:44px;
  line-height:44px;
  background:#e4e4e4 url("../img/gfx/panel-bg-grey.gif") repeat-x top left;
  border-right:1px solid #e4e4e4;
}

.panel-grey .heading {
  padding-left:20px;
  margin:0px;
  font-size:100%;
  font-weight:bold;
}

/* hlavni panel */
.panel-highlight {
  position:relative;
  display:block;
  height:44px;
  line-height:44px;
  background:#3c9913 url("../img/gfx/panel-bg-highlight.gif") repeat-x top left;
  border-right:1px solid #3c9913;
}

.panel-highlight h1 {
  color:#fff;
}

/* cerny panel */
.panel-black {
  position:relative;
  display:block;
  height:44px;
  line-height:44px;
  background:#000 url("../img/gfx/panel-bg-black.gif") repeat-x top left;
  border-right:1px solid #000;
  color:#fff;
}

/* cerveney panel */
.panel-red {
  position:relative;
  display:block;
  height:44px;
  line-height:44px;
  background:#d20008 url("../img/gfx/panel-bg-red.gif") repeat-x top left;
  border-right:1px solid #d20008;
  color:#fff;
}

.panel-black .heading, .panel-red .heading, .panel-highlight .heading {
  padding-left:20px;
  margin:0px;
  font-size:100%;
  font-weight:bold;
  color:#fff;
}

.panel-black:after,.panel-grey:after,.panel-highlight:after,.panel-red:after { /*content:url(http://desktop/skoda/img/gfx/panel-shadow.gif);*/ }
.panel-black,.panel-grey,.panel-highlight,.panel-red {
  ruby-align: expression(
    this.runtimeStyle.rubyAlign = "auto",
    this.innerHTML +="<img class='panel-shadow' src='./img/gfx/panel-shadow.gif' />"
  )
}

/* stin panelu */
.panel-shadow {
  position:absolute;
  top:44px;
  left:1px;
}

/* banner s dulezitym upozornenim - prazdniny/vanoce */
.holidays {
  position:relative;
  display:block;
  height:140px;
  width:354px;
  padding:10px;
  padding-left:170px;
  background:url("../img/banners/stehovani.jpg") no-repeat top left;
  color:#000;
  margin-bottom:10px;
}

/* rychly kontakt */
.qcontact {
  font-size:130%;
  font-weight:bold;
  padding:10px 20px;
  line-height:150%;
}

/* bannery ve sloupci */
.colbanners {
  text-align:center;
}

.colbanners a {
  padding:10px 0px;
}

/* textove odkazy v panelu */
.linkbox {
  padding:10px 15px 10px 0px;
  font-size:90%;
}

.linkbox a {
  display:block;
  padding-bottom:2px;
  padding-left:10px;
  margin-left:20px;  
  background:url("../img/gfx/linkmenu-dot.gif") no-repeat top left;
}

.linkbox a:hover {
  display:block;
  background:url("../img/gfx/linkmenu-dot-hover.gif") no-repeat top left;
}

/* menu katalog */
.katalog {
  padding:10px 0px;
  font-weight:bold;
}

.katalog a {
  display:block;
  padding-bottom:2px;
  padding-left:10px;
  margin-left:20px;  
  color:#333;
  font-weight:bold;
  font-size:90%;
  background:url("../img/gfx/linkmenu-dot.gif") no-repeat top left;
}

.katalog a:hover {
  display:block;
  color:#3c9913;
  text-decoration:none;
  background:url("../img/gfx/linkmenu-dot-hover.gif") no-repeat top left;
}

.katalog .cat-level-1 {
  margin-left:30px;
  font-size:90%;
  font-weight:bold;
}

.katalog .cat-level-2 {
  margin-left:40px;
  font-size:90%;
  font-weight:normal;
}

.katalog .cat-level-3 {
  margin-left:50px;
  font-size:80%;
  font-weight:normal;
}

.katalog .cat-level-4 {
  margin-left:60px;
  font-size:80%;
  font-weight:normal;
}

.katalog .pathitem {
  color:#3c9913;
  font-weight:bold;
  background:url("../img/gfx/linkmenu-dot-hover.gif") no-repeat top left;
}

.katalog .lightgrey {
  color:#777;
}

/* frame stranky */
#page {
  display:block;
  position:relative;
  width:990px;
  margin-left:auto;
  margin-right:auto;
  margin-top:15px;
  padding:0px;
  padding-bottom:30px;
  text-align:left;
}

/* logo */
#sitelogo {
  display:block;
  float:left;
  width:228px;
  height:110px;
  padding-bottom:10px;
}

/* horni infopanel */
#infopanel {
  float:right;
  width:761px;
  font-family:tahoma;
  font-size:80%;
  height:110px;
  background:#ededed;
  padding:0px 0px;
}

/* box v infopanelu */
#infopanel .infobox {
  float:left;
  position:relative;
  display:inline;
  padding:6px 70px;
  padding-right:30px;
  border-right:1px solid #ccc;
}

#infopanel .last {
  border-right:0px none;
}

/* oddil pro vlozeni uzivatelskeho jmena/hesla */
.logoninput {
  display:inline;
  float:left;
  padding-right:2px;
}

.logontext {
  font-size:95%;  
  padding:0px;
  margin:0px;
  width:100px;
}

.logonbutton {
  font-size:110%;  
  margin:0px;  
  background:#3c9913;
  color:#fff;
}

/* kontrolni panel - menu + vyhledavani */
#controlpanel {
  clear:both;
  width:990px;
  margin-top:14px;
}

/* hlavni menu */
#controlpanel #menu {
  float:left;
  width:220px;
}

#menu a {
  display:block;
  margin:0px 5px;
  padding-left:32px;
  background:url("../img/gfx/menu-dot.gif") no-repeat top left;
  line-height:36px;
  height:36px;
  border-bottom:1px dashed #ccc;
  color:#3c9913;
  font-family:tahoma;
  font-weight:bold;
  text-decoration:none;
  font-size:90%;
}

#menu a:hover {
  background:url("../img/gfx/menu-dot-hover.gif") no-repeat top left;
  color:#3c9913;
  text-decoration:underline;
}

/* prvni polozka menu */
#menu .first {
  margin-top:6px;
}

/* posledni polozka menu */
#menu .last {
  border:0px none;
  margin-bottom:6px;
}

/* vyhledavaci box */
#controlpanel #search {
  float:right;
  position:relative;
  width:762px;
}

/* vyhledavaci formular */
#controlpanel #search #searchform {
  padding-top:30px;
  padding-left:30px;
  width:450px;
  font-size:80%;
}

#searchform #queryfield {
  border:2px solid #3c9913;
  width:200px;
  padding:1px;
  font-weight:bold;
}

#searchformtable {
  border-collapse:collapse;
}
  
#searchformtable td {
  width:110px;
  padding:0px;
  margin:0px;
}

/* obrazek */
#search #site-image {
  position:absolute;
  z-index:3;
  top:-21px;
  left:395px;
}

/* bublina ukazujici na kosik po vlozeni produktu */
/*
#cart-baloon {
  display:inline;
  position:absolute;
  z-index:5;
  top:340px;
  left:295px;
  width:330px;
  padding:30px;
  border:5px solid #fff;
  background:#b93700 url("../img/gfx/cart-baloon-bg.jpg") no-repeat top left;
  color:#fff;
  font-size:120%;
  font-weight:bold;  
  text-align:center;
}
*/
/* hlavni panel */
#cart-baloon {
  display:block;
  padding:20px 20px 20px 60px;
  margin-bottom:10px;
  color:#000;
  font-size:120%;
  font-weight:bold;  
  text-align:left;
}

#cart-baloon .commontext {
  padding-top:10px;
  font-size:80%;
  font-weight:normal;
}

.errormsg {
  background: #ffcdd1 url("../img/gfx/msg-error.gif") no-repeat top left; 
  border: 2px solid #e10c0c; 
}

.okmsg {
  background:#d7f7c4 url("../img/gfx/msg-ok.gif") no-repeat top left;
  border: 2px solid #82cb2f; 
}

#cart-baloon .links {
  display:block;
  font-size:80%;
  font-weight:normal;
  margin-top:10px;
  padding-top:10px;
  padding-right:40px;
  text-align:center;
}

#cart-baloon a {
  color:#000;
  text-decoration:underline;
}

#cart-baloon .links a {
  color:#000;
  text-decoration:underline;
}

#leftcol {
  display:inline;
  float:left;
  width:220px;
  margin-right:8px;
}

#content {
  display:inline;
  float:left;
  width:534px;
  margin-right:8px;
}

#rightcol {
  display:inline;
  float:left;
  width:220px;
}

/*
  panel s nejhledanejsimi vyrazy
*/
#topsearches {
  padding:10px;
/*
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  border-left:1px dashed #000;
*/
}

/*
  upozorneni ve vyhledavani
*/
.listwarning {
  width:514px;
  background:#3c9913;
  font-weight:normal;
  color:#fff;
  margin-top:10px;
  padding:10px;
}

.listwarning ul {
  font-weight:bold;
}

.listwarning a {
  color:#000;
}

.listwarning strong {
  color:#fff;
}

/*
  sdeleni na uvodni strance
*/
.news {
  clear:both;
  padding-bottom:10px;
}

.newsbox {
  clear:both;
  display:block;
  font-size:90%;
  padding:5px;
  padding-top:10px;
}

.newsbox h2 {
  font-size:100%;
  font-weight:bold;
  display:block;
  margin:0px;
  padding:0px;
  color:#000;
}

.newsbox .image {
  display:inline;
  float:left;
  margin:0px 3px;
  border:1px solid #333;
}

.newsbox .newscontent {
  float:right;
  width:338px;
  font-size:90%;
  margin:0px;
  padding:2px 0px;
  text-align:justify;
}

.newsbox .newscontent p {
  padding:2px 0px;
  margin:0px;
}

/*
  drobeckova navigace
*/
.catnav {
  width:494px;
  padding:20px;
  font-size:80%;
  font-weight:bold;
  background:#fff url("../img/gfx/form-bg.gif") repeat-x bottom left;
}

.catnav .breadcrumb {
  width:514px;
}

.catnav .catbox {
  float:left;
  width:235px;
  padding-right:12px;
}

.catbox ul {
  color:#666;
  list-style-type: none;
  list-style-image: url(../img/gfx/list-dot-hover.gif);
  list-style-type:square;
} 

.catbox .heading {
  margin-top:10px;
  font-style:oblique;
  font-weight:normal;
}

/*
  vypis polozek ve vyhledavani
  
  typ: seznam
*/
.listitem {
  display:block;
  clear:both;
  width:534px;
  height:52px;
  margin-top:10px;
  font-size:85%;
}

.darkbg {
  background-color:#ededed;
}

.lightbg {
  background-color:#f9f9f9;
}

.listitem a {
  display:block;
  width:530px;
  height:48px;
  padding:2px;
  text-decoration:none;
  color:#000;
  cursor:pointer;
}

.listitem a:hover {
  background:#3c9913;
  color:#fff;
  text-decoration:none;
}

.listitem img {
  width:48px;
  height:48px;
  float:left;
}

.flags {
  z-index:10;
  position:absolute;
  top:5px;
  left:0px;
  font-family:tahoma;
  font-size:11px;
  font-weight:bold;
}

.smallflags {
  font-size:8px;
}

.flags .skladem {
  padding:2px;
  padding-left:4px;
  margin-bottom:2px;
  background:#3c9913;
  color:#fff;
}

.flags .tip {
  padding:2px;
  padding-left:4px;
  margin-bottom:2px;
  background:#ed1c24;
  text-align:right;
  color:#fff;
}

.listitem .name {
  display:inline;
  float:left;  
  width:400px;
  padding-left:2px;
  font-weight:bold;
}

.listitem .price {
  display:inline;
  float:left;  
  width:78px;
  padding-left:2px;
  text-align:right;
  font-weight:bold;
}

.listitem .description {
  display:inline;
  float:left;  
  width:480px;
  padding-left:2px;
  font-size:90%;
}

.listitem .models {
  display:inline;
  float:left;  
  width:480px;
  padding-left:2px;
  font-size:100%;
}

/*
  vypis polozek ve vyhledavani
  
  typ: plna sirka
*/
.listitemfull {
  display:block;
  clear:both;
  width:534px;
  margin-top:10px;
}

.listitemfull a {
  display:block;
  width:524px;
  padding:5px;
  text-decoration:none;
  color:#000;
  cursor:pointer;
}

.listitemfull a:hover {
  background:#3c9913;
  color:#fff;
  text-decoration:none;
}

.listitemfull img {
  float:left;
  width:100px;
  height:100px;
}

.listitemfull a .image .skladem {
  display:block;
  position:absolute;
  width:48px;
  height:48px;
  background:url("../img/overlay/skladem-l.gif") no-repeat;
}

.listitemfull .name {
  display:inline;
  float:right;  
  width:410px;
  font-size:100%;
  font-weight:bold;
}

.listitemfull .price {
  display:inline;
  float:right;  
  width:410px;
  margin-top:5px;
  text-align:left;
  font-weight:bold;
}

.listitemfull .description {
  display:inline;
  float:right;  
  width:410px;
  margin-top:5px;
  font-size:90%;
}

.listitemfull .models {
  display:inline;
  float:right;  
  width:410px;
  margin-top:5px;
  font-size:100%;
}


/*
  vypis polozek ve vyhledavani
  
  typ: nahledy obrazku
*/
.listitemimg {
  display:block;
  position:relative;
  float:left;
  width:125px;
  height:125px;
  margin:0px;
  padding:0px;
  margin-right:5px;
  margin-top:5px;
  border:1px solid #c9dca6;
  overflow:hidden;
}

.listitemimg a {
  text-decoration:none;
  color:#333;
}

.listitemimg a:hover {
  text-decoration:none;
  color:#c9dca6;
}

.listitemimg img {
  padding:0px;
}

.listitemimg .name, .listitemimg .price {  
  font-size:75%;
  font-family:tahoma,verdana;
  font-weight:normal;
  color:#000;
  background:#fff;
  padding:3px;
  width:119px;
  filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;  
}

.listitemimg .name {
  display:block;
  position:absolute;
  top:0px;
  left:0px;
  font-weight:bold;
}

.listitemimg .price {
  position:absolute;
  display:block;
  bottom:0px;
  left:0px;
  text-align:right;
}

.listitemimg .models {
  display:block;
  font-size:80%;
  height:3em;
}

/*
  vypis polozek v kosiku
  
*/
.cartitem {
  display:block;
  clear:both;
  width:534px;
  margin-top:10px;
  padding-bottom:10px;
  border-bottom:1px solid #ddd;
}

.cartitem a {
  font-weight:bold;
}

.cartitem img {
  width:48px;
  height:48px;
  float:left;
}

.cartitem .price {
  display:inline;
  float:right;  
  width:112px;
  padding-left:2px;
  text-align:right;
}

.cartitem .description {
  display:inline;
  float:left;  
  width:360px;
  padding:0px 5px;
}

.cartitem .button {
  padding:0px;
  margin:0px;
  font-size:80%;
  width:60px;
}



/*
  navigace mezi strankami s dily
*/
.listpagenav {
  display:block;
  overflow:auto;
  clear:both;
  width:535px;
  padding:10px 0px;
  color:#ddd;
  line-height:26px;
  font-size:90%;
}

.listpagenav a {
  color:#333;
  text-align:center;
}

.listpagenav a:hover {
  text-decoration:underline;
  color:#3c9913;
}

/*
  aktualni stranka
*/
.listpagenav .pages .current {
  font-weight:bold;
  background:#fff;
  color:#3c9913;
  font-size:150%;
  text-decoration:underline;
}

.listpagenav .prev {
  display:inline;
  float:left;
  width:80px;
  text-align:left;
}

.listpagenav .pages {
  color:#666;
  display:inline;
  float:left;
  width:355px;
  padding:0px 10px;
  text-align:center;
}

.listpagenav .prev a, .listpagenav .next a {
  background:#fff;
  color:#3c9913;
}

.listpagenav .next {
  display:inline;
  float:right;
  width:80px;
  text-align:right;
}


/*
  detail produktu
*/
.itemdetail {
  padding:10px 0px;
  font-size:100%;
}

/*  
  galerie produktu
*/
.productgallery {
  float:right;
  margin-left:20px;
  width:175px;
}

.productgallery .mainimg {
  text-align:center;
}

.productgallery .smallimg {
  float:left;
  width:48px;
  padding:2px;
  margin-right:6px;
}

.itemdetail .partnrs {
  font-size:90%;
}

.itemdetail .partnrs table td {
  width:123px;
}

/* tabulka pribuznych dilu v detailu dilu */
.relatedparts {
  font-size:80%;
  padding-top:10px;
}

.relatedparts h3 {
  font-size:100%;
  margin:0px;
  padding-bottom:2px;
  font-weight:bold;
  color:#333;
}

.relatedparts ul {
  clear:both;
}

.relatedparts ul li {
  color:#333;
  width:130px;
  float:left;
}

.relatedparts ul li strong {
  color:#333;
}

/* upozorneni na osobni odber */
.noship {
  padding-top:10px;
  font-weight:bold;
}

.styletable {
  border-collapse:collapse;
  margin-top:5px;
  width:534px;
  background:#fff url("../img/gfx/form-bg.gif") repeat-x bottom left;
  font-size:90%;
}

/*tlacitko pro objednani*/
.styletable .button {
  font-size:95%;
}

.styletable td {
  padding:5px;
  vertical-align:middle;
}

.styletable .top td {
  padding:5px;
  vertical-align:top;
}

.styletable .header td {
  background:#c9dca6;
  color:#000;
  font-size:90%;  
  vertical-align:bottom;
}

.styletable .footer td {  
  vertical-align:top;
  font-size:100%;
  font-weight:bold;
  color:#000;
}

.styletable .style td {
  border-bottom:1px solid #c9dca6;
  border-top:1px solid #fff;
}

/* polozka v akci */
.styletable .actionitem td .price {
  color:#ed1c24;
  font-weight:bold;
}

/* ruzne velikosti pisma */
.size1 { font-size:80%; }
.size2 { font-size:100%; }
.size3 { font-size:120%; }
.size4 { font-size:140%; }
.size5 { font-size:160%; }

/* zvyrazneni vyhledavanych vyrazu */
.highlight {
  border-bottom:1px dashed #000;
  font-style:oblique;
}

/* relativni bod pro absolutni pozicovani */
.absposstart {
  position:relative;
  display:inline;
}

/* napoveda pro formular */
.hint {
   	display: none;
    position: absolute;
    right: -200px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url("../img/gfx/form-help-arrow.gif") no-repeat -10px 5px;
    z-index:50;
}

/* napoveda pro obrazek */
.imghint {
   	display: none;
    position: absolute;
    white-space:normal;
    right: -236px;
    width: 200px;
    margin-top: -8px;
    border: 1px solid #c93;
    padding: 10px 12px;
    text-align:left;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url("../img/gfx/form-help-arrow.gif") no-repeat -10px 5px;
    z-index:50;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer, .imghint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url("../img/gfx/form-help-arrow.gif") left top no-repeat;
    z-index:50;
}

/*
  produktovy box v pravem sloupci
*/
.tinyitem {
  font-size:80%;
  padding:5px 10px;
}

.tinyitem a {
  color:#555;
}

.tinyitem .price {
  font-weight:bold;
  color:#000;
}

.tinyitem .actionprice {
  font-weight:bold;
  color:#d20008;
}

.tinyitem img {
  float:left;
  padding-right:5px;
}

/*
  recenze od zakazniku heureka.cz
*/
.review {
  display:block;
  font-size:90%;
  padding-top:8px;
  padding-left:10px;
  padding-right:5px;
}

/*
  paticka stranky
*/
#footer {
  clear:both;
  background:#3c9913;
  margin-top:50px;
  font-size:80%;
  color:#fff;
  padding:20px 0px 60px 0px;  
}

#footer a {
  color:#fff;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}

#footer .footercontent {
  width:990px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

#footer .footercontent .footercol {
  padding:10px 30px 10px 0px;
  margin-right:30px;
  border-right:1px solid #fff;
  float:left;
}

#footer .footercontent .lastfootercol {
  padding:10px 30px 10px 0px;
  _padding-top:0px;
  #padding-top:0px;
}

/*
  NABIZENY PRODUKT V KOSIKU
*/
#dayproduct {
  margin:10px 15px;
  border:2px solid #d20008;
  padding:0px;
  height:125px;
}

#dayproduct img {
  float:left;
  width:125px;
  height:125px;
  margin-right:5px;
}

#dayproduct #prodname {
  font-size:170%;
  font-weight:bold;
  padding-top:5px;
  height:35px;
  color:#d20008;
}

#dayproduct #prodtext {
  font-size:80%;
  height:55px;
}

#dayproduct #price {
  float:left;
  font-size:150%;
  color:#d20008;
}

#dayproduct form {
  text-align:right;
  padding-right:5px;
}

#dayproduct form .button {
  background:#d20008;
}
