/**
 * Zooplus Theme
 *
 * Use the custom drop-down arrow rounded borders.
 *
 * Copyright (c) 2012 exorbyte GmbH. All rights reserved.
 *
 */

/* Zooplus search results. */

.exo-sorting > span:first-child {
    display: inline-block;
    float: left;
    padding: 4px 2px 2px;
}

.exo-sorting > div {
    float: right;
    margin: 0 2px;
}

.exo-sorting select {
    display: none;
}

.exo-grid span.overlay_specOffer {
    left: auto;
    margin-left: 28px;
    margin-top: 160px;
    top: auto;
}

/* Facets */
#search_facets {
    font-size: 11px;
    padding: 3px 0 5px 8px;
}

div.exo-summary > ul {
    opacity: 0.5;
}

div.exo-summary li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 98%;
}

.exo-remove-all {
    margin-top: 11px;
    padding-right: 6px;
    text-align: right;
}

/* Facet headers */
#search_facets > h3 {
    color: #666666;
    font-size: 13px;
    margin-bottom: 5px;
    padding-left: 22px;
    text-indent: -22px;
}

h3.exo-collapsable {
    cursor: pointer;
}

#search_facets > h3 > span:first-child {
    display: inline-block;
    background: url("../../image/sprites/search-sprite.png") no-repeat scroll -86px -27px transparent;
    width: 22px;
}

#search_facets > h3.exo-fHidden > span:first-child {
    background-position: -86px -14px;
}

#search_facets > div {
    margin-bottom: 11px !important;
    margin-left: 0 !important;
    max-height: 281px;
}

#search_facets > div > ul {
    margin-left: 0 !important;
}

/* Facet widget fixes. */
#search_facets .exo-slider {
    margin: 0;
}
#search_facets .exo-cats,
#search_facets .exo-multi-facet {
    border: 1px solid white;
    border-radius: 6px;
    margin-right: 2px;
    position: relative; /* IE 7 fix */
}
#search_facets .exo-facet-border {
    border: 1px solid #ccc;
    margin-right: 6px;
}

#search_facets .exo-multi-facet div.exo-FName a {
    background-position: -85px -58px;
    display: inline-block; /* IE 7 fix */
    overflow: hidden;
    padding-left: 18px;
    text-overflow: ellipsis;
    width: 86%;
}
#search_facets .exo-multi-facet li.exo-bold div.exo-FName a {
    background-position: -85px -43px;
}

#search_facets .exo-wide-cat.exo-bold > a {
    background: url("../../image/sprites/search-sprite.png") no-repeat scroll -88px -1px transparent;
    padding-left: 13px;
}

#search_facets .exo-range-graph {
    display: none;
}
#search_facets .exo-slider-cont {
    width: 80%;
}

#search_facets .exo-slider-count {
    margin: 13px 0 0 12px;
    padding: 0;
    text-align: center;
    width: 80%;
}

#search_facets .exo-slider-hdr {
    margin-left: 8px;
}
#search_facets .exo-slider-hdr .exo-bold {
    font-weight: normal !important;
}

#search_facets .exo-slider-count > span {
    display: none;
}

#search_facets .exo-x.exo-x-gray {
    background-position: -70px -38px;
}

#search_facets .exo-x {
    background-position: -70px -23px;
    display: inline-block;
    position: relative;
    left: -2px;
}
#search_facets .exo-slider .ui-slider-horizontal {
    height: 0.5em;
}

#search_facets .exo-slider .ui-widget-header {
    background-color: #666666;
}

#search_facets .exo-slider .ui-widget-content {
    border-color: #666666;
}
#search_facets .exo-slider .ui-slider .ui-slider-handle {
    height: 22px;
    top: -8px;
}
#search_facets .exo-slider .ui-state-default,
#search_facets .exo-slider .ui-widget-content .ui-state-default {
    background-position: 0 -30px;
}

#search_facets .exo-slider .ui-state-hover,
#search_facets .exo-slider .ui-widget-content .ui-state-hover {
    background-position: -16px -30px;
}

#search_facets .exo-slider-count {
    height: 14px;
}

#search_facets .exo-slider-count .exoFCount:before {
    content: "(";
}

#search_facets .exo-slider-count .exoFCount:after {
    content: ")";
}

.exo-FName img {
    height: 14px;
    vertical-align: top;
}
#exo-view {
    padding-top: 1px !important;
}
.exo-sorting select {
    width: auto;
    padding: 0;
}
.exo-headerLine {
    border-bottom: 1px solid #CCCCCC;
}
div.image > div {
    padding-top: 13px;
    text-align: center;
}
#exo-result-list.exo-list {
    border-bottom: 1px solid #CCCCCC;
}

