/** $Id: core.css 1491 2010-09-01 10:24:36Z ericbartels $ -
 Core styles for each instance
*/

/* Misc */
.javascript-warning {
  font-size: 1.2em;
  padding: .8em;
  font-weight: bold;
  text-align: center;
}

/* jQuery UI Widget related */
.initial-hidden {
  display: none;
}

.ui-widget .status-text {
  padding: 0.7em;
}

.ui-widget .initial-loading {
  padding-left: 24px;
  background: transparent url(../images/include/widget-loading.gif) no-repeat left center;
}

.ui-tabs .tab-progress {
  padding-left: 24px;
  background: transparent url(../images/include/widget-loading.gif) no-repeat left center;
}

.ui-tabs .pagination-status {
  padding: 0.5em 1em;
}

.ui-tabs .pagination-after {
  clear: both;
}

.ui-tabs #alternateVehicleContainer, .ui-tabs #alternateNumberContainer {
  height: 32em;
  overflow-x: hidden;
  overflow-y: scroll;
}

/* Social */
.social-container {
  margin-top: 10pt;
  clear: both;
}

.article-info .social.fb-bar, .product-properties .social.fb-bar {
  float: right;
}

/* Default tecdoc-widths and heights */
#articleCollection .item .article-image img,
.article-info .article-image img {
  width: 120px;
}
.item.genart-686 .article-image .default img,
.item.genart-684 .article-image .default img,
.item.genart-851 .article-image .default img{
  height: 100px;
  width: auto !important;
}

/* core definitions for images */
div.offer-images {
  clear: both;
}

div.offer-images div.offer-image {
  float: left;
  margin-right: 10px;
}

div.offer-images div.offer-image a img {
  width: 100px;
}

.offer-images-after {
  clear: both;
}

.product-image {
  text-align: center;
}

.item-by-tag .product-image img {
  width: 80px;
  border: none;
}

.item-by-tag .product-image img, offer.simple .product-image img, .randomOffer .product-image img,
table.offer-by-tag .product-image img{
  width: 80px;
  border: none;
}

/* core definitions for downloads */
.offer-downloads ul {
  list-style: none;
  float: left;
}

.offer-downloads ul li.offer-download {
  float: left;
  width: 12.5em;
  height: 4em;
  overflow: hidden;
  padding: 0;
  margin: 0 10pt 10pt 0;
}

.offer-downloads-after {
  clear: both;
}

/* core definitions for cross-selling */
.offer-cross-sellings ul, .product-cross-sellings ul {
  list-style: none;
  float: left;
}

.offer-cross-sellings li.cross-selling, .product-cross-sellings li.cross-selling {
  float: left;
  height: 10em;
  width: 12.5em;
  overflow: hidden;
  margin: 0 10pt 10pt 0;
  padding: 0;
}

.offer-cross-sellings .cross-selling img, .product-cross-sellings .cross-selling img {
  border: none;
  height: 60px;
}

.offer-cross-sellings .product-supplier, .product-cross-sellings .product-supplier {
  font-size: 80%;
  display: block;
  clear: left;
}

.offer-cross-selling-after, .product-cross-selling-after {
  clear: both;
}

/* Core definitions for table view */
ol.offer-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

ol.offer-list li {
  float: left;
  width: 100%;
  margin: .5em 0;
  border: 1px solid #eee;
  padding: 1em 0;
}

ol.offer-list .product-image {
  float: left;
  margin: 0 .5em;
  width: 20%;
  overflow: hidden;
  text-align: center;
}

ol.offer-list .product-image img {
  border: 0;
  width: 100%;
}

ol.offer-list .article-info {
  float: left;
  width: 55%;
  margin: 0;
}

ol.offer-list .item-after {
  clear: both;
}

ol.offer-list .price-information {
  float: left;
  width: 20%;
  margin: 0 .5em;
}

/* Cart related */
table.cart-info {
  border-collapse: collapse;
  width: 100%;
}

table.cart-info td {
  padding: 0;
  vertical-align: top;
  text-align: left;
}

