﻿/*
* Copyright 2012 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

a, a:hover {
    text-decoration: none;
}

.productPanelAjaxBusy {
    position: absolute;
    background: url('images/ajaxLoader.gif') no-repeat fixed 50% 50% #FFFFFF;
    width: auto;
    height: auto;
    filter: Alpha(opacity = 70); /* Internet Explorer fix */
    opacity: 0.7;
    z-index: 1;
    clear: both;
}

.nopAjaxFilters7Spikes .block .filtersGroupPanel {
    position: relative;
    font-size: 11px;
    line-height: 18px;
    margin: 0;
    overflow: hidden;
    padding: 5px 10px 10px;
}

    .nopAjaxFilters7Spikes .block .filtersGroupPanel ul {
        margin: 0;
    }
	.nopAjaxFilters7Spikes .block .filtersGroupPanel li {
        background: none;
    }

.nopAjaxFilters7Spikes .filtersTitlePanel {
    color: #333;
    font-size: 0.9em;
    font-weight: 700;
    padding: 0 0 10px 3px;
    text-transform: uppercase;
}

.nopAjaxFilters7Spikes .filtersTitle {
    float: left;
    margin: 0;
    padding: 0;
}

.nopAjaxFilters7Spikes .clearFilterOptionsAll {
    float: right;
    color: #000;
    text-transform: none;
    cursor: pointer;
    font-weight: bold;
}

.nopAjaxFilters7Spikes .block .title a.toggleControl {
    background: url("images/filterGroupToggleWhite.gif") no-repeat scroll -7px 4px transparent;
    float: left;
    color: #FFF;
    display: block;
    padding: 0 0 0 1.5em;
    cursor: pointer;
}

    .nopAjaxFilters7Spikes .block .title a.toggleControl.closed {
        background-position: 4px -8px;
    }

.nopAjaxFilters7Spikes .block .title a.clearFilterOptions {
    float: right;
    color: #000;
    text-transform: none;
    cursor: pointer;
    font-weight: bold;
}

    .nopAjaxFilters7Spikes .block .title a.clearFilterOptions:hover {
        text-decoration: underline;
    }

.nopAjaxFilters7Spikes .block .title a.toggleControl {
    padding: 0 0 0 15px;
}
.nopAjaxFilters7Spikes .filtersGroupPanel a {
    color: #5C5B5B;
}

    .nopAjaxFilters7Spikes .filtersGroupPanel a:hover {
        text-decoration: none;
        cursor: pointer;
		color: #b80709;
    }

    .nopAjaxFilters7Spikes .filtersGroupPanel a.filterItemUnselected {
        background: url("images/checkbox.png") no-repeat scroll left 3px transparent;
        padding-bottom: 1px;
        padding-left: 15px;
    }

    .nopAjaxFilters7Spikes .filtersGroupPanel a.filterItemSelected {
        background: url("images/checkbox.png") no-repeat scroll left -17px transparent;
        padding-bottom: 1px;
        padding-left: 15px;
    }

    .nopAjaxFilters7Spikes .filtersGroupPanel a.filterItemSelectedDisabled {
        background: url("images/checkbox.png") no-repeat scroll left -34px transparent;
        color: #9D9D9D;
        padding-bottom: 1px;
        padding-left: 15px;
    }

        .nopAjaxFilters7Spikes .filtersGroupPanel a.filterItemSelectedDisabled:hover {
            text-decoration: none;
            cursor: default;
        }

    .nopAjaxFilters7Spikes .filtersGroupPanel a.filterItemDisabled {
        background: url("images/checkbox.png") no-repeat scroll left -57px transparent;
        color: #9D9D9D;
        padding-bottom: 1px;
        padding-left: 15px;
    }

        .nopAjaxFilters7Spikes .filtersGroupPanel a.filterItemDisabled:hover {
            text-decoration: none;
            cursor: default;
        }

.pager a:hover {
    color: #3A3A3A;
    cursor: pointer;
}

.jDropDown ul {
    width: 100%;
    float: left;
    display: none;
    position: absolute;
    left: 0px;
    top: 19px;
    z-index: 100000;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    list-style: none;
    border: 1px solid #aaa;
    border-top: 0px;
    background-color: #fff;
    border-radius: 0px 0px 5px 5px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    overflow:hidden;
}

