/*

One main layout Table" stylesheet for osC created by Paul Mathot
2003/11/12

- these stylesheet settings apply to all media
- for printing styles edit templates/print.css
- modified 2004/03/18 PaulM forums.eeweb.nl
- To optimize the stylesheet for small filesize (=>maximum speed) you can remove most comments, and group the styles.

*/

/* begin imported some styles  from original osC stylesheet */
.smallText {
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
}

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

.messageStackSuccess {
background-color: #9CFF00;
}

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


/*
this
part
is
for
layout
*/

/****** config ******/

div#border, div#b, div#header{
width: 760px;
}

div.main{
width: 460px;
}

div.left{
width: 150px;
}

div.right{
width: 150px;
}

div#path-in{
text-align: right;
background-color: black;
height: 24px;
color: white;
}

div.starter, div#header{
height: 192px;
}

div#header-in{
xheight: 160px; /* header height - complet path height with 2x white*/
xbackground-image : url(img/header.jpg);
xbackground-repeat: no-repeat-x;
}

div#border{
padding: 4px;
border: 1px solid black;
}

div.white{
height: 4px;
}

div#b, div.main{
background : white;
}

/****** main ******/

html{
font-size: 100%;
xfont-family: Georgia, "Times New Roman", Times, serif;
font-family: Arial;
xline-height: 120%;
}

body{
font-size: 70%;
text-align: center;
background-image : url(/images/body_back.jpg);
background-repeat: repeat-x;
background-color: #CCCDCC;
color: #636563;
}

html, body, form, input{
margin: 0;
padding: 0;
}

div.error{
border: 1px solid #ff0000;
background-color: #FFCCCC;
}

/****** page ******/

div#border{
margin: auto;
background-color: white;
}

div#b, div#m, div#w{
position: relative;
}

div#b{
margin: auto;
text-align: left;
}

div#m{
background-image : url(/images/left.gif);
background-position : left;
background-repeat : repeat-y;
}

div#w{
background-image : url(/images/right.gif);
background-position : right;
background-repeat : repeat-y;
}

/****** header footer ******/

div#header{
position : absolute;
top:0;
left:0;
}

div.footer{
font-size: 90%;
background-color: black;
text-align: center;
color: gray;
}

div.footer-in{
padding: 4px;
}

div.footer a{
color: gray;
}

/****** left main right ******/

div.left{
position: relative;
float: right;
}

div.main, div.right{
float: left;
}

div.main-right{
position: relative;
float: right;
}

div.left input, div.right input{
vertical-align: middle;
}

/****** special ******/

div.starter, div.cleaner{
margin:0;
padding:0;
font-size:0;
border:0;
}

div.cleaner{
height: 1px;	
clear: both;
}

div.white{
background-color: white;
font-size: 0;
}

/***** path  *****/

div.line-left{
float: left;
padding: 4px 0 0 8px;
xfont-weight: bold;
font-size: 12px;
}

div.line-right{
float: right;
padding: 4px 8px 0 0;
font-weight: bold;
}

div#path a{
color: white;
}

div#path a:hover{
color: #DE0000;
}

div.main-in{
margin: 8px 16px 16px 16px;
width: 428px; /* fucking ie5 & 5.5 */
}

/*
this
part
is
for
layout
*/


/* pageWrapper div for centering and width settings! 2004/01/06 */
div#pageWrapper {
position: relative;
margin: 10px auto;
width: 100%; /* set total pagewidth */
}
form {
display: inline;
}
td {
vertical-align: top;
}
td.productListing-data {
vertical-align: middle;
font-size: 12px;
}

td.productListing-data h2{
font-size: 12px;
font-weight: normal;
padding: 0;
margin: 0;
}

table#mainLayoutLT {
margin: 0px auto;
width: 100%;
}
td.columnLT {
width: 155px;
padding: 0;
}
table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT {
width: 180px;
}

