﻿/*** TOP MENU ***/
    .nav-main { margin:0 auto; display:inline-block; position:relative; z-index:20;}
    .ie7 .nav-main { display:inline;}
    .nav-main-list { list-style:none; margin:0; padding:0;}
    .nav-main-list-li { float:left; position:relative; margin:0 7px; z-index:5;}
    .nav-main-list-li:first-child { background:none;}
    .nav-main-list-li > a { font-family:Georgia, Times, "Times New Roman", serif; font-size:15px; font-weight:400; font-style:italic; color:#747474; line-height:36px; height:36px; padding:0 20px; display:block; position:relative; z-index:5;  -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
    .nav-main-list-li > a:hover,
    .nav-main-list-li:hover > a,
    .nav-main-list-li > a:focus,
    .nav-main-list-li.selected > a { background:#e9e9e9; color:#5b5a5a; text-decoration:none;}
    .nav-main-list-li.selected > a { z-index:3;}
    .nav-main-list-li.selected > a:hover,
    .nav-main-list-li.selected:hover > a { z-index:5}
    .nav-main-list-li.haschildren > a:hover,
    .nav-main-list-li.haschildren:hover > a { background:#fff; color:#5b5a5a;}
    
    .nav-main-flyout { border:1px solid #E9E9E9; border-top-width:0; display:none; text-align:left; width:230px; position:absolute; left:-11px; background:#fff; padding:10px; z-index:4;}    
    .ie7 .nav-main-flyout {}
    .nav-main-list-li:hover > .nav-main-flyout { display:block;}
    .nav-main-flyout-ul { margin:0; padding:0; list-style:none;}
    .nav-main-flyout-li { margin:0; padding:0;}
    .nav-main-flyout-li > a { display:block; font-size:12px; line-height:normal; padding:10px 20px; color:#666;}
    .nav-main-flyout-li > a:hover { background:#f2f2f2; color:#333; text-decoration:none;}
    .nav-main-flyout-li > a:not([href]) { color:#999; font-weight:inherit; text-decoration:none;} 
    .nav-main-flyout-li:first-child > a { border-top-width:0;}    
    
    
/*** FOOTER MENU ***/
    .footer-nav { position:relative; top:40px;}
    .footer-nav-ul { list-style:none; margin:0; padding:0; text-align:center;}
    .footer-nav-li { display:inline-block; margin:0; padding:0;}
    .ie7 .footer-nav-li { display:inline; zoom:1;}
    .footer-nav-a { display:inline-block; padding:0 10px; color:#666;}
    .footer-nav-a:hover,
    .footer-nav-a:focus { color:#333; text-decoration:underline;}
    .footer-nav-a:not([href]):hover { color:#666;}
    .footer-nav-1-li {}
    .footer-nav-1-li:first-child {}    
    .footer-nav-1-a { font:italic 15px/normal Georgia, Times New Roman, Serif; padding:0 10px;}
    .footer-nav-2-a { padding:2px 10px;}
    .footer-nav-2-a:not([href]) { color:#bbb; font-weight:inherit; text-decoration:none;}         

    
/*** SIDE MENUS AND FILTERS ***/
    .menu { padding:0; margin:0 0 15px;}
    .menu .title, .pd-overlay-linkedprods .title { background:url(../images/common/icons.png) no-repeat right -1046px; cursor:default; font-weight:700; font-size:16px; line-height:20px; color:#2178b2; line-height:normal; padding:8px 20px; min-height:21px; margin:0;}  
    .menu .title:hover, .pd-overlay-linkedprods .title:hover { background-position:right -1116px;}
    .menu .title.closed, .pd-overlay-linkedprods .closed .title { background-color:#EFF4FA; background-position:right -1186px; border-bottom-width:0; margin-bottom:1px;}
    .menu .title a, .menu .title a[disabled]:hover, .menu .title a.disabled:hover { color:#2178b2;}
    .menu .title a:hover { color:#2178b2;}
    .menu ul { margin:0; padding:0; list-style:none; font-weight:normal;}
    .menu li {} 
    .menu li.refinement a, .menu li.disabled { display:block; padding:7px 10px;}
    .menu li.refinement a { color:#4e5359;}
    .menu li.refinement a:hover, .menu li.refinement a:hover .item, .menu li.refinement a:focus, .menu li.refinement a:focus .item, .menu li.refinement a:hover em { color:#333; text-decoration:underline;}
    .menu li.refinement a:not([href]), .menu li.refinement a:not([href]) .item { color:#aaa; font-weight:inherit; text-decoration:none;}    
    .menu .item { padding-left:30px; display:inline-block;} .ie7 .menu .item { padding-left:15px;}
    
    .catblock li { line-height:17px; margin:0; border-top:1px solid #EFF4FA;}  
    .catblock li .item { padding-left:10px;}        
    .catblock li a:hover { background:#EFF4FA;}    
    .catblock li.selected, .catblock li.selected a:hover { background:#7CBDE7; color:#fff; text-decoration:none;}
    .catblock li.selected a:hover, .catblock li.selected a:hover .item, .catblock li.selected a:not([href]):hover,
    .catblock li.selected a:focus, .catblock li.selected a:focus .item { color:#fff; text-decoration:none; font-weight:normal; cursor:default;}
    .catblock li.selected .item { color:#fff;}
    .catblock li.haskids {}
    .catblock li.header { cursor:default;}
    .catblock li.header > a:hover { text-decoration:none; font-weight:normal; color:#4e5359;}
    .catblock li.header > a:not([href]) { color:#aaa; font-weight:inherit;}
    .catblock li.header li { padding-left:20px;}
    .catblock li.header li a { padding-top:3px; padding-bottom:3px;}
    
    .refblock .refheader { position:relative;}
    .refblock .refheader .title {}
    .refblock .refgroup { position:relative;}
    .refblock .refgroup .title { border:none; color:#4e5359; background:#EFF4FA url(../images/common/icons.png) no-repeat left -648px; cursor:pointer; font-size:15px; line-height:17px; min-height:0; font-weight:normal; padding:7px 10px 7px 20px; margin:0;}
    .refblock .refgroup .title.closed { background-position:left -608px; margin:0 0 1px;}  
    .refblock .refgroup .title:hover { background-color:#D9E1EB;}
    .refblock .jspDrag {}
    .refblock ul { width:100%; max-height:203px; outline:none;}
    .refblock li { background:url(../images/common/icons.png) no-repeat 17px -700px; line-height:14px; margin:0;}
    .refblock li:hover { background-position:17px -800px;}
    .refblock li:hover a { text-decoration:none;}
    .refblock li.selected { background-position:17px -750px;}
    .refblock li.selected:hover {}
    .refblock li.disabled { background-position:17px -850px; color:#aaa; text-decoration:none;}
    .refblock li.disabled:hover .name { text-decoration:none;}
    .refblock li.swatch .swatchimg { margin:0 0 0 30px; border:1px solid #ddd; width:12px; height:12px; overflow:hidden; text-align:center; display:block; float:left;}
    .refblock li.swatch .item { padding-left:5px;}
    .refblock li.noswatch {}
    .refblock li:hover .name { text-decoration:underline;}
    .refblock li em { font-style:normal; font-weight:normal; color:#aaa; font-size:11px;}
    
    .refblock .button.clear, .refblock .button.clearall { position:absolute; top:7px; right:3px; color:#4e5359; font-weight:normal; line-height:20px; height:24px; font-size:13px;}    
    .refblock .button.clear { padding:0 5px; line-height:24px; top:1px;}
    .refblock .button.clearall span { background:none; padding:0 5px; line-height:20px;}
    
    .refblock .pricefilter { padding:10px 0 10px 20px;}
    .refblock .slideramount { width:100%; border:none; background:none; box-shadow:none; padding:0; margin:0 0 5px; font-size:13px; color:#4e5359;}
    .refblock .button { float:left; position:static; top:auto; right:auto; margin-left:5px; margin-top:3px; color:#4e5359; font-weight:normal; line-height:20px; height:24px; font-size:13px;}    
    .refblock .button span { background:none; padding:0 10px; line-height:20px;}
    .refblock .sliderwrap { float:left; padding:10px 5px; width:90px;}
    .refblock .ui-slider { border:1px solid #ccc; border-radius:10px; height:7px; position:relative; text-align:left; box-shadow:none; background-color:#eee; background-image:repeating-linear-gradient(180deg, transparent, transparent 5px, rgba(255,255,255,.4) 5px, rgba(255,255,255,.4) 10px); background-image:-webkit-repeating-linear-gradient(180deg, transparent, transparent 5px, rgba(255,255,255,.4) 5px, rgba(255,255,255,.4) 10px); background-image:-moz-repeating-linear-gradient(180deg, transparent, transparent 5px, rgba(255,255,255,.4) 5px, rgba(255,255,255,.4) 10px);}
    .refblock .ui-slider .ui-slider-range { position:absolute; z-index:1; top:-1px; height:100%; display:block; border:1px solid #a1a7ac; background:#c0c6cb;}
    .refblock .ui-slider .ui-slider-handle { cursor:default; position:absolute; z-index:2; top:-6px; margin-left:-5px; width:10px; height:22px; border:none; background:url(../images/common/extras.png) no-repeat 0 -100px;}    
    .refblock .ui-slider .ui-slider-handle:hover, .refblock .ui-slider .ui-slider-handle.ui-state-active { background-position:-20px -100px;} 
