/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

* {
  margin: 0;
  padding: 0;
  outline: 0 none;
}

img {
  border: 0;
  outline: 0;
}

body {
  background: #D2DDE3;
  margin-top: 260px;
}

.bodyall {
  margin-left: -12px;
  position: relative;
  width: 1024px;
}

#kosik {
  background: url("/sfaf/catalog/images/new_design/kosik.png") no-repeat scroll 0 3px transparent;                         
  color: #B2B2B2;
  cursor: pointer;
  font-family: verdana;
  font-size: 16px;
  font-variant: small-caps;
  height: 27px;
  left: 210px;
  line-height: 32px;
  padding-left: 40px;
  position: absolute;
  top: -140px;
}

#kosik:hover {
  color: #858585;
  background: url("/sfaf/catalog/images/new_design/kosik.png") no-repeat 0 -27px;
  text-decoration: none;
}

#prihlaseni, #logout {
  background: url("/sfaf/catalog/images/new_design/prihlaseni.png") no-repeat scroll 0 4px transparent;
  height: 36px;
  left: 66px;
  position: absolute;
  top: -110px;
  width: 131px;
}

#logout {
  background: url("/sfaf/catalog/images/new_design/logout.png") no-repeat scroll 0 4px transparent;
}

#prihlaseni:hover, #logout:hover {
  background-position: 0 -36px;
  text-decoration: none;
}

#vyhledavani {
  position: absolute;
  top: -110px;
  left: 211px;
}

#vyhledavani input[type~="text"] {
  border: 1px solid #D5D5D5;
  border-radius: 3px 3px 3px 3px;
  color: #555555;
  font-size: 14px;
  left: -46px;
  margin-top: 16px;
  padding: 6px;
  position: relative;
  width: 445px;
}
#vyhledavani input[type~="text"]:focus {
  border: 1px solid #afafaf;
}

#vyhledavani span {
  background: url("/sfaf/catalog/images/new_design/hledani.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  height: 22px;
  position: absolute;
  right: 48px;
  top: 22px;
  width: 22px;
}

#vyhledavani span:hover {
  background: url("/sfaf/catalog/images/new_design/hledani.png") no-repeat scroll 0 -25px transparent;  
}

#kategorie {
  position: absolute;
  left: 66px;
  top: -50px;
  text-align: center;
  line-height: 16px;
}

#kategorie .middle {
  float: left;
  line-height: 39px;
  margin-top: -1px;
  vertical-align: middle;
}

#kategorie .middle a {
  padding: 6px 9px;
}

#kategorie a {
  border-radius: 3px 3px 0 0;
  color: #5C5C5C;
  float: left;
  font-family: verdana;
  font-size: 16px;
  font-variant: small-caps;
  height: 39px;
  padding: 8px 9px 3px;
}

#kategorie a:hover {
  text-decoration: none;
  color: #5c5c5c;
  background: url("/sfaf/catalog/images/new_design/gray.png") repeat;
}

#kategorie .menu_active {
  color: #5c5c5c;
  background: url("/sfaf/catalog/images/new_design/gray.png") repeat;
}

#ruka {
  background: url("/sfaf/catalog/images/new_design/ruka.png") no-repeat scroll 0 0 transparent;
  height: 35px;
  position: absolute;
  right: 217px;
  top: -8px;
  width: 114px;
  z-index: 1;
}

.menu {
  left: -50px;
  position: absolute;
  top: 20px;
  width: 209px;
  z-index: 1;
}

.menu .top {
  background: url("/sfaf/catalog/images/new_design/menu-top.png") no-repeat scroll 0 0 transparent;
  height: 40px;
  width: 209px;
}

.menu .mmiddle {
  background: url("/sfaf/catalog/images/new_design/menu-middle.png") repeat-y scroll 0 0 transparent;
  min-height: 43px;
  text-align: left;
}

.menu .bottom {
  background: url("/sfaf/catalog/images/new_design/menu-bottom.png") no-repeat scroll 0 0 transparent;
  height: 40px;
}

