invoicing-addressinvoicing-addressinvoicing-address/* www.kettler-fitness.cz, media screen */

/* zakladni nastaveni */

html
{
font-size: 100.01%;
}

body
{
background: #ffffff;
margin: 0;
padding: 0;
font-family: sans-serif;
font-size: 1em;
color: #333333;
font-weight: normal;
font-style: normal;
text-align: center;
}

a img, a:link img
{
border: none;
}

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

h1
{
font-size: 1.2em;
color: #3666a8;
margin: 0;
padding: 11px 14px 11px 14px;
background: #f7f7f7 url("../design/h1.png") repeat-x bottom;
border-bottom: 1px solid #c1cbdb;
}

h2
{
font-size: 1em;
color: #3666a8;
margin: 0;
padding: 11px 14px 11px 14px;
background: #f7f7f7 url("../design/h2.png") repeat-x bottom;
border-bottom: 1px solid #c1cbdb;
position: relative;
}

h3
{
font-size: 1em;
color: #3666a8;
margin: 0;
padding: 11px 14px 11px 14px;
}

h4
{
font-size: 1em;
color: #565656;
margin: 0;
padding: 0 0 10px 0;
}

h5
{
font-size: 1em;
color: #565656;
margin: 0;
padding: 11px 14px 11px 14px;
}

h6
{
font-size: 1em;
color: #565656;
margin: 0;
padding: 11px 14px 11px 14px;
}

ol
{
margin: 0;
padding: 0;
}

ul
{
margin: 0;
padding: 0;
}

ul li
{
list-style: none;
}

a
{
color: #3666a8;
text-decoration: none;
}

a:hover
{
color: #3666a8;
text-decoration: underline;
}

ins
{
text-decoration: none;
}

fieldset
{
border: none;
margin: 0;
padding: 0;
}

label
{
font-weight: bold;
margin-left: 9px;
}

input.text, input.password
{
font-family: sans-serif;
font-size: 1em;
color: #333333;
border: 1px solid #d6d6d6;
background: #ffffff url("../design/input-text.png") repeat-x;
padding: 4px;
}

input.submit, input.reset, input.button
{
font-family: sans-serif;
font-size: 0.95em;
font-weight: bold;
color: #ffffff;
background: #2e558b url("../design/input-submit.png") repeat-x left top;
border: 1px solid #245393;
cursor: pointer;
padding: 10px;
text-transform: uppercase;
padding: 10px 9px 10px 9px;
}

* html input.submit
{
padding-left: 0;
padding-right: 0;
}

*+html input.submit
{
padding-left: 0;
padding-right: 0;
}

textarea
{
font-family: sans-serif;
font-size: 1em;
color: #333333;
border: 1px solid #d6d6d6;
background: #ffffff;
padding: 4px;
overflow: auto;
}

select
{
font-family: sans-serif;
font-size: 1em;
color: #333333;
border: 1px solid #d6d6d6;
background: #ffffff;
}

hr
{
color: #cccccc;
height: 1px;
border: none;
background-color: #cccccc;
}

table
{
font-size: 1em;
margin-top: 5px;
margin-bottom: 5px;
}

table th, table td
{
padding: 2px 5px 2px 5px;
border-bottom: 1px dotted #cccccc;
}

/* stranka */

div.homepage, div.page
{
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
position: relative;
}

div.wrapper
{
clear: both;
}

span.ir
{
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}

a span.ir
{
cursor: pointer;
}

span.arrow
{
position: absolute;
overflow: hidden;
}

div.container
{
padding: 9px;
}

div.odd, p.odd
{
float: left;
}

div.even, p.even
{
float: right;
}

div.divider
{
width: 100%;
height: 1px;
overflow: hidden;
background: url("../design/horizontal-dots.png") repeat-x;
clear: both;
}

p.image img
{
margin: 0;
display: inline;
vertical-align: middle;
}

/* content */

div.content
{
font-size: 0.75em;
width: 1000px;
line-height: 18px;
padding-top: 205px;
padding-bottom: 10px;
position: relative;
}

/* nastaveni sloupcu */

div.columns.master
{
width: 1000px;
}

div.columns.slave
{
width: 810px;
}

div.columns div.left
{
float: left;
overflow: hidden;
}

div.columns.master div.left
{
width: 180px;
margin-top: 60px;
}

div.columns.slave div.left
{
width: 620px;
margin-top: 0;
}

div.columns div.right
{
float: right;
}

div.columns.master div.right
{
width: 820px;
}

div.columns.slave div.right
{
width: 180px;
margin-top: 11px;
}

/* vyhledavaci formular */

div.searchform
{
width: 180px;
float: left;
}

div.searchform h2
{
text-transform: uppercase;
color: #ffffff;
font-size: 0.95em;
font-weight: bold;
background: #2d548a url("../design/searchform-h2.png") repeat-x;
padding: 10px 13px 10px 13px;
border: none;
}

div.searchform form
{
margin: 0;
padding: 10px 20px 24px 12px;
background: #2a599a url("../design/searchform-form.png") repeat-x;
position: relative;
}

div.searchform input.text
{
width: 112px;
height: 16px;
border-left: 1px solid #2c5b9a;
border-top: 1px solid #2c5b9a;
border-bottom: 1px solid #2c5b9a;
border-right: 0;
color: #565656;
font-weight: bold;
background: #e8e8e8 url("../design/searchform-input-text.png") repeat-x;
}

div.searchform input.image
{
position: absolute;
}

* html div.searchform input.image
{
top: 11px;
}

*+html div.searchform input.image
{
top: 11px;
}

/* zakladni box */

div.box
{
margin: 10px 0 0 10px;
}

div.box h1
{
margin-bottom: 10px;
}

div.textual li, div.product li
{
background: url("../design/ul-li.png") no-repeat 0 0.7em;
padding-left: 19px;
line-height: 20px;
}

div.textual h3
{
padding: 0;
}

/* textovy box */

div.textual div.container, div.articles div.container
{
padding: 5px 7px 5px 7px;
}

/* box zbozi */

div.goods
{
margin: 0;
}

