/***********************************
*  Default stylesheet for commerce
*  last changes: 20.09.2007
***********************************/




/**************************
* Listview for Category
**************************/

div.com-category {}

div.com-category-title {}
div.com-category-subtitle {}
div.com-category-desc {}
div.com-category-img {}

/**************************
* Listview for Products
**************************/

table.comList {
  border-collapse:collapse;
  border-spacing: 0px;
  margin-bottom:  8px;
  margin-top:     5px;
  width:          100%;
}

tr.comListHeader { }

table.comList th {
  border-right: 1px solid #7f979c;
  padding:    5px;
  background: #e6ebed;
}

tr.comListHeaderImg { }
tr.comListHeaderTitle { }
tr.comListHeaderTeaser { }
tr.comListHeaderPrice { }
tr.comListHeaderAction { }


table.comList td {
  padding:5px;
}
tr.comListEven {}

tr.comListOdd {}

td.comListColImg {
  padding:    5px;
  text-align: center;
}

td.comListColImg img {
  margin: 0 auto;
}

td.comListColStock {
  vertical-align: middle;
  text-align:     center;
}

td.comListColStock img {
  margin: 0 auto;
}

td.comListColTitle {
  text-align:left;
  font-weight: bold;
}

td.comListColTeaser {
  text-align:left;
}

td.comListColPrice {
  text-align:right;
}

td.comListColAction {
  text-align:right;
 }

div.comListActionEntry {
  text-align:left;
 }

input.comInputQty {

}

/**************************
* Singleview for Products
**************************/
div.comSingle { }

div.comSingleTeaser {
  padding: 10px 0;
}

div.comSingleDesc { }

div.comSingleArticle {
  font-size: 11px;
  padding:   3px 0 0 20px;
/*   padding-top: 30px; */
}

div.comSingleArticle h2 {
  font-size: 13px;
  padding:   0 0 10px !important;
  margin:    0 !important;
}

div.comSingleActionEntry {
  padding: 0 0 5px;

}

div.comSingleActionEntry p {
  clear: both;
}

div.comSingleActionEntry p label {
  font-style:italic;
  float:     left;
  display:   block;
  width:     60px;
}



/**************************
* Attributes for Articels
**************************/

table.com-select-attributes { }

tr.comSelectEven {}

tr.comSelectOdd {}

div.comBasketSelAtt { }

/**************************
* Basket
**************************/

tr.comBasketHeaderList { }

th.comBasketHeaderArtNr { }
th.comBasketHeaderTitle { }
th.comBasketHeaderPriceGross { }
th.comBasketHeaderCount { }
th.comBasketHeaderPriceSum { }
th.comBasketHeaderBasket { }


table.comBasketList {
  border-collapse:collapse;
  border-spacing:0px;
  margin-bottom:8px;
  margin-top:5px;
  width:100%;
  border: 1px solid #7f979c;
}
tr.comBasketHeader { }

tr.comBasketHeader th {
  padding:5px;
}
table.comBasketList td {
  padding:5px;
}
tr.comBasketEven { }

tr.comBasketOdd { }


.comBasketPayment {}

.comBasketPayment label { float:left; }

.comBasketDelivery {}

.comBasketDelivery label { float:left; }

.comTextCenter {
  text-align:center;
}

.comTextRight {
  text-align:right;
}

.comTextLeft {
  text-align:left;
}

.comTextBold {
  font-weight:bold;
}

.comTextCenter img {
  margin: 0 auto;
}


.comTextPrice {
  text-align:  right;
  white-space: nowrap;
}

th.comBasketActions {
  width: 70px !important;
}
/**************************
* Basket Quickview
**************************/
div.comBasketQv { }
div.comBasketQvValue { }
div.comBasketQvLink { }
a.comBasketQvBasket { }
a.comBasketQvChkout { }


/**************************
* Checkout
**************************/
div.comChkoutListAddressBox {
  float: left;
  margin: 3px 10px 3px 0;
}
div.comChkoutListAddressEditButton {
/*   width: 320px; */
  border: 1px solid #7f979c;
  border-bottom-width: 0px;
  background: #eee;
  padding: 3px 4px;
/*   height: 1.8em; */
}

div.comChkoutListAddressEditButton a {
/*   display:         block; */
/*   float:           left; */
  text-decoration: none !important;
/*   background:      #ccc !important; */
  color:           #000 !important;
/*   padding:         4px 3px !important; */
/*   margin: 0; */
}

div.comChkoutListAddressEditButton span {
/*   display:         block; */
/*   float:           left; */
/*   position: relative; */
  background:      #eee !important;
  padding:         4px 3px !important;
/*   margin: 0 1px 0; */
}

div.comChkoutListAddressEditButton input {
  float: left;
/*   display: inline; */
  margin: 1px 4px 0 0;
}

div.comChkoutListAddress, div.comChkoutListAddressNoBorder {
  clear:   both;
  padding: 10px;
  margin:  0 0 15px;
  border:  1px solid #7f979c;
  width:   300px;
}

div.comChkoutListAddressNoBorder {
  border:  0px solid #bbb;
}

