/****** GLOBAL ******/

* {
margin:0;
padding:0
}

body {
line-height:1.6em;
color:#000;
text-align:center;
background-color:#E7E7E7;
background-image:url("/images/bg-grad.png");
background-position:top;
background-repeat:repeat-x;
background-attachment:fixed;
}

body, input, select, textarea, table { 
font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
}

h1, h2, h3, h4 { 
margin:0 0 0.2em 0;
font-size:180%;
color:#B01495;
line-height:1.2em;
font-family:Tahoma, Geneva, sans-serif
}

h2 { 
font-size:150%;
}

h3, h4, h5 { 
font-size:120%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
}

h4, h5 { 
font-size:110%;
color:#000
}

h5 { 
font-size:100%;
}

p { 
margin:0 0 1em 0;
}

ul, ol {
margin:0 0 1em 0;
padding:0 0 0 1.3em;
list-style:square;
line-height:1.5em
}

ol {
list-style:decimal;
padding:0 0 0 1.5em;
line-height:1.6em
}

li {
padding:0;
margin:0;
}

ul.col {
padding:0;
margin:0;
}

ul.col li {
line-height:1.4em;
padding-left:12px;
margin:0;
list-style-type:none;
background:url("/images/arrow-list.gif") 0 4px no-repeat;
}

a:link, a:visited { 
color:#B01495;
}

a:hover { 
color:#9C0
}

img { 
border:none
}

table {
margin:0 0 1.5em 0;
table-layout:fixed;
}

tr {
background-color:#FFF
}

tr.odd {
background-color:#F0F0F0
}

tr.even {
background-color:#F9F9F9
}

th {
padding:0.2em; 
background-color:#DFDFDF
}

td {
padding:0.2em; 
}

/* platba a doprava */

table.pay-del { 
background-color:#CCC
}

table.pay-del td { 
padding:10px
}

table.pay-del td.radio { 
width:40px;
padding:10px 0;
text-align:center;
}

table.pay-del td.radio input {
margin:0 auto;
}

table.pay-del h4 { 
color:#000;
font-size:100%;
margin-bottom:0
}

table.pay-del p { 
margin:0;
line-height:1.2em
}

/* tabulka na formul�re */

table.forms { 
background-color:#CCC
}

table.forms td { 
padding:5px;
background-color:#F9F9F9
}

table.forms td.label { 
width:25%;
background-color:#F0F0F0
}

label { 
font-weight:bold
}

input.text { 
width:250px;
margin:0;
padding:2px;
font-size:90%
}

/* LAYOUT */

#page {
width:1000px;
text-align:left;
margin:0 auto;
background-color:#FFF
}

#logos, #head, #main, #foot {
width:1000px;
position:relative;
margin:0;
padding:0
}

#logos {
background-color:#212121;
text-align:center;
padding:20px 0
}

#head {
height:130px;
background:#FFF url("/images/head.jpg") 200px 0 no-repeat;
}

#head h1 {
width:580px;
position:absolute;
top:10px;
left:210px;
display:none
}

#main {
/*background-color:#FFF;*/
}

#foot {
padding:15px 0;
background:#C9C9C9 url("/images/path.png") right repeat-y;
}

#foot p {
line-height:1.3em;
margin:0 0 0 215px;
color:#333
}

#foot p a {
text-decoration:none;
}

#foot p a:hover {
text-decoration:underline;
color:#B01495
}

#left, #cont, #right {
width:200px;
margin:0;
padding:0;
border:0;
float:left
}

#cont {
width:800px;
}

#right {
width:200px;
float:right
}

/* BOXES */

.case {
margin:0;
padding:10px
}

.case-row {
position:relative
}

.advice, .warning {
padding:10px;
border:#E0DCBF 1px solid;
text-align:center;
margin:10px 0
}

.warning {
border:#F00 1px solid;
color:#F00
}

.clean-b, .clean-l {
clear:both;
visibility:hidden;
font-size:1px;
height:0;
border:none;
margin:0;
padding:0;
}

.clean-l {
clear:left;
}

.float-l {
float:left
}

.float-r {
float:right
}

#logo {
width:200px;
height:130px;
position:absolute;
top:0;
left:0;
}

#logo img {
border:none
}

#path {
padding:0 10px;
background:url("/images/path.png") 0 0 no-repeat;
line-height:40px;
overflow:hidden;
height:40px
}