div.goods ul
{
margin: 0;
padding: 0;
}

div.goods li
{
list-style: none;
}

div.goods li.header
{
font-weight: bold;
background: #305992 url("../design/goods-li-header-a.png") repeat-x;
padding: 9px 0 4px 0;
}

div.goods li.header a
{
padding: 0 11px 0 14px;
color: #ffffff;
text-decoration: none;
position: relative;
}

* html div.goods li.header a
{
display: inline-block;
}

*+html div.goods li.header a
{
display: inline-block;
}

div.goods li.header span.arrow
{
width: 5px;
height: 3px;
background: url("../design/goods-header-has-subitems-a.png");
right: 0;
top: 0.5em;
}

div.goods li.header a:hover
{
color: #ffffff;
text-decoration: underline;
}

div.goods ul.subitems
{
margin: 5px 0 -5px 0;
padding: 0;
background: #c1cbdb;
}

div.goods ul.subitems li
{
list-style: none;
font-weight: normal;
margin-bottom: 1px;
padding: 6px 4px 3px 4px;
background: #eaebed url("../design/goods-subitems-li.png") repeat-x;
}

div.goods ul.subitems a
{
padding: 0 0 0 10px;
display: block;
color: #5c5159;
text-decoration: none;
background: url("../design/goods-subitems-a.png") no-repeat 0 0.6em;
}

div.goods ul.subitems a:hover
{
color: #5c5159;
text-decoration: underline;
}

div.goods ul.subitems a.active
{
font-weight: bold;
color: #5c5159;
text-decoration: none;
background: url("../design/goods-subitems-a-active.png") no-repeat 0 0.6em;
}

/* box reklama */

div.advert
{
margin: 0 0 15px 0;
text-align: center;
}

div.hire-purchase
{
margin: 40px 0 40px 0;
padding: 8px 0 5px 0;
border: 1px solid #dadada;
}

div.authorized-dealer
{
padding: 14px 0 30px 0;
border: 1px solid #c1cbdb;
}

div.authorized-dealer p
{
text-transform: uppercase;
padding: 20px 0 0 0;
font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
font-weight: bold;
font-size: 1.4em;
}

div.authorized-dealer strong
{
font-size: 1.2em;
}

/* box rady */

div.hints
{
margin: 0 0 15px 0;
}

div.hints h3
{
color: #ffffff;
padding: 14px 13px 8px 13px;
background: #9a2e2c url("../design/hints-h3.png") repeat-x;
}

div.hints ul
{
margin: 0 0 -1px 0;
padding: 0;
background: #c1cbdb;
}

div.hints li
{
list-style: none;
font-size: 0.95em;
margin-bottom: 1px;
padding: 7px 4px 5px 4px;
background: #eaebed url("../design/hints-li.png") repeat-x;
}

div.hints a
{
display: block;
padding: 0 0 0 10px;
color: #5c5159;
text-decoration: none;
background: url("../design/hints-a.png") no-repeat 0 0.5em;
}

div.hints a:hover
{
color: #5c5159;
text-decoration: underline;
}

div.hints a.active
{
font-weight: bold;
color: #5c5159;
text-decoration: none;
background: url("../design/hints-a-active.png") no-repeat 0 0.5em;
}

/* box vyhody */

div.advantages
{
margin: 0 0 15px 0;
}

div.advantages h3
{
color: #ffffff;
padding: 14px 13px 8px 13px;
background: #9a2e2c url("../design/advantages-h3.png") repeat-x;
}

div.advantages ul
{
margin: 0;
padding: 0;
background: #c1cbdb;
}

div.advantages li
{
list-style: none;
margin-bottom: 1px;
padding: 7px 4px 5px 14px;
background: #eaebed url("../design/advantages-li.png") repeat-x;
position: relative;
}

* html div.advantages li
{
height: 1%;
}

*+html div.advantages li
{
min-height: 1%;
}

div.advantages span.arrow
{
width: 3px;
height: 5px;
background: url("../design/advantages-a.png");
left: 4px;
top: 1.2em;
}

/* box dalsi produkty v kategorii */

div.other-in-category h3
{
color: #ffffff;
padding: 14px 13px 8px 13px;
background: #9a2e2c url("../design/other-in-category-h3.png") repeat-x;
}

div.other-in-category ul
{
margin: 6px 0 6px 0;
padding: 0;
}

div.other-in-category li
{
font-size: 0.9em;
list-style: none;
padding: 1px 4px 1px 4px;
}

div.other-in-category a
{
padding-left: 9px;
background: url("../design/other-in-category-a.png") no-repeat 0 0.5em;
color: #393c3e;
text-decoration: none;
}

div.other-in-category a:hover
{
font-weight: bold;
color: #393c3e;
text-decoration: none;
}

/* vypis kategorie */

div.articles div.item
{
width: 300px;
}

div.articles p.more
{
float: right;
margin: -18px 0 0 0;
padding: 0;
font-weight: bold;
}

div.articles p.more a
{
font-size: 0.9em;
color: #000000;
padding-left: 9px;
background: url("../design/articles-more-arrow.png") no-repeat 0 0.4em;
}

div.articles p.more a:hover
{
color: #3666a8;
}

div.product-filter
{
border-bottom: 1px solid #c1cbdb;
margin-bottom: 0;
}

div.product-filter form
{
background: #e3e3e3 url("../design/product-filter-form.png") repeat-x;
padding: 4px 20px 0 20px;
margin-bottom: -5px;
margin-bottom: 1px;
}

div.product-filter p
{
width: 49%;
padding: 0 0 10px 0;
text-align: right;
}

div.product-filter label
{
font-size: 0.9em;
font-weight: normal;
}

div.product-filter select                /* select kategorie filtr */
{
font-size: 0.9em;
color: #000000;            				/* barva textu v roletce  */	
border: 1px solid #8c8c8c;
width: 160px;
margin-left: 5px;
}

div.product-filter input.submit
{
font-weight: normal;
text-transform: none;
padding-top: 1px;
padding-bottom: 1px;
}

/* vypis skupin */