.mmiddle a {
  color: #555555;
  display: inline-block;
  font-family: verdana;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 7px;
  padding: 0 15px 0 20px;
  position: relative;
  top: 2px;
  width: 65%;
}
.mmiddle p {
  margin: 0;
}
.mmiddle span {
  display: inline-block;
  margin-left: 5px;
  width: 1px;
  height: 1px;
}
.mmiddle a:hover {
  text-decoration: none;
  color: #000;
}

.mmiddle .e {
  font-variant: small-caps;
  font-weight: bold;
  padding: 2px 0;
  text-transform: uppercase;
}
.mmiddle .m:hover {
  background: url("/sfaf/catalog/images/new_design/menu-hover2.png") repeat-y scroll 0 0 transparent;
  position: relative;
  z-index: 2;
}

.mmiddle .menu_odd {
  background: url("/sfaf/catalog/images/new_design/menu-odd.png") no-repeat scroll 0 0 transparent;
  height: 5px;
  margin: -3px 8px;
  position: relative;
  z-index: 1;
}

.mmiddle .menu_odd2 {
  border-bottom: 1px dotted #999999;
  height: 5px;
  margin: -5px 0 0;
  width: 96%;
}

.mmiddle .act {
  font-weight: bold;
  background: url("/sfaf/catalog/images/new_design/menu-hover.png") repeat-y scroll 0 0 transparent;
  position: relative;
  z-index: 2;
}

.mmiddle .act a:hover, .mmiddle .act a {
  color: #555;
}

table.productListing .productListing-odd>td:first-child, table.productListing tbody .productListing-even>td:first-child {
  vertical-align: middle;
  padding: 10px;
  width: 140px;
}

.productListing tr td:first-child img {
  border: 3px solid white;
}

.productListing  .nazev {
  background: url("/sfaf/catalog/images/new_design/produkt.png") repeat scroll 0 0 transparent;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-top: 10px;
  top: -2px;
  width: 98%;
}

.productListing .nazev a, .productListing .nazev a:hover {
  color: #FFFFFF;
  left: 5px;
  position: relative;
}

.nohover:hover {
  text-decoration: none;
}

.productListing-odd:hover, .productListing-even:hover {
  background: rgba(255,255,255,0.5);
}     
.kosikl { 
  float: right;
  margin: 0 20px;
}

.kosikl span {  
  margin: 0 5px;
}

#obsah-left {
  float: left;
  width: 49%;
}

#obsah-right {
  border-left: 1px dotted #999;
  float: right;
  padding-left: 5px;
  text-align: right;
  width: 50%;
}

#obsah-right > a {
  float: right;
  height: 180px;
  text-align: center;
  color: #555;
}
#obsah-right a:hover {
  text-decoration: none;
  color: #000;
}
#obsah-bottom {
  background: url("/sfaf/catalog/images/new_design/gray2.png") repeat scroll 0 0 transparent;
  border: 1px solid #AAAAAA;
  clear: both;
  margin-bottom: 20px;
  padding: 10px 20px 20px;
  position: relative;
  top: 20px;
  z-index: 0;
}

#nav {
  clear: both;
  position: relative;
  top: 20px;
}

#nav span {
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 10px 20px;
}

#nav .act {
  background: none repeat scroll 0 0 #C7CBCE;
  border-color: #AAAAAA;
  border-style: solid solid none;
  border-width: 1px 1px 0;
  cursor: default;
  position: relative;
  top: 1px;
  z-index: 12;
  |border-bottom: 1px solid #ddd;
}

#obr {
  margin-top: 10px;
}

#obr a {
  float: left;
  margin: 10px;
}

#nav span:hover {
  background: none repeat scroll 0 0 #C7CBCE;
}

#cena {
  border-bottom: 1px dotted #999999;
  height: 55px;
  margin-bottom: 10px;
  padding: 0 0 10px;
  text-align: center;
} 

#stock-draw {
  margin: 5px 0 0;
  text-align: center;
}

#stock-draw select {
  padding: 3px;
  width: 137px;
}

#specialni {
  float: left;
  line-height: 20px;
  padding: 10px 0 0 20px;
  text-align: left;
  width: 50%;
}

#specialni a {
  display: block;
  padding-left: 4px;
}

#specialni a:hover {
  border-left: 5px solid #49ae37;
  color: #000;
  text-decoration: none;
  margin-left: -5px;
}