table.infoBoxLT td table {
width: 100%;
}
td#contentLT {

}
.infoBoxLT {
margin: 0px;
}
td#contentLT {
padding: 10px 12px;
}
td.infoBoxHeadingLT, .infoBoxHeading {
padding: 2px 8px;
color: white;
font-weight: bold;
font-family: Arial;
letter-spacing: 1px;
}
td.boxTextLT {
padding: 5px 6px;
}

div#imageNavLT{
margin: 12px 7px 0 0;
float: right;
}
.navRightLT {
float: right;
}
.boxTextLT select {
width: 90%;
}
td#navBarTopLT div, td#navBarBottomLT div {
margin: 1px 5px;
height: 17px;
}
.logoLT, .navLeftLT {
float: left;
}
.footerLT {
text-align: center;
}
.footerLT div {
margin: 5px auto;
}
.infoBoxHeadingLT div {
float: left;
}
#languagesBoxLT, #specialsBoxLT, #currenciesBoxLT, #whats_newBoxLT, #manufacturersBoxLT, #searchBoxLT, #tell_a_friendBoxLT {
text-align: center;
}
/* begin colors and borders (for link colors: see the link styles section below) */
table.infoBox {
border: #CECFCE solid 1px;
}
.productListing-heading {
background-color: #fee662;
}
tr.productListing-even td {
background-color: #F8F8F8;
padding: 5px 5px 5px 5px;
}
tr.productListing-odd td.productListing-data {
background-color: #fff;
padding: 5px 5px 5px 5px;
}
.errorText {
color: #DD0000;
}
/* .cBoxE higlighting for categories box enhancement contrib */
.cBoxE {
color: #DD0000;
}
td.infoBoxHeading {
border: 0px black solid;
}
td#navBarTopLT, td#navBarBottomLT {
border: 1px #ffb21c solid;
border-width: 1px 0;
}
table#mainLayoutLT {
border: 2px #ffb21c solid;
}
.infoBoxLT td {
xborder: 1px solid black;
}
#contentLT table td.pageHeading, h1 {
font-family: Arial;
color: #bf2610;
}
.infoBoxLT td table td {
border-width: 0px;
}
.inputRequirement, .greetUser {
color: #DD0000;
font-size: 12px;
font-family: Arial;
font-weight: bold;
}
/* example how to assign styles to one individual small infobox (delete if you don't like) */
table#shopping_cartBoxLT {
xfont-weight: bold;
xcolor: #e00;
}

td.infoBoxHeadingLT, .infoBoxHeading, .productListing-heading {
background-color: #939393;
vertical-align: middle;
text-align: center;
color: white;
font-weight: bold;
font-family: Arial;
}

td.infoBoxHeadingLT {
height: 24px;
background-image: url(/images/box_title.jpg);
background-repeat: repeat-y;
}

/* end colors and borders */
.infoBoxHeading img {
display: none;
}
/* begin fonts */
#copyRightLT {
font-size: 11px;
}
td.infoBoxHeading {
font-weight: bold;
}
.infoBoxLT td, .infoboxLT td.boxTextLT form select {
font-size: 11px;
font-family: arial, sans-serif;
}
#navBarTopLT, #navBarBottomLT {
font-size: 12px;
font-weight: bold;
}
/* font size for content in and outside tables */
#contentLT table td, #contentLT {
font-size: 11px;
font-family: arial, sans-serif;
}
#contentLT table td.pageHeading, h1 {
font-size: 16px;
font-weight: bold;
font-family: Arial;
xtext-indent: 15px;
xpadding-top: 5px;
}
/* end fonts */
/* begin link styles */
.infoBoxHeadingLT a {
float: right;
margin: 2px;
}
a {
text-decoration: none;
color: #4A4D4A;
}
a:hover {
text-decoration: underline;
color: #DD0000;
xbackground-color: #fff;
}
/* end link styles */

/* tyhle styly pridal JAKUB 9.4.2004 */

