/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/

a:hover,
em, code {color: #000000; !important}

/* Layout
----------------------------------------------------------------------------------------------------*/
#block-bottom-b2 {
    background: #edb033;
    border-bottom: 1px solid #865a00;
}

#block-bottom-b2 a {
    color: #865a00;
}

#block-bottom-c a:hover { color: #edb033; }

#toolbar a:hover { color: #edb033; }

/* Extensions
----------------------------------------------------------------------------------------------------*/
.ns2-image:hover {
    border-bottom: 1px solid #edb033;
}

a.ns2-readmore span {
    background: #edb033;
}

a.ns2-readmore span:hover {
    color: #FFF;
    background: #f3bb49;
    transition: all 0.3s ease-in-out 0s;
}

/* Menus
----------------------------------------------------------------------------------------------------*/
/* Set Active */
.menu-dropdown li.active .level1 {
    border-bottom: 1px solid #edb033;
}

/* Set Hover */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 {
    color: #edb033;
    border-bottom-color: #edb033;
}

.menu-dropdown li.level1.parent:hover:after,
.menu-dropdown li.remain.parent:after {
    border-color: #edb033 transparent transparent transparent;
}

/* Set Hover */
.menu-dropdown a.level2:hover {
    background: #edb033;
}

/* Set Hover */
.menu-dropdown a.level3:hover {
    background: #edb033;
}

.menu-sidebar a:hover,
.menu-sidebar li > span:hover { color: #edb033; }

/* Modules
----------------------------------------------------------------------------------------------------*/
.mod-brand .module-title:after {
    background-color: #edb033;
}

.mod-color {
    background: #edb033;
    border: 1px solid #865a00;
}

/* Tools
----------------------------------------------------------------------------------------------------*/
.ptable .price {
    background: #edb033;
}

/* System
----------------------------------------------------------------------------------------------------*/
#system .item > header time {
    border-right: 1px solid #edb033;
}

/* Custom Stuff
----------------------------------------------------------------------------------------------------*/
/* Mosaic - Content */
.sprocket-mosaic-container {margin: 0;padding: 0;list-style: none;}
.sprocket-mosaic-container li {display: inline-block; }
.sprocket-readmore {display:none;}
.sprocket-readmore:hover {display:none;}

/* Mosaic - Item */
.sprocket-mosaic-item {
    background: none;
    border: none;
}

/* Mosaic - Order */
.sprocket-mosaic .sprocket-mosaic-header .sprocket-mosaic-order {float: right; padding-right: 10px;}

/* Mosaic - Filter */
.sprocket-mosaic .sprocket-mosaic-header .sprocket-mosaic-filter {float: left; padding-left: 10px;}


#main .sprocket-mosaic .sprocket-mosaic-order ul li, #main .sprocket-mosaic .sprocket-mosaic-order ul li, .sprocket-mosaic .sprocket-mosaic-order li, #main .sprocket-mosaic .sprocket-mosaic-filter ul li, #main .sprocket-mosaic .sprocket-mosaic-filter ul li, .sprocket-mosaic .sprocket-mosaic-filter li, .sprocket-mosaic .sprocket-mosaic-filter li {
    background: none;
    border-radius: 0;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    padding-right: 10px;
}

.sprocket-mosaic .sprocket-mosaic-filter li:hover, .sprocket-mosaic .sprocket-mosaic-order li:hover, .sprocket-mosaic-loadmore:hover {
    color: #edb033; background: none; border-radius: 0; border-bottom: 1px solid #edb033; transition: all 0.3s ease-in-out 0s;
}

.sprocket-mosaic-item .sprocket-mosaic-text {
    display: block;
    margin: 10px 0;
    text-align: center;
}

.sprocket-mosaic .sprocket-mosaic-tags, #main .sprocket-mosaic ul.sprocket-mosaic-tags {margin: 10px -10px -10px; padding: 5px;background: none;border-radius: 8px;font-size: 90%;font-weight: bold;}
/*.sprocket-mosaic .sprocket-mosaic-tags li, #main .sprocket-mosaic ul.sprocket-mosaic-tags li {width: auto;margin-right: 1px;padding: 0 5px;background: none;border: 1px solid #ddd;border-radius: 0}*/
.sprocket-mosaic .sprocket-mosaic-tags li, #main .sprocket-mosaic ul.sprocket-mosaic-tags li {display: none;width: auto;margin-right: 1px;padding: 0 5px;background: none;border-radius: 8px;border: 1px solid #ddd;}

.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-image-container img {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -moz-box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2) inset;
    box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2) inset;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.sprocket-mosaic-hover {display: none;}
