form.slevovyKupon { float: left; width: 100%; }
form.slevovyKupon fieldset {  }
form.slevovyKupon fieldset label.hlaska { display: block; padding: 5px 10px; background: #fff; margin-bottom: 10px; }
form.slevovyKupon fieldset label.hlaska.info { color: #3E4A64; }
form.slevovyKupon fieldset label.hlaska.error { color: #f00; }
form.slevovyKupon fieldset label.hlaska.notice { color: #6C7589; }
form.slevovyKupon fieldset .nodisplay { display: none; }
form.slevovyKupon fieldset input.text { font-size: 90%; padding: 1px 4px; width: 100px; }
form.slevovyKupon fieldset input.submit { background: #6C7589; color: #fff; font-weight: bold; }

.step3-error
{
  color: red;
  background: #e0e0e0;
  border: 1px solid red;
}


table.cart, table.general {
	width: 100%;
	margin-top: 20px;
	float: left;
	color: #333;
}

table.cart tr td a, table.general tr td a{
		color: #333;
}
table.general tr td.right{
  position: relative;
}

table.general tr td.right strong{
  text-align: right;
}

table.cart{
  width: 100%;
}

table.cart input{
  
}

table.general .even, table.cart .even{
  background: #E0E0E0;
}

table.general .odd, table.cart .odd{
  background: #d7d9df;
}

h3.left{font-size: 140%; margin: 20px 0px 0px 0px;}


table.cart th, table.general td {
	background: #98E1AF;
    color: #283249;
	padding: 3px 3px;
}

table.cart th{
	font-weight: bold;
}

table.cart th a, table.general th a{
	color: rgb(108,117,137);
  text-decoration: none;
}

table.cart td, table.general td {
  padding: 0.2em 0.5em;
}

table.cart td a, table.general td a{
	color: black;
}


#mainContent, #cart {
  position: relative;
  width: 100%;
  top: 10px;
  margin: 0 auto;
}

#cart {
  font-size: 110%;
}


table.cart input{
 border: 1px solid #A8A8A8;
 background: #E7E7E7;
 width: 45px;
 color: #3F3F3F;
}


div#cart{
  width: 100%;
  position: relative;
  min-height: 400px;
  _height: 400px;
  
}

#kompletace { margin: 1em; border: 1px solid; padding: 1em; background: #b6b6b6; }
#kompletace form input.text { width: 1.75em; text-align: center; margin: 0px 0px 0px 4px; padding: 1px 3px; }
#kompletace label { display: block; margin-bottom: 5px; }
#kompletace textarea { width: 400px; height: 80px; font-family: 'Tahoma', Arial, Verdana, sans-serif; font-size: 1em; padding: 2px 3px; }
#kompletace form input.submit { display: block; padding: 1px 10px; background: #7DBD91; font-size: .9em; border: 1px solid #E0E0E0; margin: 10px 0px 0px 351px; _margin: 10px 0px 0px 330px; }


#left-pane {
	width: 35%;
	float: left;
	margin: 0px 10px 0px 0px; padding: 0px 10px 0px 0px;
	min-height: 300px;
}

/* ----- table in left pane in steps of order -----*/
#left-pane table {
	width: 100%;
}


#left-pane tbody tr {
	background: #C8C8C8;
	border-bottom: 1px solid #CFCFCF;
}
#left-pane tbody td {
	text-align: left;
	padding: 2px 10px;
}


#left-pane tfoot td.finaltotal {
	border: 1px solid #000000;
    text-align: right;
	background: #C8C8C8;
}


#left-pane p, #right-pane p {
	text-align: left;
	line-height: 1.2em;
	margin: 5px 10px 0 10px;
	color: #3F3F3D;
}
#right-pane {
	width: 61%;
	float: left;
	height: auto;
	padding-bottom: 70px;
}

#left-pane-top, #right-pane-top{min-height: 200px; _height: 200px;}


#left-pane h2, #right-pane h2, #order-detail h2 {
	margin: 15px 0 5px 0;
	background: #7DBD91;
	font-size: 110%;
	line-height: 180%;
	text-align: left;
	color: #283249;;
	padding-left: 10px;
    font-weight: bold;
}

#left-pane h2{
	background: #a8bbae;
	}


#left-pane h2.error, #right-pane h2.error, #order-detail h2.error {
	margin: 15px 0 5px 0;
	background: rgb(204,0,0);
	font-size: 110%;
	line-height: 180%;
	text-align: left;
	color: white;
	padding-left: 10px;
}

a.underlined {
  text-decoration: underline;
}

a.red {
  color: red;
}

#right-pane fieldset {
	border: 0;
    margin-top: 5px;
}

#right-pane legend, #right-pane .legend  {
	font-weight: bold;
	width: 158px; 
	text-align: right; 
	color: #3F3F3D;
    padding-top: 10px;
    padding-bottom: 5px; 
    clear: both; 
}

#right-pane .legend {
	display: block;
}

#right-pane .legend input { width: auto; margin-right: 8px; }