#path a {
text-decoration:none;
}

#path a:hover {
text-decoration:underline;
color:#B01495
}

#left img, #right img {
margin:0 0 1em 0;
border:0
}

#left h4, #left h2, #right h4 {
display:block;
margin:0;
padding:0 10px;
background:url("/images/colhead.png") 0 0 no-repeat;
font-size:100%;
line-height:30px;
color:#FFF
}

#left p, #right p {
line-height:1.3em
}

#shoptitle {
position:absolute;
top:133px;
left:0;
display:block;
width:1000px;
height:27px;
line-height:27px;
background-color:#212121;
text-align:center
}

#shoptitle strong {
font-size:90%;
line-height:27px;
margin:0;
color:#B01495
}

#shoptitle span {
color:#FFF
}

/* BANNER UVOD */

#banner {
height:177px;
background: url("/images/home.jpg") 0 0 no-repeat;
padding:10px
}

#banner h2 {
font-size:100%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom:0.6em;
color:#FFF;
line-height:1.4em
}

#banner ul {
line-height:1.4em
}

/*BANNER SLIDESHOW*/

#banner1, #banner2, #banner3 {
height:190px;
width:780px;
background: url("/images/slideshow/banner-obleceni.png") 0 0 no-repeat;
padding:0;
margin:0 0 10px 0
}
#banner2 {
background: url("/images/slideshow/banner-parfemy.png") 0 0 no-repeat;
}
#banner3 {
background: url("/images/slideshow/banner-sport.png") 0 0 no-repeat;
}

#banner1 h2, #banner2 h2, #banner3 h2 {
font-size:20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin-left:260px;
padding-top:20px;
color:#9C0;
}

#banner1 p, #banner2 p, #banner3 p {
margin-left:260px;
margin-right:40px;
font-size:13px;
line-height:1.2em;
color:#CCC
}

#banner1 strong, #banner2 strong, #banner3 strong {
color:#9C0
}

/* LOGOS */

#logos a {
display:inline-block;
width:88px;
height:53px;
border:none;
text-decoration:none;
margin:0 1px
}

#logos a:hover img {
visibility:hidden
}

a.logo1 {
background:url("/images/logos/lonsdale-over.png") 0 0 no-repeat;
}

a.logo2 {
background:url("/images/logos/everlast-over.png") 0 0 no-repeat;
}

a.logo3 {
background:url("/images/logos/nofear-over.png") 0 0 no-repeat;
}

a.logo4 {
background:url("/images/logos/abercrombie-over.png") 0 0 no-repeat;
}

a.logo5 {
background:url("/images/logos/adidas-over.png") 0 0 no-repeat;
}

a.logo6 {
background:url("/images/logos/umbro-over.png") 0 0 no-repeat;
}

a.logo7 {
background:url("/images/logos/reebok-over.png") 0 0 no-repeat;
}

a.logo8 {
background:url("/images/logos/guess-over.png") 0 0 no-repeat;
}

a.logo9 {
background:url("/images/logos/nike-over.png") 0 0 no-repeat;
}

a.logo10 {
background:url("/images/logos/puma-over.png") 0 0 no-repeat;
}

a.logo11 {
background:url("/images/logos/hollister-over.png") 0 0 no-repeat;
}

/* CALL ME */

#callme {
position:absolute;
top:10px;
left:580px;
z-index:1;
width:190px;
height:75px;
background:url("/images/callme.png") 0 5px no-repeat;
text-align:center;
font-weight:bold
}

#callme .text, #callme .tel, #callme .time {
position:absolute;
top:4px;
left:64px;
width:120px;
height:15px;
line-height:15px;
font:Arial, Helvetica, sans-serif;
/*background-color:#CCC*/
}

#callme .tel {
top:27px;
font-size:130%;
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
height:20px;
line-height:20px
}

#callme .time {
top:59px;
}

/* ANKETA */

#anketa {
position:relative;
width:180px;
margin:0 0 10px 0;
padding:0;
font-size:95%
}

#anketa div.reply {
position:relative;
height:25px;
margin-bottom:10px
}

#anketa div.votebar {
position:relative;
height:15px;
margin-bottom:5px
}

#anketa div.vote {
position:absolute;
top:0;
left:0;
}

#anketa div.score {
position:absolute;
top:0;
right:0
}

