@font-face {
    font-family: 'GandhiSansRegular';
    src: url('../fonts/1/gandhisans-regular-webfont.eot');
    src: url('../fonts/1/gandhisans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/1/gandhisans-regular-webfont.woff') format('woff'),
         url('../fonts/1/gandhisans-regular-webfont.ttf') format('truetype'),
         url('../fonts/1/gandhisans-regular-webfont.svg#GandhiSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@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 {

margin: 0px 0px;
font: 13px helvetica, arial;
}

#topnav ul.dropmenu {
list-style:none;
width:820px;
margin:0;
padding:0 0 0 160px;
float:left;
border-radius:4px;
border: 1px solid #3171ca;
background:url(../img/btnbg.png);
/*background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmM2YzZiIgc3RvcC1vcGFjaXR5PSIwLjk0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iIzQzNDM0MyIgc3RvcC1vcGFjaXR5PSIwLjk0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iIzJmMmYyZiIgc3RvcC1vcGFjaXR5PSIwLjk2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTJlMmUiIHN0b3Atb3BhY2l0eT0iMC45NiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");*/
/*background: -webkit-linear-gradient(top, rgba(63,63,63,0.94) 0%,rgba(67,67,67,0.94) 31%,rgba(50,50,50,0.95) 70%,rgba(47,47,47,0.96) 93%,rgba(46,46,46,0.96) 100%);
background: -moz-linear-gradient(top, rgba(63,63,63,0.94) 0%,rgba(67,67,67,0.94) 31%,rgba(50,50,50,0.95) 70%,rgba(47,47,47,0.96) 93%,rgba(46,46,46,0.96) 100%);
background: -o-linear-gradient(top, rgba(63,63,63,0.94) 0%,rgba(67,67,67,0.94) 31%,rgba(50,50,50,0.95) 70%,rgba(47,47,47,0.96) 93%,rgba(46,46,46,0.96) 100%);
box-shadow: 0 1px 1px 0px rgba(8,8,5,.99), 0 1px 2px rgba(3,5,3,.96), inset 0 0 14px rgba(45, 47, 46, .8);*/
}
#topnav .dropmenu > li {
position:relative;
padding:4px 15px 12px 15px;
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;
}

#topnav .drop_icon {
/*font: 1.2em/1.1 "HeydingsCommonIconsRegular";*/
position:absolute;
z-index: 99;
color:rgb(250, 250, 250);
left: 0px;
/*top:7px;*/
}
#topnav .drop_icon.search_icon {
top: 11px;
color: rgb(42, 44, 40);
left: 14px;
}

/*#topnav .dropmenu > li:first-child + li  + li + li + li + li:after {
content:"*";
font: 1.8em/1.05 "HeydingsCommonIconsRegular";
position:absolute;
right:4px;	
top:-12px;
z-index: 99;
color: #212121;
}*/

/*#topnav span.notification:before {
content:"3";
position:relative;
right:-8px;
top:-20px;
z-index: 100;
font-size: 10px;
}*/

#topnav .dropmenu > li:hover {
border-radius: 3px 3px 2px 2px;
background:#3b3b3b;
box-shadow: 0 2px 2px rgba(27,27,27,0.96),  inset -1px 0 50px rgba(18,17,19,.45);
}
#topnav .dropmenu li a {
text-decoration:none;
font: 1.18em/1.33 'GandhiSansRegular', helevtica, arial;
color: rgb(254, 252, 254);
display:inline-block;
padding: 6px 15px 6px 15px;
text-indent: 0px;
vertical-align: middle;
text-shadow: 0 0 30px rgba(230, 230, 230, .46);
border-radius: 2px;
}

/**=====================Search Box====================**/
#topnav  #searchbox .search_input{
position:relative;
top: 0px;
left: 2px;
margin-top: 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: 5px 0px 5px 25px;
-webkit-transition: all .4s ease-in;
}

