.shop_product_panel { margin: 0 30px; }
.content.no-padding .shop_product_panel { margin: 0; }

.shop_product_panel .header { 
   margin: 10px 0;
  font-family: "Philosopher"; font-size: 24px; font-style: italic; font-weight: bold; color: #351f0d; text-align: center; 
}

.shop_product_grid>.left { float: left; width: 236px; }
.shop_product_grid>.right { margin-left: 276px; }

.shop_product_grid .toggle_filter_button { display: none; margin-bottom: 10px; text-align: center; }
.shop_product_grid .toggle_filter_button > a {
  display: inline-block; border: 1px solid #C33F16; background-color: #C33F16; padding: 5px 10px; color: #FFFFFF;
  text-decoration: none;
}
.shop_product_grid .toggle_filter_button > a:after {
  content: ''; display: inline-block; width: 7px; height: 7px; margin-left: 3px; vertical-align: middle; 
  background-image: url(../images/arrows.png); background-position: -7px;
}
.shop_product_grid .toggle_filter_button > a.show:after {
  background-position: 0;
}

.shop_product_grid .toggle_filter_button .show { display: none; }
.shop_product_grid.filter_closed .toggle_filter_button .show { display: inline-block; }
.shop_product_grid.filter_closed .toggle_filter_button .hide { display: none; }
.shop_product_grid.filter_closed .shop_filter_form { display: none; }


.price_button { display: inline-block; }
.price_button>div { float: left; display: block; height: 23px; }
.price_button .left { width: 5px; background: url(../images/price_button/left.png); }
.price_button .center { width: 130px; background: url(../images/price_button/center.png) repeat-x; }
.price_button .center .inner { 
  margin: 3px 5px 0 0;
  font-family: Philosopher; font-size: 16px; font-weight: bold; color: #ffffff; text-align: center; 
  background: url(../images/price_button/center.png) repeat-x; 
}
.price_button .right { width: 35px; background: url(../images/price_button/right.png); }




.shop_product_item { width: 49%; }
.shop_product_detail .top_line .shop_product_item { width: inherit; }
.shop_product_grid .shop_product_item { width: 100%; }
.shop_product_item .inner { margin: 0 20px 20px 20px; }

