/**
 * CODNITIVE
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade to newer
 * versions in the future.
 *
 * @category   Codnitive
 * @package    Codnitive_Sidenav
 * @author     Hassan Barza <support@codnitive.com>
 * @copyright  Copyright (c) 2011 CODNITIVE Co. (http://www.codnitive.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

/* Sidebar Navigation ==================================================================== */
#sidebar-nav {
    margin-bottom: 15px;
    position: relative;
	margin-top: -20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,c0c0c0+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(192,192,192,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(192,192,192,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(192,192,192,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c0c0c0',GradientType=0 ); /* IE6-9 */
	width: 91%;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}
#sidebar-nav .block-title { text-align: center !important; 
color: #fff !important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5096d3+0,214096+100 */
background: rgb(80,150,211); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(80,150,211,1) 0%, rgba(33,64,150,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(80,150,211,1) 0%,rgba(33,64,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(80,150,211,1) 0%,rgba(33,64,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5096d3', endColorstr='#214096',GradientType=0 ); /* IE6-9 */
padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #333; border-bottom: 1px solid #333;}

#sidebar-nav .block-title strong {
}

#sidebar-nav .block-title span {color: #fff !important;}

#sidebar-nav .block-content {
    padding: 6px;
    overflow: auto;
}
#sidebar-nav .block-content a {
    line-height: 1.7;
	color: #000;
}

#sidebar-nav-menu > li {
    background: url('../../images/codnitive/sidenav/bkg_block-sidebarnav-layered-dd.gif') 0 100% repeat-x;
    list-style: inside disc;
    font-weight: normal;
    padding: 8px 0;
	text-align: center;
	font-size: 16px;
}
#sidebar-nav-menu2 > li {
    background: url('../../images/codnitive/sidenav/bkg_block-sidebarnav-layered-dd.gif') 0 100% repeat-x;
    list-style: none;
    font-weight: normal;
    padding: 8px 0;
	text-align: center;
	font-size: 16px;
}
#sidebar-nav-menu > li.last {
    background: none;
    margin-bottom: 5px;
}
#sidebar-nav-menu li ul {
    font-weight: normal;
}
#sidebar-nav li.active,
#sidebar-nav li.active > a,
#sidebar-nav li.active > .collapsible-wrapper > a {}

#sidebar-nav li.parent .active > a {
   color: #fff !important;border-radius: 5px; font-weight: normal; 
background: rgb(80,150,211); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(80,150,211,1) 0%, rgba(33,64,150,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(80,150,211,1) 0%,rgba(33,64,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(80,150,211,1) 0%,rgba(33,64,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5096d3', endColorstr='#214096',GradientType=0 ); /* IE6-9 */
padding-top: 2px; padding-bottom: 2px; padding: 3px; width: 91% !important; margin: 0 !important; display: block; border: 1px solid #333;
}



#sidebar-nav ul.ul-thumb {
    padding-left: 0;
}
#sidebar-nav-menu > li.parent > ul.ul-thumb {
    padding-left: 10px;
}
#sidebar-nav li.thumb {
    list-style-type: none;
}
#sidebar-nav-menu > li.no-thumb,
#sidebar-nav-menu > li.thumb {
    margin-left: 0 !important;
    list-style-type: none;
}
#sidebar-nav img {
    border: 0 none !important;
    outline: 0 none !important;
}
#sidebar-nav span.product-count {
    color: #000;
}
#sidebar-nav .home {
    list-style: none !important;
}
#sidebar-nav .home a {
    display:inline-block;
    padding-left:20px;
    background:url('../../images/codnitive/sidenav/home.png') left top no-repeat;
    min-height:16px;
}
#sidebar-nav .support-logo-wrapper {
    margin-top:10px;
}
#sidebar-nav .support_logo {
    font-size: 9px;
    float: right;
    right: 5px;
    bottom: 5px;
    text-decoration: none;
}
#sidebar-nav .support_logo img {
    max-width: 65px;
}

/* Collapsible Design ==================================================================== */
#sidebar-nav li.thumb .thumb-img-left {
    float: left;
    margin: 1px 3px 0 0;
}
#sidebar-nav li.thumb .thumb-img-right {
    float: right;
    margin: 1px 3px 0;
}
#sidebar-nav-menu .arrow-left,
#sidebar-nav-menu .arrow-right, 
#sidebar-nav-menu .plus-left,
#sidebar-nav-menu .plus-right {
    float: left;
    background: url('../../images/codnitive/sidenav/arrows.gif') left center no-repeat;
    display: block;
    margin-top: 2px;
    margin: 1px 3px 0;
    cursor:pointer;
} 
#sidebar-nav-menu .plus-left,
#sidebar-nav-menu .plus-right
{
    background-image: url('../../images/codnitive/sidenav/plus.gif');
}
#sidebar-nav-menu .arrow-right, 
#sidebar-nav-menu .plus-right {
    float:right;
    display:inline !important;
}
#sidebar-nav-menu li ul[expanded="0"] {
    display: none;
}
#sidebar-nav li.active > ul {
    display: block;
}
#sidebar-nav li.active > .arrow-left,
#sidebar-nav li.active > .arrow-right, 
#sidebar-nav li.active > .plus-left,
#sidebar-nav li.active > .plus-right {
    display: block;
    background-position: right center;
}
#sidebar-nav-menu > li.collapsible {
    list-style: none !important;
}
#sidebar-nav .collapse-name {
    cursor:pointer;
}


.block-title span {font-size: 16px !important; padding: 2% !important;}