/* nujno za izbegnit presledek pod slikami v FF */
img {  
  vertical-align:middle;
}

.fluid {
  background:transparent;
  color:#191919;
}

/* leva kolona, s towerji */
.left-column {
  float:left;
  width:16em;
}

.block
{
  float:left;
  display:inline;
  position:relative;
}

/* kartica 300×192 */
/* 288×180 + 6px margin */
.single {
  width:16em; height:25em;
}

/* tower, 600×192 */
.tall {
  width:16em; height:50em;
}
/* block, 300x384 */
.wide {
  width:32em; height:25em;
}

/* separator, 0x192 */
.separator {
  width:0; height:25em;
}

.fake
{
  _position:absolute;
  width:0; 
  height:25em;
  z-index:0;
}

.fake .wrap
{
  width:16em; 
  height:25em;
  position:relative;
}
.fake .inner
{
  width:16em; 
  height:25em;
  position:relative;
}

/* centriranje oglasov*/
.block TABLE.center {
  height:100%;
  border-collapse:collapse;
  border-spacing:0;
}

.block TABLE.center TD {
  vertical-align:middle;
  text-align:center;
}

/* notranjost kartice */
.tool .wrap {
  position:relative;
  width:15em; height:24em;
}

.tool .inner
{
  border:1px solid #0c4771;
  background:#0c4771;
  -moz-border-radius:.75em;
  margin:-1px;
  position:absolute;
  top:0.5em; left:0.5em;
  width:15em;
  height:24em;
 color:#191919;
  overflow:hidden;
}


.cart .inner
{
  color:#0c4771;
  border:1px solid #9aa1a7;
  background:#a4d8e6;
  -moz-border-radius:.75em;
  margin:-1px;
  position:absolute;
  top:0.5em; left:0.5em;
  width:15em;
  height:24em;
  color:white;
  overflow:hidden;
}
.cart-buttons
{
  position:absolute;
  border-top:solid 1px #666;
  width:14em;
  top:22em;
  padding-top:.25em;
  left:.5em;
}

.cart-title 
{ 
  font-size:14px;
  position:relative;
  margin:0.25em 0.5em 0;
  padding:0.11em 0;
  color:#0C4771;
  font-weight:bold;
  border-bottom:1px solid #666;
}

.cart-items
{
  position:absolute;
  top:2em;
  left:0em;
  width:15em;
  height:20em;
  z-index:20;  
}

.cart-item
{
  background:none;
  color:#666;
  border-top:solid 1px #666;
  height:5em;
  overflow:hidden;
  margin:-1px .5em 0 .5em;
  position:relative;
}

.cart-item-photo img
{
  width:4.5em;
  height:3em;
}
.cart-item-title,
.cart-item-header
{
  position:absolute;
  left:2em;
  width:13em;
  height:1em;
  top:0.25em;
}

.cart-item-header .value
{
  font-weight:bold;
  font-size:11px;
}

.cart-item-general
{
  position:absolute;
  left:2em;
  overflow:hidden;
  width:10em;
  height:1em;
  top:1.5em;
}

.cart-item-general .value
{
  font-size:11px;
}

.cart-item-price
{
  position:absolute;
  left:2em;
  overflow:hidden;
  width:10em;
  height:1em;
  top:3em;
  color:#f30;
  font-weight:bold;
}

.cart-item-price .value
{
  color:#f30;
  font-weight:bold;
  font-size:12px;
}

.cart-item-photo
{
  position:absolute;
  top:1.5em;
  right:0;
}

.cart-item-icon
{
  position:absolute;
  top:.25em;
  left:.25em;
  width:12px;
}

.icon-edit
{
  display:none;
}

.editable .icon-edit
{
  display:inline;
}

.block-content
{
  padding:1em;
}


.widetool .wrap {
  position:relative;
  width:31em; height:24em;
}

.widetool .inner
{
  border:1px solid #0c4771;
  background:#0c4771;
  -moz-border-radius:.75em;
  margin:-1px;
  position:absolute;
  top:0.5em; left:0.5em;
  width:31em;
  height:24em;
  color:white;
  overflow:hidden;
}

