th {
  text-align:left;
}

/* notranjost kartice */
.card .wrap {
  position:relative;
  width:16em; height:25em;
}

.card .inner
{
  color:#191919;
  width:15em; height:24em;
  border:1px solid #9aa1a7;
  background:white;
 -moz-border-radius:.75em;
  margin:-1px;
  position:absolute;
  top:0.5em; left:0.5em;
  text-align:left;
}

.selected .inner
{
  background:rgb(220,240,245);

}

.selected .autodealer .inner
{
  background:#fffbd8;

}


.bigcard {
 position:relative;
 width:40em;
 height:34em;
 text-align:left;
}

.bigcard .inner {
 position:relative;
 width:40em;
 height:34em; 
  color:#191919;
  background:white;
 text-align:left;
}


/* card positioning */


.card .card-logo {
	position:absolute;
	left:.5em;
	top:.125em;
	width:2.5em;
	height:2.5em;
} 
.card .card-header {
	position:absolute;
	left:4em;
	top:0.5em;
	width:10.5em;
	height:2.10em;
	overflow:hidden;
}
.card .card-photo {
	position:absolute;
	left:0em;
	top:3.25em;
	width:15em;
	height:10em;
	z-index:2;
        overflow:hidden;
}

.card .card-photo a {
  display:block;
}

.card .card-photo img  {
   width:15em;
   height:9em;
   #margin-top:-1px;
}

.card .card-photo .card-mark {
   display:block;
   position:relative;
   height:1em;
   width:100%;
   background:#A4D8E6;
}
.selected .card-photo .card-mark {
   background:#f8cf4b;
}
.priority .card-photo .card-mark {
   background:#9bcc4f;
}


.card .card-photo-dealer {
	position:absolute;
	right:1px;
	bottom:1px;
	z-index:3;
}

.card-icons
{
	position:absolute;
	right:.5em;
	top:.25em;
        width:auto;
        z-index:100;
}

.card-icons a
{
   margin-left:1px;
}


.card-icons img
{
   vertical-align:top;
}


.card .card-general {        
	position:absolute;
	left:0.25em;
	top:13.5em;
	width:13.5em;
	height:2.5em;
        padding:0 .5em;        
}

.card .card-details {
	position:absolute;
	left:0.25em;
	top:16.5em;
	width:14.5em;
	height:3.75em;
}


.card .card-price {
	position:absolute;
	right:.75em;
	bottom:.5em;
}
.card .card-dealer {
	position:absolute;
	left:.75em;
	bottom:.5em;
}

.bigcard .card-banner {
	position:absolute;
	left:0.5em;
	top:28.25em;
	width:39em;
	height:5em;
        padding-top:0.5em;
	overflow:hidden;
        border-top:1px solid #9aa1a7;
}

.bigcard .card-header {
	position:absolute;
	left:0.5em;
        padding-left:3.5em;
	top:0.5em;
	width:35.5em;
        _width:39.5em;
	height:3em;
	overflow:hidden;
        line-height:150%;
        border-bottom:1px solid #9aa1a7;
}
.bigcard .card-header div {
 	float:left;
}
.bigcard .card-header .card-auto-model {
	clear: left;
        padding-right:0.5em;
}
.bigcard .card-logo {
	position:absolute;
	left:.5em;
	top:.25em;
	width:3em;
	height:3em;
	overflow:hidden;
}

.bigcard .card-photo {
	position:absolute;
	left:.5em;
	top:4em;
	width:18.5em;
	height:10em;
	overflow:hidden;
}


.bigcard .card-photo img {
  margin:0.1em 0 0 0.1em;
}

/* levi del */

.bigcard .card-region {
 display:inline;
 font-weight:bold;
}

.bigcard .card-general {
	position:absolute;
	right:0.5em;
	top:4em;
	width:19.5em;
	height:11.5em;
	border:0;
        line-height:1.2em;
}
.bigcard .card-general .value {
 display:inline;
}

.bigcard .card-contact {
	position:absolute;
	right:.5em;
	top:19.5em;
	width:19.5em;
	overflow:hidden;
}

