#detail, #dezen{
  width: 100%;
  position: relative;
}

#detail input[type="submit"], #dezen input[type="submit"]{cursor: pointer;}

#detail-in, #dezen-in {
  float: right;
  padding-top: 15px;
  width: 100%;
  _width: 99%;
}

#price-cover {
  position: relative;
  float: left; width: 100%;
  margin-top: 1em;
}

#buttons { float: right; text-align: right; margin: -10px 10px 10px 0px; }
#right-pane-dezen #buttons { margin-top: -5px; margin-right: -40px; }
#buttons span { 
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 30%, rgba(239,239,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 30%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 30%,rgba(239,239,239,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 30%,rgba(239,239,239,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,1) 30%,rgba(239,239,239,1) 100%); /* W3C */
  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;
  border-bottom-radius: 3px;
  
  display: inline-block; padding: 6px 15px 5px 7px; border: 1px solid #838b9c; margin-left: 3px; font-size: 11.5px; font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; 
}
#buttons span img { float: left; margin-right: 8px; margin-top: -1px; }

#buttons span.akce { color: #a80000; border-bottom: 2px solid #a80000; padding-left: 15px; }
#buttons span.doprava { color: #295d3a; border-bottom: 2px solid #456c52; }
#buttons span.doruceni { color: #103178; border-bottom: 2px solid #243049; }
hr.clear-right { display: block; height: 35px; float: none; border: 0px none; visibility: hidden; }



#detail h1, #dezen h1{
  width: 100%;
  _width: 99%;
  background: url(../img/detail_name_bkg.gif) left top repeat-y;
  border-top: 1px solid #E7E7E8;
  border-bottom: 1px solid #838B9C;
  font-size: 110%;
  text-align: left;
  margin-bottom: 0em;
  font-weight: normal;
  line-height: 180%;
  color: #283249;
}

#detail h1 strong, #dezen h1 strong{
  margin-left: 2px;
}

#detail #price, #dezen #price{
  width: 400px;
  text-align: right;
  color: #283249;
  position: absolute; top: 4px; right: 2px;  _right: 12px; _top: 27px;  
}

#detail h2#dalsirozmery, #dezen h2#dalsirozmery { display: block; margin-top: 30px; }
#detail h2#dalsirozmery a, #dezen h2#dalsirozmery a { text-decoration: underline; font-size: 80%; }

/* vertikalni centrovani obrazku ve floatovanem divu */
.dalsi-obrazek { float: left; width: 165px; height: 165px; overflow: hidden; margin: 10px 5px 0 0; border: 2px solid #7DBD91; background: #E7E8E9; }
.dalsi-obrazek .image-cover { width: 165px; height: 165px; text-align: center; position: relative; vertical-align: middle; display: table-cell; }
.dalsi-obrazek .image-cover div img { display: block; position:relative; left: 0; margin: 0 auto; }
.dalsi-obrazek .image-cover div p { padding: 0; }

/* IE8 uz to umi takze jen pro 6 a 7 */
*:first-child+html .dalsi-obrazek .image-cover div 	{ width: 100%; position:absolute; top: 50%; left: 0; }
*html .dalsi-obrazek .image-cover div 				{ width: 100%; position:absolute; top: 50%; left: 0; }
*:first-child+html .dalsi-obrazek .image-cover div p 	{ position: relative; top: -50% }
*html .dalsi-obrazek .image-cover div p 				{ position: relative; top: -50% }

#detail #price span, #dezen #price span{
  color: #283249;
  font-weight: bold;
  margin: 0px 0px 0px 10px;
}

/* -------------------- 3 pane --------------*/

#detail #left-pane-detail{
  /*margin-right: 535px;*/
  width: 255px;
  float: left;
  overflow: hidden;
  text-align: center;
}
#detail #left-pane-detail img{
  border: 2px solid rgb(131,139,156);
  max-width: 250px;
}
#detail #left-pane-detail .product img{
  border:none;
}


#detail #left-pane-detail .envelope{
  
  margin: 0;
  float: none;

}