.comparecard .inner
{
  color:white;
  padding:0em 0 0em 0;
  overflow:hidden;
  border:none;
  margin:0px;
  text-align:left;
}

.comparecard .wrap
{
/*
  border:1px solid #0c4771;
  background:#a4d8e6;
  -moz-border-radius:.75em;
  margin:-1px;
*/
}

.compare-head
{
  background:#a4d8e6;
  width:7.5em;
  overflow:hidden;
  text-align:center;
  float:left;
  color:#444;
  border-bottom:1px solid #191919;
}


.compare-with .compare-head
{
  background:#86b5c5;
}
.compare-column
{
  background:#a4d8e6;
  width:7.5em;
  overflow:hidden;
  text-align:center;
  float:left;
  color:#444;
}

.compare-column-price {
  float:right;
  color:#FF3307;
  font-weight:bold;
}

.compare-column-year {
  background:white;
  text-align:left;
}
.compare-with .compare-column-year {
  background:#ebeff0;
}


.compare-column-icons
{
  float:right;
}

.compare-column-header
{
   height:2.5em;
   text-align:left;
   font-weight:bold;
   margin:0 .25em;
}

.compare-column .even 
{
  background:white;
}

.compare-column .odd
{
  background:#a4d8e6;
}
.compare-with .compare-column .odd
{
  background:#86b5c5;
}
.compare-with .compare-column .even
{
  background:#ebeff0;
}


.compare-column .row
{
  overflow:hidden;
  height:1.25em;
  text-align:left;
  padding-left:.5em;
  font-size:11px;
}

.compare-column .compare-column-head {
  height:6.75em;
}

.banner
{
  background:#9DB6C4
}
.comparecard-banner
{
  position:absolute;
  bottom:.5em;
  left:.5em;
}

.comparecard .float-right {
  float:right;
}

.form .wrap {
  position:relative;
  width:31em; height:24em;
  margin:.5em;
}

.form .inner
{
  border:1px solid #0c4771;
  background:#fff;
  -moz-border-radius:.75em;
  margin:-1px;
  position:absolute;
  top:0; left:0;
  width:31em;
  height:24em;
  color:#191919;
  overflow:hidden;
}

.form .tool-content {
  position:relative;
  margin:0.5em;
  width:30em;
  overflow:visible;
}

.form select,
.form input.text,
.form textarea
{
  width:29em;
  font-size:11px;
  xborder:solid 1px silver;
  border:0;
  background:lightyellow;
}
.form select,
.form input.text,
.form textarea
{
  border:solid 1px #bbf;
  background:white;
  margin:-1px;
  color:#191919;
}

.form .red label
{
  color:red;
}

.form .field
{
  width:29em;
  margin-bottom:.5em;
  float:left;
  position:relative;
  display:inline;
  overflow:visible;
}

form .required {
 float:left;
 position:relative;
 width:0;
}
form .required img {
  color:#f84;
  position:absolute;
  left:-7px;
  top:4px;
}

#canvas form .field-submit .field-wrap {
  padding:0 0 0 0.75em;
  background:url(/images/nav/Gumb-blue.gif) left center no-repeat;
  border:0;
  text-align:left;
  float:left;
  cursor:pointer;
}
form .field-submit .field-inner {
  border:0;
  padding:0px 0.75em 0px 0em;
  background: url(/images/nav/Gumb-blue.gif) right center no-repeat;
  font-size:11px;
}

form .field-submit .submit {
  border:0;
  background:transparent;
  font-size:11px;
  padding:2px 0;
  font-weight:bold;
  color:#fff;
  cursor:pointer;
}

#canvas form .hover .field-wrap,
form .hover .field-inner {
  background-image:url(/images/nav/Gumb-blue_izbran.gif);
}


#canvas .form .field-submit .field-wrap,
#canvas .form .field-submit .field-inner {
  background-image:url(/images/nav/Gumb-white.gif);
}