/* Grid view */
.exo-grid .exo-result {
    border-radius: 6px;
    height: 325px !important;
}

.exo-grid .exo-desc {
    height: 115px !important;
    padding-top: 3px !important;
}

.exo-grid .exo-desc .exo-prodName {
    height: 35px !important;
}

.exo-desc {
    text-align: center;
}

.exo-review {
    height: 18px;
}

.exo-review a {
    left: auto;
    position: relative;
    top: auto;
}

.exo-review a.feedback {
    margin-left: 5px;
    top: -4px;
}

.exo-grid .num-variants {
    font-size: 13px;
}

.exo-grid .price {
    margin-top: 4px;
}

.exo-grid .actual {
    font-size: 15px;
}

.exo-grid .actual:first-child {
    font-weight:bold;
    padding-top: 13px;
}


/* Start Dropkick */
/* Container */
.exo-sorting .dk_container {
    border: 1px solid #ccc;
    padding: 3px 4px 3px 6px;
}
.dk_container:focus {
    outline: 0;
}
.exo-sorting a {}

/* Toggle */
.exo-sorting .dk_toggle {
    background-image: url('../../image/icons/arrow_dropdown.gif');
    background-repeat: no-repeat;
    background-position: 99px center;
    height: 15px;
    width: 115px !important;
}
.exo-sorting .dk_toggle:hover {}

/* Focus State */
.exo-sorting.dk_focus,
.exo-sorting:focus {}
.exo-sorting.dk_focus .dk_toggle {}

/* Open State */
.exo-sorting.dk_open {}
.exo-sorting.dk_open .dk_toggle {}

/* Options Menu */
.exo-sorting .dk_options {
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 0 0 6px 6px;
    margin-top: 7px;
    right: -1px;
    z-index: 20;
}
.exo-sorting .dk_options a {
    padding: 2px 6px;
}
.exo-sorting .dk_options a:hover,
.exo-sorting .dk_option_current a {}

/* Inner options */
.exo-sorting .dk_options_inner {}
.exo-sorting .dk_options_inner > li:first-child {
    margin-top: 4px;
}
.exo-sorting .dk_options_inner > li:last-child {
    margin-bottom: 4px;
}

/* Set a width property here */
.exo-sorting .dk_options_inner,
.exo-sorting.dk_touch .dk_options {}

/******  End Theme ******/

/***** Critical to the continued enjoyment of working dropdowns ******/

.dk_container {
    display: none;
    float: right;
    position: relative;
}
.dk_container a {
    outline: 0;
}

.dk_toggle {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    position: relative;
    zoom: 1;
}

.dk_open {
    position: relative;
}
.dk_open .dk_options {
    display: block;
}
.dk_open .dk_label {
    color: inherit;
}

.dk_options {
    display: none;
    margin-top: -1px;
    position: absolute;
    right: 0;
    width: 100%;
}
.dk_options a,
.dk_options a:link,
.dk_options a:visited {
    display: block;
}
.dk_options_inner {
    overflow: auto;
    position: relative;
}

.dk_touch .dk_options {
    overflow: hidden;
}

.dk_touch .dk_options_inner {
    max-height: none;
    overflow: visible;
}

/*
.dk_fouc select {
  position: relative;
  top: -99999em;
  visibility: hidden;
}
*/

/***** End Critical to the continued enjoyment of working dropdowns ******/
/* End Dropkick */


/* Suggest */
.exsg_header {
    font-weight: normal !important;
    line-height: 1.5em !important;
}

.exsg_header a {
    font-weight: bold !important;
}

.exsg_box {
    border-radius: 0 0 6px 6px;

    /* adapt the exorbyte suggest box to 6px round corner design */
    margin-left:0;
    margin-top: -5px;
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
}

.exsg_item {
    overflow: inherit !important;
    margin: 6px 18px !important;
}

.exsg_item .col1 img {
    display: inline-block;
    vertical-align: middle;
}

.exsg_box .exsg_item .col1 {
    max-width: 235px;
    min-width: 235px;
    width: 235px;
    padding-left: 0 !important;
}

.exsg_item .col2 {
    width: 38px !important;
}

.exsg_item .exsg_bold {
    color: #3c9700;
}

.exsg_item.exsg_cat {
    border-top: 1px solid #ccc;
    padding-top: 9px;
}

li[rel="0"] .exsg_item.exsg_cat {
    border-top: 0 none;
    padding-top: 0;
}