/* @group Text CSS */
/*
Theme Name:     Sc4project
Description:    Custom built for Sc4project
Author URI:     
Template:       twentyeleven
Version:        1
*/
/* CSS Document */


#top-menu{width:100%; background-color:#961b20;}
.glossymenu{position: relative;	list-style: none; height:40px; margin-bottom: 0px;}

.glossymenu >li{
	float:left; padding:0 24px; position:relative; height:44px; line-height:44px; }
.glossymenu >li:last-child{padding-right:0; background:none;}
.glossymenu >li >a{
	display: block;  
	color:#fff;
	text-decoration: none;
	cursor: pointer; font-size:16px;   text-transform:uppercase;
}
/*hover*/
.glossymenu >li >a:hover{
	color:#F19373;
}
.glossymenu >li.current >a {
	color:#F19373 !important;
}


.glossymenu >li >ul{display:none; position:absolute; top:44px; left:0px; z-index:999999; border-top:none; padding:10px 0; width:220px; background-color:#0e1f29;
}
.glossymenu >li >ul >li{padding:0; line-height:20px; border-bottom:1px solid #747d82; padding:5px 0; position:relative;}
.glossymenu >li >ul >li >a{color:#fff; padding:0 10px;display: inline-block;     text-transform: uppercase; text-decoration:none;}
.glossymenu >li >ul >li >a:hover{color:#fd2c32;}
.glossymenu >li:hover >ul{display:block; z-index:999;}

.glossymenu >li >ul >li >ul{display:none; position:absolute; top:0; left:100%; width:220px; background-color:#484745;}
.glossymenu >li >ul >li >ul >li{padding:0; line-height:20px; border-bottom:1px solid #4c1caa; padding:5px 0; position:relative;}
.glossymenu >li >ul >li >ul a{color:#fff !important; padding:0 10px; display:inline-block;}
.glossymenu >li >ul >li >ul a:hover{color:#ff0 !important;}
.glossymenu >li >ul >li:hover >ul{display:block;}


.glossymenu >li >ul >li >ul >li >ul{display:none; position:absolute; top:0; left:100%; width:220px; background-color:#810005;}
.glossymenu >li >ul >li >ul >li >ul >li{padding:0; line-height:20px; background:url(../images/li-sub-menu-3.png) repeat-x left bottom; padding:5px 0; position:relative;}
.glossymenu >li >ul >li >ul >li >ul a{color:#fff !important; padding:0 10px; display:inline-block;}
.glossymenu >li >ul >li >ul >li >ul a:hover{color:#ff0 !important;}
.glossymenu >li >ul >li >ul >li:hover >ul{display:block;}



.menu_active, .grid{display:none;}
.back{ color: #fff;}