.bigcard .card-description {
	position:absolute;
	right:0.5em;
	top:13em;
	width:19.5em;
        height:6em;
	overflow:hidden;
        line-height:1.2em;
        border-bottom:1px solid #696969;
}


/* desni del */
.bigcard .card-details {
	position:absolute;
	right:0.5em;
	top:7em;
	width:19.5em;
        height:6.25em;
	overflow:hidden;

}

.bigcard .card-auto-options {
	position:absolute;
	left:0.8em;
	top:14.5em;
	width:18em;
        height:13.5em;
        overflow-x:hidden;
	overflow-y:auto;
        line-height:1.2em;
}

.bigcard .card-price {
	position:absolute;
	left:24em;
	top:26.5em;
	width:15em;
	height:2em;
	overflow:hidden;
        #border-bottom:1px solid silver;
}

.bigcard .card-dealer {
  position:absolute;
  right:.5em;
  top:19.5em;
  height:6em;
  width:8em;
  text-align:right;
  z-index:2
}

.bigcard .card-keyword {
  position:absolute;
  left:19.5em;
  bottom:6em;
  height:3em;
  width:10em;
  background:yellow;
  z-index:20;
}

/* autocard-single formatting */

.largeblock,
.autocard-single {
  min-width:32em;
  margin:0 auto;
  position:relative;
  _width:expression(this.clientWidth<32*12 ? '32em' : 'auto');
}

.largeblock .tool-content {
  padding:1em;
}

body .autocard-single .card-photo {
  position:relative;
}
body .autocard-single .card-display {
  margin-bottom:0.25em;
}

body .autocard-single .card-display img {
  width:29em;
  height:18.33em;
}
body .autocard-single .card-display .icon-more img {
  width:auto;
  height:auto;
}

body .autocard-single .card-thumbs img {
  width:3.66em;
  height:3.66em;
}



body .autocard-single .card-logo {
  position:absolute;
  top:0.25em;
  left:0.25em;
  _top:0em;
  _left:0em;
}

body .autocard-single .card-logo img {
  width:5em;
  height:5em;
}

body .autocard-single .card-header {
  padding-top:0.5em;
  height:2.75em;
  _height:3.75em;
  padding-left:4.5em;
  color:#191919;
  font-size:16px;
  border-bottom:0.5em solid #A4D8E6;
  margin-bottom:0.5em;
}

body .autocard-single .card-header .card-auto-brand {
}
body .autocard-single .card-header .card-auto-model {
  width:11em;
  height:1em;
  overflow:hidden;
  display:block;
  position:relative;
}
.autocard-single .card-header .card-price {
  position:absolute;
  white-space:nowrap;
  top:2.1em;
  right:0.75em;
}

.autocard-single .keyword-wrap {
  position:relative;
  float:left;
  width:8.5em;
}

.autocard-single .card-details,
.autocard-single .card-general {
  position:relative;
 float:right;
 width:20em;
 color:#272727;
}

.autocard-single .card-general table {
 width:100%;
 margin-bottom:1em;
 border-spacing:0;
}
.autocard-single .card-icons {
  position:relative;
  padding-top:0.75em;
  clear:both;
  text-align:right;
}
.autocard-single .card-icons a {
  color:#0C4771;
}
body .autocard-single h2 {
  font-size:14px;
  padding:0 0 0.5em;
  top:-0.35em;
}
body .autocard-single .card-auto-options {
  width:100%;
}
body .autocard-single .card-auto-options .auto-card-option {
  color:#272727;
  height:1.6em;
  margin-right:3%;
  min-width:30%;
  float:left;
  position:relative;
  #display:inline;
  #width:expression(this.clientWidth<0.30*this.parentNode.clientWidth ? 0.30*this.parentNode.clientWidth+'px':this.clientWidth);
  white-space:nowrap;
}
body .autocard-single .card-color-display {
  width:8.5em;
  height:8em;
  margin-left:-0.25em;
  text-align:center;
  color:#272727;
  position:relative;
  float:left;
}

body .autocard-single .card-color-display img {
  width:8.5em;
  height:8.5em;
}


