/**
* Swoppen Systems GmbH
*
* @copyright since 2000 - All rights reserved.
*/

#OS {
  margin:20px 0;
}

/* Online-Shop Articles */
.os-articles .os-article-row, .os-articles .os-article-row-helper {
  height: 226px!important;
  width: 680px;
  position: relative;
  background:#fff url(../images/bg_article-listing.png) repeat-x left top;
  margin-bottom:10px;
}

.os-articles .os-article-row-image {
  width: 320px;
  height: 204px;
  margin:10px;
  float:left;
  overflow: hidden;
  position: relative;
  border:1px solid #dadada;
  background:#fff;
}

.os-articles .os-article-row-image-nav {
  display:none;
  position: absolute;
  top: 95px;
  z-index: 20;
  width: 20px;
  height: 20px;
  background-color: #32589f;
  color: white;
  font-weight: bold;
  font-size: 110%;
  cursor: pointer;
  text-align: center;
}

.os-articles .os-article-row-image-nav.disabled {
  cursor: default;
  background-color: #CCCCCC;
}

.os-articles .os-article-row:hover .os-article-row-image-nav {
  display: block;
}

.os-articles .os-article-row-image-nav.left {
  left: 20px;
}

.os-articles .os-article-row-image-nav.right {
  right: 360px;
}

.os-articles .os-article-row-image-slider {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100px;
  width: 2000px;
}

.os-articles .os-article-row-image a {
  display: block;
  width: 330px;
  height: 226px;
  text-align: center;
  float: left;
  overflow: hidden;
}

.os-articles .os-article-row-image a img {
}

.os-articles .os-article-row-image.noimage, .os-article-details .os-article-details-images .image-highlight.noimage {
  background-image: url('../../../images/no_picture.jpg');
  background-position: center center;
  background-repeat: no-repeat;
}

.os-articles .os-article-row-text, .os-articles .os-article-row-price {
  margin:10px;
  width:318px;
  float:left;
}

.os-articles .os-article-row-text a {
  margin:0 0 10px 0;
  display:block;
}

.os-articles .os-article-row-text a {
  font-size: 24px;
  line-height:24px;
  color:#006697;
}

.os-articles .os-article-row-price span {
  font-size: 18px;
}

#art-group {
  display:none;
}

.os-articles .os-article-row-text #inventory.nostock {
  color:#ca0000;
}

.os-articles .os-article-row-text #inventory.midstock {
  color: #ff9000;
}

.os-articles .os-article-row-price span {
  color: #ca0000;
  float:left;
  margin-left:7px;
}

.os-articles .os-article-row-price {
  text-align: left;
  width:150px;
  position:absolute;
  left:346px;
  bottom:10px;
  margin:0!important;
}

.os-articles .os-article-row-price span.price-info {
  clear:both;
  font-size:11px;
  color:#999;
  font-weight:normal;
}

.os-articles .os-article-row-actions {
  width:113px;
  position:absolute;
  right:10px;
  bottom:10px;
}

.os-articles .os-article-row-actions a {
  color:#999;
  background-position:left -358px;
  height:29px;
  line-height:29px;
  padding-left:25px;
  width:90px;
  margin:5px 5px 0 0;
  display:block;
  font-weight:bold;
  text-decoration:none;
}

.os-articles .os-article-row-actions a:hover,
.os-articles .os-article-row-actions a:focus {
  color:#fff;
  background-position:left -398px;
}

.os-articles .os-article-row-actions a:active {
  color:#fff;
  background-position:left -438px;
}


.os-articles .os-article-row-actions a.button-card:hover,
.os-articles .os-article-row-actions a.button-card:focus {
  color:#fff;
  background-position:-223px -398px;
}

.os-articles .os-article-row-actions a.button-card:active {
  color:#fff;
  background-position:-223px -438px;
}

.os-articles .os-articles-hitpanel {
  float: left;
  clear: both;
  width: auto;
  height: 30px;
  margin-top: 40px;
}

/* Online-Shop Article Details */
.os-article-details {
  min-height: 500px;
}

.os-article-details .os-article-details-images {
  float: left;
  width: 248px;
}

.os-article-details .os-article-details-images .small-images {
  width: 248px;
  margin-top: 5px;
}

.os-article-details .os-article-details-images .small-images .image-item {
  width: 50px;
  height: 50px;
  overflow: hidden;
  float: left;
  border: 1px solid #ccc;
  display: block;
  position: relative;
  text-align: center;
  margin: 5px 5px;
}