.zpusob-doruceni, .zpusob-platby{
  float: left;
  width: 100%;
}


#right-pane label {
  width: 160px;
  float: left;
  text-align: right;
  padding-right: 5px; 
}

#right-pane input {
   border: 1px solid #A8A8A8;
   background: #E7E7E7;
   margin-left: 3px;
   margin-bottom: 2px;
   width: 45%;
  _width: 70%;
}

#right-pane input.necessary {
 background: #FEF1BD;
}

#right-pane select {
  width: 45.4%;
  _width: 55%;
  border: 1px solid #A8A8A8;
  background: #E7E7E7;
  margin: 0 0px 0px 3px;
}



#right-pane input.imgButton {
	display: block;
	float: right;
	border: 0;
	background: none;
	position: relative;
	width: 185px;
    right: 15px;
	height: 28px;
}


#right-pane input.imgButton2 {
	display: block;
	float: right;
	border: 0;
	background: none;
	position: relative;
	right: 20px;
	height: 28px;
	cursor: pointer;
    font-weight: bold
    padding: 20px 3px;
    width: 195px;
    font-size: 100%;
}





#right-pane form.finish {
	width: 100%;
}
#right-pane form.finish input {
	margin: 0 auto;
}
#right-pane .infobox {
	margin: 0 auto;
	width: 320px;
	background: url(../img/bottom_left.gif) no-repeat left bottom;
}
#right-pane .outerinfobox {
	background: url(../img/bottom_right.gif) no-repeat right bottom;
	padding-bottom: 5%;
}
#right-pane .innerinfobox {
	background: url(../img/top_left.gif) no-repeat left top;
}
#right-pane .infobox h2 {
	background: url(../img/top_right.gif) no-repeat right top;
	padding-top: 5%;
	font-weight: bold;
	margin: 0 0 0 30px;
}
#right-pane .infobox h2, #right-pane .infobox dl {
	padding-left: 5%;
	padding-right: 5%;
}
#right-pane .infobox dt, #right-pane .infobox dd {
	width: 45%;
	display: block;
	float: left;
	text-align: right;
	color: #878789;
}
#right-pane .infobox dd {
	text-align: left;
	color: rgb(63,63,61);
	margin-left: 5px;
}
/*#step4 label, #step4 input {display:inline}*/
#right-pane h2.nobg {
	background: none;
}

/*#right-pane #dokoncit-objednavku {position: absolute; right: 10px; bottom: 20px;} */

#step2 label, #step4 label {
	text-align: left;
	width: 84%;
	margin: 0 10px;
	padding: 4px 0;
}
#step2 input, #step4 input {
	float: left;
  background: none;
	width: 15px;
	margin: 6px 0 0 10px;
	height: 15px;
	padding: 5px 10px;
	border: none;
}


#step5 { position:relative; top:40px; clear:both;}
#step5 ul{list-style:none; margin:0; padding:0;}
#step5 li{ padding:5px 0 0 40px; display:inline; line-height:1.5em}
#step5 li.ieicon{ background:url(ieicon.jpg) no-repeat 20% 80%}
#step5 li.pdficon{ background:url(pdficon.jpg) no-repeat 20% 80%}
#step5 form{display:block; clear:both; width:100%; height:100%; position:relative}
#step5 form input{ width:182px; height:37px; padding:10px 0 5px 300px}
#step5 p{ clear:both; margin:0; padding:0; text-align:center}


.clear {
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
	_display: none;
}

.bkg-none{
  background: red;
}

#akce-a-kroky{
  width: 100%;
  display: block;
}

#order-steps{
  position: relative;
  width: 360px;
  right: 0px;
  top: 5px;
}

#order-steps a, #order-steps div { float: left; }
#order-steps strong { display: block; width: 45px; height: 45px; text-align: center; line-height: 45px; border: 1px solid #898989; color: #8a8a8a; }
#order-steps a span, #order-steps div span { display: block; width: 45px; padding-top: 5px; text-align: center; color: #8a8a8a; font-size: 0.9em; }
#order-steps .aktivni strong { background: #7cbd92; border: 1px solid #283349; color: #2a3048; }
#order-steps .aktivni span { color: #283349; }
#order-steps .done strong { color: #28324b; border: 1px solid #28324b; }
#order-steps .done span { color: #28324b; }
#order-steps span.arrows { background: url('../img/arrows.gif') center no-repeat; float: left; width: 15px; height: 15px; margin: 15px 10px 0px 10px; }
#order-steps span.arrows.done { background: url('../img/arrows_active.gif') center no-repeat; }
#order-steps .dokonceni strong { background: url('../img/dokonceni.png') center no-repeat; }
#order-steps .dokonceni.aktivni strong { background: url('../img/dokonceni_active.png') center no-repeat #7cbd92; }