body .autocard-single .card-description {
 position:relative;
 float:right;
 width:20em;
 line-height:130%;
 color:#373737;
 padding-top:0.5em;
}


body .autocard-single .contact .field b {
 position:relative;
 float:left;
 #display:inline;
 margin-left:12px;
 width:170px;
}

body .autocard-single .contact h3 {
 margin-bottom:6px;
}


/*
   card formatting
*/

.card-logo
{
   line-height:2.5em;
}

.card .card-logo img
{
   vertical-align:center;
   width:3em;
   height:3em;
}

.card-auto-brand
{
  line-height:100%;
  font-weight:bold;
  color:rgb(12,71,113);
}

.card-auto-model
{
  display:inline;
  font-weight:bold;
}

.card .card-photo-dealer span  {
   padding:0 2px;
   font-size:10px;
   font-weight:bold;
   background:black;
   color:white;
   opacity:0.6;
}

.card-auto-type
{
  display:inline;
  font-weight:bold;
}

.card-auto-year {
  font-weight:bold;
}

.card-general
{
  border-bottom:solid #393939 1px;
}

.card-general1,
.card-general2
{
  display:inline;
  font-size:90%;
}
.card-general1 .value,
.card-general2 .value {
  display:inline;
}

.card-details table
{
  border-collapse:collapse;
  width:100%;
  margin:0;
}

.card .card-details table {
  height:100%
}

.bigcard .card-details table {
  height:auto;
}

.card-details td
{
  color:#191919;
  font-size:11px;
  text-align:right;
  padding:0 .5em 0 0;
}

.card-details th
{
  color:#191919;
  font-size:11px;
  text-align:left;
  padding:0 0 0 .5em;
  font-weight:bold;
}

.card-details .odd
{
  background:#a4d8e6;
}

.autodealer .card-details .odd
{
  /* background:#f9e137; */
}


.card-moredetails 
{
  -moz-opacity:0;
}


.card-price .value
{
  font-weight:bold;
  color:#f30;
  font-size:120%; 
}

.card-auto-dealer
{
  text-align:left;
  font-size:90%;
}


.card-price
{
  text-align:right;
}

.card-logo
{
   z-index:5;
}

.icon a
{
  font-size:11px;
  vertical-align:top;
}

.icon-cart-remove
{
  display:none;
}

.selected .icon-cart-remove
{
  display:inline;
}

.selected .icon-cart-add
{
  display:none;
}
/* corners */

BODY .cart .inner,
BODY .card .inner,
BODY .bigcard .inner,
BODY .widetool .inner,
BODY .tool .inner,
BODY .form .inner
 {
  -moz-border-radius:0;
  border:0;
  margin:0;
  background:transparent;
  overflow:visible;
}

body .tool-content,
body .block-content
{
  position:relative;
  z-index:1;
}

body .widetool .tool-content
{
  float:left;
  padding:1em;
}

body .dealercard .tool-content
{
  padding:0;
}

body .autocard-single .tool-content,
body .payment_history .tool-content,
body .message .tool-content
{
  float:none;
  padding:1em;
  text-align:left;
}

body .message .field-textarea,
body .message .field-text {
  margin-bottom:0.25em;
}

body .message .field-text .control {
  width:280px;
  margin-left:12px;
  border:1px solid #ccc;
}
body .message .field-textarea .control {
  width:346px;
  border:1px solid #ccc;
}



/* default = card */

.corners {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
 margin:-6px;
 padding:6px;
  #width:expression(this.parentNode.clientWidth+12);
  #height:expression(this.parentNode.clientHeight+12);
 #padding:0;
}

.top-left {
  position:absolute;
  top:0;
  left:0;
  width:51%;
  height:51%;
  background:url(/images/nav/card-white.gif) left top no-repeat;
}
.top-right {
  position:absolute;
  top:0;
  right:2px;
  width:51%;
  height:51%;
  background:url(/images/nav/card-white.gif) right top no-repeat;
}
.bottom-right {
  position:absolute;
  bottom:0;
  right:2px;
  width:51%;
  height:51%;
  background:url(/images/nav/card-white.gif) right bottom no-repeat;
}
.bottom-left {
  position:absolute;
  bottom:0;
  left:0;
  width:51%;
  height:51%;
  background:url(/images/nav/card-white.gif) left bottom no-repeat;
}



