@import url("combi_pack.css");

#wrapper
{
  text-align: left;
  width: 970px;
  margin: 0 auto;
  padding: 0;
  background-color: #273187;
  background-image:url(/images/bg_selection_category_list.jpg);
  background-repeat: repeat-y;
  line-height: 14px;
}

#contentWrapper
{
  width: 970px;
  overflow: hidden;
}

#contentDivider
{
  width: 970px;
  height: 12px;
  background-image:url(/images/bg_shop_footer.jpg);
  background-repeat: repeat-x;
}

#wrapper #cultureSwitch
{
  text-align: right;
  width: 300px;
}

#threeColLayout #primaryContent
{
  float: left;
  width: 805px;
  margin: 0;
  padding: 0;
  background: url(/images/ecke_blau_weiss_ol_12x12.gif) no-repeat left top;
}

#error
{
  color: #d31736;
  font-weight: bold;
  background: url(/images/error_msg_icon.jpg) no-repeat left top;
  padding: 12px 0 12px 60px;
  margin: 0 0 20px 0;
  height: 49px;
  width: 600px;
  /*overflow: hidden;*/
}

#error span
{
  display: block;
  margin: 0 0 24px 0;
}

#cart
{
  width: 637px;
  float: left;
  display: inline;
}

#cart h2, #cartFinal h2
{
  font-size: 13px;
  margin: 25px 0 12px 12px;
}

#cartTable
{
  margin: 0 12px 0 12px;
  clear: both;
}

#cartTable table
{
  margin: 0 0 12px 0;
  border-bottom: 1px solid #273187;
}

#cartTable table.totalOrder
{
  margin: 0;
  width: 613px;
}

#cart p
{
  font-weight: bold;
  margin: 12px 0 30px 0;
  clear: both;
}

#cart .countryName
{
  margin: 0 0 12px 31px;
  font-size: 14px;
  font-weight: bold;
}

#cart p.countryText
{
  margin: 0 0 20px 12px;
}

#cartTable .totalText
{
  float: left;
  display: inline;
  font-weight: bold;
  text-align: right;
  margin: 0 0 12px 0;
  width: 493px;
}
#cartTable .totalTextEnd
{
  float: left;
  display: inline;
  font-weight: bold;
  margin: 0 0 12px 0;
  width: 523px;
  border-bottom: 2px solid #D31736;
  font-size: 14px;
  margin: 0;
  line-height: 24px;
}
#cartTable #totalOrder .totalText
{
  width: 523px;
  border-bottom: 1px solid #273187;
  margin: 0;
  line-height: 24px;
}

#cartTable .total
{
  float: left;
  display: inline;
  font-weight: bold;
  text-align: right;
  margin: 0 0 12px 0;
  width: 90px;
}
#cartTable .totalEnd
{
  float: left;
  display: inline;
  font-weight: bold;
  text-align: right;
  margin: 0 0 12px 0;
  width: 90px;
  border-bottom: 2px solid #D31736;
  margin: 0;
  line-height: 24px;
}
#cartTable #totalOrder .total
{
  border-bottom: 1px solid #273187;
  margin: 0;
  line-height: 24px;
}

#addInfo
{
  margin: 0 0 0 12px;
}

#addInfo .VATNote
{
  font-weight: normal;
}

#cartTable .codNote
{
  width: 613px;
  color: #d31736;
  margin: 0 0 20px 0;
}

#addInfo .codNote
{
  width: 613px;
  color: #d31736;
  margin: 0;
}

.buttonRow .saferpayMsg
{
  width: 613px;
  color: #d31736;
  margin: 12px 0 12px 12px;
  /*font-weight: bold;*/
}

#cart .paymentNote
{
  clear: both;
  width: 613px;
  background-color: #d31736;
  color: #fff;
  border-bottom: 1px solid #241c58;
  border-top: 1px solid #241c58;
  line-height: 25px;
  margin: 0 0 20px 12px;
}

#cart .paymentNote span
{
  margin: 0 0 0 12px;
}

#cartTable .VATNote
{
  font-weight: normal;
  margin: 0 0 20px 0;
}