.shop_product_item>.inner>.left { float: left;  }
.shop_product_item>.inner>.data { margin-left: 186px; }
.shop_product_item .title { font-size: 13px; font-weight: bold; color: #995606; }
.shop_product_item .params { margin: 10px 0; text-align: right; }

.shop_product_grid .shop_product_item .params { margin: 0; }
.shop_product_grid .shop_product_item .top_line { margin: 10px 0; }
.shop_product_grid .shop_product_item .top_line>div { vertical-align: middle; }

.shop_product_item .params .code { font-size: 11px; }
.shop_product_item .params .code .value { font-weight: bold; font-size: 11px; }
.shop_product_item .detail { margin-bottom: 10px; text-align: left; }
.shop_product_item .cost { font-family: Philosopher; font-size: 20px; font-weight: bold; color: #351f0d; }
.shop_product_grid .shop_product_item .cost { }

.shop_product_item .availability_status>div { display: inline-block; }
.shop_product_item .availability_status .name { font-family: Philosopher; font-size: 16px; font-style: italic; font-weight: bold; }


.shop_product_item .buttons { display: inline-block; margin: 10px 0; }
.shop_product_item .buttons>a { display: block; float: left; height: 23px; margin-bottom: 5px; }
.shop_product_item .buy_button { width: 86px; background: url(../images/product_button/buy.gif) no-repeat; }
.shop_product_item .order1click_button { width: 132px; background: url(../images/product_button/order1click.png) no-repeat; }
.shop_product_item .credit_button { width: 100px; background: url(../images/product_button/credit.png) no-repeat; }
.shop_product_item .availability_notice_button { width: 183px; background: url(../images/product_button/availability.png) no-repeat; }



.shop_product_grid.tiles .shop_product_item { width: 30%; }
.shop_product_grid.tiles .shop_product_item>.inner>.left { float: none; text-align: center; }
.shop_product_grid.tiles .shop_product_item>.inner>.data { margin-left: 0; text-align: center; }
.shop_product_grid.tiles .shop_product_item .top_line.justify { text-align: center; }
.shop_product_grid.tiles .shop_product_item .top_line.justify>div { display: block; }
.shop_product_grid.tiles .shop_product_item .params { text-align: center; }



.shop_product_slider { display: inline-block; }
.shop_product_grid .shop_product_item .image_frame { display: block; position: relative; }
.shop_product_grid .shop_product_item .image_frame.standard { 
  width: 227px; height: 136px; margin: 0 0 10px -5px;
  background: url(../images/product_frame/standard.gif) no-repeat; 
}
.shop_product_grid .shop_product_item .image_frame.standard:after { top: -156px; }
.shop_product_grid .shop_product_item .image_frame.small { 
  width: 114px; height: 114px; margin: 0 10px 5px -5px;
  background: url(../images/product_frame/small.png) no-repeat; 
}
.shop_product_grid .shop_product_item .image_frame.small:after { top: -114px; }
.shop_product_grid .shop_product_item .image_frame.big { 
  width: 296px; height: 260px; margin: 0 0 10px -5px;
  background: url(../images/product_frame/big.png) no-repeat; 
}
.shop_product_grid .shop_product_item .image_frame.big:after { top: -260px; }
.shop_product_grid .shop_product_item .image_frame.action:after,
.shop_product_grid .shop_product_item .image_frame.hit:after,
.shop_product_grid .shop_product_item .image_frame.novelty:after { 
  content: '';
  position: relative;
  display: block; width: 127px; height: 22px; margin: auto;
}
.shop_product_grid .shop_product_item .image_frame.action:after { background: url(../images/mark/action.png) no-repeat; }
.shop_product_grid .shop_product_item .image_frame.hit:after { background: url(../images/mark/hit.png) no-repeat; }
.shop_product_grid .shop_product_item .image_frame.novelty:after { background: url(../images/mark/novelty.png) no-repeat; }
.shop_product_grid .shop_product_item .image_frame .image { display: inline-block; vertical-align: middle; }
.shop_product_grid .shop_product_item .image_frame .image>a { display: block; line-height: 0; }
.shop_product_grid .shop_product_item .image_frame .image.hidden { display: none; }
.shop_product_slider .navigation { display: block; text-align: center; }
.shop_product_slider .navigation .button { 
  display: inline-block; width: 12px; height: 12px; margin: -3px 3px 5px 0; 
  background: url(../images/nav.png) no-repeat; cursor: pointer;
}
.shop_product_slider .navigation .button:hover, .shop_product_slider .navigation .button.active { background-position: -12px 0; }



.shop_filter_form .clear_button { 
  display: inline-block; height: 19px; line-height: 19px; padding-left: 27px; margin-bottom: 10px;
  background: url(../images/filter/clear.png) no-repeat; 
}
.shop_filter_form>.panel { margin-top: 5px; }
.shop_filter_form>.panel>.header {
  display: block; width: 236px; text-align: center;
  background: url(../images/filter/top_bg.png) repeat; cursor: pointer;
  border-radius: 7px 7px 0 0;
}
.shop_filter_form>.panel>.header>div {
  display: inline-block; vertical-align: middle; margin: 5px; 
  font-family: "Philosopher"; font-size: 16px; color: #faf6ea; text-align: center;
}
.shop_filter_form>.panel>.header>div:after { 
  content: ''; display: inline-block; width: 7px; height: 7px; vertical-align: middle; 
  background-image: url(../images/arrows.png); 
  background-position: -7px 0; 
}
.shop_filter_form>.panel.closed>.header>div:after { background-position: 0 0; }
.shop_filter_form>.panel.closed .items { display: none; }
.shop_filter_form>.panel>.checked_string { padding: 5px 10px; border: 1px solid #dbb889; display: none; }
.shop_filter_form>.panel>.items { border: 1px solid #dbb889; border-top: 0; padding: 10px 10px 10px 20px; }
.shop_filter_form>.panel>.footer { display: block; width: 236px; height: 10px; background: url(../images/filter/bottom.png) no-repeat; }
.shop_filter_form>.panel>.items .checkbox_container { float: left; }
.shop_filter_form>.panel>.items>div input { position: relative; top: 2px; }
.shop_filter_form>.panel>.items>div .label_container { margin-left: 5px; }
.shop_filter_form>.panel .item { margin-bottom: 5px; }


.shop_product_detail>.top_line>.left { margin-right: 280px; }
.shop_product_detail>.top_line>.right { float: right; width: 236px; margin: 0; }

.shop_product_detail .right>.panel .header {
  display: block; width: 236px; height: 36px; line-height: 36px; text-align: center;
  background: url(../images/filter/top.png) no-repeat; 
}
.shop_product_detail .right>.panel .header, 
.shop_product_detail .right>.panel .header a { font-family: "Philosopher"; font-size: 18px; color: #faf6ea; }
.shop_product_detail .right>.panel .data { border: 1px solid #dbb889; border-top: 0; padding: 10px 10px 10px 20px; }
.shop_product_detail .right>.panel .footer { 
  display: block; width: 236px; height: 10px;
  background: url(../images/filter/bottom.png) no-repeat; 
}
.shop_product_detail .right>.panel .panel_tip>.caption { border-bottom: 1px dashed #dbb889; display: inline; cursor: pointer; }
.shop_product_detail .right>.panel .panel_tip { margin-bottom: 3px; }


.shop_product_detail .shop_product_panel .items { padding: 30px; background: #fcf3d2 url("../images/content_shadow.png") repeat-x scroll center top; }
.shop_product_detail .actions { background-color: #fcf3d2; border: 1px solid #cb2604; padding: 10px; }
.shop_product_detail .actions .all_actions_link { font-family: Philosopher; font-size: 18px; color: #cb2604; }
.shop_product_detail .actions .item { margin-top: 5px; }
.shop_product_detail .actions .item>div { display: inline-block; font-size: 13px; font-weight: bold; }
.shop_product_detail .actions .period { color: #351f0d; }
.shop_product_detail .actions .name { color: #995606; }
.shop_product_detail .credit_conditions .bank, .shop_product_detail .credit_conditions .make { text-align: center; }
.shop_product_detail .credit_conditions img { margin-bottom: 5px; }

.shop_product_detail .shop_product_item { margin: 0; }
.shop_product_detail .shop_product_item > .offer { display: inline-block; }
.shop_product_detail .shop_product_item > .offer > .left { float: left; }
.shop_product_detail .shop_product_item > .offer > .right { margin-left: 306px; }

.shop_product_detail .bookmarks { margin-top: 20px; }
.shop_product_detail .bookmarks .header { text-align: left; }
.shop_product_detail .bookmarks .body { padding: 30px 0; }


.shop_product_detail .shop_product_item .params { text-align: left; margin: 20px 0; }
.shop_product_detail .shop_product_item .top>div { display: inline-block; }
.shop_product_detail .shop_product_item .top .availability { margin-left: 10px; }
.shop_product_detail .shop_product_item .page_scroller_link { 
  font-size: 13px; font-weight: bold; color: #995606; padding-left: 12px; margin-right: 20px;
  background: url(../images/arrow_down.png) left 7px no-repeat; 
}

.shop_product_grid_header { position: relative; height: 20px; margin: 10px 0; text-align: center; }
.shop_product_grid_header .mode_selector { position: absolute; top: 0; right: 0; }
.shop_product_grid_header .mode_selector a { display: inline-block; width: 20px; height: 20px; margin-left: 10px; }
.shop_product_grid_header .mode_selector a.lines { background: url(../images/mode_button/lines.png) no-repeat; }
.shop_product_grid_header .mode_selector a.tiles { background: url(../images/mode_button/tiles.png) no-repeat; }
.shop_product_grid_header .mode_selector a:hover, .shop_product_grid_header .mode_selector a.active { background-position: -20px 0; }
.shop_product_grid_header .order_selector, .shop_product_grid_header .order_selector a { font-weight: bold; color: #351f0d; }
.shop_product_grid_header .order_selector span { color: #cb2604; }
    



@media screen and (max-width: 1024px) {
  .shop_product_detail .credit_conditions .bank, .shop_product_detail .credit_conditions .make { display: inline; }
  .shop_product_detail .credit_conditions .bank img { display: none; }
  .shop_product_item { width: 100%; }
}

@media screen and (max-width: 1000px) {
  .shop_product_grid.tiles .shop_product_item { width: 48%; }

  .shop_product_grid .shop_product_item>.inner>.left { float: none; text-align: center; }
  .shop_product_grid .shop_product_item>.inner>.data { margin-left: 0; text-align: center; }
  .shop_product_grid .shop_product_item .top_line.justify { text-align: center; }
  .shop_product_grid .shop_product_item .top_line.justify>div { display: block; }
  .shop_product_grid .shop_product_item .params { text-align: center; }

  .shop_product_detail>.top_line>.left { margin-right: 0; }
  .shop_product_detail>.top_line>.right { display: none; }
}

@media screen and (max-width: 800px) {
  .shop_product_grid.tiles .shop_product_item { width: 100%; }
  .shop_product_grid>.left { display: block; float: none; margin: auto; }
  .shop_product_grid>.right { display: block; margin: 20px 0 0 0; }
  .shop_product_detail .shop_product_item > .offer > .left { display: none; }

  .shop_filter_form>.panel>.checked_string { display: block; }
  .shop_filter_form>.panel>.footer { display: none; }
  .shop_product_grid .toggle_filter_button { display: block; }
  .shop_product_detail .shop_product_item > .offer > div { display: block; text-align: center; }
  .shop_product_detail .shop_product_item > .offer > .left { float: none; }
  .shop_product_detail .shop_product_item > .offer > .right { margin: 0; }
  .shop_product_detail .bookmarks .header { text-align: center; }

  .shop_product_grid .shop_product_item .image_frame.big { 
    width: 176px; height: 156px; margin: 0 0 10px -5px;
    background: url(../images/product_frame/standard.png) no-repeat; 
  }
  .shop_product_grid .shop_product_item .image_frame.big:after { top: -156px; }
  .shop_product_grid .shop_product_item .image_frame.big img { width: 52%; }

  .shop_product_panel { margin: 0 10px; }
  .shop_product_item .inner { margin: 0 0 20px 0; }
  .shop_product_item>.inner>div { text-align: center; }
  .shop_product_item>.inner>.left { float: none; }
  .shop_product_item>.inner>.data { margin: 0; }
  .shop_product_item .params { text-align: center; }
}

@media screen and (max-width: 700px) {
  .shop_product_grid_header { height: inherit; }
  .shop_product_grid_header .mode_selector { position: inherit; display: block; margin-top: 10px; text-align: center; }
}

@media screen and (max-width: 400px) {
  .shop_product_grid_header .order_selector span { display: block; margin: 5px 0; }
  .shop_product_grid_header .order_selector span.delimiter { display: none; }
}
