/* General styles */
#searchspring div, #searchspring h1, #searchspring h2, #searchspring h3, #searchspring h4, #searchspring h5, #searchspring h6, #searchspring ul, #searchspring ol, #searchspring li, #searchspring p, #searchspring pre, #searchspring form, #searchspring fieldset, #searchspring table, #searchspring th, #searchspring td {
  margin: 0px; padding: 0px;
}

#searchspring { font: 12px/16px 'Trebuchet MS', Helvetica, Arial, sans-serif; text-align: center; background: #fff; color: #303030; margin:0; padding:0}
#searchspring .container { width: 100%; text-align: left; margin: 0px auto; }
#searchspring a:hover { text-decoration: none; }
#searchspring a img { border: 0px; }
#searchspring .clear { clear: both; }

/* Left sidebar bar */
#searchspring .sidebar { float: left; width: 200px; padding-left: 4px; overflow: visible; }
#searchspring .sidebar h3.filter { background: #62b5ef; color: #fff; font-weight: normal; font-size: 18px; padding: 6px 5px 3px 15px; width: 176px; height: 23px; margin: 0px 0px 0px 0px; }
#searchspring .sidebar p.show-more-options { background: url('../../../img/show-more-options-background.png') top right no-repeat; display: block; width: 185px; height: 24px; padding-right: 20px; }
#searchspring .sidebar p.show-more-options a { text-align: right; color: #b2cfe3; font-size: 11px; font-weight: bold; text-decoration: none; background: url('../../../img/show-more-options-arrow.png') right 7px no-repeat; display: block; padding: 2px 10px 0px 0px; height: 22px; }
#searchspring .sidebar p.show-more-options a:hover { color: #fff; }
#searchspring .sidebar ul { list-style-type: none; }

/* Grey, ribbon link */
#searchspring .sidebar ul li { background: url('../../../img/sidebar-li-background.png') top right no-repeat; display: block; width: 209px; padding: 3px 0px 10px 0px; }
#searchspring .sidebar ul li a.facet_title { background: url('../../../img/sidebar-li-a-closed-background.png') 3px 2px no-repeat; color: #272424; padding: 0px 0px 0px 15px; font-weight: bold; text-decoration: none; cursor: pointer;}
#searchspring .sidebar ul li a.open { background: url('../../../img/sidebar-li-a-open-background.png') 3px 3px no-repeat; }

/* Slider */
#searchspring .sidebar ul li.slider div.element_container {
   width: 160px;
   margin-left: 8px;
   margin-top: 5px;
}

/* Slider */
#searchspring .sidebar ul li.slider div.element_container a.slider_reset {
   margin-left: 5px;
  color: #9A9999;
  cursor: pointer;
}

/* Slider */
#searchspring .sidebar ul li.slider div.element_container a.slider_reset:hover {
  color: #333333;
}

#searchspring .sidebar ul li.slider div.element_container div.slider {
   margin-top: 5px;
}
#searchspring .sidebar ul li.slider div.element_container div.slider .ui-searchspring-widget-header {
  background: #ffffff;
}

/* 1st sub-nav */
#searchspring .sidebar ul li ul { margin-top: 5px; margin-bottom: -5px; }
#searchspring .sidebar ul li ul li { background: none; padding: 3px 0px 0px 0px; font-size: 11px; }
#searchspring .sidebar ul li ul li a { background: none; padding-left: 25px; font-weight: normal; display: block; margin-right: 13px; cursor:pointer;}
#searchspring .sidebar ul li ul li a:hover,
#searchspring .sidebar ul li ul li a.highlight { background: #62b5ef; color: #fff; }
#searchspring .sidebar ul li ul li a:hover span,
#searchspring .sidebar ul li ul li a.highlight span { color: #fff; }
#searchspring .sidebar ul li ul li a.remove { padding: 0px; margin: 0px; float: left; position: relative; z-index: 1; left: 3px; top: 4px; }
#searchspring .sidebar ul li ul li a.remove:hover { background: none; }
#searchspring .sidebar ul li ul li span { color: #909090; }

/* 2nd sub-nav */
#searchspring .sidebar ul li ul li ul { margin: 0px; }
#searchspring .sidebar ul li ul li ul li a { padding-left: 35px; }

/* Rating options */
#searchspring .sidebar ul li.rating ul li { margin: -2px 0px; }
#searchspring .sidebar ul li.rating ul li a { padding-top: 1px; height: 18px; }
#searchspring .sidebar ul li.rating ul li a img { float: left; margin-right: 5px; }
#searchspring .sidebar ul li.rating ul li a span {  }

