/* NUKEVIET ICONS */
/* CSS for block into Module Shop : Block.sub.by.cat */

#vertical { width: 100%; list-style: none;/* margin: 0px; padding: 5px 0px 10px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position: relative; background: rgb(255, 255, 255);*/ }
#vertical li{ padding: 0px; list-style: none; }
#vertical li a, #vertical li.active span, #vertical li.current span { display: block; width: auto; color: rgb(68, 68, 68); font-size: 13px; padding: 10px 0px; margin: 0px 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(244, 244, 244); }
#vertical li.active span, #vertical li.current span { padding: 5px 0px 10px; font-weight: bold; }
#vertical li:last-child a { border-bottom: none; }
#vertical li ul li { padding: 0px; margin: 0px; }
#vertical li ul li.active:hover, li.sub.active:hover { background: none; }
#vertical li a:hover, #vertical li a.active{ text-decoration: none; color: rgb(0, 170, 241); }
#vertical li ol { width: auto; margin-top: 10px; padding-bottom: 10px; }
#vertical li ol li a { padding-left: 25px; }
#vertical li ul li a { font-weight: normal; font-size: 12px; border-bottom: 1px rgb(244, 244, 244) solid; display: block; padding: 7px 0px; }
#vertical ul ul { top: 5px; }
#vertical ul.level { display: block; }
#vertical ul li { position: relative; }
#vertical ul a, #vertical ul a:hover { float: none; background: none; }
#vertical ul li a { font-weight: normal !important; }
#vertical ul li a { font-size: 12px; border: none; }
#vertical li.sub { position: relative; border: none !important; }
#vertical li.sub:hover{ position: relative; background: url(../images/bullet_nav.gif) 94% 12px no-repeat; }
#vertical li.sub a { text-decoration: none; border-bottom: 1px solid rgb(244, 244, 244); font-weight: normal !important; font-size: 13px !important; padding: 7px 0px !important; }
#vertical li.sub ul.navigation { display: none; z-index: 10; }
#vertical li.sub:hover ul.navigation { position: absolute; padding: 0px; display: block !important; }
#vertical li.sub:hover ul.navigation li:hover { border: none !important; }
#vertical li.sub:hover ul.navigation li { padding: 0px !important; }
#vertical ul.navigation { position: relative; z-index: 1; background: rgb(255, 255, 255); }
#vertical ul.navigation { margin: 0px; list-style: none; display: none; width: 210px; position: absolute; left: 100%; border-top-style: solid; border-top-width: 1px; border-top-color: rgb(233, 233, 233); border-right-style: solid; border-right-width: 1px; border-right-color: rgb(233, 233, 233); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(233, 233, 233); border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: rgb(185, 185, 185) 1px 1px 0px; z-index: 1; top: -1px !important; background: rgb(255, 255, 255); }
#vertical ul.navigation li a { background: rgb(255, 255, 255) !important; display: block; text-align: left; font-size: 13px; font-weight: normal; margin-left: 10px; padding: 7px 0px; }
.usercode{text-align:center}

@media screen and (min-width: 750px) {
	#vertical--pause {
    padding: 5px 140px 5px;
	}
}