/* OBSOLETE: selected default = lightblue/grey 
.selected .top-left {
  background:url(/images/nav/card-selected-blue.gif) left top no-repeat;
}
.selected .top-right {
  background:url(/images/nav/card-selected-blue.gif) right top no-repeat;
}
.selected .bottom-right {
  background:url(/images/nav/card-selected-blue.gif) right bottom no-repeat;
}
.selected .bottom-left {
  background:url(/images/nav/card-selected-blue.gif) left bottom no-repeat;
}
*/

/* OBSOLETE: selected autodealer = lightblue/grey 
.selected .autodealer .top-left {
  background:url(/images/nav/card-selected-yellow.gif) left top no-repeat;
}
.selected .autodealer .top-right {
  background:url(/images/nav/card-selected-yellow.gif) right top no-repeat;
}
.selected .autodealer .bottom-right {
  background:url(/images/nav/card-selected-yellow.gif) right bottom no-repeat;
}
.selected .autodealer .bottom-left {
  background:url(/images/nav/card-selected-yellow.gif) left bottom no-repeat;
}
*/

/* bigcard = transp. corner */
.bigcard .top-left {
  background:url(/images/nav/card-white-grey.gif) left top no-repeat;
}
.bigcard .top-right {
  background:url(/images/nav/card-white-grey.gif) right top no-repeat;
}
.bigcard .bottom-right {
  background:url(/images/nav/card-white-grey.gif) right bottom no-repeat;
}
.bigcard .bottom-left {
  background:url(/images/nav/card-white-grey.gif) left bottom no-repeat;
}

/* messagecard = darkblue / transp. corner */
.payment_history .corners .top-left,
.message .corners .top-left {
  background:url(/images/nav/card-blue-dark.gif) left top no-repeat;
}
.payment_history .corners .top-right,
.message .corners .top-right {
  background:url(/images/nav/card-blue-dark.gif) right top no-repeat;
}
.payment_history .corners .bottom-right,
.message .corners .bottom-right {
  background:url(/images/nav/card-blue-dark.gif) right bottom no-repeat;
}
.payment_history .corners .bottom-left,
.message .corners .bottom-left {
  background:url(/images/nav/card-blue-dark.gif) left bottom no-repeat;
}

/* temnomodra = widetool, header-wrap */

.singletool .top-left,
.widetool .top-left {
  background:url(/images/nav/card-darkblue-glow.gif) left top no-repeat;
}

.singletool .top-right,
.widetool .top-right {
  background:url(/images/nav/card-darkblue-glow.gif) right top no-repeat;
}
.singletool .bottom-right,
.widetool .bottom-right {
  background:url(/images/nav/card-darkblue-glow.gif) right bottom no-repeat;
}
.singletool .bottom-left,
.widetool .bottom-left {
  background:url(/images/nav/card-darkblue-glow.gif) left bottom no-repeat;
}

.singletool .inner {
 color:#fff;
}

.singletool h2 {
 position:relative;
 color:#A4D7E6;
 z-index:1;
 padding:0.5em 0 0.5em 0.5em;
}

.singletool a {
 color:#A4D7E6;
}

/* bela = widetool dealercard */

.widetool .dealercard .top-left {
  background:url(/images/nav/card-white.gif) left top no-repeat;
}

.widetool .dealercard .top-right {
  background:url(/images/nav/card-white.gif) right top no-repeat;
}
.widetool .dealercard .bottom-right {
  background:url(/images/nav/card-white.gif) right bottom no-repeat;
}
.widetool .dealercard .bottom-left {
  background:url(/images/nav/card-white.gif) left bottom no-repeat;
}