.sprocket-mosaic-hovercontent { width: 100%; height: 100%; background: rgba(237,176,51,0.7) url(../../../images/more.png) 50% 50% no-repeat; border-top-left-radius: 2px; border-top-right-radius: 2px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-hovercontent:hover {
    background: rgba(237,176,51,0.7) url(../../../images/more.png) 50% 50% no-repeat;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-image-container img:hover {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    opacity: 0.7;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.7)";
}

.sprocket-mosaic-item  .sprocket-mosaic-title, .sprocket-mosaic-item .sprocket-mosaic-info {
    background: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border: 1px solid #ddd;
    font-size: 16px;
    margin-top: -10px;
    padding: 10px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.sprocket-mosaic-item  .sprocket-mosaic-title:hover {
    border-bottom: 1px solid #edb033;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.sprocket-mosaic-item  .sprocket-mosaic-title a {
    color: #4a515c !important;
}

.sprocket-mosaic-hovercontent span {
    display: none;
}

.sprocket-mosaic-loadmore {background: #fafafa;border: 1px solid #d3d3d3;cursor: pointer;-moz-border-radius: 2px;-webkit-border-radius: 0;border-radius: 2px;}

.sprocket-mosaic-loadmore:hover {color: #949494;background: #fff;border: 1px solid #d3d3d3;cursor: pointer;-moz-border-radius: 2px;-webkit-border-radius: 0;border-radius: 2px;}


.sprocket-lists-title {
    border: none;
    border-radius: 4px;
    background: #eee;
    padding: 14px 14px !important;
    color: #525252;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.active .sprocket-lists-title {
    color: #525252;
    background: #ededed;
}

.sprocket-lists-title:hover {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #ededed;
}
.sprocket-lists-title .indicator {
    position: absolute;
    border-radius: 4px;
    top: 0;
    right: 0;
    margin: 5px;
    display: block;
    width: 40px;
    height: 30px;
    opacity: 0.7;
    cursor: pointer;
    color: #fff;
    text-align: center;
    border: none;
    background: #edb033;
    -moz-box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2) inset;
    box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2) inset;
}

.active .indicator {
    color: #eee;
    height: 30px;
    border: none;
    border-radius: 4px;
    background: #edb033;
    -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1)
    inset; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1) inset;
}

.indicator:hover {
    position: absolute;
    border-radius: 4px;
    top: 0;
    right: 0;
    margin: 5px;
    display: block;
    width: 40px;
    height: 30px;
    opacity: 0.7;
    cursor: pointer;
    color: #fff;
    text-align: center;
    border: none;
    background: #edb033;
    -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1) inset;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1) inset;
}


span.indicator { padding-top: 8px; }

.sprocket-lists-item {display: block;position: relative; margin-top: 5px;}

/* Tabs Nav */
.sprocket-tabs-nav {margin: 0;padding: 0;list-style: none !important;position: relative;z-index: 2;}
.sprocket-tabs-nav:before, .sprocket-tabs-nav:after {display: table;content: "";}
.sprocket-tabs-nav:after {clear: both;}
.sprocket-tabs-nav li {float: left;}
.sprocket-tabs-nav > li {margin-bottom: -1px;}
.sprocket-tabs-nav > li > .sprocket-tabs-inner {display: block;border: 1px solid transparent;border-radius: 0;}
.sprocket-tabs-nav > .active > a {cursor: default;}
.sprocket-tabs-nav li .sprocket-tabs-inner {cursor: pointer;display: block;padding: 10px 15px;line-height: 0.8em;}
.sprocket-tabs-nav .dropdown-menu {margin-top: 1px;border-width: 1px;}
.sprocket-tabs-nav .sprocket-tabs-icon {float: left;margin-right: 0px;}
.layout-top .sprocket-tabs-nav {padding: 3px 3px 5px 3px !important;}
/* Tabs - Colors */
.sprocket-tabs-nav {
    font-family: "OpenSansLight";
    font-size: 16px;
    border-radius: 4px;
    border-bottom: none;
    background: #fff;
    color: #525252;
}

.sprocket-tabs-nav li .sprocket-tabs-inner {
    margin-right: 10px;
    background-color: #ededed;
    border-radius: 4px;
    color: #525252;
    padding: 15px !important;
    -moz-box-shadow: 0px -2px 0px 0px rgba(88,88,88,0.1) inset;
    -webkit-box-shadow: 0px -2px 0px 0px rgba(88,88,88,0.1) inset;
    box-shadow: 0px -2px 0px 0px rgba(88,88,88,0.1) inset;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.sprocket-tabs-nav li .sprocket-tabs-inner:hover {
    background-color: #ededed;
    border-radius: 4px;
    color: #525252;
    -moz-box-shadow: 0px 1px 0px 0px rgba(88,88,88,0.1) inset;
    -webkit-box-shadow: 1px 0px 0px 0px rgba(88,88,88,0.1) inset;
    box-shadow: 0px 1px 0px 0px rgba(88,88,88,0.1) inset;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.sprocket-tabs-nav > li.active > .sprocket-tabs-inner {
    background-color: #ededed;
    border-radius: 4px;
    color: #525252;
    -moz-box-shadow: 0px 1px 0px 0px rgba(88,88,88,0.1) inset;
    -webkit-box-shadow: 1px 0px 0px 0px rgba(88,88,88,0.1) inset;
    box-shadow: 0px 1px 0px 0px rgba(88,88,88,0.1) inset;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.layout-top .sprocket-tabs-nav {
    padding: 0 !important;
}

.wk-slideshow-default > div .next, .wk-slideshow-default > div .prev {
    background: url("../../../images/buttons.png") no-repeat scroll 0 50px transparent;
    height: 50px;
    margin-top: -25px;
    margin-left: 30px;
    margin-right: 30px;
    top: 50%;
    width: 50px;

}
.wk-slideshow-default > div .next {
    background-position: 0 0;
    right: 30px;
}
.wk-slideshow-default > div .prev {
    background-position: 0 -50px;
    left: 30px;
}