#cartTable #totalOrder .VATNote
{
  text-align: right;
}

#cartTable .tableHead
{
  font-weight: bold;
  padding: 2px;
  border-bottom: 2px solid #241c58;
}

#cartTable .tableHeadCost
{
  font-weight: bold;
  padding: 2px;
  text-align: right;
  border-bottom: 2px solid #241c58;
}

#cartTable .tableHeadQuantity
{
  text-align: center;
  font-weight: bold;
  border-bottom: 2px solid #241c58;
}

#cartTable td
{
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid #241c58;
  vertical-align: top;
  font-size: 11px;
}

#cartTable td span
{
  display: block;
  padding-left: 2px;
  padding-right: 2px;
}

#cartTable input
{
  border: 1px solid #241c58;
  font-size: 11px;
  height: 16px;
  width: 30px;
  /* text-align: center; */
  vertical-align: middle;
  margin: 2px 0 2px 0;
}

#cartTable input.quantity
{
  text-align: center;
}

#cartTable td.number
{
  width: 90px;
}
#cartTable td.name
{
  width: 258px;
}
#cartTable td.nameTotal
{
  width: 288px;
}
#cartTable td.quantity
{
  width: 60px;
  text-align: center;
}
#cartTable td.cost
{
  width: 85px;
  text-align: right;
}
#cartTable td.costRow
{
  width: 90px;
  text-align: right;
}
#cartTable td.delete
{
  width: 30px;
  text-align: right;
}

#cartTable td.delete img
{
  margin: 0 2px 0 0;
}

#secondaryContent
{
  float: left;
  width: 168px;
  margin: 0 0 20px 0px;
  background-color: #f5a300;
}

#buttonBack
{
  height: 22px;
  margin: 22px 0 24px 12px;;
  background-color: #241c58;
  float: left;
}
#buttonBack a
{
  display: block;
  /* width: 135px; */
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  line-height: 22px;
  padding: 0 12px 0 38px;
  background: url(/images/back_25x22.jpg) no-repeat left center;
}
#buttonBack a:hover
{
  color: #eea31e;
}
.buttonStartBack
{
  float: left;
  height: 22px;
  background: url(/images/button_out_end.jpg) no-repeat right center;
}

#buttonClear
{
  height: 22px;
  margin: 12px 0 24px 12px;;
  background-color: #241c58;
  float: left;
}
#buttonClear a
{
  display: block;
  /* width: 135px; */
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  line-height: 22px;
  padding: 0 12px 0 38px;
  background: url(/images/button_action_empty.jpg) no-repeat left center;
}
#buttonClear a:hover
{
  color: #eea31e;
}
.buttonStartClear
{
  float: left;
  height: 22px;
  background: url(/images/button_out_end.jpg) no-repeat right center;
}

.buttonForward
{
  height: 22px;
  margin: 12px 12px 24px 0;
  background-color: #241c58;
  float: right;
}
.buttonForward a
{
  display: block;
  /*width: 135px;*/
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  line-height: 22px;
  padding: 0 38px 0 12px;
  background: url(../images/forward_25x22.jpg) no-repeat right center;
}
.buttonForward a:hover
{
  color: #eea31e;
}

#buttonUpdate
{
  height: 22px;
  margin: 12px 12px 24px 0;
  background-color: #241c58;
  float: right;
}
#buttonUpdate a
{
  display: block;
  /*width: 135px;*/
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  line-height: 22px;
  padding: 0 38px 0 12px;
  background: url(../images/button_action_reload.jpg) no-repeat right center;
}
#buttonUpdate a:hover
{
  color: #eea31e;
}
.buttonStartUpdate
{
  float: left;
  height: 22px;
  background: url(../images/button_sortiment_start.jpg) no-repeat left top;
}