/* svtelomodra = cart */
.cart .top-left {
  background:url(/images/nav/card-liteblue-glow.gif) left top no-repeat;
}
.cart .top-right {
  background:url(/images/nav/card-liteblue-glow.gif) right top no-repeat;
  right:0;
}
.cart .bottom-right {
  background:url(/images/nav/card-liteblue-glow.gif) right bottom no-repeat;
  right:0;
}
.cart .bottom-left {
  background:url(/images/nav/card-liteblue-glow.gif) left bottom no-repeat;
}


/* form h2 = default modra - brez sence! */

.bluehead .top-left,
.form .top-left {
  background:url(/images/nav/card-white-bluetitle.gif) left top no-repeat;
}
.bluehead .top-right,
.form .top-right {
  background:url(/images/nav/card-white-bluetitle.gif) right top no-repeat;
}
.bluehead .bottom-right,
.form .bottom-right {
  background:url(/images/nav/card-white-bluetitle.gif) right bottom no-repeat;
}
.bluehead .bottom-left,
.form .bottom-left {
  background:url(/images/nav/card-white-bluetitle.gif) left bottom no-repeat;
}

.form h2 {
  font-size:14px;
  line-height:1em;
  position:relative;
  z-index:1;
  color:white;
  padding:0.5em 0 0 1em;
  margin-bottom:1em;
}

.bluehead h2 {
 position:relative;
 z-index:1;
 color:white;
 padding:0.5em 0 0 1em;
}


/* whitetool */

.image-form .top-left,
.whitetool .top-left {
  background:url(/images/nav/card-white.gif) left top no-repeat;
}
.image-form .top-right,
.whitetool .top-right {
  background:url(/images/nav/card-white.gif) right top no-repeat;
}
.image-form .bottom-right,
.whitetool .bottom-right {
  background:url(/images/nav/card-white.gif) right bottom no-repeat;
}
.image-form .bottom-left,
.whitetool .bottom-left {
  background:url(/images/nav/card-white.gif) left bottom no-repeat;
}


.whitetool h2 {
 position:relative;
 z-index:1;
 color:#0C4771;
 padding:0.5em 0 0 1em;
}


/* header wrap */
.header-corners 
 {
 margin:0px;
 padding:0px;
 #width:expression(this.parentNode.clientWidth);
 #height:expression(this.parentNode.clientHeight);
 #padding:0;
}

.header-corners .bottom-left,
.header-corners .bottom-right {
 height:100%;
}
.header-corners .bottom-right {
  background:url(/images/nav/glava-desno.gif) right top no-repeat;
  margin-right:-3em;
}
.header-corners .bottom-left {
  background:url(/images/nav/glava-levo.gif) left top no-repeat;
  margin-left:-2.5em;
}


/* flipcard = svetleč okvirček */

.flipcard .corners
 {
 margin:0px;
 padding:0px;
  #width:expression(this.parentNode.clientWidth+0);
  #height:expression(this.parentNode.clientHeight+0);
}


#header-wrap .flipcard .top-left {
  background:url(/images/nav/flipcard-glow.gif) left top no-repeat;
}
#header-wrap .flipcard .top-right {
  right:0;
  background:url(/images/nav/flipcard-glow.gif) right top no-repeat;
}
#header-wrap .flipcard .bottom-right {
  right:0;
  height:50%;
  background:url(/images/nav/flipcard-glow.gif) right bottom no-repeat;
}
#header-wrap .flipcard .bottom-left {
  margin-left:0;
  height:50%;
  background:url(/images/nav/flipcard-glow.gif) left bottom no-repeat;
}



/* MOSAIC flipcard = svetleč okvirček */

mosaic .flipcard .corners
 {
 margin:0px;
 padding:0px;
  #width:expression(this.parentNode.clientWidth+0);
  #height:expression(this.parentNode.clientHeight+0);
}


.mosaic .flipcard .top-left {
  background:url(/images/nav/card-mosaic-blue.gif) left top no-repeat;
}
.mosaic .flipcard .top-right {
  right:0;
  background:url(/images/nav/card-mosaic-blue.gif) right top no-repeat;
}
.mosaic .flipcard .bottom-right {
  right:0;
  height:50%;
  background:url(/images/nav/card-mosaic-blue.gif) right bottom no-repeat;
}
.mosaic .flipcard .bottom-left {
  margin-left:0;
  height:50%;
  background:url(/images/nav/card-mosaic-blue.gif) left bottom no-repeat;
}

