/* General styles */ #searchspring-sidebar div, #searchspring-sidebar h1, #searchspring-sidebar h3, #searchspring-sidebar h5, #searchspring-sidebar ul, #searchspring-sidebar ol, #searchspring-sidebar li, #searchspring-sidebar p, #searchspring-sidebar pre, #searchspring-sidebar form, #searchspring-sidebar fieldset, #searchspring-sidebar table, #searchspring-sidebar th, #searchspring-sidebar td {margin:0px; padding:0px;} #searchspring div, #searchspring h1, #searchspring h3, #searchspring h5, #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 {width:100%; text-align:left; margin:0px auto; font:12px/16px 'Trebuchet MS', Helvetica, Arial, sans-serif; background:#fff; color:#303030; padding:0} #searchspring.top {clear:both} #searchspring a:hover, #searchspring-sidebar {text-decoration:none;} #searchspring a img, #searchspring-sidebar a img {border:0px;} #searchspring .clear, #searchspring-sidebar {clear:both;} /* Left sidebar bar */ #searchspring-sidebar {text-align:left; margin:0px auto; font:12px/16px 'Trebuchet MS', Helvetica, Arial, sans-serif; background-color:#fff; color:#303030; padding:0} #searchspring-sidebar.left {float:left; width:200px; padding-left:4px; overflow:visible; background-color: transparent;} #searchspring-sidebar.top {width: auto; border: 1px solid #858585;} #searchspring-sidebar.top .dummy { clear: both;} #searchspring-sidebar h3.filter {background:#62b5ef; color:#fff; font-weight:normal; font-size:18px; padding:6px 5px 0px 15px; width:176px; height:23px; margin:4px 0px 0px 0px;} #searchspring-sidebar.top h3.filter {width: auto; margin-top: 0px; border: none; border-bottom: 1px solid #858585;} #searchspring-sidebar p.show-more-options {background:url('//d2r7ualogzlf1u.cloudfront.net/ajax_search/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('//d2r7ualogzlf1u.cloudfront.net/ajax_search/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 {display:block; width:209px; padding:3px 0px 10px 0px;} #searchspring-sidebar.top ul li {padding-top: 0px} #searchspring-sidebar.left ul li {background:url('//d2r7ualogzlf1u.cloudfront.net/ajax_search/img/sidebar-li-background.png') top right no-repeat;} #searchspring-sidebar.top ul li {float: left;border: 1px solid #858585;padding-bottom: 0;margin: 5px;} #searchspring-sidebar ul li a.facet_title {background:url('//d2r7ualogzlf1u.cloudfront.net/ajax_search/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('//d2r7ualogzlf1u.cloudfront.net/ajax_search/img/sidebar-li-a-open-background.png') 3px 3px no-repeat;} #searchspring-sidebar.top ul li a.open {background-color: #C9C9C9;display:block;border-style: solid; border-width: 0 0 1px 0; border-color: #858585} #searchspring-sidebar.top ul li .element_container { overflow:auto; height: 100px; } /* Slider */ #searchspring-sidebar.left ul li.slider div.element_container { width:160px; margin-left:8px; margin-top:5px; } #searchspring-sidebar.top ul li.slider div.element_container { width:auto;} #searchspring-sidebar.left ul li.slider div.element_container {margin-top: 5px; margin-bottom: -5px;} #searchspring-sidebar.top ul li.slider div.element_container {padding-top: 25px; height: 80px;} /* 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.top ul li.slider div.element_container div.slider { margin-left: 25px; width: 160px; } #searchspring-sidebar.top ul li.slider div.element_container span.slider_value { margin-left: 25px; } #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.top ul li ul { padding-top: 5px; margin: 0;} #searchspring-sidebar.left ul li ul li, #searchspring-sidebar.top ul li ul li {background:none; padding:3px 0px 0px 0px; font-size:11px;} #searchspring-sidebar.top ul li ul li {height: auto; width: 100%; border: none; padding: 0; margin: 0;} #searchspring-sidebar ul li ul li a {background:none; padding-left:25px; font-weight:normal; display:block; cursor:pointer;} #searchspring-sidebar.left ul li ul li a { margin-right:13px; } #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.top ul li.grid ul {width: auto; margin: 0; padding: 5px 5px 0 25px;} #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;} #searchspring-sidebar.top ul li.palette ul {overflow:auto; width:auto; margin:0; padding: 5px 0 0 25px;} #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('//d2r7ualogzlf1u.cloudfront.net/ajax_search/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: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('//d2r7ualogzlf1u.cloudfront.net/ajax_search/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('//d2r7ualogzlf1u.cloudfront.net/ajax_search/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('//d2r7ualogzlf1u.cloudfront.net/ajax_search/img/box-view-icon-on.png');} #searchspring #searchspring-main #searchspring-options a#searchspring-list_result_layout {width:19px; height:19px; float:left; background:url('//d2r7ualogzlf1u.cloudfront.net/ajax_search/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('//d2r7ualogzlf1u.cloudfront.net/ajax_search/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-right: 15px; float: right; clear: both;} #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 30px;} #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:20px; padding:0px 5px 0px 15px; color:#fff; font-size:11px; text-transform:uppercase; font-weight:bold; background:#ffffff url('//d2r7ualogzlf1u.cloudfront.net/ajax_search/img/pagination-prev-background.png') no-repeat left 0px; margin:-2px 0px 0px 0px; cursor:pointer;} #searchspring #searchspring-main .pagination td.searchspring-next {width:46px; height:20px; padding:0px 0px 0px 18px; color:#fff; font-size:11px; text-transform:uppercase; font-weight:bold; background:#ffffff url('//d2r7ualogzlf1u.cloudfront.net/ajax_search/img/pagination-next-background.png') no-repeat right 0px; 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:310px; position:relative; display:block; float:left; text-align:center; border-bottom:1px solid #cdcdcd; margin:0px 0px 15px 30px; overflow:hidden;} #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 #searchspring-main .item .image {width:100px; height:100px; margin:0px auto; overflow:hidden;} #searchspring #searchspring-main .item .image img {max-width:100px; max-height:100px;} /* 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 {padding-left:30px; margin-right:100px;} /* Reset rules to help the Search UI play nicely existing CSS */ #searchspring a, #searchspring a:hover, #searchspring td, #searchspring h3, #searchspring h1, #searchspring-sidebar a, #searchspring-sidebar a:hover, #searchspring-sidebar td, #searchspring-sidebar h3, #searchspring-sidebar 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; line-height: inherit; } /* Image Swatches */ #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('//d2r7ualogzlf1u.cloudfront.net/ajax_search/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('//d2r7ualogzlf1u.cloudfront.net/ajax_search/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('//d2r7ualogzlf1u.cloudfront.net/ajax_search/img/ribbons/best-seller.png') 0px 0px no-repeat} /* IE Fixes */ *: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('//d2r7ualogzlf1u.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('//d2r7ualogzlf1u.cloudfront.net/ajax_search/img/compare_delete.png');} body .searchspring-dialog .ui-dialog-titlebar { background: none; border: none;} body .searchspring-dialog .ui-widget-header .ui-searchspring-icon { background-image: url("//d2r7ualogzlf1u.cloudfront.net/ajax_search/img/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; } /** Remove Facet Changes **/ #searchspring-sidebar ul li ul li a div.remove_facet { background: url('//d2r7ualogzlf1u.cloudfront.net/ajax_search/img/x.png'); height: 7px; width: 7px; } /** Show More **/ #searchspring-sidebar ul li ul li.show_more { color: #666666; cursor: pointer; padding-left: 11px; } /** Compare overlay **/ .ui-widget-overlay { left:0; position:absolute; top:0; } #searchspring td.searchspring-total_pages { color: #333333; border: 1px solid #cccccc; padding: 0px 4px; cursor: pointer; } #searchspring .searchspring-pageOf { color: #000000; padding: 0 8px; } #searchspring .searchspring-pageSelect { border: 1px solid #cccccc; padding: 0px 4px; color: #333333; } #searchspring .searchspring-pageSelect:hover, #searchspring .searchspring-pageSelect.highlight { cursor: pointer; color: #000000; background-color: #eeeeff; } /** Loading **/ /** Loading Gif **/ #searchspring #searchspring-loading { background: url('//d2r7ualogzlf1u.cloudfront.net/ajax_search/img/searchspring-loader.gif') top right no-repeat; height: 11px; width: 16px; margin: 0 auto; } /** No Results **/ #searchspring-sidebar.left.searchspring-no_results, #searchspring.searchspring-no_results #searchspring-main .sort-by, #searchspring.searchspring-no_results #searchspring-main .pagination, #searchspring.searchspring-no_results #searchspring-main #searchspring-options { display: none; } #searchspring.searchspring-no_results #searchspring-main { border: 0; } /** Summary **/ #searchspring-sidebar #searchspring-summary_header { background:url('//d2r7ualogzlf1u.cloudfront.net/ajax_search/img/sidebar-li-background.png') top right no-repeat; height: 16px; width: 194px; padding: 3px 0 10px 15px; font-weight: bold; display: none; } #searchspring-sidebar #searchspring-summary { margin-top: -5px; margin-bottom: 5px; display: none; } #searchspring-sidebar #searchspring-summary li { background-image: url('//d2r7ualogzlf1u.cloudfront.net/ajax_search/img/remove-facet.png'); background-repeat: no-repeat; background-position: 11px 6px; font-size: 11px; padding: 3px 0 0 25px; margin-right: 13px; width: 184px; cursor: pointer; } /** SubSearch **/ #searchspring-sidebar #searchspring-refine_header { background:url('//d2r7ualogzlf1u.cloudfront.net/ajax_search/img/sidebar-li-background.png') top right no-repeat; height: 16px; width: 194px; padding: 3px 0 10px 15px; font-weight: bold; } #searchspring-sidebar #searchspring-refine_query { margin: 0 10px 10px; width: 100px; }