#anketa div.chart {
height:5px;
width:100%;
padding:0;
margin:0;
background-color:#CCC;
line-height:5px;
}

#anketa div.indicator {
width:0%;
height:5px;
background-color:#B01495;
}

#anketa a {
border:0;
text-decoration:none;
font-weight:bold
}

#anketa a:link, #anketa a:visited {
text-decoration:none;
}

#anketa a:hover {
text-decoration:none;
color:#FF0000
}

#anketa p {
margin:0;
padding:7px 0;
}

/* VYHLEDÁVÁNÍ */

#search {
margin:0;
padding:0;
width:200px;
height:40px;
background-color:#C9C9C9;
position:relative
}



/* KATALOG TREE */

/* switch */

.switch {
margin:10px 0 0 0;
padding:0;
width:200px;
height:22px;
position:relative
}

#bycat, #byprod {
margin:0;
padding:0;
width:99px;
height:22px;
line-height:22px;
display:block;
background-color:#999;
background:url("/images/switch.png") 0 0 no-repeat;
color:#FFF;
text-align:center;
font-size:90%;
text-decoration:none;
position:absolute;
top:0px;
left:0
}

#byprod {
left:101px;
}

#bycat:hover, #byprod:hover {
text-decoration:underline
}

#bycat.active, #byprod.active {
background:url("/images/switch-act.png") 0 0 no-repeat;
}

#bycat.active:hover, #byprod.active:hover {
text-decoration:none
}

/* level 1 */

ul.tree {
margin:0 0 10px 0;
padding:0;
width:200px;
line-height:22px;
}

ul.tree li {
margin:1px 0;
padding:0;
width:100%;
list-style:none;
background:none
}

ul.tree li a {
margin:0;
padding:0 0 0 18px;
width:182px;
_width:200px;
height:22px;
display:block;
font-size:90%;
text-decoration:none;
}

ul.tree li a:link, ul.tree li a:visited {
background:#58595B url("/images/tree-lev1.png") 5px 8px no-repeat;
color:#B3B5B9;
}

ul.tree li a:hover {
background:#6F7072 url("/images/tree-lev1.png") 5px 8px no-repeat;
color:#FFF 
}

ul.tree li a.active, ul.tree li a.active:hover {
background:#58595B url("/images/tree-lev1-rot.png") 5px 8px no-repeat; 
color:#FFF
}

/* level 2 - level 3 - level 4 */

ul.tree ul, ul.tree ul ul, ul.tree ul ul ul {
margin:0;
padding:0;
}

ul.tree ul li, ul.tree ul ul li, ul.tree ul ul ul li {
margin:0;
padding:0;
}

ul.tree ul li a, ul.tree ul ul li a, ul.tree ul ul ul li a {
display:block;
margin:0;
padding:0 0 0 25px;
width:175px;
_width:200px;
height:20px;
font-size:90%;
font-weight:bold;
overflow:hidden
}

ul.tree ul ul li a {
padding:0 0 0 32px;
width:168px;
_width:200px;
}

ul.tree ul ul ul li a {
padding:0 0 0 39px;
width:161px;
_width:200px;
}

ul.tree ul li a:link, ul.tree ul li a:visited, ul.tree ul ul li a:link, ul.tree ul ul li a:visited, ul.tree ul ul ul li a:link, ul.tree ul ul ul li a:visited {
background:url("/images/tree-lev2.png") 12px 6px no-repeat;
color:#000
}

ul.tree ul ul li a:link, ul.tree ul ul li a:visited {
background:url("/images/tree-lev3.png") 19px 6px no-repeat;
}

ul.tree ul ul ul li a:link, ul.tree ul ul ul li a:visited  {
background:url("/images/tree-lev3.png") 26px 6px no-repeat;
}

ul.tree ul li a:hover, ul.tree ul ul li a:hover, ul.tree ul ul ul li a:hover {
background:url("/images/tree-lev2.png") 13px 6px no-repeat;
color:#B01495 
}

ul.tree ul ul li a:hover {
background:url("/images/tree-lev3.png") 20px 6px no-repeat;
}

ul.tree ul ul ul li a:hover {
background:url("/images/tree-lev3.png") 27px 6px no-repeat;
}

ul.tree ul li a.active, ul.tree ul ul li a.active, ul.tree ul ul ul li a.active {
color:#B01495
}