/* green mosaic - priority */

.mosaic .flipcard .priority .top-left {
  background:url(/images/nav/card-mosaic-green.gif) left top no-repeat;
}
.mosaic .flipcard .priority .top-right {
  right:0;
  background:url(/images/nav/card-mosaic-green.gif) right top no-repeat;
}
.mosaic .flipcard .priority .bottom-right {
  right:0;
  height:50%;
  background:url(/images/nav/card-mosaic-green.gif) right bottom no-repeat;
}
.mosaic .flipcard .priority .bottom-left {
  margin-left:0;
  height:50%;
  background:url(/images/nav/card-mosaic-green.gif) left bottom no-repeat;
}


/* yellow mosaic flipcard = autodealer

.mosaic .flipcard .autodealer .top-left {
  background:url(/images/nav/card-mosaic-yellow.gif) left top no-repeat;
}
.mosaic .flipcard .autodealer .top-right {
  right:0;
  background:url(/images/nav/card-mosaic-yellow.gif) right top no-repeat;
}
.mosaic .flipcard .autodealer .bottom-right {
  right:0;
  height:50%;
  background:url(/images/nav/card-mosaic-yellow.gif) right bottom no-repeat;
}
.mosaic .flipcard .autodealer .bottom-left {
  margin-left:0;
  height:50%;
  background:url(/images/nav/card-mosaic-yellow.gif) left bottom no-repeat;
}
*/

/* svtelomodra/noglow = primerjava */
.comparecard .top-left {
  background:url(/images/nav/card-liteblue-noglow.gif) left top no-repeat;
}
.comparecard .top-right {
  background:url(/images/nav/card-liteblue-noglow.gif) right top no-repeat;
}
.comparecard .bottom-right {
  background:url(/images/nav/card-liteblue-noglow.gif) right bottom no-repeat;
}
.comparecard .bottom-left {
  background:url(/images/nav/card-liteblue-noglow.gif) left bottom no-repeat;
}

/* frontpage card = obroba s senco */

.toolframe {
 _float:left;
 _width:100%;
 position:relative;
 z-index:1;
}

.toolframe .corners,
#frontpage-search .corners,
#frontpage-menu .corners {
 margin:0px;
 padding:0px;
  #width:expression(this.parentNode.clientWidth+0);
  #height:expression(this.parentNode.clientHeight+0);
}
.toolframe .top-left,
#frontpage-search .top-left,
#frontpage-menu .top-left {
  height:90%;
  background:url(/images/nav/menu-ozadje.gif) left top no-repeat;
}
.toolframe .top-right,
#frontpage-search .top-right,
#frontpage-menu .top-right {
  height:90%;
  background:url(/images/nav/menu-ozadje.gif) right top no-repeat;
}
.toolframe .bottom-right,
#frontpage-search .bottom-right,
#frontpage-menu .bottom-right {
  height:10%;
  background:url(/images/nav/menu-ozadje.gif) right bottom no-repeat;
}
.toolframe .bottom-left,
#frontpage-search .bottom-left,
#frontpage-menu .bottom-left {
  height:10%;
  background:url(/images/nav/menu-ozadje.gif) left bottom no-repeat;
}

/* uplao linki za slike */
.link-upload-wrap {
  cursor:pointer;
}

.keyword-wrap {
  position:relative;
  z-index:3;
}
.keyword-wrap img {
  width:8.16em;
  height:2.5em;
}

.card .keyword-wrap
{
  position:absolute;
  bottom:1em;
  left:1em;
}

.keyword-inner
{
  font-size:24px;
  position:absolute;
  z-index:2;
  top:0em;
  left:0em;
  width:4.2em;
  text-align:center;
  color:white;
  font-weight:bold;
}

.keyword-dropdown
{
  font-size:12px;
  z-index:10;
  position:absolute;
  top:4em;
  left:0em;
  width:18em;
  background:#9DB6C4;
  border:#88a solid 1px;
  display:none;
}