/* Common */
FORM {margin: 0}
SELECT, INPUT, TEXTAREA {font: 11px "Tahoma", sans-serif;}
IMG {border: 0; margin: 0;}
H1 {margin: 0;}

H1 A {width: 130px; margin: 85px 0 0 20px; height: 30px; display: block}
H1 A:hover {text-decoration: none}
H1 SPAN {visibility: hidden}
H2 {margin: 0 0 10px; font-size: 16px; color: #1971b8}
H3 {margin: 18px 0 2px 0; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif;}
H4 {display: block; font-size: 18px; margin: 8px 0 7px; color: #bc0113;  font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; }

A {text-decoration:none; color:#1971b8}
A:hover {text-decoration:underline;}

A.shopping {text-decoration:underline; color:#af2d00}
A.shopping:visited {text-decoration:underline; color:#af2d00}
A.shopping:hover {text-decoration:underline; color: #af2d00}

A.scnd {text-decoration:none; color:#1971b8;}
A.scnd:hover {text-decoration:underline;}

.cart {width: 60px; height: 16px; display: block; background: url('../img/cart.gif') no-repeat right; padding-top: 1px}

OL {margin: 0 10px 0 28px; padding: 7px 0 17px}

.shadow {background: #ffffff url('../img/shadow.gif') repeat-x; height: 5px; font-size: 1px;}
.break {font-size: 1px; height: 1px; visibility: hidden; clear: both;}
.break-dotted {font-size: 1px; height: 1px; clear: both; background: url('../img/tabular-bg.gif') repeat-x bottom; }
.spacer {height: 8px}
.toLeft {float: left;}
.toRight {float: right;}
.tabular TD {padding: 5px 5px 5px 10px; font-size: 12px; background: url('../img/tabular-bg.gif') repeat-x bottom;}
.tabular-2 TD {padding: 5px 5px 5px 10px; font-size: 12px;}
.tabular-sm {margin: 12px 5px 15px}
.tabular-sm TD {padding: 5px 5px 5px 10px; background: #ffffff url('../img/tabular-bg.gif') repeat-x bottom;  font-size: 11px}
.focus {color: #0000ff}



/* Page */
#page {text-align: left; width: 862px; background: #ffffff; padding: 20px 0 40px 23px;}
#page .leftCol {float: left; width: 184px;}
#page .middleCol {float: left; width: 478px; margin-left: 15px}
#page .rightCol {float: left; width: 167px; margin-left: 15px}
#page .mergedCol {float: left; width: 660px; margin-left: 15px}

#page .yellow-sm-header {background: #ffe6a3 url('../img/yellow-sm-bg.gif') repeat-x; border: 2px solid #ffe08f; width: 180px; height:18px;}
#page .yellow-lg-header {background: #ffe6a3 url('../img/yellow-lg-bg.gif') repeat-x; border: 2px solid #ffe08f; width: auto; height:26px;}
#page .blue-sm-header {background: #cfe9f5 url('../img/blue-sm-bg.gif') repeat-x; border: 2px solid #c3e3f3; width: auto; height:18px;}
#page .blue-lg-header {background: #cfe9f5 url('../img/blue-lg-bg.gif') repeat-x; border: 2px solid #c3e3f3; width: auto; height:26px;}
#page .yellow-bg {background: #fffaf1; padding: 0 10px}
#page #login {background: #f0f0f0 url('../img/login-bg.gif') repeat-x; width: 170px; height: 50px; padding: 7px}
#page .category {background: url('../img/category-bg.gif') no-repeat; width: 135px; height: 22px; padding: 7px 0 0 25px; font-size: 12px}
#page .nodot {background: url('../img/category-nodot-bg.gif') no-repeat;}
#page .vypis-2-bg {background: url('../img/vypis-2-bg.gif') repeat-y;}
#page #novinky {width: 228px; float: left; background: url('../img/novinky.gif') no-repeat top; padding-top: 43px}
#page #novinky_long {width: 478px; float: left; background: url('../img/novinky_long.gif') no-repeat top; padding-top: 43px}
#page #predobjednavky {width: 228px; float: right; background: url('../img/predobjednavky.gif') no-repeat top; padding-top: 43px}
#page #neprehlednete-nadpis {width: 167px; height: 40px; background: url('../img/neprehlednete.gif') no-repeat;}
#page #neprehlednete-telo {width: 159px; padding-left: 4px; border-left: 2px solid #c3e3f3; border-bottom: 2px solid #c3e3f3; border-right: 2px solid #c3e3f3; background: #cfefff}
#page #neprehlednete-cena {float: left; padding: 6px 5px 5px 15px; width: 20%; font-size: 12px}
#page #neprehlednete-koupit {float: right; padding: 5px 15px 5px 5px; width: 40%; font-size: 12px}

#page #reklama468x60 {padding-left: 4px; margin: 15px 0 25px}
#page #next {float: right; padding: 10px 5px 0 0;}
#page .switcher {float: right; padding: 4px 3px 0 0;}
#page .numbers {float: right; padding: 8px 3px 0 0; font-size: 12px; width: 30%; text-align: right}
#page .pages {float: left; padding: 8px 3px 0 0; font-size: 12px; width: 65%; }
#page .leftOne {float: left; padding: 4px 3px 0 0; font-size: 12px; width: 49.2%;}
#page .rightOne {float: left; padding: 4px 3px 0 0; font-size: 12px; width: 49.2%;}
#page .detail-left {float: left; padding: 4px 3px 0 0; font-size: 12px; width: 235px; text-align: center}
#page .detail-right {float: right; padding: 4px 3px 0 0; width: 400px; text-align: left}
#page #buyOrBack {margin: 0 2px 0 0; text-align:center;}

/* Footer */
#footer {width: 853px; height: 33px; color:#000000; background: #f2f2f2 url('../img/footer-bg.gif') repeat-x top left; padding: 8px 2px; margin-left: 25px; text-align: center;}
#footer .nav {margin: 0 auto; width: 520px;}
#footer .nav .break {height: auto;}
#footer .nav ul {margin: 0 0 0 15px; padding: 0; list-style-type: none; white-space: nowrap;}
#footer .nav ul li {white-space: nowrap; margin: 0; padding: 0 0 5px 10px; float: left; color: #ff7e00}
#footer .nav ul li a {color: #333333; text-decoration:underline;}
#footer .nav ul li a:hover {text-decoration:underline;}
#footer a.grey {color: #666666; text-decoration:underline;} 

/* Sunware style area */

/* Info o userovi v levem sloupci */
#page #userinfo {background: #f0f0f0 url('../img/login-bg-2.gif') repeat-x; width: 170px; height: 56px; padding: 7px}
#page #userinfo li { margin: 0px; padding: 0px; }
#page #userinfo ul { margin: 0px; padding: 5px 0px 0px 20px; }

/* Kosik */
#basket_table tr.head td { padding: 5px 7px 5px 7px; font-size: 12px; font-weight:bold; background: url('../img/tabular-bg.gif') repeat-x bottom; }
#basket_table tr.line td { padding: 5px 7px 5px 7px; font-size: 12px; background: url('../img/tabular-bg.gif') repeat-x bottom; }
#basket_table tr.last_line td { padding: 5px 7px 5px 7px; font-size: 12px; font-weight:bold; }
#basket_table tr.line td input { width: 40px; border: 1px solid #999999; text-align: right; padding: 2px; }

ol.pokladna_step { margin: 0px 0px 0px 30px; }
ol.pokladna_step li.active { color:#af2d00; }
ol.pokladna_step li.gray { color:#888888; }
ol.pokladna_step li.prev { color:#000000; }

.second_price { color:#ee0000; font-weight:bold; margin-top:3px; }