#topnav #searchbox .search_input:focus {
outline: none;
padding: 5px 10px 5px 25px;
background: rgb(250, 248, 250);
box-shadow: 0 0 0 2px rgba(120, 120, 120, .22);
}
::-webkit-input-placeholder {
color: rgba(30, 24, 30, .8);
}
:-moz-placeholder {
color: rgba(30, 24, 30, .8);
}
/**=====================DROP DOWN=======================**/
/***Common for all drops****/
#topnav .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;
}
#topnav .subdrop  {
position:absolute;
left:0;
top: 48px;
z-index: 99;
float: left;
margin-left:0px;
border-radius: 0 4px 4px 4px;
visibility:hidden;	
opacity:0;
}
#topnav .subdrop li {
list-style:none;
}
#topnav .column_3 li { 
border-bottom: 1px dashed rgba(105, 107, 108, .4);
}
#topnav .column_3 li:nth-child(7) + li {
border-bottom:none;
}
#topnav .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);
}
#topnav .subdrop li a:hover {
color:rgb(176,178,176);
}
/**=============3 Column Subdrop===============**/
#topnav .column_3 {width: 440px;}
#topnav .col_110 { width: 110px;
float:left;
margin: 8px 10px 8px 20px;
}
#topnav .col_110_head h3, .col_350_head h3   {
white-space: nowrap;
color:#f8f8f8;
font-family: 'GandhiSansRegular', "Trebuchet MS", helvetica, arial;
}
#topnav .col_110_head h3 {
margin: 15px 0px 10px;
font-size: 15px;
font-weight: 600;
}
#topnav .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%;
}
#topnav .column3_footer p a{
font: italic 13px  'GandhiSansRegular';
color: #e6e6e6;
float: right;
margin-right: 10px;
}

/**=====================Drop Column=================**/
#topnav .dropmenu li .full_drop {
text-indent: 0;
}

#topnav .drop_column {
width: 130px;
}
#topnav .drop_col_menu {
margin: 6px 0;
}
#topnav .drop_col_menu li a {
font-size: 13px;
padding: 6px 15px;
letter-spacing: 1px;
}
#topnav .nested_drop {
position:relative;
}
#topnav .nested_drop li a {
padding: 8px 40px 8px 15px;
}
#topnav .nested_drop .right-arrow{
background: url(../img/right-arrow.png) no-repeat 90px;
}
#topnav .nested_sub_drop .right-arrow {
background: url(../img/right-arrow.png) no-repeat 70px;
}
#topnav .nested_right_drop, .nested_right_sub_drop  {
position:absolute;
opacity:0;
visibility: hidden;
border-radius: 4px;
}
#topnav .nested_right_drop {
top: -10px;
 left: 120px;
}
#topnav  .nested_right_sub_drop {
 top:30px;
left: 90px;
 }
#topnav .nested_right_sub_drop li a {
padding: 5px 30px 5px 13px;
}

/**==================1 Column  Subdrop=================**/
#topnav .column_1 {width: 350px;}
#topnav .col_350 {
margin: 35px 10px 15px 0;
}
#topnav .col_350_head h3 {
margin: -15px 95px 5px;
font-size: 14px;
}
#topnav .col_350 p {
margin-left: 95px;
color: #eee;
font:  13px/1.6  'GandhiSansRegular', helvetica;
}
#topnav .col_350 p a {
text-indent:3px;
padding:0 15px;
float:right;
font-size: 13px;
color:rgb(188, 180, 180);
}
#topnav .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========================**/
#topnav #sign-up {
position:absolute;
padding: 15px 18px;
right:0;
z-index: 99;
visibility:hidden;
top:47px;
opacity:0;
border-radius:4px 0 4px 4px;
}

#topnav #sign-up label {
color:rgb(248, 248, 248);
margin: 5px 2px;
font: 1em/1.2 'GandhiSansRegular', helevtica, arial;
}
#topnav #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;
}
#topnav #sign-up input:focus {
outline:none;
box-shadow:  inset 0 0 2px 1px rgba(2, 2, 2, .47);
}
#topnav #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);
}
#topnav #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===**/
#topnav .dropmenu li:hover .subdrop {
visibility: visible;
top: 37px;
opacity: 1;
}
#topnav .nested_drop:hover > .nested_right_drop, .nested_sub_drop:hover > .nested_right_sub_drop {
visibility: visible;
opacity:1;
}
#topnav .dropmenu li:hover > #sign-up {
visibility: visible;
opacity:1;
top:37px;
}