div.categories div.item
{
background: #f0f0f0 url("../design/categories-item.png") no-repeat;
width: 360px;
padding: 15px 15px 7px 15px;
position: relative;
min-height: 116px;
}

div.categories div.odd
{
margin: 0 0 8px 8px;
}

div.categories div.even
{
margin: 0 8px 8px 0;
}

div.categories h2
{
background: none;
border: none;
margin: 0 0 40px 0;
padding: 0;
font-size: 1.2em;
color: #325e99;
}

div.categories p
{
padding-bottom: 10px;
padding-right: 130px;
}

div.categories p.image
{
margin: 0 0 0 0;
padding: 0;
width: 140px;
line-height: 140px;
text-align: center;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
}

div.categories p.price
{
font-weight: bold;
}

/* dalsi produkty */

div.other-products
{
margin: 0 0 15px 0;
border-left: 1px solid #eff1f4;
border-right: 1px solid #eff1f4;
border-bottom: 1px solid #eff1f4;
}

div.other-products h3
{
color: #ffffff;
margin-left: -1px;
margin-right: -1px;
padding: 14px 13px 8px 13px;
background: #9a2e2c url("../design/advantages-h3.png") repeat-x;
}

div.other-products div.item
{
text-align: center;
margin: 0 7px 0 7px;
padding: 20px 0 5px 0;
border-bottom: 1px solid #eff1f4;
}

div.other-products div.item.last
{
border-bottom: none;
}

div.other-products a
{
font-weight: bold;
color: #333333;
text-decoration: underline;
}

div.other-products a:hover
{
color: #3666a8;
text-decoration: underline;
}

div.other-products p.price
{
font-weight: bold;
}

/* rychle odkazy na hp */

div.quick-links
{
width: 810px;
height: 321px;
overflow: hidden;
position: relative;
margin: 10px 0 10px 10px;
background: url("../design/posilovaci-stroje.jpg") no-repeat;
}

div.quick-links ul
{
margin: 0;
padding: 0;
position: absolute;
left: 0;
bottom: 0;
width: 810px;
}

div.quick-links li
{
list-style: none;
line-height: normal;
width: 268px;
height: 84px;
float: left;
margin-right: 3px;
font-weight: bold;
}

div.quick-links li.first
{
background: url("../design/posilovaci-stroje-a-lavice.jpg") no-repeat 3px 3px;
}

div.quick-links li.second
{
background: url("../design/cardio-stroje-a-trenazery.jpg") no-repeat 3px 3px;
}

div.quick-links li.third
{
background: url("../design/stoly-na-stolni-tenis.jpg") no-repeat 3px 3px;
margin-right: 0;
}

div.quick-links a
{
display: block;
width: 262px;
height: 78px;
color: #ffffff;
text-decoration: none;
border: 3px solid #838383;
position: relative;
cursor: pointer;
}

div.quick-links a:hover
{
color: #ffffff;
text-decoration: none;
border: 3px solid #3767a9;
}

div.quick-links a span.underlay
{
padding: 4px 0 4px 0;
width: 100%;
background: url("../design/quick-links-underlay.png");
position: absolute;
bottom: 0;
text-align: center;
}

div.quick-links a:hover span.underlay
{
background: url("../design/quick-links-underlay-hover.png");
}

div.quick-links a span.arrow
{
display: none;
width: 16px;
height: 11px;
background: url("../design/quick-links-arrow.png");
top: -11px;
left: 122px;
}

* html div.quick-links a span.arrow
{
background: url("../design/quick-links-arrow.gif");
}

div.quick-links a:hover span.arrow
{
display: block;
}

/* box s novinkami na hp */

div.news div.image
{
float: left;
width: 150px;
text-align: center;
}

div.news div.info
{
float: right;
width: 660px;
}

div.news div.item
{
padding: 14px 0 20px 0;
background: url("../design/news-item.png") repeat-x left bottom;
position: relative;
color: #565656;
line-height: normal;
}

* html div.news div.item
{
background: url("../design/news-item.gif") repeat-x left bottom;
}

div.news div.item.last
{
background: none;
padding-bottom: 0;
}

div.news h4
{
font-size: 1.1em;
color: #3666a8;
}

div.news ins
{
font-weight: bold;
}

div.news div.image img
{
border: 1px solid #cad2d9;
}

div.news div.image a:hover img
{
border: 1px solid #3666a8;
}

/* nakupni kroky */

div.steps
{
margin: 12px 0 11px 10px;
}

div.steps ol
{
margin: 0;
padding: 0;
}

div.steps li.step
{
list-style: none;
float: left;
width: 210px;
height: 52px;
position: relative;
background-image: url("../design/steps-li.png");
overflow: hidden;
}

* html div.steps li.step
{
background-image: url("../design/steps-li.gif");
}

div.steps li.first
{
z-index: 4;
}

div.steps li.second
{
z-index: 3;
margin-left: -12px;
}

div.steps li.third
{
z-index: 2;
margin-left: -12px;
}

div.steps li.fourth
{
z-index: 1;
margin-left: -12px;
background-position: -420px 0;
}

div.steps a
{
width: 80px;
padding-left: 35px;
padding-right: 40px;
color: #dadada !important;
text-decoration: none !important;
font-weight: bold;
text-decoration: none;
position: relative;
margin: 10px 0 0 28px;
display: block;
line-height: normal;
}

div.steps span.number
{
position: absolute;
left: 0;
top: 2px;
background: url("../design/steps-numbers.png");
}

div.steps li.first span.number
{
width: 16px;
height: 30px;
background-position: left bottom;
}

div.steps li.second span.number
{
width: 24px;
height: 31px;
background-position: -32px bottom;
}

div.steps li.third span.number
{
width: 26px;
height: 31px;
background-position: -104px bottom;
}

div.steps li.fourth span.number
{
width: 28px;
height: 30px;
background-position: -182px bottom;
}

div.step1 li.first, div.step2 li.second, div.step3 li.third
{
background-position: -210px 0;
}

div.step4 li.fourth
{
background-position: -630px 0;
}