td.main {
    font-size: 11px;
    color: #636563;
    font-family: Arial;
}

div.aborder a img, table.infoBoxContents a img, table.productListing a img, td.boxTextLT a img {
    border: 1px solid #CECFCE;
}

div.aborder a:hover img, table.infoBoxContents a:hover img, table.productListing a:hover img, td.boxTextLT a:hover img {
    border: 1px solid #DD0000;
}

td.infoBoxHeadingLT a:hover {
xbackground-color: white;
}

table.productListing {
border: #CECFCE solid 1px;
font-size: 11px;
font-family: Arial;

}

table.product-rewiew-info {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    xbackground-color: #8F9CA0;
    xdisplay: none;
}

table.product-rewiew-info td.pageHeading {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
}

table.product-rewiew-info .infoBox {
    xwidth: 100px;
}

table.product-rewiew-info tr.infoBoxContents {
    xbackground-color: #DD0000;
}

table.product-rewiew-info tr.infoBoxContents {

}

table.product-rewiew-info td.main {
    font-size: 11px;
    color: #636563;
    font-family: Arial;
}

.pageHeading h1 {
    text-align: left;
}

td.boxText {
    font-size: 11px;
    color: #636563;
    font-family: Arial;
}

td.fieldKey {
    font-size: 13px;
    color: #636563;
    font-family: Arial;
}

input, select, textarea {
    font-size: 13px;
    color: #636563;
    font-family: Arial;
}


/* tyhle styly pridal JAKUB END */

.headerNavigation {
    font-size: 12px;
    color: white;
    font-family: Arial;
}

div.koupit a img { 
 border: 0!important; 
}

div.price {
font-family: Arial;
font-weight: bold;
font-size: 16px;
color: black;
}

td.productListing-data input {
    width: 40px;
}

.productListing-heading a {
    xdisplay: block;
    margin: 0;
    padding: 0;
    border: 0;
    xcolor: #DD0000;
    line-height: 13px;
}

td.checkoutBarCurrent, td.checkoutBarTo, td.checkoutBarFrom, td.checkoutBarFrom a {
    font-size: 11px;
    color: #636563;
    font-family: Arial;
}

td.checkoutBarFrom a {
    text-decoration: underline
}

.ukazatelnakupu td, .ukazatelnakupu {
    vertical-align: middle!important;
}

.ukazatelnakupu1 td, .ukazatelnakupu1 {
    vertical-align: bottom!important;
}

div#obchodni-podminky p {
    margin: 0 0 10px 0;
}

div#obchodni-podminky ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

input.search {
    width: 85px;
    margin-right: 4px;
}

input.send {
    width: 80px;
    margin-right: 4px;
}

h2 {
    font-size: 1.2em;
    color: #0077AA;
}

span.mnfctr {
    display: block;
    color: black;
    font-size: 0.8em;
}
span.model {
    display: block;
    font-size: 10px;
}

/* fine tuning */

div.main a{
text-decoration: underline;
}

div.main img.foto-detail{
border: 1px solid #cecece;
margin-left: 12px;
}

div.main a{
text-decoration: underline;
}

div.main table.h{
margin-bottom: 12px;
padding: 0;
}

div.main div.description{
margin-bottom: 8px;
}

div.main div.description p{
margin-top: 0;
padding-top: 0;
}

div.main h1{
padding: 0;
margin: 0;
}

div.main h4.also-purchased{
font-size: 12px;
margin: 4px;
padding: 0;
}

div.main div.button-box{
clear: both;
border: 1px solid #cecece;
padding: 5px 19px 5px 19px;
}

/* <TXT>  */

div#txt {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: #4A4D4A;
}

div#txt .nopaddtop {
    padding-top: 0!important;
}

div#txt h2 {
	margin: 10px 0 10px 0;
	padding: 0;
	border: 0;
	font-size: 110%;
	color: #0077AA;
}

div#txt h3 {
	margin: 10px 0 0 0;
	padding: 0;
	border: 0;
	font-size: 110%;
	color: #DD0000;
}

