/*

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;
}
/* end import from original stylesheet */

body, html {
xbackground-image: url(http://www.autotuning.cz/images/bodyback.gif);
background-color: white;
margin: 0;
padding: 0;
text-align: center; /* needed for IE center bug */
}


div#border {
    background-color: white;
    width: 970px;
    margin: auto;
    padding: 5px
}

div#page {
    xborder: white solid 1px;
    width: 970px;
    background-image: url(/images/back.gif);
    background-repeat: repeat-y;
    margin: auto;
}

div#header {
    height: 170px;
    color: white;
}

div#navigation {
    background-color: #666666;
    height: 28px;

}

div#navigation-left {
    float: left;
    color: white;
    padding-top: 6px;
    padding-left: 8px;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    xdisplay: none;
}

div#navigation-right {
    float: right;
    color: white;
    padding-top: 3px;
    padding-right: 8px;
    font-weight: bold;
    xdisplay: none;
}

div.clear {
    clear: both;
}

/* 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;
}
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: 6px 5px;
}

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 0 0 0;
}
tr.productListing-odd td.productListing-data {
background-color: #fff;
padding: 5px 0 0 0;
}
.errorText {
color: red;
}
/* .cBoxE higlighting for categories box enhancement contrib */
.cBoxE {
color: red;
}
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: #d00;
}
.infoBoxLT td table td {
border-width: 0px;
}
.inputRequirement, .greetUser {
color: red;
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 {
font-weight: bold;
color: #e00;
}

td.infoBoxHeadingLT, .infoBoxHeading, .productListing-heading {
background: #ff9c00; color:white;
xheight: 24px;
vertical-align: middle;
text-align: center;

font-weight: bold;
font-family: Arial;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
}

td.infoBoxHeadingLT {
    height: 24px;
}

/* 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: red;
xbackground-color: #fff;
}

.boxTextLT a, .boxTextLT {
	text-decoration: none;
	color: Black;
}

/* 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 #FFAE5E;
}

td.infoBoxHeadingLT a:hover {
    background-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: red;
}

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;
}

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

.productListing-heading a {
    xdisplay: block;
    margin: 0;
    padding: 0;
    border: 0;
    xcolor: red;
    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;
}

.newItemInCart, span.infoBoxContents {
color: white;
}

/*------bannery----------*/
#hp-banners .clear{clear: both; overflow: hidden;}
#hp-banners .text-banner {width: 430px; border:1px solid #ff9c00; float: left; }
#hp-banners .text-banner h2 {text-align: left; font-size: 11px;  padding: .5em 1em;}
#hp-banners .text-banner .inner {padding: 4px;}
#hp-banners .text-banner h2 {border: none;}
#hp-banners .banner320, #hp-banners .banner200{ }
#hp-banners .banner320 {width: 320px; float:left; } 
#hp-banners .banner200 {width: 200px; float:right; } 

/*--------*/

#categoriesBoxLT .boxTextLT {font-size: 11px;}
#categoriesBoxLT .boxTextLT a { font-weight: bold;}
#categoriesBoxLT .boxTextLT a:hover {color:#442;}