div.step1 li.first span.number
{
background-position: -16px bottom;
}

div.step2 li.second span.number
{
background-position: -80px bottom;
}

div.step3 li.third span.number
{
background-position: -156px bottom;
}

div.step3 li.second span.number, div.step4 li.second span.number
{
background-position: -56px bottom;
}

div.step4 li.third span.number
{
background-position: -130px bottom;
}

div.step4 li.fourth span.number
{
background-position: -210px bottom;
}

div.step1 li.first a, div.step2 li.second a, div.step3 li.third a, div.step4 li.fourth a
{
color: #ffffff !important;
}

div.steps a
{
text-decoration: none !important;
}

/* boxy s produkty obecne */

div.products div.item
{
padding: 20px 0 0 0;
background: url("../design/horizontal-dots.png") repeat-x bottom;
position: relative;
}

* html div.products div.item
{
width: 100%;
}

*+html div.products div.item
{
min-height: 1%;
}

div.products span.gradient
{
width: 100%;
height: 18px;
position: absolute;
left: 0;
bottom: 0;
background: url("../design/products-gradient.png") repeat-x;
}

div.products p.image
{
float: left;
width: 115px;
height: 115px;
margin-right: 5px;
padding: 0;
line-height: 115px;
text-align: center;
}

div.products div.info
{
float: left;
width: 355px;
line-height: normal;
margin-right: 20px;
}

div.products ul.actions
{
float: left;
width: 110px;
margin: 0;
padding: 0;
}

div.product ul.actions
{
margin: -5px 0 0 0;
padding: 0;
float: right;
width: 120px;
}

div.products ul
{
margin: 0;
padding: 0 0 10px 0;
}

div.products li
{
background: url("../design/products-li.png") no-repeat 6px 0.5em;
padding-left: 21px;
}

ul.actions li
{
list-style: none;
font-size: 0.9em;
}

ul.actions a
{
color: #868686;
text-decoration: none;
}

ul.actions a:hover
{
color: #3666a8;
}

ul.actions li.do-kosiku, ul.actions li.detail-zbozi, ul.actions li.k-porovnani
{
position: relative;
overflow: hidden;
height: 23px;
margin-top: 6px;
}

ul.actions span.ir
{
width: 85px;
height: 23px;
}

ul.actions a:hover span.ir
{
background-position: -85px 0;
}

ul.actions li.detail-zbozi, ul.actions li.k-porovnani
{
width: 91px;
}

ul.actions li.do-kosiku
{
width: 85px;
}

ul.actions li.detail-zbozi span.ir, ul.actions li.k-porovnani span.ir
{
width: 91px;
}

ul.actions li.detail-zbozi span.ir
{
background-image: url("../design/detail-zbozi.png");
}

ul.actions li.k-porovnani span.ir
{
background-image: url("../design/k-porovnani.png");
}

ul.actions li.do-kosiku span.ir
{
background-image: url("../design/do-kosiku.png");
}

ul.actions li.detail-zbozi a:hover span.ir, ul.actions li.k-porovnani a:hover span.ir
{
background-position: -91px 0;
}

ul.actions li.tisk-produktu
{
background: url("../design/tisk-produktu.png") no-repeat 0 0.5em;
padding: 6px 0 6px 23px;
}

ul.actions li.porovnat-zbozi
{
background: url("../design/porovnat-zbozi.png") no-repeat 0 0.5em;
padding: 6px 0 6px 23px;
}

ul.actions li.zakoupit
{
padding: 0;
width: 98px;
height: 27px;
}

span.banner
{
width: 41px;
height: 47px;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
}

span.banner.discount
{
background: url("../design/sleva.png");
}

span.banner.new
{
background: url("../design/novinka.png");
}

span.banner.our-tip
{
background: url("../design/nas-tip.png");
}

* html span.banner
{
width: 41px;
height: 41px;
}

* html span.banner.discount
{
background: url("../design/sleva.gif");
}

* html span.banner.new
{
background: url("../design/novinka.gif");
}

* html span.banner.our-tip
{
background: url("../design/nas-tip.gif");
}

b.without-vat
{
color: #333333;
}

b.with-vat
{
color: #a53634;
}

b.basic
{
color: #3666a8;
}

b.accessories-price
{
color: #565656;
}

/* boxy s produkty na hp */

div.we-recommend
{
float: left;
width: 400px;
}

div.bestsellers
{
float: right;
width: 400px;
}

div.info div.container
{
background: #f9f9f9;
padding: 0 9px 0 9px;
margin-right: 2px;
}

div.info div.container p.price
{
float: left;
padding: 0;
line-height: 31px;
}

div.info div.container ul.actions
{
float: right;
}

div.we-recommend div.info, div.bestsellers div.info
{
width: 270px;
margin: 0;
}

div.we-recommend div.item, div.bestsellers div.item
{
padding-bottom: 11px;
}

div.we-recommend ul.actions, div.bestsellers ul.actions
{
width: 85px;
}

/* vypis hlavniho produktu */

div.product div.thumbnails
{
width: 50px;
height: 206px;
overflow: hidden;
float: left;
}

div.product div.thumbnails ul
{
margin: 0;
padding: 0;
}

div.product div.thumbnails li
{
list-style: none;
padding: 0;
background: none;
margin-bottom: 2px;
}

* html div.product div.thumbnails li
{
margin-bottom: 0;
}

*+html div.product div.thumbnails li
{
margin-bottom: 0;
}

div.product div.thumbnails a
{
width: 48px;
height: 48px;
overflow: hidden;
display: block;
border: 1px solid #cac8c8;
}

div.product div.thumbnails a:hover
{
border: 1px solid #ae4240;
}

div.product div.image
{
float: left;
width: 206px;

margin-left: 5px;
}

div.product div.image img
{
margin-bottom: -5px;
}

* html div.product div.image img
{
margin-bottom: 0;
}

*+html div.product div.image img
{
margin-bottom: 0;
}

div.product div.image a
{
display: block;
width: 204px;
height: 204px;  /* NEW */
border: 1px solid #cac8c8;
text-align: center;
position: relative;
}

