@font-face {
    font-family: 'HeydingsCommonIconsRegular';
    src: url('../fonts/2/heydings_icons-webfont.eot');
    src: url('../fonts/2/heydings_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/2/heydings_icons-webfont.woff') format('woff'),
         url('../fonts/2/heydings_icons-webfont.ttf') format('truetype'),
         url('../fonts/2/heydings_icons-webfont.svg#HeydingsCommonIconsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#topnav {
width:980px;

}
ul.dropmenu 
{
    width:962px;
    list-style:none;
    margin:0;
    padding:0;
    float:left;
    padding:0;
    border-radius:4px;
    border: 1px solid #5C5C5C;
    background-color: #454545;
    box-shadow: 0 1px 1px 0px #6E6E6E, 0 1px 1px #6E6E6E, 0px 4px 2px 0px #DEDEDE,inset 0 0 12px #6E6E6E;
    margin-left:-7px;
}
.dropmenu > li {
    position:relative;
    padding:4px 1px 12px 1px;
    display:block;
    float: left;
    box-shadow: 1px 0 0 rgba(32, 30, 32, .3);
    margin-top:0px;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    height: 23px;
}

.drop_icon {
    position:absolute;
    left: -10px;
}


.dropmenu > li:hover {
    border-radius: 3px 3px 2px 2px;
    background:#1C1C1C;
    box-shadow: 0 2px 2px rgba(27,27,27,0.96),  inset -1px 0 50px rgba(18,17,19,.45);
}

.mselected{ border-radius: 3px 3px 2px 2px;
    background:#1C1C1C;
    box-shadow: 0 2px 2px rgba(27,27,27,0.96),  inset -1px 0 50px rgba(18,17,19,.45);}

.dropmenu li a {
    text-decoration:none;
    font: 1.18em/1.33;
    color: rgb(254, 252, 254);
    display:inline-block;
    padding: 6px 11px 6px 10px;
    vertical-align: middle;
    text-shadow: 0 0 30px rgba(230, 230, 230, .46);
    border-radius: 1px;
    margin-top: -8px;
    font-family:'Lucida Sans'; font-size: 13px !important; font-weight:bold;
}

.dropmenu li img 
{
    margin-left: 7px;
    margin-right: 1px;
    margin-top: 7px;
}

/**=====================Search Box====================**/
 #searchbox .search_input{
position:relative;
top: 0px;
left: 2px;
font-family: calibri, helvetica, sans-serif;
border: 1px solid rgba(190, 180, 190, .6);
border-radius: 2px;
background: rgba(245, 248, 246, .88);
padding: 3px 0px 3px 0px;
-webkit-transition: all .4s ease-in; 
width: 140px;
margin: 4px 10px 0px 4px;
}


/**=====================DROP DOWN=======================**/
/***Common for all drops****/
.drop_common{
background:#3b3b3b;
box-shadow: 0 2px 1px rgba(4,4,4,.86), 2px 2px 2px  rgba(9,7,9,.3), inset -10px 0 50px rgba(18,17,19,.45);
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .35s ease-in-out;
}
.subdrop  {
    position:absolute;
    left:0;
    top: 48px;
    z-index: 7;
    float: left;
    margin-left:0px;
    border-radius: 0 4px 4px 4px;
    visibility:hidden;	
    opacity:0;
}
.subdrop li {
list-style:none;float:left;
    width:160px;
}
.column_3 li { 
border-bottom: 1px dashed rgba(105, 107, 108, .4);
}
.column_3 li:nth-child(7) + li {
border-bottom:none;
}
.subdrop li a {
text-indent:0;
white-space: nowrap;
font-size: 1em;
padding:5px;
display: block;
text-shadow: 0 1px rgba(145, 143, 145, .77);
}
.subdrop li a:hover {
color:rgb(176,178,176);
}
/**=============3 Column Subdrop===============**/
.column_3 {width: 440px;}
.col_110 { width: 110px;
float:left;
margin: 8px 10px 8px 20px;
}
.col_110_head h3, .col_350_head h3   {
white-space: nowrap;
color:#f8f8f8;
font-family: "Trebuchet MS", helvetica, arial;
width:160px
}
.col_110_head h3 {
margin: 15px 0px 10px;
font-size: 15px;
font-weight: 600;
}
.column3_footer {
background:#101010;
box-shadow:inset 0 0 100px rgba(35, 32, 33, .92), 0px 2px 2px  rgba(2,3,4,.7);
float: left;
width: 100%;
}
.column3_footer p a{
font: italic 13px  "Trebuchet MS", helvetica, arial;
color: #e6e6e6;
float: right;
margin-right: 10px;
}