ul.tree ul li a.active:hover, ul.tree ul ul li a.active:hover, ul.tree ul ul ul li a.active:hover {
background:url("/images/tree-lev2.png") 13px 6px no-repeat;
color:#B01495
}

ul.tree ul ul li a.active:hover {
background:url("/images/tree-lev3.png") 20px 6px no-repeat; 
}

ul.tree ul ul ul li a.active:hover {
background:url("/images/tree-lev3.png") 27px 6px no-repeat; 
}

/* MENU */

#menu {
position:absolute;
top:100px;
right:0;
z-index:3;
width:800px;
height:30px;
list-style-type:none;
background:url("/images/lista-black-trans75.png") 0 0 no-repeat;
}

ul.menu {
line-height:30px;
text-align:center;
padding-left:0;
font-weight:bold
/*background:url("/images/arrow-menu.png") 0 7px no-repeat;*/
}

ul.menu li {
line-height:30px;
padding:0 20px 0 15px;
margin:0;
display:inline;
border-right:#9C0 1px solid
/*background:url("/images/arrow-menu.png") 0 7px no-repeat;*/
}

ul.menu li a {
color:#9C0
}

ul.menu li:hover {
/*background:url("/images/arrow-menu.png") 0 7px no-repeat;*/
}

/* LOGIN */

#nav {
position:absolute;
top:0;
right:0;
width:201px;
height:25px;
}

#nav a.log, #nav a.reg {
width:100px;
height:30px;
display:block;
position:absolute;
top:0;
left:101px;
text-align:center;
line-height:30px;
color:#FFF;
background:url("/images/tab-logreg.png") 0 -30px no-repeat;
text-decoration:none
}

#nav a.reg {
top:0;
left:0;
background:url("/images/tab-logreg.png") 0 -30px no-repeat;
}

#nav a.log:hover, #nav a.reg:hover {
color:#FFF;
background:url("/images/tab-logreg.png") 0 0 no-repeat;
text-decoration:none
}

/* INFORMACE O NÁKUPU */

#purchase {
position:absolute;
top:35px;
right:5px;
width:190px;
height:60px;
line-height:1.3em;
/*background-color:#EEE;*/
font-size:95%
}

#purchase a {
font-weight:bold
}

#purchase img {
position:absolute;
top:58px;
left:72px;
border:none;
display:none
}

/* VLAJKY CZ-SK */

img.flag-cz, img.flag-sk {
position:absolute;
top:5px;
left:5px;
z-index:4;
border:none
}

img.flag-sk {
left:45px;
}

/* VYROBCI UVOD */

#topproducers {
margin:0 0 10px 0;
padding:10px;
line-height:1.2em;
}

#topproducers div {
position:relative;
padding:0;
margin-bottom:5px;
border-bottom:#999 1px dashed
}

#topproducers ul {
margin:0 0 0 60px;
padding:0 0 5px 0;
list-style-type:none;
display:inline-block;
font-size:90%
}

#topproducers li {
display:inline
}

#topproducers h3 {
margin:0 0 0 60px;
color:#000
}

#topproducers img {
position:absolute;
top:2px;
left:0;
}

/* POPIS VYROBCE */

p.about {
padding:10px;
margin:0;
border:#CCC 1px solid;
}

p.about img{
float:left;
margin:0 5px 0 0
}

/* AKTUALITY */

#news {
margin:0 0 10px 0;
padding:0;
background:#F6F6F6;
border:#CCC 1px solid
}

#news .scroll {
/*height:180px;
overflow:auto;
margin-right:350px;*/
padding:3px;
background:#F6F6F6;
border:#CCC 1px solid
}

#news h3 {
font-size:110%;
line-height:1.2em
}

#news p {
margin:0 0 5px 0;
padding-bottom:5px;
text-align:justify;
line-height:1.4em;
border-bottom:#666 1px dotted
}

#news a {
text-decoration:none
}

#news .date {
font-weight:bold;
font-size:95%
}

/* VYROBCI, PODKATEGORIE, ZPETNE ODKAZY */

#producers, #backlinks, #subcat {
padding:10px;
margin:0;
border:#CCC 1px solid;
font-size:90%
}

#backlinks {
border:none;
color:#000;
margin:10px 15px 0 215px;
padding:0
}

#producers ul, #backlinks ul {
padding:0;
margin:0;
}