div.product div.image a:hover
{
border: 1px solid #ae4240;
}

div.product div.image span.magnifier
{
width: 16px;
height: 16px;
position: absolute;
left: -1px;
bottom: -1px;
background-image: url("../design/magnifier.png");
}

div.product div.image a:hover span.magnifier
{
background-position: -16px 0;
}

div.product div.info
{
float: left;
width: 340px;
margin-left: 9px;
}

div.product div.info table
{
width: 100%;
margin: 0 0 20px 0;
line-height: 15px;
}

div.product div.info th
{
border: none;
font-weight: normal;
width: 93px;
padding: 0 5px 0 0;
vertical-align: top;
}

div.product div.info td
{
border: none;
padding: 0 0 0 5px;
vertical-align: top;
}

b.ready-to-ship
{
color: #5ea23e;
}

b.out-of-stock
{
color: red;
}

b.final
{
color: #a53634;
}

ul.highlights
{
margin: -5px 5px 0 0;
padding: 0;
float: left;
width: 210px;
font-size: 0.9em;
}

ul.highlights li
{
list-style: none;
padding-left: 11px;
background: url("../design/ul-highlights-li.png") no-repeat 0 0.6em;
}

/* box prislusenstvi */

div.accessories div.item
{
width: 286px;
padding: 10px 7px 10px 7px;
font-size: 0.9em;
line-height: 14px;
color: #565656;
}

div.accessories p
{
padding: 0 0 0 75px;
position: relative;
}

div.accessories input.radio
{
position: absolute;
left: 0;
/*height: 40px;*/
}

* html div.accessories input.radio
{
left: -75px;
}

div.accessories a
{
position: absolute;
left: 25px;
width: 40px;
line-height: 40px;
display: block;
text-align: center;
}

* html div.accessories a
{
left: -50px;
}

div.accessories img
{
margin: 0;
display: inline;
vertical-align: middle;
}

div.accessories p.header
{
margin-bottom: 5px;
}

div.accessories label
{
margin: 0;
}

/* box diskuse */

div.discussion h2 a.add-entry
{
position: absolute;
right: 14px;
color: #333333;
text-decoration: underline;
background: url("../design/discussion-a-add-entry.png") no-repeat;
padding-left: 23px;
}

* html div.discussion h2 a.add-entry
{
background: url("../design/discussion-a-add-entry.gif") no-repeat;
}

div.discussion h2 a.add-entry:hover
{
color: #3666a8;
}

div.discussion div.item
{
margin-bottom: 20px;
margin-top: -1px;
line-height: 20px;
}

div.discussion p
{
margin-bottom: 5px;
padding: 0;
}

div.discussion p.header
{
font-size: 0.9em;
border-top: 1px solid #c1cbdb;
border-bottom: 1px solid #c1cbdb;
padding: 3px 5px 3px 5px;
}

div.discussion p.header ins
{
border-right: 1px solid #000000;
padding-right: 5px;
margin-right: 4px;
}

div.discussion p.header span.author
{
font-weight: bold;
}

div.discussion div.answer
{
border: 1px solid #9f9f9f;
padding: 7px 16px 15px 25px;
background: #f3f3f3;
}

div.discussion div.answer p.header
{
color: #33619f;
font-size: 1.1em;
font-weight: bold;
background: url("../design/discussion-answer-header.png") no-repeat 0 2px;
border: none;
padding: 0 0 0 18px;
margin-left: -18px;
}

/* porovnani produktu */

div.comparator h2
{
margin: 0;
padding-left: 0;
padding-right: 0;
width: 200px;
float: left;
background: #9a2e2c url("../design/comparator-h2.png") repeat-x;
color: #ffffff;
border: none;
text-align: center;
}

div.comparator h3
{
margin: 0;
padding: 10px 0 0 0;
width: 200px;
color: #ffffff;
background: #2e5489 url("../design/comparator-h3.png") repeat-x;
text-align: center;
border: none;
line-height: 13px;
min-height: 30px;
}

* html div.comparator h3
{
height: 30px;
}

div.comparator h3 a
{
color: #ffffff;
text-decoration: none;
}

div.comparator h3 a:hover
{
color: #ffffff;
text-decoration: underline;
}

div.comparator h4
{
padding: 11px 14px 11px 14px;
}

div.comparator h4
{
color: #ffffff;
background: #2e568c url("../design/comparator-h4.png") repeat-x;
margin: 0 0 0 -609px;
width: 781px;
}

* html div.comparator h4
{
left: 0;
position: relative;
}

div.product.first h4, div.product.second h4
{
visibility: hidden;
}

div.comparator p.image
{
width: 200px;
height: 200px;
line-height: 200px;
margin: 0;
padding: 0;
text-align: center;
overflow: hidden;
}

div.comparator p.price
{
font-weight: bold;
color: #000000;
text-align: center;
}

div.comparator p.price b
{
color: #33619f;
position: absolute;
left: -203px;
}

div.product.second p.price b, div.product.third p.price b
{
display: none;
}

div.comparator div.product
{
float: left;
width: 200px;
margin-left: 3px;
position: relative;
}

div.comparator dl
{
margin: 0;
padding: 0;
}

* html div.comparator dl
{
height: 1%;
}

div.comparator dt
{
font-weight: bold;
color: #33619f;
margin-left: -200px;
position: relative;
top: 18px;
}

* html div.comparator dt
{
left: -200px;
margin-left: 0;
}

div.product.second dt, div.product.third dt
{
visibility: hidden;
}

div.comparator dd
{
margin: 0;
}

div.comparator ul
{
margin: 0;
padding: 0;
}

div.comparator li
{
list-style: none;
padding: 0 0 0 10px;
background: url("../design/comparator-li.png") no-repeat 0 0.7em;
}

/* formularove stranky */

div.form h2
{
color: #ffffff;
background: #2e568c url("../design/form-h2.png") repeat-x;
border: 1px solid #35598d;
padding: 10px 19px 10px 19px;
}

div.form h3
{
padding: 10px 19px 10px 19px;
background: url("../design/form-h3.png") repeat-x;
border-bottom: 1px solid #c1cbdb;
}