#cartSteps
{
  padding: 0 0 0 12px;
  float: left;
  display: inline;
  height: 18px;
  background: url(/images/cart_steps_sep.jpg) repeat-x left center;
  margin: 20px 0 12px 0;
}
#cartSteps span
{
  background-color: #d1d8de;
  color: #fff;
  display: block;
  float: left;
  width: 18px;
  text-align: center;
  margin: 0 22px 0 0;
  font-weight: bold;
  line-height: 18px;
}
#cartSteps img
{
  float: left;
  width: 18px;
  height: 18px;
  margin: 0 0 0 22px;
}

#cartSteps span.last
{
  margin: 0;
}

#cartSteps span.activeLast
{
  background-color: #cf0038;
  margin: 0;
}

#cartSteps span.active
{
  background-color: #cf0038;
}

.countryForm
{
  text-align: right;
  margin: 0 12px 12px 0;
}
.countryForm select
{
  border: 1px solid #241c58;
  color: #241c58;
  width: 175px;
}

textarea.agb
{
  border: 1px solid #273187;
  color: #241c58;
  width: 611px;
  height: 150px;
  margin: 0 0 0 12px;
  font-size: 11px;
}

.cartData textarea.agb
{
  margin: 0 0 12px 0;
}

.check
{
  margin: 0 0 24px 12px;
  font-weight: bold;
  overflow: hidden;
  width: 612px;
}

.check label, .check input
{
  float: left;
  margin: 24px 12px 0 0;
}

.check br
{
  clear: both;
}

#buttonCheckout
{
  height: 22px;
  margin: 0 12px 24px 0;
  background-color: #241c58;
  float: right;
}
#buttonCheckout a
{
  display: block;
  /* width: 135px; */
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  line-height: 22px;
  padding: 0 38px 0 12px;
  background: url(../images/forward_25x22.jpg) no-repeat right center;
}
#buttonCheckout a:hover
{
  color: #eea31e;
}
.buttonStartCheckout
{
  float: left;
  height: 22px;
  background: url(../images/button_sortiment_start.jpg) no-repeat left top;
}

#cartPayment
{
  clear: both;
  width: 637px;
  margin: 20px 0 130px 12px;
  overflow: hidden;
}

#cartPayment input, #cartPayment label, #cardPayment .buttonForward
{
  float: left;
  display: inline;
}

#cartPayment label
{
  display: block;
  width: 315px;
  font-weight: bold;
  margin: 0 0 24px 12px;
}

#cartPayment label span
{
  color: #816E9C;
}

#cartPayment .formDivider
{
  clear: both;
  height: 2px;
  width: 637px;
  background-color: #273187;
  margin: 24px 0 30px 0;
  overflow: hidden;
}

.buttonForward
{
  height: 22px;
  margin: 0 12px 24px 0;
  background-color: #241c58;
  float: right;
}
.check .buttonForward
{
  margin: 20px 12px 0 0;
}
.buttonForward a
{
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  line-height: 22px;
  padding: 0 40px 0 12px;
  background: url(../images/forward_25x22.jpg) no-repeat right center;
}
.buttonForward a:hover
{
  color: #eea31e;
}
.buttonStartForward
{
  float: left;
  height: 22px;
  background: url(../images/button_sortiment_start.jpg) no-repeat left top;
}
/*
  CUSTOMER DATA FIELD
*/

.fieldRow input, .fieldRow select, .fieldRow textarea
{
  border: 1px solid #273187;
  color: #273187;
}

.check input#get_catalog, .check input#accept
{
  border: 0px;
}

.fieldRow input, .fieldRow select
{
  display: block;
  width: 240px;
  font-family: verdana,arial,helvetica;
  height: 18px;
  font-size: 11px;
  vertical-align: middle;
  margin: 4px 10px 5px 0;
}

.fieldRow input.check
{
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  font-size: 11px;
  vertical-align: middle;
  margin: 0 10px 5px 100px;
}

.fieldRow input.accept
{
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  margin: 0 10px 5px 24px;
}

.fieldRow label
{
  display: block;
  margin: 0;
}

form br
{
  clear: both;
}

.submitRow
{
  margin: 0 24px 0 0;
}