/* Grid options */
#searchspring .sidebar ul li.grid ul { overflow: auto; width: 160px; margin: 10px auto 10px auto; }
#searchspring .sidebar ul li.grid ul li { padding: 0px; margin-right: 2px; margin-bottom: 2px; width: 24px; height: 26px; float: left; border: 1px solid #c4c4c4; text-align: center; }
#searchspring .sidebar ul li.grid ul li a { padding: 4px 0px 0px 0px; display: block; width: 22px; height: 20px; border: 1px solid #e8e9e8; background: #fff; }
#searchspring .sidebar ul li.grid ul li a:hover,
#searchspring .sidebar ul li.grid ul li a.highlight { border: 1px solid #62b5ef; background: #62b5ef; color: #fff; }

/* Palette options */
#searchspring .sidebar ul li.palette ul { overflow: auto; width: 160px; margin: 10px auto 10px auto; }
#searchspring .sidebar ul li.palette ul li { padding: 0px; margin-right: 8px; margin-bottom: 8px; width: 28px; height: 28px; float: left; background-color: #ffffff; box-shadow: 3px 3px 1px #999999; -moz-box-shadow: 3px 3px 1px #999999; -webkit-box-shadow: 3px 3px 1px #999999;  }
#searchspring .sidebar ul li.palette ul li a { padding: 0; margin: 0; width: 28px; height: 28px; }
#searchspring .sidebar ul li.palette ul li a:hover { }
#searchspring .sidebar ul li.palette ul li a.highlight { position: relative; top: 2px; left: 2px; background-image:url('../../../img/check.gif'); background-repeat: no-repeat; background-position: 4px 3px; width: 24px; height: 24px;}

#searchspring .sidebar ul li.color ul li a span { position: absolute; left: -9999px; }

/* Center column */
#searchspring #searchspring-main { padding: 0px 0px 0px 204px; background: url('../../../img/sidebar-background.png') 0px 0px repeat-y;}
#searchspring #searchspring-main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Sorting options */
#searchspring #searchspring-main #searchspring-options { height: 16px; overflow: hidden; padding-bottom: 16px; font-size: 12px; background: #f1f1f1; color: #9a9999; margin: 0px 0px 20px 0px; }
#searchspring #searchspring-main #searchspring-options #searchspring-options_click { cursor: pointer; font-size: 12px; }
#searchspring #searchspring-main #searchspring-options p { float: left; padding: 8px 0px 0px 30px; height: 25px; }
#searchspring #searchspring-main #searchspring-options p.view-type,
#searchspring #searchspring-main #searchspring-options p.per-page { float: right; background: url('../../../img/sort-background-arrow.png') bottom left no-repeat; }
#searchspring #searchspring-main #searchspring-options p.view-type {margin-right: 15px;}
#searchspring #searchspring-main #searchspring-options a { font-size: 12px; color: #32a1ee; text-decoration: none; padding: 0px 10px; cursor: pointer;}
#searchspring #searchspring-main #searchspring-options a:hover,
#searchspring #searchspring-main #searchspring-options a.highlight { color: #000; }
#searchspring #searchspring-main #searchspring-options .per-page a { padding: 0px; position: relative; top: 1px; }
#searchspring #searchspring-main #searchspring-options a#searchspring-grid_result_layout { width: 19px; height: 19px; float: left; background: url('../../../img/box-view-icon-off.png'); padding: 0px; margin: 0px 8px 0px 0px; }
#searchspring #searchspring-main #searchspring-options a#searchspring-grid_result_layout:hover,
#searchspring #searchspring-main #searchspring-options a#searchspring-grid_result_layout.highlight { background: url('../../../img/box-view-icon-on.png'); }
#searchspring #searchspring-main #searchspring-options a#searchspring-list_result_layout { width: 19px; height: 19px; float: left; background: url('../../../img/list-view-icon-off.png'); padding: 0px; }
#searchspring #searchspring-main #searchspring-options a#searchspring-list_result_layout:hover,
#searchspring #searchspring-main #searchspring-options a#searchspring-list_result_layout.highlight { background: url('../../../img/list-view-icon-on.png'); }

#searchspring #searchspring-main .sort-by { color: #858585; font-size: 11px; padding: 0px 0px 10px 30px; }
#searchspring #searchspring-main .sort-by a { color: #32a1ee; padding-left: 5px; cursor: pointer;}
#searchspring #searchspring-main .sort-by a:hover,
#searchspring #searchspring-main .sort-by a.highlight { color: #000; }