#backlinks ul {
/*text-align:center;*/
margin:0
}

#producers ul li, #backlinks ul li {
padding:0;
margin:0;
display:inline;
}

#backlinks ul li a:link, #backlinks ul li a:visited {
color:#666;
text-decoration:none
}

#backlinks ul li a:hover {
text-decoration:underline
}

/* PODKATEGORIE */

#subcat {
padding:10px 10px 0 10px;
margin:0;
border:#CCC 1px solid;
border-top:none;
font-size:110%;
font-weight:bold
}

#subcat .col-l, #subcat .col-r, #subcat .col-m {
width:250px;
float:left;
margin:0;
padding:0;
overflow:hidden
}

#subcat .col-r {
float:right
}

#subcat ul {
padding-left:10px
}

#subcat .col-l ul li, #subcat .col-r ul li, #subcat .col-m ul li {
background:url("/images/subcat.png") 0 -19px no-repeat;
list-style:none;
padding-left:15px
}

#subcat .col-l ul li:hover, #subcat .col-r ul li:hover, #subcat .col-m ul li:hover {
background:url("/images/subcat.png") 0 5px no-repeat;
}

/* VELIKOSTI */

.sizes {
background-color:#EEE;
}

.sizes th, sizes.td {
padding:2px;
background-color:#FFF;
text-align:left;
font-weight:normal;
width:22%
}

.sizes td {
text-align:center
}

/* VOLBY VYPISU */

#list-options {
padding:5px 10px;
margin:0;
border:#CCC 1px solid;
border-top:none;
background-color:#EEE;
font-size:90%;
}

#list-options .active {
color:#999;
text-decoration:underline
}

.view img {
position:relative;
top:2px;
}

/* VYPIS DO BOXU */

.row {
position:relative;
padding:0;
margin:0;
width:780px;
height:335px;
border-bottom:#CCC 1px solid
}

.item-box1, .item-box2, .item-box3, .item-box4 {
position:absolute;
top:10px;
left:0;
width:195px;
height:315px;
border-right:#CCC 1px solid;
font-size:95%;
line-height:1.3em;
}

.item-box2 {
left:195px;
}

.item-box3 {
left:390px;
}

.item-box4 {
left:585px;
border:none;
}

h3.p-name {
font-size:110%;
}

.item-box1 h3.p-name, .item-box2 h3.p-name, .item-box3 h3.p-name, .item-box4 h3.p-name, #recommend div h3.p-name, #sale div h3.p-name {
padding:0 10px 5px 10px;
height:27px;
_height:30px;
line-height:1.2em;
overflow:hidden
}

.item-box1 .p-desc, .item-box2 .p-desc, .item-box3 .p-desc, .item-box4 .p-desc {
height:30px;
margin-bottom:10px
}

.item-box1 .p-desc p, .item-box2 .p-desc p, .item-box3 .p-desc p, .item-box4 .p-desc p {
margin:0 10px;
height:30px;
overflow:hidden
}

.item-box1 img.p-img, .item-box2 img.p-img, .item-box3 img.p-img, .item-box4 img.p-img {
border:none;
margin-left:10px
}

.item-box1 .p-price, .item-box2 .p-price, .item-box3 .p-price, .item-box4 .p-price {
text-align:center;
margin:0 10px 10px 10px;
padding:2px 0;
color:#FFF;
background:#B01495 url("/images/colhead.png") -3px -3px no-repeat
}

span.price-act, span.price-old, span.price-sav {
color:#000;
font-size:120%;
font-weight:bold;
font-family:Tahoma, Geneva, sans-serif
}

span.price-old {
color:#999;
text-decoration:line-through
}

span.price-sav {
color:#666;
}

.item-box1 span.price-act,.item-box2 span.price-act, .item-box3 span.price-act, .item-box4 span.price-act {
color:#FFF;
}

.item-box1 .p-sizes, .item-box2 .p-sizes, .item-box3 .p-sizes, .item-box4 .p-sizes {
padding:0 10px;
height:45px;
overflow:hidden
}

.item-box1 .p-buttons, .item-box2 .p-buttons, .item-box3 .p-buttons, .item-box4 .p-buttons {
position:absolute;
bottom:0;
right:10px;
}

.item-box1 .p-info, .item-box2 .p-info, .item-box3 .p-info, .item-box3 .p-info, .item-box4 .p-info {
position:absolute;
bottom:0;
left:10px;
}