#obsah-bottom ul, #obsah-bottom ol {
  margin: 10px 20px;
}

.ahead a {
  color: #555;
}

.ahead a:hover {
  color: #000;
} 

#recenze:before {
  content: url("/sfaf/catalog/images/new_design/recenze.png");
  margin-right: 5px;
  vertical-align: -3px;
}

#oblibene:before, .obl:before {
  content: url("/sfaf/catalog/images/new_design/oblibene.png");
  margin-right: 5px;
  vertical-align: -3px;
}

#email:before {
  content: url("/sfaf/catalog/images/new_design/mail.png");
  margin-right: 5px;
  vertical-align: -3px;
}

#print:before {
  content: url("/sfaf/catalog/images/new_design/print.png");
  margin-right: 5px;
  vertical-align: -3px;
}

.disable {
  color: #aaa !important;
  cursor: default !important;
}

.disable:hover {
  background: none !important;
}

.family {
  border: 1px solid #999999;
  padding: 15px 0;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}

.family h3 {
  background: none repeat scroll 0 0 #D2D7DA;
  color: #49AE37;
  font-family: verdana;
  left: 10px;
  padding: 0 10px;
  position: absolute;
  text-shadow: 0 0 2px #EEEEEE;
  top: -8px;
}

.famp {
  border-radius: 3px 3px 3px 3px;
  float: left;
  height: 230px;
  margin: 0 5px;
  padding: 10px 25px 23px;
  vertical-align: top;
  width: 125px;
}

.famp img {
  padding:3px;
}

.famp:hover {
  background: #ddd;
  box-shadow: #555 3px 3px 5px;
  -webkit-box-shadow: #555 3px 3px 5px;
  -moz-box-shadow: #555 3px 3px 5px; 
}

.famp:hover img {
  padding: 0;
  border: 3px solid #fff;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.famp:hover .name {
  color: #000;
}

.famp span {
  display: block;
  font-family: verdana;
  text-align: center;
}

.famp .cena {
  font-size: 14px;
  margin-top: 5px;
}

.famp .strokedFont2 {
  color: #999999;
  font-size: 12px;
}

.famp .productSpecialPrice {
  font-size: 14px;
  font-weight: normal;
}

.famp .name {
  color: #555555;
  display: block;
  font-family: verdana;
  font-size: 11px;
  line-height: 13px;
  max-height: 40px;
  max-width: 250px;
  overflow: hidden;
}

.famp .name:hover {
  text-decoration: none;
}

.pls #stock-draw select {
  border: 0 none;
  border-radius: 2px 2px 2px 2px;
  min-width: 90px;
  width: auto;
}

p {
  margin:5px 0;
}

.novinky {
  margin-top: 50px;
}

#logo {
  height: 100px;
  left: 50px;
  position: absolute;
  top: -200px;
  width: 400px;
}

.novinky h3 {
  background: none repeat scroll 0 0 #D7DDDE;
  font-size: 12px;
  padding: 0 4px;
}

#oosmsg {
  display: none;
}

.checkout td {
    padding: 2px 3.5px;
}
input, select {
    padding: 3px;
}

.bodyall .full {
  background: url("/sfaf/catalog/images/new_design/kosik.png") no-repeat scroll 0 -57px transparent !important;
  color: #555 !important;
}

#kosikr {
  background: url("/sfaf/catalog/images/new_design/kosik.png") no-repeat scroll 0 -27px transparent;
  height: 27px;
  left: 25px;
  position: absolute;
  top: 40px;
  width: 31px;
  z-index: 11;
}

.pos:hover #kosikr,#kosikr:hover {
  background: url("/sfaf/catalog/images/new_design/kosik.png") no-repeat scroll 0 -57px transparent;
}

.cenak {
  color: #555555;
  font-family: verdana;
  font-size: 10px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 85px;
}

.polozek {
  color: #999999;
  font-family: verdana;
  font-size: 10px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 24px;
  width: 85px;
}

.slider {
  margin: 50px 0 0;
  position: relative;
  z-index: 1;
}

.slider .pas {
  background: url("/sfaf/catalog/images/new_design/slider.png") repeat scroll 0 0 transparent;
  border: 1px solid #999999;
  border-radius: 0 3px 3px 3px;
  clear: both;
  height: 270px;
  overflow: hidden;
  padding: 20px 10px 10px;
  position: relative;
  width: 750px;
  z-index: 10;
}