#searchspring #searchspring-main h1 { font-size: 16px; margin-left: 20px; margin-top: 8px; float: left; color: #9A9999; }
#searchspring #searchspring-powered_by {margin: 50px 0px 0px 3px;}

#searchspring #searchspring-main .breadcrumbs { color: #858585; font-size: 11px; padding: 0px 0px 0px 30px; }
#searchspring #searchspring-main .breadcrumbs a { color: #32a1ee; cursor: pointer; }
#searchspring #searchspring-main .breadcrumbs a:hover { color: #000; }

#searchspring #searchspring-main #searchspring-did_you_mean { color: #858585; font-size: 16px; padding: 0px 0px 0px 30px; }
#searchspring #searchspring-main #searchspring-did_you_mean a { color: #32a1ee; cursor: pointer; font-style: italic; }
#searchspring #searchspring-main #searchspring-did_you_mean a:hover { color: #000; }

#searchspring #searchspring-main #searchspring-merch_header,
#searchspring #searchspring-main #searchspring-merch_banner,
#searchspring #searchspring-main #searchspring-merch_footer { padding: 0px 0px 10px 0px}

#searchspring #searchspring-main .pagination { float: right; color: #d6d6d6; font-size: 13px; margin: 0px 15px 20px 0px; border: 0; text-align: left}
#searchspring #searchspring-main .pagination a { text-decoration: none; color: #63b3e9; cursor: pointer;}
#searchspring #searchspring-main .pagination a:hover { color: #000; font-size: 13px;}
#searchspring #searchspring-main .pagination a.highlight,
#searchspring #searchspring-main .pagination span { color: #000; }
#searchspring #searchspring-main .pagination td.searchspring-previous { width: 39px; height: 18px; padding: 2px 0px 0px 15px; color: #fff; font-size: 11px; text-transform: uppercase; font-weight: bold; background: url('../../../img/pagination-prev-background.png'); margin: -2px 0px 0px 0px; cursor: pointer; }
#searchspring #searchspring-main .pagination td.searchspring-next { width: 46px; height: 18px; padding: 2px 0px 0px 8px; color: #fff; font-size: 11px; text-transform: uppercase; font-weight: bold; background: url('../../../img/pagination-next-background.png'); margin: -2px 0px 0px 10px; cursor: pointer; }
#searchspring #searchspring-main .pagination td.page_container {padding: 0 10px;}

#searchspring #searchspring-main .grid .item { width: 205px; height: 330px; position: relative; display: block; float: left; text-align:center; border-bottom: 1px solid #cdcdcd; margin: 0px 0px 15px 30px; }
#searchspring #searchspring-main .grid .item p.ribbon { height: 22px; }
#searchspring #searchspring-main .grid .item p.ribbon img { display: block; }
#searchspring #searchspring-main .grid .item p.rating { padding: 10px 10px 0px 10px; }
#searchspring #searchspring-main .grid .item p.name,
#searchspring #searchspring-main .grid .item p.price { padding: 3px 10px; }
#searchspring #searchspring-main .grid .item .price span { color: #32a1ee; text-decoration: line-through; }
#searchspring #searchspring-main .grid .item .price em { color: #e11d1d; }
#searchspring #searchspring-main .grid .item a {color: #63b3e9; font-weight: bold; font-size: 1.1em; }

#searchspring #searchspring-main .list .item { border-bottom: 1px solid #cdcdcd; margin: 0 30px 15px 30px; padding-bottom: 15px;}
#searchspring #searchspring-main .list .item span { margin-right: 20px;}
#searchspring #searchspring-main .list .item img { vertical-align: middle;}
#searchspring #searchspring-main .list .item a {color: #63b3e9; font-weight: bold; font-size: 1.1em; }


/* SearchSpring Related Searches */

#searchspring #searchspring-main .searchspring-related_searches_wrapper {display:none;}
#searchspring #searchspring-main .searchspring-related_searches_wrapper h4 {background:#62b5ef;color:#fff;clear:both;font-weight:400;font-size:14px;margin:0 0 15px;padding:10px 30px;}
#searchspring #searchspring-main .searchspring-related_searches_wrapper .item{border:0;}
#searchspring #searchspring-main #searchspring-related_searches {color:#858585;font-size:14px;padding:0 0 10px 30px;}
#searchspring #searchspring-main #searchspring-related_searches div {float:left;color:#32a1ee;cursor:pointer;padding-right:20px;}