.item-box1 .p-icons, .item-box2 .p-icons, .item-box3 .p-icons, .item-box4 .p-icons {
position:absolute;
top:35px;
right:4px;
width:50px;
height:120px;
}

.p-icons img {
margin-bottom:3px
}

/* VYPIS NA RADEK */

.item-row {
position:relative;
font-size:95%;
line-height:1.3em;
margin:0;
width:780px;
height:110px;
border-bottom:#EEE 1px solid;
}

.item-row img {
position:absolute;
top:5px;
left:5px;
border:none;
}

.item-row .p-desc {
position:absolute;
top:5px;
left:110px;
width:470px;
}

.item-row .p-price {
position:absolute;
bottom:5px;
right:70px;
text-align:right;
width:200px;
font-weight:normal
}

.item-row .p-price span {
font-size:120%;
font-weight:bold;
}

.item-row h3.p-name {
padding:0;
}

.item-row p {
padding:0;
}

.item-row .p-info {
position:absolute;
bottom:5px;
left:110px;
}

.item-row .p-icons {
position:absolute;
bottom:35px;
left:110px;
}

.item-row .p-icons img {
position:static;
}

.item-row .p-buttons {
position:absolute;
bottom:5px;
right:5px;
}


/* VYPIS DO TABULKY + KO��K */

.p-list, .basket {
font-size:95%;
}

.basket {
background-color:#CCC
}

.p-list th, .basket th {
padding:0.2em;
text-align:left
}

.p-list td, .basket td {
padding:0.2em; 
border-bottom:#EEE 1px solid
}

.basket td {
border:none
}

.p-list th.code, .basket th.code {
width:8%;
}

.p-list th.name {
width:72%;
}

.basket th.name {
width:71%;
}

.basket th.quant {
width:6%;
text-align:right
}

.p-list th.price, .basket th.price {
width:10%;
text-align:center
}

.p-list th.btn, .basket th.btn {
width:5%;
}

.p-list td.name h3, .basket td.name h3 {
font-weight:normal
}

.basket td.quant input {
text-align:right
}

.p-list td.price, .basket td.price {
color:#000;
font-weight:bold;
text-align:right
}

.basket tr.sum {
background-color:#DFDFDF
}

/* DETAIL PRODUKTU */

.item-detail .row {
position:relative;
width:780px;
height:290px
}

.item-detail .p-img {
position:absolute;
top:0;
left:0;
width:290px;
height:290px;
border-right:#EEE 1px solid
}

.item-detail .p-img img {
position:absolute;
top:10px;
left:10px;
}

.item-detail .row img.banner {
position:absolute;
top:10px;
right:10px
}

h2.p-name {
padding:0 0 10px 0;
margin:0;
text-decoration:none;
font-size:150%;
display:block;
border-bottom:#EEE 1px solid;
}

.item-detail .p-desc, .item-detail .p-pgtools {
margin:0;
padding:0;
border-bottom:#EEE 1px solid
}

.item-detail .p-desc p, .item-detail .p-pgtools p {
margin:10px 5px;
}

.item-detail .p-icons {
margin:10px 0 0 10px
}

.item-detail .p-buttons {
position:absolute;
bottom:10px;
right:5px;
padding:0
}

.item-detail .p-info {
position:absolute;
top:0px;
left:290px;
width:290px;
padding:0
}

.item-detail .p-price table, .item-detail .p-info table {
width:280px;
margin:5px 0 10px 10px
}

.item-detail .p-price table {
width:150px;
}

.item-detail .p-price table td, .item-detail .p-info table td {
padding:0;
vertical-align:top
}

.p-info table td.label {
width:25%;
}

.p-price table td.price {
width:40%;
}

td.price {
text-align:right;
white-space:nowrap
}

.sizechart {
/*font-size:120%;*/
font-weight:bold
}

/* DOPORUCENE VE SLOUPCI */

#recommend div  {
background-color:#FFF
}

#recommend div h3.p-name, #sale div h3.p-name {
padding:0 0 5px 0;
_height:32px;
}

#recommend img {
margin:0
}

#recommend .p-price, #sale .p-price {
text-align:center
}


/* TLACITKA - FORMULARE */