div#txt h4 {
	margin: 0;
	padding: 6px 0 5px 10px;
	border: 0;
	font-size: 90%;
	text-transform: uppercase;
	color: #fff;
	background-color: #939393;
	letter-spacing: 1px;
	text-align: left;
}

div#txt a {
	color: #DD0000;
}

div#txt a:hover {
	text-decoration: none;
}

div#txt a img {
	border: 0;
}

div#txt img.noborder {
	border: 0!important;
}

div#txt img.img-fleft, a.fleft {
	float: left;
	margin: 0 15px 5px 0;
	padding: 0;
	border: 1px solid #000;
	z-index: 3;
}

div#txt img.img-fright, a.fright {
	float: right;
	margin: 0 0 5px 10px;
	padding: 0;
	border: 1px solid #000;
	z-index: 3;
}

div#txt a.fright, a.fleft {
	position: relative;
	display: block;
	width: 152px;
	height: 152px;
	margin-bottom: 30px;
	_margin-bottom: 20px;
	text-decoration: none;
}

div#txt a.fright span, a.fleft span {
	position: absolute;
	display: block;
	width: 154px;
	height: 15px;
	bottom: -11px;
	_bottom: -15px;
	left: -1px;
	padding: 0;
	margin: 0;
	z-index: 4;
	cursor: pointer;
	cursor: hand;
	line-height: 0;
	font-size: 0;
	background-color: #000;
	background-image: url("/img/zvetsit.gif");
	background-repeat: no-repeat;
	background-position: center;
	background-position: 58px 2px;
}

div#txt ul li {
	list-style-image: url("/img/arrow.png");
	padding-bottom: 5px;
}

div#txt ul li.back {
	list-style-image: url("/img/arrow-l.png");
}

div#txt ol li {
	padding-bottom: 8px;
}

div#txt ul.ul-fleft {
	width: 18em;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

div#txt sup, sub {
font-size: 60%;
}

div#h2-bot-mar h2 {
margin-bottom: 2px;
}

div#h2-bot-mar p {
margin-top: 0;
}

p.sleva a {
color: #FF0000;
}

div#akce {
text-align: center;
}

div#akce a img {
border: 1px solid #000;
}

table tr th.center, table tr td.center {
text-align: center!important;
}

/* TABLE GLOBAL  */

table.global {
margin: 0;
padding: 0;
border-collapse: collapse;
border: 1px solid #626262;

}

table.global tr th {
margin: 0;
padding: 0.5em;
border: 1px solid #626262;
text-align: left;
vertical-align: top;
font-size: 70%;
background-color: #808080;
color: #fff;
}

table.global tr td {
margin: 0;
padding: 0.5em;
border: 1px solid #626262;
text-align: left;
vertical-align: top;
font-size: 70%;
}

/* /TABLE GLOBAL  */
/* <teploty> */

table#teploty {
margin: 0;
padding: 0;
border: 0;
border-collapse: collapse;
}

table#teploty tr td {
margin: 0!important;
padding: 0.2em 0.7em 0.2em 0.7em!important;
border: 0;
text-align: center;
font-size: 70%;
}

table#teploty tr#kom td {
margin: 0;
padding: 0;
border: 0;
border-bottom: 1px solid #000;
background-color: red;
color: #fff;
}

table#teploty tr#lim td {
margin: 0;
padding: 0;
border: 0;
border-bottom: 1px solid #000;
background-color: #E7CB2F;
color: #fff;
}

table#teploty tr#ext td {
margin: 0;
padding: 0;
border: 0;
background-color: #3623F1;
color: #fff;
}

table#teploty tr#kom td.teploty-popis, table#teploty tr#lim td.teploty-popis, table#teploty tr#ext td.teploty-popis {
background-color: transparent;
color: inherit;
text-align: left;
}

table#teploty td strong {
display: block;
margin: 0;
padding: 0;
border: 0;
text-align: center;
}