#searchspring #searchspring-main #searchspring-no_results {background-color:#EFEFEF; border:1px solid #999; line-height:1.7em; margin:25px 100px 25px 25px; padding:10px 5px 10px 30px;}

/* Reset rules to help the Search UI play nicely existing CSS */
#searchspring a, #searchspring a:hover, #searchspring td, #searchspring h3, #searchspring h1{
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  color: inherit;
  font-size: inherit;
  font-variant: inherit;
  font-transform: inherit;
  position: relative;
  top: 0px;
  left: 0px;
  background-color:inherit;
  border:inherit;
}


/** Shoes Sample CSS **/
#searchspring img.swatch { border: 1px solid #000000; margin: -1px; cursor: pointer;}
#searchspring div.new {z-index: 5; display: block; position: absolute; top: 10px; height: 22px; width: 79px; background: url('../../../img/ribbons/popular.png') 0px 0px no-repeat}
#searchspring div.sale {z-index: 5; display: block; position: absolute; top: 10px; height: 22px; width: 54px; background: url('../../../img/ribbons/sale.png') 0px 0px no-repeat}
#searchspring div.top {z-index: 5; display: block; position: absolute; top: 10px; height: 22px; width: 102px; background: url('../../../img/ribbons/best-seller.png') 0px 0px no-repeat}

/** IE Hacks **/
*:first-child+html #searchspring #searchspring-main #searchspring-options {
     height: 25px;
}

* html #searchspring #searchspring-main #searchspring-options {
      height: 25px;
}

/* Comparison */
#searchspring #searchspring-main #searchspring-compare_box { float: right; margin: 0px 15px 20px 0px; border: 1px solid #c4c4c4; background-color:#f1f1f1;}
#searchspring #searchspring-main #searchspring-compare_box .searchspring-compare_image_container { float: left; height: 50px; width: 50px; border: 1px solid #c4c4c4; margin: 5px; background-color: #ffffff;}
#searchspring #searchspring-main #searchspring-compare_box .searchspring-compare_image {max-height: 50px; max-width: 50px}
#searchspring #searchspring-main #searchspring-compare_box #searchspring-compare_button { cursor: pointer; float: left; display: block; height: 16px; width: 16px; background: url('//d1qhbfo7yqnkif.cloudfront.net/ajax_search/img/compare.png')}
#searchspring #searchspring-main #searchspring-compare_box #searchspring-compare_text { float: left; font-weight: bold; font-size: 14px; color: #9A9999; margin-left: 5px; margin-right: 3px; }

#searchspring #searchspring-main .searchspring-compare_del { cursor: pointer; position: absolute; display: none; height: 50px; width: 50px; background:url('//d1qhbfo7yqnkif.cloudfront.net/ajax_search/img/compare_delete.png');}


body .ui-searchspring-dialog-titlebar { background: none; border: none;}
body .ui-searchspring-widget-header .ui-searchspring-icon { background-image: url("//d1qhbfo7yqnkif.cloudfront.net/ajax_search/css/images/ui-icons_0078ae_256x240.png")}

#searchspring-compare_table img.searchspring-compare_image {
  max-height: 150px;
  max-width: 150px;
}

#searchspring-compare_table td.searchspring-compare_image_container {
  height: 150px;
  width: 150px;
  overflow: hidden;
}

#searchspring-compare_table {
  font:12px/16px 'Trebuchet MS',Helvetica,Arial,sans-serif;
  border-collapse: collapse;
}

#searchspring-compare_table td, #searchspring-compare_table th {
  padding: 5px;
  width: 160px;
}

#searchspring-compare_table td {
  border-left: 10px solid #C4C4C4;
}

#searchspring-compare_table tr.searchspring-compare_table_fields td {
  border-right: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
}

#searchspring-compare_table tr.searchspring-compare_table_fields th {
  border-left: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
  text-align: left;
}

#searchspring-compare_table .searchspring-compare_table_separator {
  background-color: #62B5EF;
  border-left: 1px solid #C4C4C4;
  border-right: 1px solid #C4C4C4;
  color: white;
  font-size: 16px;
}

#searchspring-compare_table .searchspring-compare_table_separator a{
  color: white;
  cursor: pointer;
  text-decoration: underline;
}

#searchspring-compare_table .searchspring-compare_name a{
  font-weight: bold;
  color: #63B3E9;
  font-size: 1.1em;
}

#searchspring-compare_table .searchspring-compare_header h3{
  font-size: 16px;
}

#searchspring-compare_table a{
  text-decoration: none;
}

#searchspring-compare_table a img{
  border: none;
}