/*
## webshop.css - Contains style for product/webshop module
*/

#wrapper #main.mainWS #mainColumn {
  margin-bottom: 0;
  background-color: #fff;
  margin-right: 2px;
  padding: 0;
  width: 742px;
}

.topPicWS {
  margin-bottom: 5px;
  width: 742px;
  border-bottom: 1px solid #848484;
}

#productPrint {
  float: left;
  margin-top: 15px;
  clear: both;
  width: 100%;
}

#productPrint a {
  float: right;
}

#productPrint img {
  float: left;
  margin-right: 5px;
}

#slideContentContainer .price {
  position: absolute;
  bottom: 12px;
  left: 30px;
  font-weight: bold;
  font-size: 1.12em;
}

#slideContentContainer .cart {
  margin-bottom: 5px;
}

.pv_name {
  float: left;
  width: 100px;
}

.pv_value {
  margin-bottom: 5px;
}

#shoppingCart {
  float: right;
}

/** TODO: Make this a common style (layout.css) */
.star {
  color: #ff0000;
}

#description .text {
  font-size: 125%;
}

.description .price {
  font-size: 150%;
  font-weight: bold;
  width: 100px;
  float: left;
}

.description form  {
  float: left;
}

.description form input {
  margin-bottom: 1px;
}

.description form input.button {
  margin-top: 0px;
  margin-bottom: 0px;
}

.description #variants form input.button {
  margin-top: 5px;
}

.productgroup h1 {
  font-size: 1.87em;
  margin-top: 5px;
}

.productgroup h1 a {
  color: #000;
}

.currentProductgroupImage {
  float: left;
  margin-right: 10px;
}

.currentProductgroup .description {
  float: right;
  width: 343px;
  padding: 10px;
}

.currentProductgroup h1 {
  font-weight: bold;
}

.currentProductgroup {
  color: #ffffff;
  background: #1C1C1C url(./filestore/currentProductgroupBG.gif) no-repeat bottom right;
}

.productgroup {
  float: left;
  width: 235px;
  border: 1px solid #e0e0e0;
  margin-left: 15px;
  margin-bottom: 15px;
  background: #ffffff;
}

.nomarg {
  margin-left: 0px;
}

.productgroupImage {
  cursor: pointer;
  padding: 23px 0 23px 70px;
}

.productgroupImage a {
  color: #000;
}

.productImage {
  float: left;
  width: 378px;
}

#thumbnails {
  clear: left;
  padding-top: 9px;
}

#thumbnails img {
  padding-right: 9px;
  float: left;
}

#variants {
  list-style: none;
  border-top: 1px solid #8d8b8c;
  padding: 0px;
  margin-top: 10px;
  float: left;
  width: 100%;
  clear: both;
}

.variant {
  border-bottom: 1px solid #8d8b8c;
  padding-bottom: 3px;
}

.variant div {
  float: left;
  padding-top: 2px;
}

.variant form {
  margin-top: 3px;
  float: right;
}

/**
## start shopping basket style ##
**/

#productList,
form.submitOrder {
  width: 100%;
}

#productList th {
  padding-bottom: 5px;
  text-align: left;
}

#productList th.headRemove {
  width: 8%;
  text-align: center;
}

#productList th.headImage {
  width: 9%;
}

#productList th.headName {
  width: 57%;
}

#productList th.headAmount {
  width: 10%;
  text-align: center;
}

#productList th.headPrice {
  width: 16%;
}

#productList td {
  padding: 10px 0;
  border-top: 1px solid #8D8B8C;
}

#productList .removeItem,
#productList .amount {
  margin: 0 auto;
}

#productList .smallPrice {
  color: #bbb;
}

#productList .button{
  margin-right: 5px;
}

#productList td.profiled {
  font-size: 1.50em;
}

/**
## end shopping basket style ##
**/

/**
## start checkout form style ##
**/

#content form.submitOrder fieldset {
  border: 0 none;
  padding: 0;
}

#content form.submitOrder input {
  margin-bottom: 5px;
}

#infoCell {
  vertical-align: top;
}

.addrCell {
  padding-right: 40px;
}

#content #deliveryAddr {
  margin-bottom: 30px;
  width: 100%;
}

#content #deliveryAddr td {
  padding: 10px 0px;
  border-bottom: 1px solid #8d8b8c;
}

#content #deliveryAddr td.fieldName {
  width: 12%;
}

/**
## end checkout form style ##
**/