input.i-basket, input.i-basket-remove, input.i-compare, input.i-search, input.button, input.button-basket {
height:22px;
width:22px;
margin:0 0 0 5px;
padding:0;
border:none;
float:right;
color:#FFF;
font-size:11px;
background:url("/images/basket.png") 0 0 no-repeat;
cursor:pointer;
cursor:hand;
}

td.btn input.i-basket, td.btn input.i-compare, input.i-basket-remove {
margin:2px
}

input.i-basket:hover {
background:url("/images/basket.png") 0 -22px no-repeat;
}

input.i-basket-remove {
background:url("/images/basket-remove.png") 0 0 no-repeat;
}

input.i-basket-remove:hover {
background:url("/images/basket-remove.png") 0 -22px no-repeat;
}


input.i-compare {
background:url("/images/compare.png") 0 0 no-repeat;
}

input.i-compare:hover {
background:url("/images/compare.png") 0 -22px no-repeat;
}

input.i-search {
background:url("/images/search.png") 0 0 no-repeat;
float:none;
}

input.i-search:hover {
background:url("/images/search.png") 0 -22px no-repeat;
}

input.button, input.button-basket {
width:100px;
height:22px;
background:url("/images/button.png") 0 0 no-repeat;
}

input.button-basket {
background:url("/images/button-basket.png") 0 0 no-repeat;
}

input.button:hover {
background:url("/images/button.png") 0 -22px no-repeat;
}

input.button-basket:hover {
background:url("/images/button-basket.png") 0 -22px no-repeat;
}

#right input.button {
width:80px;
margin:0 2px;
float:none;
background:url("/images/button-short.png") 0 0 no-repeat;
}

#right input.button:hover {
background:url("/images/button-short.png") 0 -22px no-repeat;
}

input.search {
width:75%;
margin:0;
padding:2px;
font-size:90%;
height:15px
}

textarea {
width:99%
}

.formbox {
background-color:#F9F9F9;
padding:10px;
margin-top:10px
}

.formbox textarea {
margin-bottom:10px
}

/* ZALOZKY */

.p-tabs {
margin:10px 0;
}

.p-tabs .case {
border:#EEE 1px solid;
border-top:none;
}

.p-tabs h3 {
margin:0;
padding:10px;
display:block;
border:#EEE 1px solid;
border-top:#B01495 1px solid;
border-bottom: none;
font-size:110%;
color:#000;
}

ul.tabs {
list-style-type:none;
position:relative;
margin:0;
padding:0;
clear:both;
}

ul.tabs li {
position:relative;
float:left;
display:inline-block;
margin:0 2px 0 0;
padding:0;
}

ul.tabs li a {
position:relative;
display:block;
color:#FFF;
width:150px;
height:30px;
margin:0;
text-decoration:none;
line-height:30px;
background:url("/images/tab.png") 0 0 no-repeat;
text-align:center
}

ul.tabs li a:hover {
color:#FFF;
background:url("/images/tab.png") 0 -30px no-repeat;
text-decoration:none
}

ul.tabs li.active {
padding:0;
border: 0;
} 

ul.tabs li.active a {
/*position:relative;
top:1px;*/
color:#FFF;
background:url("/images/tab.png") 0 -30px no-repeat;
}

/* STEPS */

ul.steps {
list-style-type:none;
height:50px;
margin:0;
padding:0;
/*clear:both;*/
}

ul.steps li {
position:relative;
float:left;
display:inline-block;
width:142px;
height:40px;
font-size:110%;
margin:0 4px 0 0;
color:#000;
}

ul.steps li.last, ul.steps li.last-active {
margin:0
}

ul.steps li a {
position:relative;
color:#000;
display:block;
margin:0;
text-decoration:none;
width:142px;
height:40px;
line-height:40px;
background:url("/images/step.png") 0 0 no-repeat;
padding:0
}

ul.steps li.active a, ul.steps li.last-active a {
color:#FFF;
background:url("/images/step-active.png") 0 0 no-repeat;
}

ul.steps li span {
position:relative;
font-size:110%;
font-weight:bold;
margin-left:10px;
}

/* POHYB V OBJEDNÁVCE */

.orderbrowse {
margin-bottom:20px;
}

.backward, .forward, .finish {
width:170px;
height:30px;
margin:0;
border:none;
float:left;
background:url("/images/backward.png") 0 0 no-repeat;
cursor: pointer;
cursor: hand;
}