.slider h2 {
  background: url("/sfaf/catalog/images/new_design/slider.png") repeat scroll 0 0 transparent;
  border-radius: 3px 3px 0 0;
  color: #000;
  letter-spacing: 0.5px;
  padding: 5px 10px;
  position: relative;
  z-index: 11;    
  border: 1px solid #999;
  border-bottom: none;
  top: -4px;
  text-shadow: 1px 1px 1px #FFFFFF;
  font-variant: small-caps;
}

.slider h2 a:hover {
  color: #000;
}

.slider .pas .pas_p {
  float: left;
  height: 220px;
  margin-bottom: 100px;
  padding: 5px;
  width: 120px;
}      

.slider .pas .slider_m {
  left: 0;
  margin-left: 58px;
  position: absolute;
  text-align: center;
  top: 10px;
  z-index: 4;
}
.slider .l, .slider .r {
  background: url("/sfaf/catalog/images/new_design/slider.png") repeat scroll 0 0 transparent;
  color: #999999;
  cursor: pointer;
  font-size: 100px;
  padding: 50px 13px 125px;
  position: absolute;
  top: 25px;
  z-index: 11;
}
.slider .ll, .slider .rr {
  bottom: 90px;
  color: #999999;
  cursor: pointer;
  font-size: 40px;
  margin: -20px -20px -95px;
  padding: 20px 20px 95px;
  position: absolute;
  z-index: 12;
}
.slider .l:hover, .slider .r:hover, .slider .ll:hover, .slider .rr:hover {
  color: #333;
}
.slider .l {
  left: 1px;
  padding-right: 14px;
}
.slider .r {
  padding-left: 0;
  right: 0;
}
.slider .ll {
  left: 21px;
}
.slider .rr {
  right: 21px;
}
.slider img {
  margin: 0 auto;
}
.slider .pas .pas_i {
  background: none repeat scroll 0 0 #FFFFFF;
  display: table-cell;
  height: 180px;
  padding: 3px;
  vertical-align: middle;
  width: 120px;
}

.slider a:hover span, .slider a:hover p {
  background: #fff;
}
.slider span, .slider p {
  background: #eee;
}
.slider .pas_p > span {
  border-bottom: 1px dotted #DDDDDD;
  border-radius: 3px 3px 0 0;
  color: #555555;
  display: block;
  font-family: verdana;
  font-size: 11px;
  height: 41px;
  line-height: 41px;
  overflow: hidden;
  padding: 3px 5px;
  width: 116px;
}

.slider .pas_p > span > span {
  display: inline;
  line-height: 13px;
}

.slider .pas_p > span > span span {
  display: inline;
  line-height: 14px;
}

.slider a:hover span{
  color: #333;
}

.slider a:hover p  {
  color: #000;
}