div.comChkoutListAddress p, div.comChkoutListAddressNoBorder p {
  clear:      both;
  font-style: italic;
}

div.comChkoutListAddress p label,
div.comAddressItems      p label,
div.comChkoutListAddressNoBorder p label {
  float:      left;
  width:      70px;
  padding:    0;
  font-style: normal;
}

div.comAddressItems p label {
  width: 90px;
}

div.comChkoutStepActual   div,
div.comChkoutStepInactive div,
div.comChkoutStepActive   div {
  float: left;
}

div.comChkoutStepActual   div,
div.comChkoutStepInactive div,
div.comChkoutStepActive   div {
  float:         left;
  border-top:    1px solid #7f979c;
  border-bottom: 1px solid #7f979c;
  border-left:   1px solid #7f979c;
  padding:       5px 6px 5px 5px;
  margin:        0;
  text-align:    center;
  font-size:     11px;
  width:         155px;
}

div.comChkoutStepActual div {
  color: #e60000;
}

div.comChkoutStepActive div, div.comChkoutStepActive div a {
  color:      #000;
  background: #f5f5f5;
  text-decoration: none;
  cursor: pointer;
}

div.comChkoutStepInactive div {
  color:      #7f979c;
  background: #f5f5f5;
}

div.comChkoutStepLast {
  border-right: 1px solid #7f979c;
}
div.comChkoutStepActual   div span,
div.comChkoutStepInactive div span,
div.comChkoutStepActive   div span {
  font-size:   22px;
  font-weight: bold;
}

div.comChkoutStepActive   div a,
div.comChkoutStepInactive div a,
div.comChkoutStepInactive div a {
  text-decoration: none;
  cursor:          pointer;
}
dl.comChkoutAddressItems { }

div.comChkoutAddress { }

p.comChkoutAddressDesc {
  padding-bottom: 12px !important;
}

div.comChkoutAddressFields {}

div.comChkoutAddressFields dl {
  clear:  both;
  width:  100%;
  margin: 15px 0px;
}

div.comChkoutAddressFields dt,
div.comChkoutAddressFields dd { padding-bottom: .5em; }

p.comChkoutAddressField {
  padding: 0 !important;
  margin:  0 !important;
  line-height: 1 !important;
}

p.comChkoutAddressField label, p.error label {
  display: block;
  float:   left;
  width:   20%;
  clear:   both;
  padding: 3px 0 0;
}

p.error {
  font-size:   11px;
  padding:     0 0 2px !important;
  margin:      0 !important;
  line-height: 1 !important;
}

div.comChkoutAddressFields dd {
  float: left;
  width: 79%;
  text-align: left;
}
div.comChkoutAddressFields dd.comChkoutAddressRadio,
dd.comChkoutAddressItemSelect {
  clear: left;
  float: left;
  width: 5%;
}

div.comChkoutAddressFields dt.comChkoutAddressRadiolabel {
  float: none;
  width: auto;
}

dt.comChkoutAddressLabel {
  clear: left;
}

dt.comChkoutAddressItemData {
  float:none;
  width:auto;
  margin-left:5%;
}
div.comChkoutAddressNew { clear:both; width:100%; }
p.comChkoutAddressFieldsSubmit { clear:both; }

tr.comChkoutSum {}

div.comChkoutListingBillingAddress h3,
div.comChkoutListingFooter h3 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


div.comChkoutListingBillingAddress dl,
div.comChkoutListingDeliveryAddress dl {
  padding-top: 3px;
  margin-top:  0;
}

div.comChkoutListingBillingAddress  dd,
div.comChkoutListingDeliveryAddress dd {
  font-weight: normal;
  font-style:  italic;
}

div.comChkoutListingBillingAddress  dt,
div.comChkoutListingDeliveryAddress dt,
div.comChkoutListingBillingAddress  dd,
div.comChkoutListingDeliveryAddress dd {
  padding: 2px 0;
  margin:  0;
}

div.comChkoutListingBillingAddress,
div.comChkoutListingDeliveryAddress {
  float: left;
  width: 334px;
}

div.comChkoutListing dt {
  clear: left;
  float: left;
  width: 140px;
}

p.comChkoutAddressFieldsDisclaimer {
  padding: 0 !important;
  margin:  0 !important;
}

p.comChkoutListingSubmit,
p.comChkoutAddressFieldsSubmit {
  text-align: right !important;
  padding-right: 25px !important;
}

p.comBasketNavButtons {
  padding-top:  20px;
  text-align: right !important;
}

p.comBasketNavButtons input.wide, p.comChkoutAddressFieldsSubmit input,
p.comChkoutListingSubmit input {
  padding-left:  50px !important;
  padding-right: 50px !important;
/*   cursor:        pointer; */
}

div.comChkoutListingFooter {
  clear: left;
}

div.comChkoutListingFooter div.twoCol {
  padding-top: 0;
  margin-top:  0;
}

div.comChkoutListingFooter div.twoColLeft {
  width: 314px;
}


.comChkoutListingTerms .error, .error {
  display: block;
  color:   #e60000;
}