div.form form
{
margin: 0;
padding: 0;
}

fieldset.notice, fieldset.submit
{
float: none !important;
width: auto !important;
margin: 0 !important;
}

fieldset.submit p.left
{
float: left;
}

fieldset.submit p.right
{
float: right;
}

/* krok 1 */

div.step1 table
{
width: 100%;
margin-bottom: 10px;
}

div.step1 input.text
{
width: 37px;
text-align: center;
}

div.step1 th
{
padding: 10px 8px 10px 8px;
background: #f7f7f7 url("../design/form-h3.png") repeat-x left bottom;
border-bottom: 1px solid #c1cbdb;
line-height: 14px;
}

div.step1 td
{
padding: 12px 8px 12px 8px;
}

div.step1 tr.footer td
{
border: none;
background: #f7f7f7 url("../design/form-h3.png") repeat-x left bottom;
padding: 10px 8px 10px 8px;
font-weight: bold;
color: #3666a8;
}

div.step1 tr.footer b
{
font-size: 1.6em;
}

div.step1 a
{
color: #3768aa;
text-decoration: underline;
}

div.step1 a:hover
{
color: #000000;
text-decoration: underline;
}

a.delete
{
width: 17px;
height: 17px;
position: relative;
overflow: hidden;
}

a.delete span.ir
{
width: 17px;
height: 17px;
background: url("../design/ico-erase.png");
}

/* krok 2 */

div.step2 fieldset.payment-possibilities p.payment-option {
position: relative;
padding: 10px 120px 8px 40px;
line-height: 15px;
}
div.step2 fieldset.payment-possibilities hr {
color: #e8e8e8;
background: #e8e8e8;
}
div.step2 label
{
margin: 0;
}
div.step2 p.payment-option input.radio {
position: absolute;
left: 12px;
}
* html div.step2 p.payment-option input.radio {
left: -30px;
}
div.step2 span.shipment-price {
background: #2e568d url("../design/shipment-price.png") repeat-x;
font-weight: bold;
color: #ffffff;
padding: 6px 10px 6px 10px;
position: absolute;
right: 2px;
}
* html div.step2 span.shipment-price {
right: 14px;
}
div.step2 fieldset.total-price {
padding: 6px 10px 6px 10px;
margin-bottom: 10px;
background: #f7f7f7 url("../design/form-h3.png") repeat-x left bottom;
font-size: 1.6em;
font-weight: bold;
color: #3666a8;
text-align: right;
}
div.step2 fieldset.total-price label {
font-size: 0.7em;
}
div.step2 fieldset.total-price input.text {
background: transparent;
color: #3666a8;
border: none;
font-size: 1em;
font-weight: bold;
text-align: right;
width: 100px;
padding: 0;
}

/* krok 3 */

* html div.step3
{

}

div.step3 fieldset
{
width: 260px;
margin-right: 15px;
float: left;
}

div.step3 fieldset.contact-info
{
margin: 0;
}

div.step3 legend
{
margin-bottom: 10px;
}

div.step3 legend span
{
display: block;
margin-left: -2px;
margin-right: -2px;
padding: 14px 20px 12px 20px;
font-weight: bold;
text-transform: uppercase;
color: #3666a8;
background: url("../design/form-h3.png") repeat-x bottom;
border-bottom: 1px solid #c1cbdb;
}

* html div.step3 legend span
{
margin-left: -9px;
margin-right: 0;
}

*+html div.step3 legend span
{
margin-left: -9px;
margin-right: 0;
}

fieldset.passwords legend span, fieldset.user_login legend span, fieldset.invoicing-address legend span, fieldset.invoicing-address legend span, fieldset.shipping-address legend span, fieldset.contact-info legend span
{
width: 220px;
}

fieldset.notice legend span
{
width: 770px;
}



div.step3 label
{
white-space: nowrap;
}

fieldset.invoicing-address a
{
text-transform: none;
font-style: italic;
font-size: 0.8em;
color: #000000;
text-decoration: underline;
}

fieldset.shipping-address a:hover
{
color: #3666a8;
}

div.step3 input.text
{
width: 250px;
}

div.step3 textarea
{
width: 800px;
height: 63px;
}

div.step3 p
{
padding-bottom: 10px;
float: left;
display: inline;
}

div.step3 p.city input.text
{
width: 154px;
}

div.step3 p.zip
{
margin-left: 16px;
}

div.step3 p.zip input.text
{
width: 70px;
}

span.asterisk
{
color: #ad413f;
}

/* krok 4 */

table.ordering-info
{
width: 50%;
}

table.ordering-info caption
{
font-weight: bold;
text-align: left;
margin: 10px 0 -5px 0;
padding: 0 10px 0 10px;
}

table.ordering-info th
{
font-weight: normal;
padding: 0 10px 0 10px;
border: none;
}

table.ordering-info td
{
font-weight: bold;
padding: 0 10px 0 10px;
border: none;
}

table.ordered-goods
{
width: 100%;
margin-bottom: 10px;
}

table.ordered-goods th
{
padding: 10px 20px 10px 20px;
background: url("../design/form-h3.png") repeat-x;
border-bottom: 1px solid #c1cbdb;

}

table.ordered-goods th.header
{
color: #3666a8;
text-transform: uppercase;
}

table.ordered-goods td
{
padding: 12px 8px 12px 8px;
border-bottom: 1px solid #e8e8e8;
}

table.ordered-goods a
{
color: #3768aa;
text-decoration: underline;
}

table.ordered-goods a:hover
{
color: #000000;
text-decoration: underline;
}

table.ordered-goods tr.footer td
{
border: none;
padding: 6px 8px 0 8px;
}

/* cesta */

div.path
{
margin: 13px 0 -6px 10px;
padding: 0 11px 0 11px;
font-size: 0.9em;
color: #5f5f5f;
}

* html div.path
{
height: 1%;
}

*+html div.path
{
min-height: 1%;
}

div.path p
{
padding: 0;
float: left;
margin-right: 6px;
}

div.path ul
{
margin: 0;
padding: 0;
}