.slider p {
  border-radius: 0 0 3px 3px;
  border-top: 1px dotted #DDDDDD;
  color: #333333;
  display: block;
  font-family: verdana;
  margin: 0;
  padding: 10px 0;
  position: relative;
  width: 126px;
  z-index: 1;
}
#footer {
  color: #555555;
  font-family: verdana;
  font-size: 12px;
  margin: 0 auto;
  min-height: 150px;
  padding: 20px 55px 10px;
  position: relative;
  text-align: left;
  width: 900px;
}
#fo {
  background: url("/sfaf/catalog/images/new_design/footer2.png") repeat-x scroll center 0 transparent;
  border-top: 3px solid #eee;
  margin-top: 10px;
}
#footer ul {
  float: left;
  height: 130px;
  list-style: none outside none;
  min-width: 150px;
  padding: 10px 37px;
}
#footer ul li {
  color: #EEEEEE;
  line-height: 150%;
  position: relative;
}
#footer .n {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  list-style: none outside none;
  margin-bottom: 5px;
  padding: 0 50px 0 0;
  position: static;
  text-shadow: 2px 2px 1px #EEEEEE, -2px -2px 1px #BABABA;
}
#footer ul li span {
  color: #555555;
}
#footer_bottom {
  border-top: 1px dashed #FFFFFF;
  clear: both;
  padding-top: 10px;
}
#footer a img {
  vertical-align: -3px;
}
#footer a {
  color: #555;    
}
#footer a:hover {
  color: #333;
  text-decoration: none;
  text-shadow: 1px 1px 1px #FFFFFF;
}
#nahoru {
  background: url("/sfaf/catalog/images/new_design/top.png") repeat-x scroll 0 0 transparent;
  display: block;
  height: 22px;
  margin: 5px -5px;
  width: 78px;
}
#poslibutn {
  margin-bottom: 7px;
}
.bub, #poslibutn {
  background: url("/sfaf/catalog/images/new_design/buy.png") repeat scroll 0 1px transparent;
  float: right;
  height: 25px;
  position: relative;
  top: 2px;
  width: 100px;
}
.bub:hover, #poslibutn:hover {
  background: url("/sfaf/catalog/images/new_design/buy.png") repeat scroll 0 -29px transparent;
} 
.bub:active, #poslibutn:active {
  background: url("/sfaf/catalog/images/new_design/buy.png") repeat scroll 0 -59px transparent;
}
#rss {
  background: url("/sfaf/catalog/images/new_design/rss.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 20px;
  margin-left: -1px;
  width: 70px;
}
#rss:hover {
  background-position: 0 -22px;
}
#rss:active {
  background-position: 0 -44px;
}
.pos:hover {
  background: #aaa !important;
}
.pos:hover .cenak, .pos:hover .polozek {
  color: #000;
  text-shadow: 0px 0px 2px #FFFFFF;
} 
#master {
  height: 50px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  z-index: 1;
}
#lista {
  background: url("/sfaf/catalog/images/new_design/lista.png") repeat scroll 0 0 transparent;
  height: 32px;
  left: 0;
  margin-left: -600%;
  padding: 0 600%;
  position: absolute;
  top: 0;
  z-index: 2;
}
#master div + div {
  font-family: verdana;
  font-size: 12px;
  margin: 0 auto;
  position: relative;
  width: 950px;
  z-index: 3;
  top: 7px;
}

.obl {
  float: left;
}
.prih {
  float: right;
}
#master a {
  color: #555;
}
#master a:hover {
  color: #000;
  text-decoration: none;
}
#lista span {
  padding: 8px 15px;
}

#ex {
  margin: 0 auto;
  padding: 0 65px;
  width: 1000px;
}

#hb {
  background: url("/sfaf/catalog/images/new_design/pozadi.jpg") no-repeat scroll center top transparent;
  height: 557px;
  left: -39px;
  position: absolute;
  top: -260px;
  width: 1115px;
  z-index: -1;
}

#nbo {
  margin: 0 auto;
  padding: 0 100px;
  position: relative;
  top: -260px;
  width: 1000px;
}

.shopping_prod {
  background: none repeat scroll 0 0 #DDDDDD;
  font: 12px verdana;
  padding: 10px 10px 5px;
}
.shopping_prod.odd {
    background: none repeat scroll 0 0 #EEEEEE;
}
.shopping_prod.th {
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    padding: 10px;
}
.shopping_prod.th span + span + span {
    margin-right: 0;
    position: relative;
}
.shopping_prod.th span + span + span + span {
  float: none;
  margin-left: 39px;
  margin-right: 0;
}
.shopping_prod.th span + span + span + span + span {
  margin-left: 23px;
}
.shopping_prod span {
    float: left;
    width: 400px;
}
.shopping_prod span + span {
    position: relative;
    text-align: right;
    top: -3px;
    width: 60px;
}
.shopping_prod span + span + span {
    float: left;
    position: static;
    text-align: right;
    width: 90px;
}

.shopping_prod span + span + span + span + span {
  margin-left: 25px;
  padding: 5px 0;
  position: relative;
  text-align: center;
  width: 50px;
}

.shopping_prod div {
    clear: both;
    font-size: 10px;
    font-style: italic;
    margin-left: 20px;
}


.HEADERDEF h1 {
  color: #b2a182;
  font-size: 20px;
  text-shadow: -1px -1px 2px #fff, 1px 1px 2px #333;
  color: #333;
}

.pageHeading h2 {
  text-shadow: none;
}

