@import "csc_size-chart.css";
#product-filters {width:180px;background:#EFEFEF;font:bold 11px arial,sans-serif;margin-bottom:3px;}
#product-filters div {}
#product-filters .product-filters-head{background:#5F5F5F;color:#fff;padding:5px 8px;position:relative;}
#product-filters .product-filters-head a {color:#fff;font-weight:normal;text-decoration:underline;position:absolute;top:5px;right:8px;}
#product-filters a.size-chart {font-weight:normal;text-decoration:underline;top:10px;right:8px;margin:0;}
#product-filters .product-filter-group{padding:13px 8px 10px;position:relative;width:164px;float:left;clear:left;background:#EFEFEF url(../images/backgrounds/filter-group-separator-pattern.gif) 0 0 repeat-x;}
#product-filters .first-filter-group{background:#EFEFEF;padding-top:10px;}
#product-filters:after,
#product-filters .product-filter-group:after{content:".";display:block;clear:left;visibility:hidden;font:1px/1px arial;}
#product-filters h6{clear:left;margin:0 0 5px;}
#product-filters #filter-regular-tab{border-right:1px solid #000;}
#product-filters .ui-tabs-panel {padding:5px;background:#EFEFEF;}
#product-filters .ui-slider {background:url(../images/slider/track2.gif) 0 0 no-repeat;width:150px;margin: 10px 0px 0px 5px; border: 0 none; float: left; font-family: Georgia,serif; font-size: 1.2em; height: 0.8em; line-height: 1.3; list-style: none outside none; outline: 0 none; padding: 0; position: relative;}
#product-filters a.ui-slider-handle {color:#000;text-decoration:none;background-image:url(../images/slider/price-slider-notch.png);top:-12px;height:25px;font:bold 11px arial,sans-serif;}
/*-44, and not -50, because the link has -6 margin-left, and we want to take that into account for the purpose of ensuring centering*/
#product-filters .ui-slider-handle span{position:absolute;top:-15px;width:100px;margin-left:-44px;text-align:center;color:#000;text-decoration:none;}
#product-filters .select-price{width:164px;height:50px;}
.ie #product-filters .select-price{width:164px;height:60px;}
#product-filters .ui-tabs-nav li.ui-state-default a{padding:0 8px;color:#1278C0;font:11px arial,sans-serif;}
#product-filters .ui-tabs-nav li.ui-tabs-selected a {padding:0 8px;color:#000;font:bold 11px arial,sans-serif;}
#product-filters .ui-tabs-selected a{color:#000;font-weight:bold;}
#product-filters .jScrollPaneContainer{border:1px solid #000;}
#product-filters .school-list{width:162px;height:118px;overflow:scroll;background:#fff;}
#product-filters .school-list ul{padding:6px 0px;}
#product-filters .school-list li{cursor:pointer;padding:2px 10px;}
#product-filters .school-list li.selected{background:#EFEFEF;}
.product-filter-category-label {margin-left:5px;margin-top:5px;}
.product-filter-category	{margin-left:5px;margin-top:5px;margin-bottom:5px;margin-right:2px;float:left;}
.product-filter-category-name  {text-decoration:none;padding:3px 6px;margin-right:5px;position:relative;float:left;width:67px;border:1px solid #e3e3e3;color:#1278C0;font:11px arial bold;background-color:#fff;font-weight:bold;}
.product-filter-category-name a {text-decoration:none;word-wrap: break-word;}
.sizebox {text-decoration:none;float:left;width:33px;height:13px;text-align:center;font:bold 9px/13px Arial;border:1px solid #E3E3E3;margin-right:1px;cursor:pointer;background:#fff;}
.sizebox a {text-decoration:none;}
.nohover a:hover {text-decoration:none;}

.swatches a{cursor:pointer;position:relative;width:15px;height:15px;float:left;margin-right:1px}
.swatches a img{border:1px solid #dddddd}
.swatches a.selected span{display:block;width:11px;height:11px;font:1px/1px arial;border:2px solid #000;overflow:hidden;position:absolute;top:0px;left:0px;}
.swatches a.selected span span{width:9px;height:9px;border:1px solid #fff;position:static;}
.shiftup {margin-top:9px;}
.pricelabel {float:left;}
.price_ranges { clear: both; float: left; width: 164px;}
#priceRangeLeft {float:left}
#priceRangeRight {float:right}
#productFilterColors{margin-top:-2px;margin-bottom:-4px;}

.techs {background-color:#fff;border:1px solid #e3e3e3;width:160px;padding:2px;color:#1278C0;font:10px arial,sans-serif;font-weight:bold;cursor:pointer;}
.techs h4 { float: left; width: 140px;}
.techsRollover{-moz-box-shadow: 2px 2px 10px #000000; -webkit-box-shadow: 2px 2px 10px #000000;box-shadow: 2px 2px 10px #000000; margin-left:13px;display:none;position:absolute;float:left;background-color:#fff;width:113px;height:32px;padding:5px;color:#1278C0;font:10px Arial Black;font-weight:bold;}
.ie .techsRollover{border: 8px solid #A6A6A6;border-top:1px solid #A6A6A6;}
.techsRollover .text {float: left; margin-top: 8px; }
.techsRollover .text h4 {float: left; width: 50px;}
.techsRollover .techgraph { float: right; margin-top: 5px;}
.select {background-color:#000;color:#fff;}
.select a {background-color:#000;color:#fff;}