#detail #center-pane-detail{
  margin: 10px 230px 0px 170px;
  padding: 0;
}

#center-pane-detail-inside{
  padding: 0 20px;
}

#center-pane-detail-inside p img{
  border-top: 5px solid #E0E0E0;
  border-right: 10px solid #E0E0E0;
  border-bottom: 5px solid #E0E0E0;
}

#detail #center-pane-detail h2, #dezen #right-pane-dezen h2{
  font-size: 120%;
  text-align: left;
}

#detail #center-pane-detail p, #dezen #right-pane-dezen{
  text-align: justify;
}

#srouby-zdarma{width: 80%; margin: 10px 0px 10px 130px;padding: 5px 0px 5px 5px; color: #FF443B;background: white; border: 3px solid rgb(180,180,180); text-align: left;font-weight:bold;}
#srouby-zdarma{_float: none;}

#srouby-zdarma-detail{width: 100%; margin: 10px 0px 10px 0px;padding: 5px 0px 5px 5px; color: #FF443B;background: white; border: 3px solid rgb(180,180,180); text-align: left;font-weight:bold;}
#srouby-zdarma-detail{_float: none;}

#doruceni-zbozi-zdarma{width: 100%; margin: 60px 0px 0px 0px; background: rgb(234,230,156); border: 3px solid rgb(180,180,180); text-align: center; float: left;}
#doruceni-zbozi-zdarma{_float: none;}
#doruceni-zbozi-zdarma img{margin: 20px auto;}

#doruceni-zbozi-zitra{width: 100%; margin: 13px 0px 10px 0px; background: rgb(193,213,200); border: 3px solid rgb(165,165,165); text-align: center; float: left; padding: 20px 0;}
#doruceni-zbozi-zitra{_float: none;}
#doruceni-zbozi-zitra img{margin: 0px auto;}


#detail #right-pane-detail{
  float: right;
  width: 230px;
  margin-left: 10px;
}

#detail #right-pane-detail input{
  display: inline;
  margin: 0;
}

#detail #right-pane-detail form{
  float: right;
}
#detail #right-pane-detail hr{
  clear: right;
  height: 1px;
  visibility: hidden;
}


#detail #right-pane-detail table{
  width: 100%;
  border-top: 1px solid #BABBBC; 
  font-size: 110%;
  border-collapse: collapse;
  line-height: 150%;
  float: right;
  margin: 10px 0px;
}

#detail #right-pane-detail table td{
 border-bottom: 1px solid #BABBBC; 
 padding: 2px;
}

#detail #right-pane-detail table td.akcni-cena-td{
  background: #FF443B;
  color: #ffffff;
}

td.light-bkg{
  background: #E9EAEA;
}


img.help{
  float: right;
}

#detail #right-pane-detail table td div {
 position: relative;
}

/** novy boxik u otazniku ***/

#detail #right-pane-detail table td div div.helpbox { position: absolute; width: 15px; height: 15px; top: 2px; right: 0; cursor: pointer; background: url('http://www.pneu360.cz/img/help.gif') no-repeat; }
#detail #right-pane-detail table td div div.helpbox-popup { display: none; position: absolute; width: 200px; padding: 15px 10px; top: 16px; right: 7px; background: #fff; border: 3px solid #A5A5A5; z-index: 10; }
#detail #right-pane-detail table td div div.helpbox-popup p { position: relative; color: #283249; }
#detail #right-pane-detail table td div div.helpbox-popup p strong { display: block; padding-bottom: 3px; }
#detail #right-pane-detail table td div div.helpbox-popup p a.close { position: absolute; top: -10px; right: 0px; color: #000; text-decoration: none; font-weight: bold; font-size: 120%; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; }
/* --------------------- dezen ----------------------*/

#right-pane-dezen{
  margin: 0px 40px 0px 250px;
}


#dezen #left-pane-dezen{
  float: left;
  width: 250px; /* sirka osetrena v width-ie.js (JQuery) */
}

#dezen #left-pane-dezen img{
  border: 2px solid rgb(131,139,156);
}