.backward:hover {
background:url("/images/backward.png") 0 -30px no-repeat;
}

.forward {
float:right;
background:url("/images/forward.png") 0 0 no-repeat 
}

.forward:hover {
background:url("/images/forward.png") 0 -30px no-repeat;
}

.finish {
float:right;
background:url("/images/finish.png") 0 0 no-repeat;
font-weight:bold;
color:#FFF
}

.finish:hover {
background:url("/images/finish.png") 0 -30px no-repeat;
}

/* DOTAZY K PRODUKTU */

dl {
margin:0 0 15px 0;
padding:0;
}

dt {
padding:0;
}

dd {
margin:0;
padding:0 0 0 15px;
}

dt div, dd div {
background-color:#DFDFDF;
padding:2px 3px;
}

dt p, dd p {
margin:0;
padding:3px 3px 5px 3px;
line-height:1.4em;
background-color:#F9F9F9
}

/* SROVNANI PRODUKTU */

.compare {
overflow-x:auto;
overflow-y:hidden;
border:#DDD 1px solid;
margin-top:10px;
padding:0;
}

.compare table {
margin:0;
}

.compare h1 {
font-size:100%;
margin:0;
}

.compare table th {
text-align:left;
vertical-align:top;
background-color:#EEE;
padding-left:5px
}

.compare table td {
text-align:center;
vertical-align:top
}

.compare table td input.b-basket {
float:none;
margin:2px 0
}


/* PAGING */

#paging, #searchinfo {
position:relative;
padding:2px 5px 3px 5px;
margin:10px 0;
height:auto;
background-color:#EEE;
border:#CCC 1px solid;
text-align:center;
font-size:85%
}

#searchinfo {
height:20px;
line-height:20px;
padding:0 5px;
text-align:right
}

#searchinfo span {
padding:0;
margin:0;
}

#paging ul {
margin:0;
padding:0;
}

#paging ul li {
margin:0 0 0 3px; 
padding:0;
display:inline;
list-style-type:none;
background:none;
}

#paging ul li a {
text-align:center;
text-decoration:none;
padding:0 2px;
display:inline-block;
width:1.5em
}

#paging ul li a:link, #paging ul li a:visited {
border:#B01495 1px solid;	
}

#paging ul li a:hover, #paging ul li a:active {
/*border:#D268BF 1px solid;*/
background-color:#F4D5EE;
color:#B01495
}

#paging ul li a.active {
/*border:#D268BF 1px solid;*/
background-color:#F4D5EE
}

#paging ul li a.prev, #paging ul li a.next  {
width:auto
}

/* MAPA */

#map {
height:300px;
border:#9E9FA1 1px solid
}

/* HLASKY */

.success, .failure, .borderbox {
padding:10px;
background-color:#F0F0F0;
border:#CCC 1px solid;
margin:10px 0;
text-align:center
}

.success h4 {
color:#090
}

.failure h4 {
color:#F00
}

.success p, .failure p {
margin:0
}

.borderbox textarea {
width:99%
}

.print { 
display:none
}

/* FOTOGALERIE */

div.row-gthumb, div.row-glist {
position:relative;
width:780px;
height:165px;
margin-bottom:10px
}

div.row-glist {
height:185px;
border-bottom:#F8F 1px dotted;
margin:0
}

div.ginfo {
position:absolute;
top:10px;
left:204px;
width:376px;
height:165px
}

div.genter {
position:absolute;
top:150px;
left:450px;
width:100px;
height:25px
}

.first, .second, .third {
position:absolute;
top:0;
left:0;
height:165px;
width:194px;
background:url("/images/bglight.jpg") 0px 0px repeat;
border:#FAF 1px solid;
}

.second {
top:0;
left:203px;
}

.third {
top:0;
left:406px;
}

div.row-glist .first {
top:10px
}

.first img, .second img, .third img {
position:absolute;
top:15px;
left:15px;
border:1px solid;
border-color:#FAF #FCF #FCF #FAF;
width:164px;
height:110px
}

.first .logo, .second .logo, .third .logo {
position:absolute;
top:130px;
left:47px;
width:100px;
height:30px;
background:url("/images/logo100x30.gif") 0 0 no-repeat
}

img, div { behavior: url("/css/iepngfix.htc") }
#map *, #fancy_outer * { behavior:none }
#fancy_outer tr { background:none }