#canvas .form .hover .field-wrap,
#canvas .form .hover .field-inner {
  background-image:url(/images/nav/Gumb-white_izbran.gif);
}

.form .column select,
.form .column input.text,
.form .column textarea
{
  font-size:11px;
  width:14em;
  margin:0;
  padding:0;
}


.form #field-control-Engine_power input.text {
   width:10em;
}


.form #field-control-Options {
 width:30em;
 overflow:hidden;
}

.form .column select {
  _margin:-1px;
}


.form .column textarea
{
  width:14em;
  height:11.5em;
}

.form label
{
  font-size:90%;
  font-weight:bold;
  background:transparent;
  overflow:visible;
}
.form .column .field
{
  width:14em;
}

.form .column
{
  width:14em;
  _width:15em;
  padding:0 0em 0 1em;
  float:left;
  display:inline;
  position:relative;
  overflow:hidden;
}

.form .double {
  width:30em;
  _width:30.5em;
  padding:0 0 0 0.5em;
}

.form .double .field
{
  width:29em;
  margin:0 0.5em .25em 0.5em;
}
.form .double select,
.form .double input.text,
.form .double textarea
{
  width:31em;
}

.orderform .double {
 padding:0;
 width:31em;
 margin:-0.5em;
}
.orderform .double .field
{
  width:31em;
  margin:0 0.5em .25em 0.5em;
}
.orderform .double select,
.orderform .double input.text,
.orderform .double textarea
{
  width:31em;
}

.orderform .double .form-payment-controls .field {
 width:auto;
 margin:0;
}
.orderform .double .form-payment-buttons .field {
 margin:0.5em 0.75em 0em 0;
 #margin:0.25em 0.75em 0.25em 0;
}

.keyword-colors img
{
  width:62px;
  height:22px;
}

.form .togglegroup 
{
  width:30em;
}


.form .togglegroup label
{
  float:left;
  display:inline;
  position:relative;
  width:33%;
  font-weight:normal;
  overflow:hidden;
}

.form .togglegroup input
{
   postion:relative;
   top:3px;
}

.inner-form
{
  float:left;
  _display:inline;
  margin-top:1em;
  margin-left:1em;
  position:relative;
}


.image-form .image
{
  float:left;
  display:inline;
  position:relative;
  margin:0em 0.25em 0.5em 0.15em;
  width:9.3em;
  height:7em;
  overflow:hidden;
  text-align:center;
  cursor:pointer;
}

.image-form .image img
{
  width:9.3em;
  height:7em;
}



#tooltip-wrap
{
  z-index:1000;
}

#tooltip
{
  position:relative;
  height:40px; 
  background: url(/images/nav/oblacek.png) left no-repeat;
  _background-image:url(/images/nav/oblacek.gif);
}

#tooltip-inner
{
  white-space:nowrap;
  position:relative;
  left:8px;
  height:40px;
  font-size:11px;
  padding:0 16px 0 8px;
  line-height:38px;
  background: url(/images/nav/oblacek.png) right no-repeat;
  _background-image:url(/images/nav/oblacek.gif);
  color:#333;
  font-weight:bold;
}

.tool .block-content
{
   position:absolute;
   top:3.5em;
   left:0em;
   height:20.5em;
   width:15em;
   padding:0;
}

.tool-subtitle
{
   padding:0 .75em .5em .75em;
   font-size:90%;
}

/* po defaultu za modro kartico ! */
.tool-main
{
   padding:0 .75em .5em .75em;
}
/* default za belo kartico */
.whitetool .tool-main {
   padding:0 .5em .5em .5em;
}

.tool-footer
{
   position:absolute;
   bottom:0em;
   left:0;
   width:15em;
   border-top:1px solid #696969;
}
.tool-footer-inner
{
  margin:.25em .75em;
}

.tool-middle
{
  text-align:center;
}
.tool-middle-icon
{
  margin-top:1em;
  line-height:10em;
}

.tool-middle-number
{
  display:block;
  font-size:160%
}