#buttonSubmit
{
  height: 22px;
  margin: 12px 0 12px 0;
  background-color: #241c58;
  float: right;
}
#buttonSubmit a
{
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  line-height: 22px;
  padding: 0 28px 0 8px;
  background: url(../images/forward_25x22.jpg) no-repeat right center;
}
#buttonSubmit a:hover
{
  color: #eea31e;
}
.buttonStartSubmit
{
  float: left;
  height: 22px;
  background: url(../images/button_sortiment_start.jpg) no-repeat left top;
}

.fieldRow
{
  margin: 0;
}

.fieldRow label
{
  font-weight: bold;
}

#cart p.mandatoryInfo
{
  line-height: 19px;
  background: url(../images/main_shop_nav_out.jpg) no-repeat left top;
  padding: 0 0 0 31px;
  margin: 12px 0 12px 0;
  width: 600px;
}
.fieldRow img.mandatory
{
  float: left;
  margin: 14px 12px 0 0;
}

#cartTable .fieldRow input.address_type
{
  width: 16px;
  height: 16px;
  margin: 15px 12px 10px 0;
  float: left;
  border: 0px;
}
#cartTable .fieldRow label.address_type
{
  float: left;
  margin: 15px 12px 10px 0;
  font-weight: bold;
}

.fieldRow input#title
{
  width: 166px;
  margin: 12px 12px 0 31px;
}
.fieldRow label.title
{
  width: 166px;
  float: left;
  margin: 2px 12px 0 31px;
  display: inline;
}

.fieldRow input#firstname
{
  width: 166px;
  float: left;
  margin: 12px 12px 0 0;
}
.fieldRow input#lastname
{
  width: 166px;
  float: left;
  margin: 12px 0 0 0;
}
.fieldRow label.firstname
{
  width: 166px;
  float: left;
  margin: 2px 12px 0 31px;
  font-weight: bold;
  display: inline;
}
.fieldRow label.lastname
{
  width: 166px;
  float: left;
  margin: 2px 0 0 0;
  font-weight: bold;
}

.fieldRow input#street
{
  width: 346px;
  float: left;
  margin: 12px 0 0 0;
}
.fieldRow label.street
{
  width: 346px;
  float: left;
  margin: 2px 0 0 0;
  font-weight: bold;
}

.fieldRow input#zip
{
  width: 74px;
  float: left;
  margin: 12px 0 0 0;
}
.fieldRow input#city
{
  width: 258px;
  float: left;
  margin: 12px 0 0 12px;
}
.fieldRow label.zip
{
  width: 74px;
  float: left;
  margin: 2px 12px 0 31px;
  font-weight: bold;
  display: inline;
}
.fieldRow label.city
{
  width: 258px;
  float: left;
  margin: 2px 0 0 0;
  font-weight: bold;
}

.fieldRow input#company
{
  width: 346px;
  float: left;
  margin: 12px 0 0 31px;
  display: inline;
}
.fieldRow label.company
{
  width: 346px;
  float: left;
  margin: 2px 0 0 31px;
  display: inline;
}

.fieldRow input#dateofbirth
{
  width: 166px;
  float: left;
  margin: 12px 0 0 0;
}
.fieldRow button#trigger_dateofbirth
{
  margin: 12px 0 0 0;
}
.fieldRow label.dateofbirth
{
  width: 346px;
  float: left;
  margin: 2px 0 0 31px;
  font-weight: bold;
  display: inline;
}

.fieldRow input#phone
{
  width: 346px;
  float: left;
  margin: 12px 0 0 0;
}
.fieldRow label.phone
{
  width: 346px;
  float: left;
  margin: 2px 0 0 0;
  font-weight: bold;
}

.fieldRow input#fax
{
  width: 346px;
  float: left;
  margin: 12px 0 0 31px;
  display: inline;
}
.fieldRow label.fax
{
  width: 346px;
  float: left;
  margin: 2px 0 0 31px;
  display: inline;
}

#cartFinal #cartSteps
{
  margin: 20px 0 30px 0;
}

.finalCartRow
{
  clear: both;
  width: 781px;
  overflow: hidden;
  border-bottom: 2px solid #d1d8de;
  margin: 0 0 0 12px;
}