.boxText, .boxtext { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox, .errorbox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning, .stockwarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications, .productsnotifications { background: #f2fff7; }
.orderEdit, .orderedit { font-family : Verdana, Arial, sans-serif; font-size : 10px;}
.orderEdit:hover, .orderedit:hover {  
  text-decoration: underline;
}
.boldFont, .boldfont { font-weight : bold; }


table.prd1{
width:582px;
}

td.prd2{
width:532px;
}



.boldFont2, .boldfont2 { font-weight : bold; FONT-size:15px; 

padding:5px;
display:block;
}


.nazev{
width:100%;
background-color:#a7d2ff;
color:#fff;

}


table.productListing tr td.productListing-heading{
display:BLOCK;
height:0px;


}

.boldunderlineFont, .boldunderlinefont { font-weight: bold; text-decoration: underline; }
.strokedFont, .strokedfont { text-decoration: line-through; }

.strokedFont2, .strokedfont2 { text-decoration: line-through; 
font-size:10px;
color:#000;
}

.strokedFont3, .strokedfont3 {  
font-size:12px;
}


.pra{
font-size:20px;
font-weight:bold;
}


.prb{
font-size:15px;
font-weight:normal;
}

.str{
text-decoration: line-through; 
}


.blk{
color:#000;

}

.rd{
color:red;
}







td.rokvyd {
  font-size: 13px;
  padding-right: 2px;
  text-align: left;
  width: 45px;
}

.strokedFont3, .strokedfont3 { text-decoration: underline; }
.italicFont, .italicfont { font-style: italic; }
.encomicsautor { font-style: italic; }
.bolditalicfont { font-style: italic; font-weight: bold; }
.HEADERDEF {
  background: url("/sfaf/catalog/images/new_design/gray.png") repeat scroll 0 0 transparent;
  border-radius: 3px 3px 3px 3px;
  left: 4px;
  margin-left: 62px;
  padding: 20px 20px 0 112px;
  position: relative;
  text-align: left;
  width: 768px;
}
.HEADERDEF td {
  padding: 2px;
}

BODY {
  color: #000000;
  text-align: center;
}

A {
  color: #333;
  text-decoration: none;
}

A:hover {
  color: #000;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation {
  color: #FFFFFF;
}

A.headerNavigation:hover {
  color: #ffffff;
}

h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 display : inline;
 
}

h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 display : inline;
}

h3 {
  font-weight:bold;
  font-size: 11px;
  display: inline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #dedede;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  background: none repeat scroll 0 0 #BBC3D3;
  color: #FFFFFF;
  font-family: Verdana,Arial,sans-serif;
  font-size: 11px;
  font-variant: small-caps;
  font-weight: bold;
  padding: 4px 6px;
}
TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: url("/sfaf/catalog/images/new_design/gray2.png") repeat;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: none repeat scroll 0 0 #DDDDDD;
}

TABLE.productListing {
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
  padding:2px;
}

.productListing-heading2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
  padding:2px;
}


TD.productListing-data, TD.productlisting-data td {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #000;
}

A.pageResults:hover {
  color: #888;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-shadow: -1px -1px 2px #fff, 1px 1px 2px #333;
  color: #333;
}

TD.pageHeading span, DIV.pageHeading span {
  text-shadow: none;  
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.smallText2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 7px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
  font-size:11px;
  FONT-weight:bold;
  
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}


.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }



.active{
font-weight:bold;
color:#fff;
background-color:#B2A182;

}

.productListing-heading2:hover {
  text-decoration: none;
  color: #000;
}

.productListing-heading2 {
  padding: 3px;
}



.left{
padding-left:7px;
}

.right{
padding-right:10px;
}

.blk{

color:#000;}


.prr{
float:right;
margin-top:-20px;
}


.mmin{
margin-top:-20px;
}

.sklad_dostupnost_vypis_skladem{
color: green;
font-weight: bold;
font-size: 14px;
}

.sklad_dostupnost_vypis_neni{
color: red;
}

.sklad_dostupnost_info_skladem{
color: green;
font-weight: bold;
font-size: 18px;
display:block;
margin-top:5px;
}

.sklad_dostupnost_info_neni{
color: red;
font-size: 14px;
display:block;
margin-top:5px;
}




.date { font-family: Verdana, Arial, sans-serif; font-size: 15px;  }
.moreinf { font-family: Verdana, Arial, sans-serif; font-size: 10px; }


#diffShipping {
   vertical-align: -2px;
}