#cartStatusMessage {
  margin-right: 2em;
}

#cartStatusInfo {
  float: right;
  padding: 0.7em 4em 0.7em 0.7em;
  background: transparent url(../images/include/shopping-cart-status.png) no-repeat right center;
  width: 8em;
}

#cartStatusInfo h4 {
  padding: 0;
  margin: 0 0 .2em 0;
}

#dlgCartOperationCrossSelling {
  clear: both;
}

#dlgCartOperations {
  text-align: right;
  clear: both;
  margin-top: .7em;
}

/* Manufacturer page */
.manufacturer-category-list ul {
  list-style: none;
  padding: 0;
  margin: 1em;
  float: left;
}

.manufacturer-category-list ul li {
  margin: 1em;
  float: left;
  overflow: auto;
  width: 12em;
  height: 10em;
}

.manufacturer-category-list ul li .basic-info {
  text-align: center;
}

.manufacturer-category-list ul li .category-image img {
  height: 6em;
}

.manufacturer-category-list-after {
  clear: both;
}

/* Manufacturer filter */
ul.manufacturer-selection {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

ul.manufacturer-selection li {
  float: left;
  margin: .2em .4em .2em 0;
}

ul.manufacturer-selection li.selected a {
  font-weight: bold;
}

.manufacturer-selection-after {
  clear: both;
}

/** New catalog tree */
#catalogTree .complete-catalog ul ul {
  display: none;
}

#catalogTree .complete-catalog ul ul {
  margin-left: 10px;
}

#catalogTree .complete-catalog li.selected > ul {
  display: block;
}

/** Shortcuts for catalog */
#catalogBreadcrumb {
  display: none;
}
#catalogTree.with-shortcuts {

}
#catalogTree.with-shortcuts .inner {
  position: relative;
}
#catalogTree .complete-catalog.with-shortcuts {

}
#catalogShortcuts {
  position: absolute;
  left: -98px;
  width: 96px;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
}
#catalogShortcuts ul {
  margin: 0;
  padding: 0;
  width: 96px;
}
#catalogShortcuts ul li {
  float: left;
}
#catalogShortcuts ul li a.shortcut-link {
  display: block;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(../images/include/catalog/catalog-shortcuts.png);
  padding: 0;
  margin: 0;
}
#catalogShortcuts ul li a span {
  display: none;
}
#catalogShortcuts ul li a.type-kompletterfahrzeugbaum {
  background-position: -912px 0;
}
#catalogShortcuts ul li a.type-bremsen {
  background-position: -720px 0;
}
#catalogShortcuts ul li a.type-motor {
  background-position: -816px 0;
}
#catalogShortcuts ul li a.type-fahrwerk {
  background-position: -672px 0;
}
#catalogShortcuts ul li a.type-elektrik {
  background-position: -240px 0;
}
#catalogShortcuts ul li a.type-filter {
  background-position: -480px 0;
}
#catalogShortcuts ul li a.type-abgasanlage {
  background-position: 0 0;
}
#catalogShortcuts ul li a.type-khlungklimatisierung {
  background-position: -96px 0;
}
#catalogShortcuts ul li a.type-lenkung {
  background-position: -528px 0;
}
#catalogShortcuts ul li a.type-innenausstattung {
  background-position: -432px 0;
}
#catalogShortcuts ul li a.type-kraftbertragung {
  background-position: -768px 0;
}
#catalogShortcuts ul li a.type-karosserie {
  background-position: -144px 0;
}
#catalogShortcuts ul li a.type-kraftstoffaufbereitung {
  background-position: -288px 0;
}
#catalogShortcuts ul li a.type-beleuchtung {
  background-position: -48px 0;
}
#catalogShortcuts ul li a.type-scheibenscheibenreinigung {
  background-position: -336px 0;
}
#catalogShortcuts ul li a.type-zubehr {
  background-position: -192px 0;
}
#catalogShortcuts ul li a.type-service {
  background-position: -576px 0;
}
#catalogShortcuts ul li a.type-zndglhanlage {
  background-position: -624px 0;
}