.finalCartRow #cartTable
{
  float: left;
  display: inline;
  clear: none;
  margin: 0;
  width: 655px;
}

.finalCartRow #cartTable p.cartIntro
{
  font-weight: bold;
  margin: 0 0 24px 0;
}

.finalCartRow .cartData
{
  float: left;
  display: inline;
  margin: 0;
  width: 655px;
}

.finalCartRow .cartData span
{
  display: block;
  margin: 0 0 12px 24px;
}

#cartFinal .finalCartRow .cartData p
{
  font-weight: bold;
  margin: 12px 0 12px 0;
}

.finalCartRow .changeButton
{
  float: left;
  display: inline;
  padding: 15px 0 0 0;
  width: 125px;
  vertical-align: auto;
}

.finalCartRow .changeButtonCart
{
  float: left;
  display: inline;
  padding: 3px 0 0 0;
  width: 125px;
  vertical-align: auto;
}

.finalCartRow .buttonForward
{
  float: left;
}
.finalCartRow .VATNote
{
  width: 613px;
}

.buttonFinalForward
{
  height: 22px;
  margin: 24px 12px 36px 0;
  background-color: #d31736;
  float: right;
}
.buttonFinalForward a
{
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  line-height: 22px;
  padding: 0 40px 0 12px;
  background: url(/images/forward_onover_25x22.jpg) no-repeat right center;
}
.buttonFinalForward a:hover
{
  text-decoration: underline;
}
.buttonStartFinalForward
{
  float: left;
  height: 22px;
  background: url(/images/button_shop_einkauf.jpg) no-repeat left top;
}
/* STYLE FOR BUNDLING */
#threeColLayout #primaryContent #bundleList
{
  float: left;
  display: inline;
  width: 625px;
  margin: 0 0 24px 12px;
  padding: 0;
  background: white;
  font-weight: bold;
}
#threeColLayout #primaryContent #bundleList #error
{
  width: 500px;
  margin: 0;
}
#bundleListHead
{
  width: 613px;
  margin: 12px 12px 12px 0;
  padding: 0 0 12px 0;
  background: pink;
  background: url(/images/divider_detail_h.jpg) repeat-x left bottom;
  overflow: hidden;
}
#bundleListHead img
{
  float: left;
  display: inline;
}
#bundleList form
{
  clear: both;
}
#bundleListHeadInfo
{
  float: left;
  display: inline;
  padding: 45px 0 0 12px;
}
#bundleListHeadInfo span
{
  font-size: 16px;
}
.bundleItem
{
  float: left;
  display: inline;
  background: white;
  width: 170px;
  margin: 0 0 24px 24px;
  
}
.bundleItem ul
{
  margin: 0;
  padding: 0;
}
.bundleItem ul li
{
  display: block;
  list-style: none;
  background: url(/images/divider_detail_h.jpg) repeat-x left bottom;
}
.bundleItem ul li.radio
{
  padding: 5px;
  text-align: center;
}
.bundleItem ul li.title
{
  padding: 10px 0px 10px 0px;
  text-align: left;
}
#bundleButtons
{
  clear: both;
}
#bundleButtons .buttonForward
{
  margin: 0 12px 12px 0;
  clear: both;
}
.bundlePageButton
{
  text-align: right;
  margin: 0 12px 0 0;
}
a.bundleLink
{
  float: right;
  display: block;
  width: 162px;
  font-weight: bold;
  padding: 5px 0 0 12px;
  margin: 0 0 24px 0;
}
a.bundleLink:hover
{
  color: #eea31e;
}
#buttonBackBundle, #buttonFreeShipping
{
  margin: 0 0 12px 12px;;
  background-color: white;
  float: left;
  display: inline;
  overflow: hidden;
}
.buttonPaymentType
{
  float: left;
  display: inline;
  overflow: hidden;
  margin: 0 30px 36px 12px;
}

#primaryContent .customer_data
{
  width: 750px;
}

.customer_data #cartTable
{
  width: 400px;
}


