/*
 * 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: #86be48; }

/* Layout
----------------------------------------------------------------------------------------------------*/
#block-bottom-b2 {
        background: #88a753;
        border-bottom: 1px solid #88a753;
}

#block-bottom-b2 a {
        color: #88a753;
}

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

#toolbar a:hover { color: #86be48; }

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

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

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

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

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

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

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

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

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

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

.mod-color {
        background: #86be48;
        border: 1px solid #73ab34;
}

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

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

/* 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: #86be48; background: none; border-radius: 0; border-bottom: 1px solid #86be48; 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(134,190,72,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(134,190,72,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 #86be48;
   -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: #86be48; 
	-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: #86be48; 
-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: #86be48; 
	-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;
    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;