.add-cart{
  line-height: 100%;
}

.add-cart input{
  border: 1px solid #999999;
  background: #E7E7E7;
  color: black;
  font-size: 130%;
  padding: 2px;
}

form.add-cart input.submit { width: 156px; text-align: center; color: black; padding: 7px 0; background: url('../img/buttons/add_cart.gif') no-repeat; font-weight: bold; font-size: 100%; border: 0px none; }

.add-cart img.disabled { position: relative; top: 8px; cursor: pointer; }

div.hlaska { position: absolute; width: 315px; height: 137px; left: 50%; top: 50%; margin-left: -157px; margin-top: -118px; background: url('../img/hlaska.png'); }
div.hlaska table { width: 100%; height: 100%; vertical-align: middle; }
div.hlaska table tr td { padding: 0px 20px; } 
div.hlaska table tr td a { display: inline-block; margin-top: 15px; padding: 3px 25px; background: #838B9C; color: #fff; border: 2px solid #dddddd; text-transform: uppercase; font-weight: bold; } 


/* --------------------- alternativni --------------- */

.alternativni-produkty-obal {
  width: 100%;
}

.alternativni-produkty{
 margin-top: 2em;
 background: url(../img/alternativni_bkg.gif) left top no-repeat;
 border-bottom: 1px solid #E7E7E8;
 text-align: left;
 padding-left: 20px;
 line-height: 140%;
 
}

/* --------------------- obchodni podminky --------------- */

#shipping-condition p, #contactp, .site-map p{
  padding: 10px 10px 10px 40px;
}

#sign-cover{
  border: 1px solid #919191;
  padding: 15px 15px 15px 15px;
  margin: 10px 0px 10px 0px;
  _margin: 10px 0px 10px 0px;
  text-align: left;
  display: block;
}

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