.customer_data #cartTableMsg
{
  border: 1px solid #D31736;
  clear: both;
  color: #D31736;
  font-weight: bold;
  margin: 0 0 0 12px;
  padding: 12px;
  width: 356px;
}

#carriageFreeBox
{
  background: url(/images/carriage_free_box_head_cart.jpg) no-repeat left top;
  background-color: #FEFF33;
  display: inline;
  float: left;
  margin: 0 0 12px 3px;
  overflow: hidden;
  padding: 0;
  width: 260px;
}

#carriageFreeBoxAlternate
{
  background: url(/images/carriage_free_box_h_c_alt.jpg) no-repeat left top;
  background-color: #D31736;
  color: #fff;
  display: inline;
  float: left;
  margin: 0 0 12px 3px;
  overflow: hidden;
  padding: 0;
  width: 260px;
}

#carriageFreeBox2
{
  background: url(/images/carriage_free_box_bt_cart.jpg) no-repeat left bottom;
  overflow: hidden;
  width: 260px;
}

#carriageFreeBox2Alternate
{
  background: url(/images/carriage_free_box_b_c_alt.jpg) no-repeat left bottom;
  overflow: hidden;
  width: 260px;
}

#carriageFreeBox3
{
  background: url(/images/carriage_free_box_md_cart.jpg) repeat-y;
  margin: 12px 0 12px 0;
  overflow: hidden;
  width: 260px;
}

#carriageFreeBox .boxHead
{
  margin: 0;
  padding: 0 12px 0 12px;
}

#carriageFreeBoxAlternate .boxHead
{
  margin: 0;
  padding: 12px;
}

#carriageFreeBox .boxHead .country_selected
{
  color: #D31736;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
}

#carriageFreeBoxAlternate .boxHead .country_alternate
{
  font-weight: normal;
}

#carriageFreeBox .head
{
  color: #C11023;
  display: block;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 8px;
  font-weight: normal;
}
/*** SIKU Codes ***/
.siku_code_box
{
  background: url(/images/siku_codes_box_top.jpg) no-repeat left top;
  background-color: #D1DAE1;
  clear: both;
  font-weight: bold;
  margin: 0 0 24px 12px;
  overflow: hidden;
  padding: 12px 0 0 0;
  width: 612px;
}

form { display:inline }

.code_info
{
  background: url(/images/siku_codes_box_bottom.jpg) no-repeat left bottom;
  background-color: #D1DAE1;
  margin: 0;
  overflow: hidden;
  padding: 0 0 12px 0;
  width: 612px;
}

.code_info2
{
  background-color: #D1DAE1;
  border-left: 3px solid #F40016;
  border-right: 3px solid #F40016;
  overflow: hidden;
  padding: 0 12px 0 12px;
}

.siku_code_box .code_text, .siku_code_box .code_text2, .siku_code_box .code_input
{
  float: left;
}

.siku_code_box .buttonForward
{
  margin: 5px 0 0 0;
}

.siku_code_box .buttonStartForward
{
  background: url(/images/button_sortiment_start_grey.jpg) no-repeat left center;
}

.siku_code_box .buttonStartForward a
{
  background: url(/images/forward_25x22_grey.jpg) no-repeat right center;
  padding: 0 30px 0 12px;
}

.siku_code_box .code_text
{
  text-align: right;
  width: 206px;
}

.siku_code_box .code_text2
{
  margin: 4px 10px 0 10px;
}

.siku_code_box .code_text span
{
  color: #F40016;
}

.code_info input
{
  border: 3px solid #F40016;
  height: 16px;
  margin: 4px 10px 0 0;
  width: 175px;
}

.code_info p.siku_code_error
{
  color: #D31736;
}
/* 3 styles for the newsletter accept box */
#cartTable #checkRowCirc
{
  margin: 0 0 12px 31px;
  overflow: hidden;
}
#cartTable .fieldRow input#accept_newsletter
{
  display: inline;
  float: left;
  width: 15px;
  height: 15px;
  margin: 24px 15px 25px 0;
  border: none;
}
label.accept_label 
{
  margin: 24px 0 0 0;
  width: 320px;
}