div#sub_header {
height:37px;
width:980px;
margin:10px auto;
border:1px solid #000000;
border-radius:5px;
background:#333333;
background:-moz-linear-gradient(top, #333333 0%, #222222 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222));
background:-webkit-linear-gradient(top, #333333 0%,#222222 100%);
background:-o-linear-gradient(top, #333333 0%,#222222 100%);
background:-ms-linear-gradient(top, #333333 0%,#222222 100%);
background:linear-gradient(top, #333333 0%,#222222 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 );
}
#sub_header ul.menu_horizontal li{
position: relative;
float: left;
}
#sub_header li, #sub_header li a, #sub_header li span {
color: #FFFFFF;
font-size: 14px;
}
#sub_header li, #sub_header .menu_horizontal {
padding: 0px !important;
}
#sub_header li > a, #sub_header li > span {
display:inline-block;
min-height:17px;
padding:10px 20px 10px 20px;
text-shadow:1px 1px 0 rgba(0,0,0, 0.4);
border-right: 1px solid #000000;
}
#sub_header .menu_horizontal li:first-child a:first-child{
display:inline;
padding:0px;
height:auto;
}
#sub_header li.dynamic_menu, #sub_header li.dynamic_menu > span{
transition-delay:0.8s;
-o-transition-delay:0.8s;
-ms-transition-delay:0.8s;
-moz-transition-delay:0.8s;
-webkit-transition-delay:0.8s;
}
#sub_header li:hover{ background:#111111; }
#sub_header .menu_horizontal li:first-child:hover{ background:none; }
#sub_header li.dynamic_menu:hover{
background:#3f3f3f !important;
border-color:#3f3f3f;
transition-delay:0.2s;
-o-transition-delay:0.2s;
-ms-transition-delay:0.2s;
-moz-transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}
#sub_header li > a:after, #sub_header li > span:after{
border-right: 1px solid #444444;
bottom: 0px;
content: "";
position: absolute;
right: -1px;
top: 0px;
z-index: 99;
}
#sub_header .menu_horizontal li:first-child a:first-child{
border-right: none;
}
#sub_header li.dynamic_menu > span:hover:after, #sub_header li.dynamic_menu:hover > span:after{
border-right: 1px solid #222222;
transition-delay:0.2s;
-o-transition-delay:0.2s;
-ms-transition-delay:0.2s;
-moz-transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}
#sub_header li img{
margin:0px -15px 3px 10px !important;
max-height:34px;
vertical-align:middle;
display:inline-block;
float:none !important;
}
#sub_header li.dynamic_menu > span:before{
border-color: #FFFFFF transparent transparent;
top: 18px;
}
#sub_header li.extend span:before{
border-color: transparent #FFFFFF transparent;
top: 10px;
}
#sub_header li.dynamic_menu span:before{
border-image: none;
border-right: 5px solid transparent;
border-style: solid;
border-width: 5px;
content: "";
position: absolute;
right: 6px;
}
#sub_header li.dynamic_menu ul{
background:#3f3f3f;
border-color:#3f3f3f;
border-radius:0 0 5px 5px;
padding:10px 0px 5px;
}
#sub_header li.dynamic_menu ul > li{
background:none;
border:none;
padding:0px;
margin:0px;
}
#sub_header li.dynamic_menu ul > li{ min-width:100px; } /* All submenu */
#sub_header li.dynamic_menu > ul > li{ min-width:200px; } /* First submenu */
#sub_header li.dynamic_menu ul > li:hover{
background:none;
background:#333333;
background:-moz-linear-gradient(top, #333333 0%, #222222 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222));
background:-webkit-linear-gradient(top, #333333 0%,#222222 100%);
background:-o-linear-gradient(top, #333333 0%,#222222 100%);
background:-ms-linear-gradient(top, #333333 0%,#222222 100%);
background:linear-gradient(top, #333333 0%,#222222 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 );
}
#sub_header li.dynamic_menu ul li a, #sub_header li.dynamic_menu ul li span {
color: #FFFFFF;
font-size: 12px;
display:inline-block;
border:none;
padding:8px 10px;
margin-left:5px;
white-space:normal;
width:auto;
}
#sub_header li.dynamic_menu ul li a:hover {
background:none;
border:none;
}