.tool-middle-link
{
  font-size:120%;
  font-weight:bold;
  text-align:center;
  margin:1em 0;
}

.tool-middle-info
{
  text-align:center;
  padding-bottom:0.25em;
}

#blackscreen-throbber
{
  position:absolute;
  background:url(/images/7/76/Ajax-throbber.gif);
  width:20px;
  height:20px;
}

.mosaic .flipcard
{
  width:11em;
  height:auto;
  font-size:11px;
  padding:0;
}
.mosaic .flipcard .inner
{
  width:10em;
  font-size:11px;
  margin:0em;
  padding:0.75em 5px 0.25em 5px;
}

.mosaic .flipcard .photo
{
  width:10em;
  height:4.5em;
  margin:0em;
}

.mosaic .flipcard .photo img
{
  width:9.25em;
  height:4.5em;
  margin:0em;
}


.mosaic .flipcard  .flipcard-kilometrage
{
  display:none
}


.mosaic .flipcard .header
{
 background:none;
 padding:0em 0.25em 0em 0.3em;
 width:10em;
 xborder-bottom:1px solid white;
}

.mosaic .flipcard .footer
{
 padding:0.1em 0.25em 0.1em 0.3em;
}



/* spisek */

.spisek {
 margin-top:1em;
}

.spisek-card {
   float:left;
   display:inline;
   width:15.5em;
position:relative;
height:6em;
padding-top:0.25em;
margin:0.25em .3em 0;
border-top:1px solid #272727; 
background:transparent;
overflow:hidden;
}

.spisek-card .inner {
font-size:12px;line-height:120%;margin-right:-1px;border-right:1px solid #bbf;height:100%;
}

.spisek-card .inner .date {
 color:#eee;
}

.spisek-card .icon-expand {
 position:relative;
 top:-2px;
}

.pagercard .block-content
{
  padding:0;
}
.pagercard-subheader
{
  font-size:90%;
  margin:0 0.5em 1em;
}

.pagercard-text
{
  text-align:center;
  margin:1em .5em ;
}


.pagercard-price
{
  font-weight:bold;
  display:block;
  color:#f30;
}

.pagercard-link
{
  margin:1em;
  text-align:center;
  font-weight:bold;
}



.form-payment-row h3
{
   font-size:140%;
}

.form .form-payment-row select
{
   width:19em;
}

.form-payment-row
{
  float:left;
  width:32em;
  padding:0.5em 1.5em;
  #width:35em;
  font-size:11px;
  position:relative;
}

.form-payment-row-odd
{
  background:#e4eff3;
}


.form-payment-description
{
   float:left;
   width:12em;
   padding:.25em 0;
   position:relative;
}

.form-payment-controls
{
   float:left;
   width:20em;
   padding:.25em 0;
   position:relative;
}

#form-payment-total
{
  text-align:right;
  font-size:24px;
  color:#f60;
  padding-right:1em;
}

.form-payment-row-final
.form-payment-description
{
  text-align:left;
  width:12em;
  position:relative;
}
.form-payment-row-final
.form-payment-description 
.field
{
  float:left;
  width:auto;
  margin:0.25em;
}

.form-payment-row-final
#control-Coupon_code
{
  width:7em;
}

.form-payment-row-final
#control-Coupon_check
{
  width:2em;
}

.form-payment-row-final
.form-payment-controls 
input
{
  width:7.5em;
}

.form-payment-row-final
.form-payment-controls 
.field
{
  width:8.5em;
  margin-top:.4em
}

.form-service-keyword {
 z-index:2;
}

#payment_history {
  border-collapse:collapse;
  width:100%;
}

#payment_history thead th {
 padding:0 2px 0.5em;
 background: url(/images/nav/crta-glava.gif) left bottom repeat-x;
}
#payment_history thead {
}

#payment_history tbody {
 background: url(/images/nav/crta-glava.gif) left bottom repeat-x;
 position:relative;
 height:19em;
 overflow-y:auto;
 overflow-x:hidden;
}

#payment_history tbody .odd td {
 color:#0C4771;
 padding:3px 2px;
}