/*** Inteligentní navigátor pro výběr pneu na váš vůz ***/
#selector-kroky {width: 100%;}
#selector-kroky form { clear: left; width: 100%; }
.selector-desc { display: block; padding: 15px 0 0 15px; }
.krok{float: left; width: 100%; padding: 10px 0; border-bottom: dashed 1px #B0B0B0; }
.vypis{float: left; width: 100%; padding: 10px 0; }
.vypis table{clear: left; width: 100%; text-align: left; border-collapse: collapse; _font-size: 100%; }
.vypis table tr th{white-space: nowrap; font-weight: normal; font-size: 90%; color: #283249; padding: 3px 5px; }
.vypis table tr th.left, .vypis table tr td.left { text-align: left; }
.vypis table tr td.table-kat{background: rgb(125,189,145); font-weight: bold; color: #ffffff;}
.vypis table tr td { height: 20px; }
.vypis.selektor table tr td { text-align: center; padding: 0px 10px; }
.vypis table tr td img { margin: 0; padding: 0; }
.vypis.selektor table tr td img { margin: 0 auto; padding: 0; }
.vypis.selektor table tr td.table-kat{background: rgb(125,189,145); font-weight: bold; color: #ffffff; text-align: left;}
.vypis.selektor table tr td.table-kat.posun10 { padding-left: 10px; }
.darker{background-color: #D0D0D0;border:1px solid white;}
.lighter{background: #D0D0D0;border:1px solid white;}
tr.odd td{background: rgb(195,197,202);}
tr.even td{background: rgb(224,224,224);}
.krok .number, .vypis .number{float: left; padding: 3px; background: rgb(125,189,145); width: 7%; text-align:center;}
.number strong{margin: 0px 0px 0px 2px;}
.krok form{text-align:right;}
.vypis p{ text-align: left; padding: 0px 20px;}
.krok label {float: left; width: 20%; padding: 3px 20px 0px 20px; text-align: left;}
.vypis label{float: left; padding: 0px 20px; text-align: left;}
.krok form select,  form .krok select {width: 69%;}
.krok form input, form .krok input {margin: 0px 0px 0px 10px; position: relative; top: 3px; }

/*** technické informace ***/
.techinfo{float: left; width: 100%; }
.techinfo-left{width: 130px; float: left; text-align: right; padding: 17px 10px 0px 0px;line-height: 120%;}
.techinfo-right{background: url('../img/techinfo.gif') no-repeat right; height: 124px; margin: 0px 0px 0px 140px;}
.techinfo-text{width: 100%; float: left; padding: 0px 20px 20px 0px; }
#techinfo-table{width: 100%; background: rgb(195,195,195); border-collapse: collapse; float: left; margin: 5px 0 10px 0;}
#techinfo-table tr td{border: 1px solid rgb(224,224,224); text-align: center; padding: 2px 3px;}
#techinfo-table2{width: 100%; background: rgb(195,195,195); border-collapse: collapse; float: left; margin: 5px 0 5px 0;}
#techinfo-table2 tr td{border: 1px solid rgb(224,224,224); text-align: center; padding: 2px 0px;}

#help-desk p{padding: 10px 20px 10px 15px; text-align: justify;}
#help-desk h2{padding: 0;}

#contact{text-align: center;}
.contact-cover{padding: 20px 0px 0px 0px; margin: 0 auto; width: 90%;}
.contact1, .contact2{float: left; width: 38%; height: 455px;border: 1px solid #ffffff; background: #c3c3c3; max-width: 400px; text-align: center;}
.contact-cover img{margin: -45px 0px 10px 0px;}
.contact-cover br{clear: both;}
.contact1{padding-top: 80px; margin: 0% 0% 0% 2%;}
.contact2{padding-top: 80px; margin: 0% 0% 0% 9%;}

#newsletter-end{text-align: left;}

#logout{}

#logout{ clear: both; width: 100%; color: #3E4A64; font-weight: bold; padding: 15px 0;}
#logout fieldset{padding: 20px 0 20px 0; border: 0px none;}
#logout fieldset label{font-size: 12px; padding: 0px 0px 10px 20px; display: block;}
#logout fieldset input.text{width: 200px; border: 1px solid #aaaaaa; color: #3E4A64; padding: 2px 3px; margin: 10px 0px 0px 20px;}
#logout fieldset input.submit{padding: 2px 0px 0px 0px; margin: 0px 0px 0px 20px; border: 0px none; background: transparent; color: #3E4A64; text-decoration: underline; border-bottom: 1px solid #3E4A64; cursor: pointer;}

/**
 *      HODNOCENI PRODUKTU, KOMENTARE
 *
 *      - viz /repository/styles/product-evaluation-and-comments.css
 */

form#hodnoceni.evaluation fieldset legend { /*display: block; width: 100%; font-size: 110%; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #283349; color: #283349; margin-top: 0px; padding: 20px 0 10px 0; margin-bottom: 15px;*/ display: none; }
form#hodnoceni.evaluation fieldset label { white-space: nowrap; }
form#hodnoceni.evaluation span.name { color: #6c7589; }
form#hodnoceni.evaluation,
form#hodnoceni.evaluation input.text,
form#hodnoceni.evaluation textarea,
div.comments div.comment { border-color: #c3c5ca; }
div.comments { margin: 0 0 0 50px; width: 70% }

.stars div a { background: transparent url('../img/stars.png') 0 0 no-repeat; display: inline-block; height: 23px; width: 12px; overflow: hidden; }
.stars a.rating-right { background-position: 0 -23px; padding-right: 6px; }
.stars a.rating-over { background-position: 0 -46px; }
.stars a.rating-over.rating-right { background-position: 0 -69px; }
.stars a.rating { background-position: 0 -92px; }
.stars a.rating.rating-right { background-position: 0 -115px; }

.product div.stars.bezeventu.in-catalog div a { background-image: url('../img/stars-opacity.png');}

#detail-hodnoceni { text-align: center; padding-bottom: 20px; width: 100%; }
#detail-hodnoceni div.star.bezeventu { width: 100%; }
#detail-hodnoceni div.star.bezeventu * { white-space: nowrap; }
#detail-hodnoceni strong { display: block; padding: 5px 0; }
#detail-hodnoceni .stars a { cursor: default; }