div.path li
{
list-style: none;
margin-right: 8px;
float: left;
font-weight: bold;
}

div.path a
{
color: #5f5f5f;
background: url("../design/path-a.png") no-repeat right;
padding-right: 8px;
font-weight: normal;
text-decoration: underline;
}

div.path a:hover
{
color: #3666a8;
}

/* strankovani */

div.pagination
{
text-align: center;
margin-top: 23px;
}

div.pagination ul
{
margin: 0;
padding: 0;
display: inline;
}

div.pagination li
{
list-style: none;
display: inline;
margin: 0 2px 0 2px;
}

div.pagination p.item-count
{
display: inline;
margin-left: 5px;
color: #565656;
}

div.pagination li.first
{
padding-left: 11px;
background: url("../design/pagination-first.png") no-repeat left 0.4em;
}

div.pagination li.previous
{
margin-left: 4px;
padding-left: 8px;
background: url("../design/pagination-previous.png") no-repeat left 0.4em;
}

div.pagination li.next
{
margin-right: 4px;
padding-right: 8px;
background: url("../design/pagination-next.png") no-repeat right 0.4em;
}

div.pagination li.last
{
padding-right: 11px;
background: url("../design/pagination-last.png") no-repeat right 0.4em;
}

div.pagination a
{
color: #565656;
text-decoration: none;
}

div.pagination a:hover
{
color: #565656;
text-decoration: underline;
}

div.pagination li.first a:hover, div.pagination li.previous a:hover, div.pagination li.next a:hover, div.pagination li.last a:hover
{
font-weight: bold;
color: #33619f;
}

div.pagination a.active
{
font-weight: bold;
color: #33619f;
text-decoration: none;
}

/* header */

div.print-header
{
display: none;
}

div.header
{
position: absolute;
top: 0;
width: 1000px;
height: 205px;
font-size: 0.7em;
}

div.headline
{
background: #588bda;
padding: 9px 6px 9px 11px;
z-index: 2;
position: relative;
}

div.servicemenu
{
float: left;
max-width: 59%;
}

div.servicemenu ul
{
margin: 0;
padding: 0;
}

div.servicemenu li
{
list-style: none;
float: left;
margin: 0 10px 0 0;
}

div.servicemenu a
{
background: url("../design/headline-a.png") no-repeat 0 0.45em;
padding-left: 6px;
color: #ffffff;
text-decoration: none;
}

* html div.servicemenu a
{
background: url("../design/headline-a.gif") no-repeat 0 0.45em;
}

div.servicemenu a:hover
{
color: #ffffff;
text-decoration: underline;
}

div.basket-content
{
float: right;
text-align: right;
max-width: 39%;
}

div.basket-content p
{
padding: 0 0 0 19px;
color: #ffffff;
background: url("../design/basket-content.png") no-repeat 0 0.15em;
}

div.basket-content a
{
background: url("../design/headline-a.png") no-repeat right 0.45em;
padding-right: 9px;
color: #ffffff;
text-decoration: none;
}

* html div.basket-content a
{
background: url("../design/headline-a.gif") no-repeat right 0.45em;
}

div.basket-content a:hover
{
color: #ffffff;
text-decoration: underline;
}

div.middle
{
position: relative;
}

div.logo
{
width: 312px;
height: 68px;
position: absolute;
left: 11px;
top: 13px;
}

div.logo h1
{
margin: 0;
padding: 0;
width: 312px;
height: 68px;
border: none;
position: relative;
overflow: hidden;
}

div.logo span.ir
{
width: 312px;
height: 68px;
background: url("../design/kettler-fitness.png");
}

div.hotline
{
position: absolute;
left: 11px;
top: 90px;
}

div.hotline p
{
width: 358px;
height: 44px;
position: relative;
overflow: hidden;
}

div.hotline span.ir
{
width: 358px;
height: 44px;
background: url("../design/potrebujete-poradit.png");
}

div.slideshow
{
width: 592px;
height: 126px;
float: right;
position: relative;
margin: 6px 25px 7px 0;
}

div.slideshow div#slider
{
width: 592px !important;
height: 126px;
overflow: hidden;
}

div#slider ul
{
margin: 0;
padding: 0;
}

div#slider li
{
list-style: none;
width: 200px;
height: 126px;
overflow: hidden;
float: left;
}

div#slider img
{
border: 1px solid #c1cbdb;
}

ul.slideshow-controls
{
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 30px;
z-index: 2;
width: 592px;
height: 57px;
}

ul.slideshow-controls li
{
list-style: none;
width: 25px;
height: 57px;
position: absolute;
}

ul.slideshow-controls li#previous
{
left: -25px;
}

ul.slideshow-controls li#next
{
right: -25px;
}

ul.slideshow-controls a
{
width: 25px;
height: 57px;
display: block;
overflow: hidden;
position: relative;
}

ul.slideshow-controls span.ir
{
width: 25px;
height: 57px;
background: url("../design/slideshow-controls.png");
}

ul.slideshow-controls li#next span.ir
{
background-position: -25px 0;
}

div.mainmenu
{
background: #2e5488 url("../design/mainmenu.png") repeat-x;
float: left;
width: 820px;
}

div.mainmenu ol
{
margin: 0;
padding: 0;
}

div.mainmenu li
{
list-style: none;
font-size: 0.95em;
float: left;
position: relative;
background: url("../design/mainmenu-li.png") no-repeat;
}

div.mainmenu a
{
display: block;
padding: 10px;
color: #ffffff;
text-decoration: none;
}

div.mainmenu a:hover, div.mainmenu a.active
{
color: #ffffff;
text-decoration: underline;
}

/* footer */

div.footer
{
font-size: 0.7em;
width: 1000px;
min-height: 105px;
padding-top: 23px;
background: #33619f url("../design/footer.png") no-repeat;
}

div.footer p
{
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
}

div.footer div.site-owner
{
width: 204px;
float: left;
margin: 22px 11px 0 7px;
}

div.site-owner p
{
width: 204px;
height: 45px;
}

