@import url(history.css);
@import url(choose_lang_country.css);

/* ------ [S] shop.tmpl ------ */
#content {
  width:                          1037px;
  min-height:                     584px;
}



/* ------ [S-SP] Shop Special ------ */
#special img.main, #home img.main {
  width:                          1037px;
  height:                         584px;
}



/* ------ [S-O] Shop Uebersicht ------ */
#shop   .wrapper                  { background: url(/images/background_shop_overview_0.jpg) #026bac no-repeat top left; }
#shop0  .wrapper                  { background: url(/images/background_shop_overview_0.jpg) #026bac no-repeat top left; }
#shop1  .wrapper                  { background: url(/images/background_shop_overview_1.jpg) #000000 no-repeat top left; }
#shop1  .wrapper.maritim          { background: url(/images/background_shop_overview_maritim.jpg) #b5b2ad no-repeat top left !important; }
#shop2  .wrapper                  { background: url(/images/background_shop_overview_2.jpg) #000000 no-repeat top left; }
#shop2  .wrapper.maritim          { background: url(/images/background_shop_overview_maritim.jpg) #b5b2ad no-repeat top left !important; }
#shop3  .wrapper                  { background: url(/images/background_shop_overview_3.jpg) #abfc84 no-repeat top left; }
#shop4  .wrapper                  { background: url(/images/background_shop_overview_0.jpg) #026bac no-repeat top left; }
#shop4  .wrapper.NA41             { background: url(/images/background_shop_overview_41.jpg) #000000 no-repeat top left !important; }
#shop4  .wrapper.NA42             { background: url(/images/background_shop_overview_42.jpg) #000000 no-repeat top left !important; }
#shop7  .wrapper                  { background: url(/images/background_shop_overview_7.jpg) #026bac no-repeat top left; }
#shop5  .wrapper.S51              { background: url(/images/sale/image-navi-sale_51.jpg) #026bac no-repeat top left !important; }
#shop5  .wrapper.S52              { background: url(/images/sale/image-navi-sale_52.jpg) #026bac no-repeat top left !important; }
#shop5 .price_actual { color: #f64a38; }

#shop1  .wrapper.istanbul_kollektion     { background: url(/images/background_shop_overview_istanbull_kollektion.jpg) #000000 no-repeat top left !important; }


#content .wrapper {
  float:                          left;
  width:                          773px;
  overflow:                       hidden;
  min-height:                     584px;
}

#content .wrapper #overview {
  float:                          left;
  width:                          178px;
  border:                         solid #FFF;
  border-width:                   0px 595px 0px 0px;
  overflow:                       hidden;
  min-height:                     584px;
}

#content .wrapper .articles {
  float:                          left;
  width:                          570px;
  margin-left:                    -595px;
  background:                     #FFF;
  border:                         solid #FFF;
  border-width:                   0px 0px 0px 25px;
}



/* ------ [S-A] Articles ------ */
#articles                         { text-align: center; }
#articles div                     { font-size: 11px; color: #006bab; }

#articles .article0, #articles .article1, #articles .article2, #articles .article3 {
  float:                          left;
  width:                          140px;
  height:                         260px;
  margin:                         0px;
  display:                        table-cell;
  cursor:                         hand;
  text-align:                     center;
  border-right:                   1px;
  border-color:                   none;
}

#articles .article1, #articles .article2, #articles .article3 {
  margin-left:                    -1px;
}

#articles .article_photo          { text-align: center; margin-bottom: 3px; border: 1px solid #c8c8c8; }
#articles .brand_logo             { display: none; }
#articles .brand                  { text-align: center; text-transform: uppercase; }
#articles .name                   { text-align: center; }
#articles .price_list             { display: inline; text-decoration: line-through; }
#articles .price_actual           { font-weight: bold; }

.shop_photo_new {
  margin:                         4px 0 0 4px;
  background:                     transparent url(/images/shop_new_icon.gif) no-repeat top left;
  width:                          38px;
  height:                         38px;
  position:                       absolute;
  z-index:                        2;
}

.shop_photo_sale {
  margin:                         4px 0 0 4px;
  background:                     transparent url(/images/shop_sale_icon.gif) no-repeat top left;
  width:                          38px;
  height:                         38px;
  position:                       absolute;
  z-index:                        2;
}
.shop_photo_stylein {
  margin:                         4px 0 0 4px;
  background:                     transparent url(/images/shop_items_styletip.png) no-repeat top left;
  width:                          50px;
  height:                         50px;
  position:                       absolute;
  z-index:                        2;
}

+ html .shop_photo_stylein {
  background-image:                none;
  filter:                          progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/shop_items_styletip.png')
}

/* ------ [S-A-P] Article Preview ------ */
#content .teaser                  { float: right; width: 259px; margin: 50px 0px 0px 0px; }
.teaser .preview_border_top       { position: absolute; z-index: 3; }

.teaser .preview_border_top img, .teaser .preview_border_bottom img {
  width:                          259px;
  height:                         23px;
}

.teaser .preview_border_bottom img { height: 16px; }

#content .preview_layer, #content .preview_layer_act {
  position:                       fixed;
  z-index:                        2;
  visibility:                     hidden;
  background-color:               #FFFFFF;
}
#content .preview_layer_act       { visibility: visible; }

#content .teaser .preview         { padding: 0px; margin: 0px; border: solid #39b2e7; border-width: 0px 2px 0px 2px; }
#content .teaser .preview .preview_photo img {
  width:                          255px;
  height:                         340px;
}

#content .preview_descr           { margin: 10px 18px 5px 18px; color: #006bab; }
#content .preview_size            { margin: 0px 18px 0px 18px; width: 219px; }
#content .preview_size_variation1 { float: left; width: 40px; }
#content .preview_size_variation2 { float: left; width: 53px; }
#content .preview_size_variation3 { float: left; width: 80px; }
#content .preview_size_variation4 { float: left; width: 109px; }
#content .preview_size_variation5 { float: left; width: 200px; }



/* ------ [S-N] Shop Navigation ------ */
#content .navigation_top          { height: 50px; }
#content .navigation_top *        { color: #006bab; font-size: 11px; }

#content .navigation_bottom       { margin-top: 10px; }
#content .navigation_bottom *     { color: #006bab; font-size: 11px; }

#content .navi_art_count          { float: left; margin-left: 140px; }
#content .navi_art_count div      { float: left; margin: 0px; padding: 7px 5px; }
#content .art_count_sel_act       { background-color: #def2fb; }
#content .art_count_sel:hover     { background-color: #def2fb; }

#content .navi_page_number        { float: right; margin-right: 13px; }
#content .navi_page_number div    { float: left; margin: 0px; padding: 7px 5px; }
#content .page_number_act         { background-color: #def2fb; }
#content .page_number:hover       { background-color: #def2fb; }

#content .back                    { width: 11px; padding: 6px 0px 0px 0px; text-align: center; font-weight: bold; }
#content .next                    { width: 4px;  padding: 6px 0px 0px 0px; text-align: right;  font-weight: bold; }



/* ------ [S-F] Shop Footer ------ */
#footer  .footer_without_selects  { border: solid #2EAFE7; border-width: 1px 0px 0px 0px; }
#special .footer_without_selects  { border-width: 0px; }
#home    .footer_without_selects  { border-width: 0px; }