dt.error, dd.error {
  font-size: 11px;
  line-height: 1;
  padding:   0 !important;
  margin:    0 !important;
}

.comChkoutListingTerms .error {
  display: block;
}

p.comChkoutListingComment textarea {
  width: 300px;
}

span.comChkoutListTermsElement {
  float:   left;
  display: block;
  height:  30px;
  width:   25px;
}



input#billing-company, select#billing-country, input#billing-name, input#billing-surname, input#billing-address, input#billing-city, input#billing-email, input#billing-phone, input#billing-fax, input#delivery-name, input#delivery-surname, input#delivery-company, input#delivery-address, input#delivery-city, input#delivery-email, input#delivery-phone, select#delivery-country, input#delivery-fax,
div.comAddressItems input, div.comAddressItems select {
  width: 320px !important;
}

input#delivery-zip, input#billing-zip {
  width: 40px !important;
}
/********************
* Address Management
*********************/

div.comAddressItems dl,
div.comAddressList dl {
  clear:both;
  width: 100%;
  margin:15px 0px;
}

div.comAddressItems dt,
div.comAddressItems dd,
div.comAddressList dt,
div.comAddressList dd { padding-bottom: .5em; }

div.comAddressItems dt,
div.comAddressList dt {
  float: left;
  width: 30%;
}
div.comAddressItems dd,
div.comAddressList dd {
  text-align: left;
}



/**************************
* Invoice
**************************/

table.comInvoiceOrder {
  border-collapse:collapse;
  border-spacing:0px;
  margin-bottom:8px;
  margin-top:5px;
  width:100%;
}

tr.comInvoiceOrderHeader th {
  padding:5px;
}

th.comInvoiceCustomerAddress {
  width:auto;
}
th.comInvoiceAdditional {
  width:200px;
}
table.comInvoiceOrder td {
  padding:5px;
}




/******************************************************************
* Default Color Set
******************************************************************/



/**************************
* Listview for Products
**************************/

table.comList {
  border:      1px solid #7f979c;
  border-right:none;
}

tr.comListHeader {
  background-color:#f2f2f2;
}

tr.comListHeader th {
  border-bottom:1px solid #444;
  border-right:1px solid #444;
}
table.comList td {
  border-right:1px solid #7f979c;
}

tr.comListEven {
  background-color:#fff;
}

tr.comListOdd {
  background-color:#f2f2f2
}

td.comListColImg {

}

td.comListColTitle {

}

td.comListColTitle a:link,
td.comListColTitle a:active,
td.comListColTitle a:hover,
td.comListColTitle a:visited {

}

td.comListColTeaser {

}

td.comListColPrice {

}

td.comListColAction {

 }

div.comListActionEntry {

 }


/**************************
* Singleview for Products
**************************/


div.comSingle { }

div.comSingleArticle { }

div.comSingleCat { }


/**************************
* Attributes for Articels
**************************/


table.comSelectAttributes { }

tr.comSelectEven {
  background-color:#fff;
}

tr.comSelectOdd {
  background-color:#f7f7f7;
}


div.comBasketSelAatt { }

/**************************
* Basket
**************************/

tr.comBasketHeader-list { }

th.comBasketHeaderArtNr { }
th.comBasketHeaderTitle { }
th.comBasketHeaderPriceGross { }
th.comBasketHeaderCount { }
th.comBasketHeaderPriceSum { }
th.comBasketHeaderBasket { }


table.comBasketList {
  border:1px solid #7f979c;
  border-right:none;
}

tr.comBasketHeader {
  background-color:#f2f2f2;
}

tr.comBasketHeader th {
  border-bottom:1px solid #7f979c;
  border-right: 1px solid #7f979c;
}

table.comBasketList td {
  border-right: 1px solid #7f979c;
  border-bottom:1px solid #7f979c;
}

tr.comBasketEven {
  background-color:#fff;
}

tr.comBasketOdd {
  background-color:#f2f2f2;
}

tr.comBasketNoborder {

}

/**************************
* Basket Quickview
**************************/
div.comBasketQv { }
div.comBasketQv-value { }
div.comBasketQv-link { }
a.comBasketQv-basket { }
a.comBasketQv-chkout { }




/**************************
* Checkout
**************************/

/* tr.comChkoutSum { border-top:3px double #444;} */

dl.comChkoutAddressItems dt,
dl.comChkoutAddressItems dd {border-bottom:3px double #444;}


div.addressItemLink {
  padding: 3px 0;
}
div.addressItemLink a:link,
div.addressItemLink a:hover,
div.addressItemLink a:active,
div.addressItemLink a:visited {
  background-color:#57636F;
  color:#fff;
  padding:5px;
}
div.addressItemLink a:hover {
  text-decoration:underline;
}


/********************
* Address Management
*********************/

p.comAddressQuestion {

  font-weight:bold;
  color:red;
}
div.comAddressLink a:link,
div.comAddressLink a:hover,
div.comAddressLink a:active,
div.comAddressLink a:visited {
  background-color:#57636F;
  color:#fff;
  padding:5px;
}
div.comAddressLink a:hover {
  text-decoration:underline;
}