html, body {font-size: 12px; font-family: Verdana, Arial, sans-serif; text-align: center; margin: 0; background: #FFFFFF url(/graphics/mainbg.png) repeat-x}
      form {margin-top: 0; margin-bottom: 0}
     
      
      a.img {margin: 0}
      a.img img {border: 0}
      a.img:hover {border: 0}
      
      .mozclear:after {content: '.'; height: 0; visibility: hidden; display: block; clear: both}
      .clear {clear: both}
      .center {text-align: center}
      
      p {margin-top: 0; padding-bottom: 0.3em; margin-bottom: 0; text-align: justify; text-indent: 1em}
      
      #quicknav {width: 772px; margin: auto; margin-top: 10px}
      #quicknav .links {float: left; padding-bottom: 1px}
      #quicknav .links a {color: #000000; padding-left: 30px; padding-right: 15px; background: url(/graphics/pin.png) no-repeat 5px 0px; height: 17px; display: inline-block; font-size: 12px; line-height: 17px; margin: 1px}
      #quicknav .user {float: right; font-size: 12px; padding-left: 17px; background: url(/graphics/user.png) no-repeat}
      #quicknav .user a {color: #000000; display: inline-block; margin: 1px}
      
      #menu {clear: both; width: 100%; height: 40px; border-collapse: collapse; background: url(/graphics/leftfade.png)}
      #menu td {color: #939393; font-size: 12px; padding: 0}
      #menu a {color: #939393; display: inline-block; padding: 2px; margin: 1px}
      #menu .left {width: 484px}
      #menu .middle {background: #FFFFFF url(/graphics/menumiddle.png); width: 82px}
      #menu .right {width: 206px; text-align: center}

      #quicknav a:hover,
      #menu a:hover {text-decoration: none; color: #000000; background-color: #EEEEEE; margin: 0; border: 1px solid #BBBBBB; display: inline-block}

      #logobar {background: #FFFFFF url(/graphics/topfade.png) repeat-x}
        #logo { float: left; marg_in-bottom: 2px; marg_in-bottom: expression('-1px')}
        #search {float: right; font-size: 11px; font-weight: bold; line-height: 23px; padding-top: 4px}
        #search a {display: inline-block; margin: 1px; color: #666666!important} /*???*/
        #search a:hover {margin: 0; text-decoration: none; color: #000000; background-color: #EEEEEE; border: 1px solid #BBBBBB}
        #search span {display: inline-block}
          input.phrase {width: 100px; font-size: 11px}
          select.where {width: 130px; font-size: 11px}
          span.phrase {width: 70px}
          span.where {width: 40px}
         #iconcol {position: absolute; left: 0; right: auto; top: 39px; width: 120px}
        #contentcol:after {content: '.'; height: 0; visibility: hidden; display: block; clear: both}
        #navcol {position: absolute; left: auto; right: 0; top: 39px; width: 149px}
        
        #navcol .subcats {text-align: left}
        #navcol .subcats a {margin-left: -3px; margin-right: -3px; padding-left: 3px; padding-right: 3px; color: black; border-top: 1px solid white; border-bottom: 1px solid white; display: block; padding-bottom: 3px}
        #navcol .subcats a.hilit,
        #navcol .subcats a:hover {background: #EEEEEE; text-decoration: none; border-color: #e4e4e4}
        /*#navcol .subcats a:first-letter {color: #BB0000; font-weight: bold}*/
        
        #contentcol {text-align: justify; margin-left: 130px; margin-right: 159px; margin-top: 15px; border-right: 2px dotted #E6E6E6; border-left: 2px dotted #E6E6E6; padding-bottom: 100px}
        #contentcol .panel {margin-right: -2px; position: relative; left: -1px}
        #contentcol a {color: black}
        #contentcol a:hover {background: #EEEEEE; text-decoration: none}

        #iconcol a {margin-left: -3px; margin-right: -3px; padding-left: 3px; padding-right: 3px; color: black; border-top: 1px solid white; border-bottom: 1px solid white; display: block; padding-bottom: 3px}
        #iconcol a.hilit,
        #iconcol a:hover {background: #EEEEEE; text-decoration: none; border-color: #e4e4e4}
        /*#iconcol a:first-letter {color: #BB0000; font-weight: bold}*/

      .panel {display:block; display: expression('inline-block');}
      .panel h3 {margin: 0; font-size: 12px; font-variant: small-caps; height: 29px; padding-left: 25px; line-height: 23px; background: url(/graphics/panelheading.png)}
      .panel h3 span {font-weight: normal; font-variant: normal; font-size: 11px}
      .panel .content {text-align: center; border: 1px solid #e4e4e4; border-top: 0 none; padding: 3px; font-size: 11px}
      .panel .content2 {padding: 5px; padding-bottom: 0}
      .panel .content3 {text-align: center; border: 1px solid #e4e4e4; margin-top: 1px; padding: 3px; font-size: 11px; l_ine-height: 20px}
      .panel .products {text-align: center}

      .o_dd {clear: left; float: left}
      .product {text-align: left; vertical-align: top; display: block; float: left; margin-top: -1px; width: 225px; margin-left: 5px; font-size: 12px; font-family: Arial Narrow, Verdana, sans-serif; 
               display: expression('inline'); float: expression('none')}
      .product h4 {margin: 0; border: 1px solid #e4e4e4; border-bottom: 2px solid #77b0de; padding-top: 1px}
      .product h4 span {border-bottom: 1px solid #e4e4e4; display: block; border-top: 1px solid #e4e4e4; background: #cee4f6; font-variant: small-caps; font-size: 13px; padding: 2px; padding-left: 12px; color: #216195}
     /* #contentcol .product h4 a:hover {background: #a0cdf0; width: 800px}*/
      .product .pcontent {border: 1px solid #e4e4e4; border-top: 0 none; padding: 5px; height: expression('1px')}
      .product .pcontent:after {content: '.'; height: 0; visibility: hidden; display: block; clear: both}
      .pcontent img {float: left; width: 90px; height: 100px}
      .pcontent h5 {margin-top: 0; margin-bottom: 0px; height: 30px}
      .pcontent h5 lab_el {text-overflow: ellipsis; height: 16px; overflow: hidden; display: inline-block; width: 180px}
      .pcontent p {margin-top: 0; mar_gin-bottom: 10px; height: 80px}
      .pcontent div {font-family: Verdana, Arial, sans-serif; font-weight: bold; clear: left; margin-left: 90px; height: 30px}
      .pcontent a img {width: 25px; margin-right: -5px; height: 25px; border: 0 none; float: none; position: relative; top: 8px; margin-top: -16px; display: inline-block}
      .price {height: 1px}
      .price .old {text-decoration: line-through}
      .price .new {color: #FF0000}
      .avail {text-align:right;float:right;}
      
      .i_newuser {background-image: url(/graphics/userblue.png);}
      .i_logout {background-image: url(/graphics/userred.png);}
      .i_basket {background-image: url(/graphics/basket.png);}
      .i_cancel {background-image: url(/graphics/cancel.png);}
      .i_stats {background-image: url(/graphics/stats.png); font-weight: bold; color: #FF0000!important}
      .i_phone {background-image: url(/graphics/phone.png);}
      .i_lock {background-image: url(/graphics/lock.png);}
      a.iconlink {background-repeat: no-repeat; background-position: left center; padding-left: 25px; display: block; border: 1px solid white; color: black; text-align: left; padding-top: 3px; padding-bottom: 3px}
      a.iconlink:hover {border-color: black; background-color: #EEEEEE}
      .hilight {background-color: #DFD}
      
      hr {border-bottom: 1px dashed #4e93cc; height: 0; border-top: 0 none}
      
      .heading {font-size: 90%; font-weight: bold; font-variant: small-caps}
      .required {f_ont-weight: bold}
      .minheight {min-height: 500px; hei_ght: expression('500px')}
      
      .params {width: 100%; margin-left: -5px; margin-right: -5px; border-collapse: collapse; border-top: 1px dashed #AAAAAA; margin-bottom: 8px; clear: left}
      .params td {border-bottom: 1px dashed #AAAAAA; padding: 3px; font-size: 11px}
      .params tr.over td {background: #DDDDDD}
      
      .accessories {width: 100%; margin-left: -5px; margin-right: -5px; border-collapse: collapse; margin-bottom: 8px; clear: left}
      .accessories th {font-size: 11px; text-align: right}
      .accessories td {border-bottom: 1px dashed #AAAAAA; border-top: 1px dashed #AAAAAA; padding: 3px; font-size: 11px}
      .accessories tr:hover td {background: #DDDDDD}

      table.akce {width: 100%; margin-left: -5px; margin-right: -5px; border-collapse: collapse; margin-bottom: 8px; clear: left}
      table.akce th {font-size: 11px; text-align: left; padding: 3px 10px; }
      table.akce td {border-bottom: 1px dashed #AAAAAA; border-top: 1px dashed #AAAAAA; padding: 3px 10px; font-size: 11px}
      table.akce tr:hover td {background: #DDDDDD}
      table.akce .number {text-align: right}
      
      .p_price {width: 100%; margin-left: -5px; margin-right: -5px; border-collapse: collapse; border-top: 1px dashed #AAAAAA; margin-top: 8px; clear: left}
      .p_price td {border: 1px dashed #AAAAAA; padding: 3px; font-size: 12px}
      .p_price .c1 {text-align: left; border-left: 0 none}
      .p_price .c2 {text-align: center}
      .p_price .c3 {text-align: right; border-right: 0 none}
      .p_price tr.over td {background: #DDDDDD}
      
      .basket {width: 100%; margin-left: -5px; margin-right: -5px; border-collapse: collapse; margin-bottom: 8px; clear: left}
      .basket th {border-bottom: 1px solid #555555; font-size: 12px; font-variant: small-caps}
      .basket td {border-bottom: 1px dashed #AAAAAA; padding: 3px; font-size: 12px}
      .basket tr.over td {background: #DDDDDD}
      .basket a.button {font-size: 17px}
      .basket .pricecol {text-align: right; white-space: nowrap}
      .basket .vtop {vertical-align: top}
      
      h1 {font-size: 17px; font-variant: small-caps}
      h2 {font-size: 16px}
      li {font-size: 12px}
      td {font-size: 12px}
      
      #contentcol a.button {border: 1px solid black; background: #DDDDDD; text-decoration: none}
      #contentcol a.button:hover {border: 1px solid black; background: #000000; color: #FFFFFF}
      
      .compare {margin-top: 12px; padding-bottom: 12px; clear: left; text-align: center}
      .error {margin-top: 5px; margin-bottom: 5px; color: #CC0000; font-weight: bold; text-align: center}
      .ok {margin-top: 5px; margin-bottom: 5px; color: #00BB00; font-weight: bold; text-align: center}
      .orderok {font-size: 20px; text-align: center; text-indent: 0}
      
      .newsheading {font-size: 120%; font-weight: bold; text-align: center; margin-top: 0; margin-bottom: 5px}

      .order_payment, .order_delivery, .order_bank_account {width: 300px; display: block; float: left; display: expression('inline'); float: expression('none'); text-align: left; vertical-align: top}


      table.itemlist {border: 1px solid #AAAAAA; border-collapse: collapse; margin-top: 1em; text-align: center}
      table.itemlist tr.hilit {background: #DDDDDD}
      table.itemlist th {font-size: 12px; border: 1px solid #AAAAAA; padding: 0.4em; color: #000000; background: #DDDDDD}
      table.itemlist th a {color: #440000}
      table.itemlist th a:hover {color: #AA0000 !important}
      table.itemlist td {font-size: 12px; border: 1px solid #AAAAAA; padding: 0.4em}
      
      img.sortup {border: 0 none; width: 10px; height: 10px; background: #440000 url('/images/up.gif')}
      a:visited img.sortup {background: #883300 url('/images/up.gif')}
      a:hover img.sortup {background: #AA0000 url('/images/up.gif')}
      
      img.sortdown {border: 0 none; width: 10px; height: 10px; background: #440000 url('/images/down.gif')}
      a:visited img.sortdown {background: #883300 url('/images/down.gif')}
      a:hover img.sortdown {background: #AA0000 url('/images/down.gif')}
      
      input.price {width: 70px; height: 20px; text-align: right}
      input.price_discount {width: 70px; height: 20px; text-align: right}
      
      
      
      .vhlavicka {position: relative; width: 100%; margin: 0px; padding: 0px; text-align: center; background: #FFFFFF url(/graphics/topfade.png) repeat-x}
      .vhlavicka:after {content: '.'; height: 0; visibility: hidden; display: block; clear: both}
      
      input { z-index: 1}
      select {z-index: 1}


        .prodnav {position:relative; z-index:100; margin-top: 2px; clear: both; padding-left: 1px; zoom: 1; background: #cee4f6; border-bottom: 2px solid #4589c1; font-variant: small-caps; font-size: 12px; text-align: right; mar_gin-bottom: -17px}
  	.prodnav a            {text-decoration: none; background: #cee4f6; border: 0; float: left; font-variant: small-caps; font-weight: bold; padding: 4px 4px 3px 4px; color: #000000; padding-left: 10px; padding-right: 10px; }
        .prodnav a.hilit,
        .prodnav a:hover      {background: url(/graphics/navbg.png)}
        .prodnav a.akce       {background: url(/graphics/akce.png) no-repeat -150px 0px; padding: 18px 8px 17px 50px; position: relative; top: -15px; margin-bottom: -28px}
        .prodnav a.akce:hover {background: url(/graphics/akce.png) no-repeat 0px 0px}
        .prodnav div          {height: 21px; overflow: hidden; line-height: 21px}
        .prodnav:after        {content: '.'; height: 0; visibility: hidden; display: block; clear: both}
        .prodnav ul           {padding: 0; margin: 0; list-style-type: none; list-style: none; }
        .prodnav ul li        {float: left;}
	.prodnav ul.sub       {margin-top: 20px; visibility: hidden; position: absolute; z-index:10; width: 212px; background: #cee4f6; clear: left;}
	.prodnav ul.sub li    {padding: 0; margin: 0; float: left; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;  border-collapse: collapse;  text-align: left; padding: 4px 6px 3px 6px}
	.prodnav ul.sub a     {margin: 0px; padding: 0px; font-weight: normal; width: 200px; display: block}
        .prodnav li.main.hover ul.sub {visibility: visible; }


        .topnav {position:relative; z-index:101; margin-top: 2px; clear: both; padding-left: 1px; zoom: 1; font-variant: small-caps; font-size: 12px; text-align: right; mar_gin-bottom: -17px}
        .topnav a             {text-decoration: none; border: 0; float: left; font-variant: small-caps; font-weight: bold; padding: 4px 4px 3px 4px; padding-left: 10px; padding-right: 10px; }
        .topnav a.hilit,
        .topnav a:hover       {text-decoration: none; color: #000000; background-color: #EEEEEE;}
        .topnav div           {height: 21px; overflow: hidden; line-height: 21px}
        .topnav:after         {content: '.'; height: 0; visibility: hidden; display: block; clear: both; border:0}
        .topnav ul            {padding: 0; margin: 0; list-style-type: none; list-style: none; }
        .topnav ul li         {float: left;}
        .topnav ul.sub        {margin-top: 20px; visibility: hidden; position: absolute; z-index:10; width: auto; background: #fafafa; clear: left;}
	.topnav ul.sub li     {padding: 0; margin: 0; float: left; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;  border-collapse: collapse;  text-align: left; padding: 4px 6px 3px 6px}
        .topnav ul.sub a      {margin: 0px; padding: 0px; font-weight: normal; width: 200px; display: block}
        .topnav li.main.hover ul.sub {visibility:visible; }

        .topnav li.submain.hover ul.subsub {visibility: visible; z-index: 95; background-color: #fafafa; height: auto; margin-bottom: 20; margin-right: auto; float: left; clear: left}
	.topnav li.submain ul.subsub {margin-left: auto; width: auto; margin-right: auto; height: auto; margin-bottom: auto; position: absolute; visibility: hidden; z-index: 95;}
	.topnav li.submain.hover ul.subsub a {background-color: #fafafa; width: auto; display: block;}


#blanket {
   background-color:#111;
   opacity: 0.65;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
}
#popUpDiv {
	position:absolute;
	background-color:#eeeeee;
	width:750px;
	height:400px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
        border:2px solid #222;
}
#pophead {
        height:27px; 
        min-height:27px;
        background-color:#222;
        color: #999;
}
#poptext {

}

.poplink a {
        text-decoration: none;
        font-weight:bold;
        color: #0cff00;
        font-size: 15px;
}
.popredlink a, .popredlink a img {
        text-decoration: none;
        color: orange;
        border:none;
}