/**=====================Drop Column=================**/
.dropmenu li .full_drop {
text-indent: 0;
}

.drop_column {
width: 963px; padding-bottom:15px
}
.drop_col_menu {
margin: 6px 0; 
}

.drop_col_menu li {width:230px}

.drop_col_menu li a {
font-size: 13px;
padding: 0px;
letter-spacing: 1px; margin-left:-5px; margin-top:4px; margin-bottom:3px; padding:2px 0 2px 0; padding-left:5px;  transition: background-color 0.6s; 
-moz-transition: background-color 0.6s; -webkit-transition: background-color 0.6s; -o-transition: background-color 0.6s; width:94%
}
.drop_col_menu li a:hover{background-color:#fff; color:#151515;  }
.nested_drop {
position:relative;
}
.nested_drop li a {
padding: 8px 40px 8px 15px;
}
.nested_drop .right-arrow{
background: url(../img/right-arrow.png) no-repeat 90px;
}
.nested_sub_drop .right-arrow {
background: url(../img/right-arrow.png) no-repeat 70px;
}
.nested_right_drop, .nested_right_sub_drop  {
position:absolute;
opacity:0;
visibility: hidden;
border-radius: 4px;
}
.nested_right_drop {
top: -10px;
 left: 120px;
}
 .nested_right_sub_drop {
 top:30px;
left: 90px;
 }
.nested_right_sub_drop li a {
padding: 5px 30px 5px 13px;
}

/**==================1 Column  Subdrop=================**/
.column_1 {width: 350px;}
.col_350 {
margin: 35px 10px 15px 0;
}
.col_350_head h3 {
margin: -15px 95px 5px;
font-size: 14px;
}
.col_350 p {
margin-left: 95px;
color: #eee;
font:  13px/1.6  helvetica;
}
.col_350 p a {
text-indent:3px;
padding:0 15px;
float:right;
font-size: 13px;
color:rgb(188, 180, 180);
}
.col_350  img {
float: left;
width: 72px;
height: 68px;
border: 4px solid #ddd; /**fallback**/
border: 4px solid rgba(220, 220, 220, .3);
margin-top: -20px;
box-shadow: 0 0 1px 2px rgba(210, 210, 210, .3);
margin-left: 8px
}



/**====================Sign Up========================**/
#sign-up {
position:absolute;
padding: 15px 18px;
right:0;
z-index: 99;
visibility:hidden;
top:47px;
opacity:0;
border-radius:4px 0 4px 4px;
}

#sign-up label {
color:rgb(248, 248, 248);
margin: 5px 2px;
font: 1em/1.2 helevtica, arial;
}
#sign-up input {
border-radius: 1px;
border: none;
display: block;
width: 150px;
margin: 4px 0;
box-shadow: 0 0 1px 2px rgba(38, 65, 118, .34);
padding: 3px 0px 3px 6px;
}
#sign-up input:focus {
outline:none;
box-shadow:  inset 0 0 2px 1px rgba(2, 2, 2, .47);
}
#sign-up .sign-up-button {
padding: 2px 15px;
display: inline-block;
cursor: pointer;
border: none;
color: rgb(230, 232, 230);
border-radius: 4px;
width: 75px;
font: 13px/1.4 'Trebuchet MS', helevtica, arial;
margin: 5px 2px 5px 2px;
background:#191919;
box-shadow: 0 1px 1px rgba(3, 2, 2, .9);
}
#signup_footer  a {
display:inline;
font: italic 11px 'Trebuchet MS', helvetica, arial;
margin: 5px 5px 5px 2px; 
white-space:nowrap;
padding:2px;
color:#f7f7f7;
}
/**===Drop/Sub Drop Down Appear on Hover===**/
.dropmenu li:hover .subdrop {
visibility: visible;
top: 40px;
opacity: 1;
}
.nested_drop:hover > .nested_right_drop, .nested_sub_drop:hover > .nested_right_sub_drop {
visibility: visible;
opacity:1;
}
.dropmenu li:hover > #sign-up {
visibility: visible;
opacity:1;
top:37px;
}

.AllProducts{float:right !important;margin-right:20px;  margin-top:20px !important; background-color:#A81B1B; opacity:0.8; color:#fff; padding: 4px 12px 4px 12px; font-weight:bold;
              box-shadow: 0 1px 0 0 #303030, 0 1px 0 0 #616161 inset;
}