div.site-owner span.ir
{
width: 204px;
height: 45px;
background: url("../design/kettler-fitness.png") 0 -68px;
}

div.footer div.company-info
{
float: left;
width: 285px;
margin: 0 16px 0 8px;
}

div.company-info p.header
{
width: 170px;
height: 17px;
}

div.company-info span.ir
{
width: 170px;
height: 17px;
background: url("../design/informace-o-firme.png");
}

div.company-info ul
{
margin: 14px 0 0 0;
padding: 0;
}

div.company-info li
{
list-style: none;
float: left;
padding: 9px 0 9px 12px;
background: url("../design/company-info-li.png") no-repeat left 1.3em;
font-weight: bold;
width: 130px;
}

div.company-info a
{
color: #ffffff;
text-decoration: none;
}

div.company-info a:hover
{
color: #ffffff;
text-decoration: underline;
}

div.footer div.newsletterform
{
float: left;
width: 243px;
margin: 0 12px 0 10px;
}

div.newsletterform p.header
{
width: 137px;
height: 18px;
}

div.newsletterform span.ir
{
width: 137px;
height: 18px;
background: url("../design/odber-novinek.png");
}

div.newsletterform form
{
margin: 11px 0 0 0;
position: relative;
float: left;
}

div.newsletterform legend
{
color: #ffffff;
font-weight: bold;
margin-bottom: 11px;
}

div.newsletterform input.text
{
border-top: 1px solid #ac403e;
border-bottom: 1px solid #ac403e;
border-left: 1px solid #ac403e;
border-right: none;
color: #565656;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
width: 180px;
height: 14px;
}

div.newsletterform input.image
{
position: absolute;
bottom: 0;
}

*+html div.newsletterform input.image
{
bottom: 1px;
}

div.footer div.created-by
{
float: left;
width: 186px;
margin: 1px 0 0 12px;
}

div.created-by p.header
{
width: 103px;
height: 20px;
margin-bottom: 11px;
}

div.created-by p.header span.ir
{
width: 103px;
height: 20px;
background: url("../design/created-by.png");
}

div.created-by p
{
width: 186px;
height: 52px;
}

div.created-by span.ir
{
width: 186px;
height: 52px;
background: url("../design/skymedia.png");
}

div.created-by a:hover span.ir
{
background-position: -186px 0;
}

* html div.footer div
{
display: inline;
}

/* sifr */

.sIFR-flash
{
visibility: visible !important;
margin: 0;
padding: 0;
}

.sIFR-replaced, .sIFR-ignore
{
visibility: visible !important;
padding-bottom: 0 !important;
}

.sIFR-alternate
{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus
{
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}



/* kontaktni strana */
div.contact h2 {
padding-left: 20px;
padding-right: 20px;
}
div.contact div.container {
padding-left: 20px;
}
div.contacts {
line-height: 20px;
}
div.contacts span.header {
min-width: 5em;
margin-left: 21px;
padding-left: 28px;
float: left;
}
div.contacts div.item {
float: left;
width: 390px;
margin-bottom: 22px;
}
div.contacts p {
padding: 0;
}
span.header.mail {
background: url("../design/mail.png") no-repeat 0 center;
}
span.header.mobil {
background: url("../design/mobil.png") no-repeat 2px center;
}
span.header.pevna {
background: url("../design/pevna.png") no-repeat 0 center;
}
p.map {
margin-top: 12px;
}
p.map a {
border: 1px solid #dbdbdb;
float: left;
height: 116px;
margin-right: 26px;
margin-bottom: 11px;
width: 276px;
}
p.map a:hover {
border: 1px solid #b55250;
}
div.contact fieldset.contact-form {
margin-top: 12px;
}
div.contact fieldset.contact-form input.text {
width: 250px;
}
div.contact fieldset.notice textarea {
width: 782px;
height: 63px;
}

div.operator p {
float: left;
line-height: 24px;
margin-right: 68px;
}
div.operator strong {
color: #3667a9;
}
div.contact h1 {
font-size: 1em;
color: #3666a8;
margin: 0 0 12px 0;
padding: 11px 20px 11px 20px;
background: #f7f7f7 url("../design/h2.png") repeat-x bottom;
border-bottom: 1px solid #c1cbdb;
position: relative;
}



/* "iframe" cetelem  */
#iframe_cetelem {
 overflow: auto; 
 height: 160px;
 padding:10px;
 background-color: #4CB546;
 color: #FFFFFF;
 border: 1px solid #003333;
}

/* error */
.error {
font-weight: bold;	
color: #FF0000;
background-color: #FFFFD4;		
}

/* status */
.status {
font-weight: bold;	
color: #3869AB;	
background-color: #FFFFD4;	
}

/* small  - text darek a _zd  u hrubeho vypisu */		
.small_zd {
	font-size: 0.9em;
	color: #49731E;
}

.small_darek {
	font-size: 0.9em;
	color: #3563A2;
}

/* Zprávy */
#zprava-chyba {background:#FFF8B2 url("../design/ico-chyba.gif") 10px 50% no-repeat; border:1px solid #FFDA4D; padding:10px; padding-left:40px; margin:15px 0}
#zprava-ok {background:#D6EFFF url("../design/ico-potvrzeni.gif") 10px 50% no-repeat; border:1px solid #99D7FF; padding:10px; padding-left:40px; margin:15px 0}	

/* detail addon - body */
.detail-addon {
display: block;
background:url("../design/ul-li.png");
background-position: 0px 7px; /* 0% 50% */
background-repeat: no-repeat;
padding-left: 10px;
}

/* detail addon popis pc - bodiky */
.detail-addon-odsaz {
display: block;
background:url("../design/dot-detail-small.gif");
background-position: 0px 8px; /* 0% 50% */
background-repeat: no-repeat;
margin-left: 15px;
padding-left: 10px;
}	

/* obal titulka novinky */
.text_news_obal {width: 660px; float: right}

/* obr titulka novinky */
.imgTbox {float: left; width: 105px; padding-left: 20px; text-align: center;}
.borderT {width:100px; height: 100px; border: 1px solid #C0C0C0;}