.os-article-details .os-article-details-images .small-images .image-item img {
  margin-top: -50%;
  margin-left: -50%;
  max-width: 100px;
}

.os-article-details .os-article-details-images .image-highlight {
  width: 216px;
  border: 1px solid #ccc;
  display: block;
  margin: 0px 5px;
  padding: 10px;
}

.os-article-details .os-article-details-images .image-highlight.noimage {
  height: 216px;
}

.os-article-details .os-article-details-images .image-highlight .zoomPad > img {
  max-width: 216px;
  margin: auto;
  display: block;
}

.os-article-details .os-article-details-images .small-images .image-item:hover,
.os-article-details .os-article-details-images .image-highlight:hover {
  border-color: #77ADC7;
}

.os-article-details .os-article-details-images .small-images .image-item.zoomThumbActive {
  border-color: #CA0000;
}

.os-article-details .os-article-details-text {
  float: left;
  margin-left: 20px;
  width: 405px;
}

.os-article-details .os-article-details-text #manufacture img {
  max-width: 300px;
  max-height: 70px;
}

.os-article-details .os-article-details-text #price {
  margin: 10px 0px;
}

.os-article-details .os-article-details-text #price span {
  font-size: 20px;
  font-weight: bold;
  color: #CA0000;
}

.os-article-details .os-article-details-text #price-info span {
  color: #AAA;
}

.os-article-details .os-article-details-text #inventory .nostock {
  color:#ca0000;
}

.os-article-details .os-article-details-text #inventory #quantity-stock {
  color: #36F;
}

.os-article-details .os-article-details-text #inventory #quantity-stock:before {
  content: '[';
}

.os-article-details .os-article-details-text #inventory #quantity-stock:after {
  content: ']';
}

/* Online-Shop Card */

.os-card {
  margin:20px 0;
}

.os-card .os-card-article-image img {
  max-width: 160px;
  border: 1px solid #CCC;
}

.os-card .os-card-positions {
  border-collapse: collapse;
}

.os-card .os-card-positions td, .os-card .os-card-positions th {
  padding: 5px;
}

.os-card .os-card-positions thead {
  background-color: #ccc;
  border-bottom:2px solid #fff;
}

.os-card .os-card-positions thead * {
  color: #333;
  font-size:14px;
  font-weight:bold;
}

.os-card .os-card-positions tbody td {
  background-color: #eee;
  border-bottom:2px solid #fff;
}

.os-card .os-card-positions tbody .odd td {
  background-color: #e5e5e5;
}

.os-card .os-card-positions #art-name1 {
  font-weight: bold;
  font-size: 110%;
  color: #006697;
}

.os-card .os-card-groups {
  background-color: #ccc;
  padding: 10px;
}

.os-card .os-card-groups * {
  color: #333;
}

.os-card .os-card-groups #total-line {
  border: 0px; 
  border-top: 1px solid #555; 
  border-bottom: 1px solid #777;
}

.os-card .os-card-groups #group-total-sum {
  font-size: 80%;
}

.os-card .os-card-groups #subtotal, .os-card .os-card-groups #subtotal-sum {
  font-weight: bold;
}

.os-card .os-card-groups #total, .os-card .os-card-groups #total-sum {
  font-size: 18px;
  font-weight: bold;
}

/* Online-Shop Card Block */
.os-card-block .os-card-block-text * {
  color: white;
  font-size:11px;
  float: left;
}

.os-card-block .os-card-block-text #spacer {
  height: 12px;
  border-right: 1px solid white;
  margin: 4px 5px;
}

.os-card-block .os-card-block-text #card-total * {
  font-weight: bold;
}

/* Online-Shop Artikelsuche Block */
.os-search-block input, select {
  padding: 0px 5px;
  margin: 0px;
  float: left;
  height: 19px;
}

.os-search-block input[type="text"] {
  width: 165px;
}

.os-search-block select {
  height: 21px;
  margin-right: 5px;
}

/* Workaround Shopping Order */
/* General */ OS.CSS

div#OS {
  width:395px;
}

table#hp {
  width:660px!important;
  margin:auto;
}

.bold {
  font-weight:bold;
}

.small {
  font-size:10px;
}

#OS .box-button {
  position:relative;
  height:30px;
}

#OS .box-button .button-right {
  position:absolute;
  right:10px;
}

/* Status */
#OS .status {
 height:72px;
 position:relative;
 overflow:hidden;
 margin:0 0 10px 0;
}

#OS .status table {
  margin:0;
}

#OS .status table td { 
  padding-bottom:5px;
  border:0;
}