#outerImageContainer, #imageDataContainer {
   top: -128px;
   position: relative;
}

.boxText {
  padding: 3px;
}

.infoBoxContents table tr td {
  padding: 3px;
}

textarea {
  padding: 5px 3px;
  margin: 3px -3px 3px 3px; 
  width: 98%;
}

.pageHeading span {
  color: #999;
}

.cena {
  font-family: verdana;
  font-size: 14px;
}

.cena s {
  color: #999;
}

.cena span {
  font-size: 18px;
}

.recenze td {
  padding-bottom: 2px;
}

.recenze i {
  border-top: 1px dotted #BBBBBB;
  display: block;
  line-height: 20px;
  margin-top: 15px;
  padding-top: 3px;
}

td.messageStackSuccess {
  background-color: #EEEEEE;
  font-family: Verdana,Arial,sans-serif;
  font-size: 10px;
  padding: 10px;
}

#ch-nav {
  background: none repeat scroll 0 0 #EEEEEE;
  border-radius: 5px 5px 5px 5px;
  height: 50px;
  margin-bottom: 20px;
}

#ch-nav a {
  border-radius: 5px 5px 5px 5px;
  float: left;
  font-family: verdana;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  padding: 0 49px;
}

#ch-nav .a {
  background: none repeat scroll 0 0 #F9F9F9;
  font-weight: bold;
  position: relative;
}

#ch-nav .a span {
  background: url("/sfaf/catalog/sipka.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 13px;
  left: 20px;
  position: absolute;
  top: 47px;
  width: 26px;
}

#bezregistrace div, #ch_prihlaseni, #registrace {
  font-family: verdana;
  font-size: 12px;
}

#bezregistrace div h2, #ch_prihlaseni h2, #registrace h2 {
  background: none repeat scroll 0 0 #EEEEEE;
  border: 1px solid #AAAAAA;
  border-radius: 5px 5px 0 0;
  left: 5px;
  padding: 5px 5px 3px;
  position: absolute;
  top: -23px;
  border-bottom: 0 none;
  font-size: 12px;
  color: #555;
  z-index: 1;
}

#ch_prihlaseni, #registrace {
  background: none repeat scroll 0 0 #eee;
  height: 150px;
  margin-top: 30px;
  width: 49%;
  border-radius: 5px;
  border: 1px solid #AAAAAA;
  position: relative;
} 

#ch_prihlaseni p, #registrace p {
  padding: 10px;
  line-height: 150%;
  font-style: italic;
  color: #000;
}

#ch_prihlaseni table {
  font-size: 12px;
  margin: 20px 10px 5px;
}

#ch_prihlaseni input[type~='text'], #ch_prihlaseni input[type~='password'] {
  margin-left: 10px;
  padding: 5px;
  width: 120%;
}

#ch_prihlaseni input[type~='image'] {
  float: right;
  margin: 20px 10px; 
}

#ch_prihlaseni { 
  float: left;
}

#registrace {  
  float: right;
}

#bezregistrace {
  clear: both;
  min-height: 1250px;
  position: relative;
}

#bezregistrace div {
  background: none repeat scroll 0 0 #EEEEEE;
  min-height: 250px;
  left: 0;
  margin: 40px 0;
  position: absolute;
  top: 0;
  width: 745px;
  border-radius: 5px;
  border: 1px solid #AAAAAA;
  padding: 10px;
}

#bezregistrace table {
  margin: 0 auto;
}

#bezregistrace tr h3 {
  display: block;
  padding-top: 20px;
}

#e table {
  margin: 10px 0;
}

#e td {
  padding: 10px;
}

#infotext {
  background: none repeat scroll 0 0 #EEEEEE;
  border: 1px solid #BBBBBB;
  border-radius: 3px 3px 3px 3px;
  color: #555555;
  font-family: verdana;
  font-size: 11px;
  margin: 10px 0;
  padding: 7px;
}

#infotext img {
  margin-right: 8px;
  vertical-align: -8px;
  width: 25px;
}