/* </teploty> */

img.no-border {
border: 0!important;
}

/* </TXT>  */

/* <FOTOGALERIE>  */

div#fotogalerie h2 {
	clear: both;
	margin-bottom: 8px;
	padding-top: 32px;
}

div#main-right-left div.padd {
	padding-right: 0;
}

div#fotogalerie a.fleft {
	width: 125px;
	height: 125px;
	margin-right: 12px;
	_margin-right: 10px;
	margin-bottom: 20px;
	_margin-bottom: 24px;
}

div#fotogalerie a.fleft span {
	width: 127px;
	background-position: 42px 2px;
}

/* </FOTOGALERIE>  */

/* <REGISTRACE>  */

div.main fieldset label, div.main fieldset input{
display: block;
}

div.main fieldset{
border: 1px solid #d6d6d6;
margin-bottom: 12px;
padding: 8px;
}

div.main fieldset legend{
font-weight: bold;
}

div.main fieldset input{
margin-bottom: 4px;
}

div.main fieldset.newsletter input, div.main fieldset.newsletter label{
display: inline;
vertical-align: middle;
}

div.main fieldset label span{
font-weight: bold;
color: #d00;
margin-left: 4px;
}

/* </REGISTRACE>  */

/* <MENU>  */

div.menu ul, div.menu ul li{
list-style: none;
padding: 0;
margin: 0;
} 

div.menu ul li ul li{
padding-left: 16px;
background-image : url(/images/li.gif);
background-repeat: no-repeat;
background-position: 8px 5px;
}

div.menu ul li ul{
margin-top: 1px;
margin-bottom: 4px;
}

div.menu ul li.active{
font-weight: bold;
}

div.menu ul li ul li.active{
font-weight: bold;
background-image : url(/images/li-a.gif);
background-repeat: no-repeat;
background-position: 8px 5px;
}

div.menu ul li.active ul{
font-weight: normal;
}

/* </MENU>  */


/* <NOVE PRODUKTY>  */

div#new-prd-tab table {
 width: 100%;
 xborder-collapse: collapse;
 border: 0;
 margin: 0;
 padding: 0;
}

div#new-prd-tab table td {
 margin: 0;
 padding: 0;
 text-align: center;
 vertical-align: top;
}

div#new-prd-tab table td.news {
}

div#new-prd-tab table td p.novinky {
font-size: 12px;
margin: 0.5em;
}

div#new-prd-tab table td.news h2{
 border: 0;
 margin: 1.2em auto 0 auto;
 padding: 2px 0 0 0;
 font-weight: normal;
 background-color: #F0F0F0;
 width: 136px;
}

div#new-prd-tab table td.news h2 a{
 font-size: 11px;
 text-decoration: none;

}

div#new-prd-tab table td h2 a strong {
 font-weight: normal;
}

div#new-prd-tab table td h3 {
 margin: 0 auto 0 auto;
 padding: 3px 0 0 0;
 font-weight: normal;
 width: 136px;
 height: 30px;
 background-color: #F0F0F0;
}

div#new-prd-tab table td h3 a{
 font-size: 11px;
}

div#new-prd-tab table td p {
 border: 0;
 margin: 0 0 3px 0;
 padding: 0;
 font-size: 10px;
}

div#new-prd-tab table td p.cena {
 background-color: #F0F0F0;
 margin: 0 auto 0 auto;
 width: 136px;
 padding: 2px 0 3px 0;
 color: black;
 font-size: 11px;
}

div#new-prd-tab table td a {
 font-size: 10px;

}

div#new-prd-tab table td a img {
 border: 4px solid #F0F0F0;
 margin: 0;
 padding: 0;
}

div#new-prd-tab table td a:hover img {
 border-left: 4px solid #CCCCCC;
 border-right: 4px solid #CCCCCC;
 margin: 0;
 padding: 0;
}

/* </NOVE PRODUKTY>  */