#OS .status table tbody tr td {
 text-align:left;
 height:31px;
 padding:0 0 0 10px!important;
}

#OS .status table td#step-1 { width:auto!important;padding:0 0 0 20px!important; }
#OS .status table td#step-2 { width:auto!important;padding:0 0 0 10px!important; }
#OS .status table td#step-3 { width:auto!important;padding:0 0 0 40px!important; }
#OS .status table td#step-4 { width:auto!important;padding:0 0 0 80px!important; }


#OS .status table tbody tr td a {
  color:#3399CA;
}

#OS .status table tbody tr td a {
  text-decoration:none;
  line-height:30px;
}

#OS .status table.status-register tbody tr td#step-1 a,
#OS .status table.status-payment tbody tr td#step-2 a,
#OS .status table.status-pooling tbody tr td#step-3 a,
#OS .status table.status-finished tbody tr td#step-4 a {
  font-weight:bold;
}

#OS .status table {
  background:#efefef url(../images/bg_status.jpg) no-repeat left top;
}

#OS .status table.status-default,
#OS .status table.status-register,
#OS .status table.status-payment,
#OS .status table.status-pooling,
#OS .status table.status-finished {
 background-position:-40px top;
 width:100%;
}

#OS .status table.status-default {
 background:#efefef url(../images/bg_status.jpg) no-repeat left top;
}

#OS .status table.status-register {
 background:#efefef url(../images/bg_status.jpg) no-repeat left -72px;
}

#OS .status table.status-payment {
 background:#efefef url(../images/bg_status.jpg) no-repeat left -144px;
}

#OS .status table.status-pooling {
 background:#efefef url(../images/bg_status.jpg) no-repeat left -216px;
}

#OS .status table.status-finished {
 background:#efefef url(../images/bg_status.jpg) no-repeat left -288px;
}


/* Boxes */
#OS .box {
  margin:10px 0 20px 0;
}

/* Workaround */
#OS .box .box#address {
  margin:0px;
}

#OS .box .box-head {
  font-weight:bold;
  color:#325aa2;
  margin:5px 0px 10px 0px;
  padding:0px;
  font-size:18px;
}

#OS .box .box-head2 {
  font-weight:bold;
  color:#325aa2;
  margin:0px;
  padding:0px;
  font-size:14px;
}

/* Boxes - Table */
#OS .box .box-content table {
  border-collapse:collapse;
  width:100%;
  border:1px solid #fff;
  margin-top:0;
}

#OS .box .box-content table .odd td {
  background-color:#eee;
}

#OS .box .box-content table th {
  background-color:#ccc;
  padding:5px;
  border-bottom:2px solid #fff;
}

#OS .box .box-content table th span {
  font-weight:bold;
}

#OS .box .box-content table td {
  padding:3px;
  background-color:#e5e5e5;
  border-bottom:2px solid #fff;
  color:#000;
}

/* Specefic Boxes */
#OS .box#choose-rooms .box-content table,
#OS .box#registration .box-content .registration-types {
  border-top:1px solid #fff;
  margin-bottom:10px;
}

#OS .box#choose-rooms .box-content table td {
  border:0px;
  padding:10px;
}

#OS .box#choose-rooms .box-content table th div {
  width:25%;
}

#OS .box#room-selection .box-content table td,
#OS .box#guests .box-content table td,
#OS .box#login-form .box-content table td,
#OS .box#articles .box-content table td {
  border-bottom:2px solid #fff;
}

#OS .box#registration .box-content .registration-types {
  margin:10px 0px 10px 0px;
  border:0px;
}

#OS .box#registration .box-content table#registration-company {
  margin-bottom:10px;
}

#OS .box#agb .box-content {
  width:642px;
  padding:0 20px 20px;
  height:350px;
  background:#eee;
  overflow:auto;
  margin-bottom:20px;
}

#OS .box#agb  label {
  font-weight:bold;
}

#OS .box#payment-list .box-content table td {
  width:auto;
}

#OS .box#payment-types .box-content img[src=""] {
  display:none;
}

#OS .box#payment-types .box-content img {
  cursor:pointer;
}

#OS .box#payment-types .box-content table .radio {
  margin-top:10px;
  float:left;
}

#OS .box#payment-types .box-content table label {
  float:left;
}

#OS .box#payment-types .box-content table tr.active td {
  background-color:#666;
  color:#FFFFFF;
}

#OS .box-content .textarea {
  width:660px;
  height:200px;
}


/* Quantity Field */
#OS input.quantity {
  width:30px;
  text-align:right;
}

#OS .box#articles .bold span {
  font-weight: bold;
}