#zdarma-tabulka{width: 100%; margin: 10px 0px 0px 0px;}
#zdarma-tabulka tr td{}
#zdarma-tabulka tr td.popis-zdarma{font-size: 80%; width: auto;text-align: center; padding: 8px 0; height: auto;}
#zdarma-tabulka tr td.order-steps-table{width: 360px;}
#zdarma-tabulka tr td.popis-zdarma div{text-align: center; padding: 0px 100px 0px 0px; display: block; margin: 0 auto; 
min-height: 28px; _height: 28px; max-width: 180px;
_width: expression(document.body.clientWidth > 300? "300px" : "auto" ); font-size: 130%; _font-size: 90%; color: rgb(107,116,136); position: relative;}
#zdarma-tabulka tr td.popis-zdarma a{position: absolute; width: 100px;height: 28px; top: 0; right: 0;
 background: url('../img/zdarma.png') no-repeat right;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/zdarma.png',sizingMethod='crop');
}


/*
#akce-zdarma{
  text-align: center;
  border: 1px solid rgb(108,117,137);
  max-width: 50%;
  position: relative;
  padding: 3px 0px 3px 20px;
}

#akce-zdarma div{
  margin: 0 auto;
}

#akce-zdarma p{
  color: rgb(108,117,137);
  text-align: left;
}
.img-zdarma{
  float: right;
  width: 100px;
  height: 28px;
  margin: 8px 5px 0px 0px;
  background: url('../img/zdarma.png') no-repeat;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://apache/www.pneu360.cz/img/zdarma.png',sizingMethod='crop');
}
#akce-zdarma strong{
  margin: 0px 5px;
}
*/

#kosik-navigace{float: left; width: 100%;margin: 30px 0px 0px 0px; }
#kosik-navigace a,
#right-pane input.imgButton2 { padding: 7px 30px 17px 25px; background: #98E1AF; color: #283249; font-weight: bold; /*border-bottom: 2px solid #3E4A64*/ }
#kosik-navigace a.left { float: left; background: url('../img/buttons/back.gif') top left no-repeat; }
#kosik-navigace a.right { float: right; background: url('../img/buttons/forward.gif') top right no-repeat; }
#right-pane input.imgButton2 { float: right; padding: 0; background: url('../img/buttons/forward.gif') top right no-repeat; padding: 6px 30px 4px 25px; width: auto; margin: 20px 0px 0px 0px; }
@-moz-document url-prefix()
{
#right-pane input.imgButton2 { padding: 4px 30px 6px 25px; }
}

.error{
  color: red;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
}

.error strong{
  display: block;
  background: red;
  color: black;
}


/* --------------------------------------- order detail --------------- */
#order-detail-h1{
  background: url(../img/cz/order_detail_h1.gif) no-repeat rgb(206,207,208);
  margin-top: 10px;
   width: 750px;
  height: 63px;
}

#order-detail-h1 span{
  margin-top: 23px;
  float: right;
  color: #6D6F71;
  font-weight: bold;
  font-size: 120%;  
  margin-right: 15px;
}

#order-detail{
  width: 99%;
  font-size: 90%;  
}

#order-detail-content{
  font-size: 110%;
  line-height: 140%;
  text-align: left;
  padding: 5px;
} 

#order-detail-content .right{
  width: 380px;
  float: right;
}

#error-login legend{font-size: 1.1em; padding: 0px 0px 10px 0px;}
#error-login label{float: left; width: 100px;}




/* ---------------- recent orders --------- */

table.order-thumb{
  font-size: 100%;
  margin: 10px 0px 15px 0px;
  width: 100%;
  text-align: left;
}

table.order-thumb th{
  background: #BEBEBE;
  line-height: 150%;
  padding: 2px;  
  font-weight: normal;
}



#recent-orders-h1{
  display: block;
  height: 20px;
  padding: 5px 0px 0px 10px;
  background: #dadada;
  border-bottom: 3px solid #7DBD91;
  color: #283249;
  font-size: 1.3em;
}

a.to-order-detail{
  color: black;
  position: relative;
  text-decoration: underline;
  right: 10px;
}

a.to-order-detail img{
  position: relative;
  top: 6px;
}

a.recent-orders-button{
 float: right; 
 margin-right: 20px; 
 margin-top: 40px;
}

.step3 input{
  padding-left: 0.2em;
}

.add-remove{
  padding: 3px 12px 0px 0px;
  margin-left:55px;
  _margin-left:50px;
  white-space: nowrap;
}

.faktura-ico{text-decoration: underline;}

#right-pane #mess { font-size: 1em; font-family: tahoma; padding: 1%; float: left; width: 43%; border: 1px solid #A8A8A8; margin: 0px 0px 5px 3px; background: #E7E7E7; }
.stat-desc { font-size: 0.9em; padding: 3px 0px 0px 168px; color: #444; } 
.stat-desc a { text-decoration: underline; }
.stat-desc a:hover { text-decoration: none; }
input#platce { width: 15px; position: relative; margin: 10px 0px 10px 3px; }
.fakturacniPopis { padding-left: 168px; }
tr.odd td.skladem-yes, tr.even td.skladem-yes { background: #47895C; text-align: center; color: #000; }
tr.odd td.skladem-no, tr.even td.skladem-no { background: #919191; text-align: center; color: #000; }