.jDropDown div {
    width: 100%;
    height: 22px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    background: url("images/arrowDown.gif") no-repeat 95px 7px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

.sortOptionsDropDown  div {
     background: url("images/arrowDown.gif") no-repeat 145px 7px;
}

.product-viewmode .jDropDown div {
    background: url("images/arrowDown.gif") no-repeat 75px 7px;
}

.jDropDown div p {
    width: 90px;
    height: 17px;
    line-height: 17px;
    cursor: default;
    white-space: nowrap;
    padding: 1px 0px 0px 4px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

.jDropDown ul li {
    float: left;
    width: 100%;
    margin-left: 0;
}

.jDropDown ul li:hover, .jDropDown ul li.selected {
    background-color: #ddd;
    color: #000;
}

.jDropDown ul li span, .jDropDown ul li a {
    cursor: default;
    display: block;
    float: left;
    padding: 2px 0px 0px 3px;
    width: 100%;
}

.sortOptionsDropDown, .viewOptionsDropDown, .productsPageSizeDropDown {
    font-size: 11px;
    position: relative;
    margin: 0 0 0 3px;
}

.sortOptionsDropDown, .sortOptionsDropDown p {
    width: 157px !important;
}

.viewOptionsDropDown {
    width: 87px;
}

.productsPageSizeDropDown {
    width: 37px;
    text-align: left;
}

    .productsPageSizeDropDown div {
        background: url("images/arrowDown.gif") no-repeat 26px 7px;
    }

        .productsPageSizeDropDown div p {
            width: 17px;
        }

.sortOptionsDropDown {
    float: right;
}

.viewOptionsDropDown {
    float: right;
}

.filtersDropDownPanel {
    overflow: visible !important;
    height: 26px !important;
}

.filtersDropDown {
    width: 158px;
    font-size: 11px;
    position: relative;
    margin: 3px 0 0 0;
}

    .filtersDropDown div {
        background: url("images/arrowDown.gif") no-repeat 141px 7px;
    }

        .filtersDropDown div p {
            padding: 1px 0px 0px 10px;
            width: 125px;
        }

        .filtersDropDown ul li a {
            background: none !important;
            padding-left: 0 !important;
        }

            .filtersDropDown ul li a:hover {
                text-decoration: none !important;
            }

            .filtersDropDown ul li a.filterItemDisabled, .filtersDropDown ul li a.filterItemDisabledSelected {
                display: none !important;
            }

.product-sorting,
.product-viewmode,
.product-page-size {
    line-height: 20px;
}

    .product-sorting span {
        float: left;
    }

    .product-viewmode span {
        float: left;
    }

.product-page-size span {
    float: left;
    margin: 0 3px 0 0;
}
.productsPageSizeDropDown {
    margin: 0 3px 0 0;
}

/* color squares attribute type */


.colorOptions li {
}
.colorOptions a {
	background: none !important;
	padding-left: 0 !important;
	line-height: 8px;
}
.colorOptions .color-container {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 8px;
	border: 1px solid #666;
}
.colorOptions .color {
	display: inline-block;
	width: 8px;
	height: 8px;
}

.colorOptions a.filterItemUnselected, .colorOptions a.filterItemUnselected span {
	opacity: 1;
	filter: alpha(opacity=100);
}
.colorOptions a.filterItemSelected, .colorOptions a.filterItemSelected span {
	background: url('images/selected.png') no-repeat center;
	opacity: 1;
	filter: alpha(opacity=100);
}
	.colorOptions a.filterItemSelected .color-container {
	box-shadow: 0 0 3px #000;
	}
.colorOptions a.filterItemSelectedDisabled, .colorOptions a.filterItemSelectedDisabled span {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.colorOptions a.filterItemDisabled, .colorOptions a.filterItemDisabled span {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.colorOptions .defaultColor {
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ffffff 50%,#000000 50%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ffffff 0%,#ffffff 50%,#000000 50%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ffffff 0%,#ffffff 50%,#000000 50%,#000000 100%); /* IE10+ */
background: linear-gradient(135deg,  #ffffff 0%,#ffffff 50%,#000000 50%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.filter-block .title {
    letter-spacing: 0 !important;
}