@font-face {
    font-family: 'Gotham-Book_Web';
    src: url('font/woff2/Gotham-Book_Web.woff2') format('woff2'), url('font/woff/Gotham-Book_Web.woff') format('woff');
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    font-family: Gotham-Book_Web;
}


#nav
{
    clear:both;
	height:49px;
	margin:0 auto;
	width:985px;  border:1px solid #dfdfdf; border-radius:5px; 
    background:url(../images/sprite_primary_nav.gif) repeat-x;
    
    } 
#cssmenu > ul 
{
    list-style: none;
	margin:0;} 
#cssmenu > ul > li 
{
   border-left:1px solid #dfdfdf;
	display:list-item;
	float:left;
	height:49px;
	padding-bottom:0px;} 
#cssmenu > ul > li a
{
   border:1px solid #ffffff;
	color:#333333;
	display:block;
	font-family:;
	font-size:123.1%;
	height:47px;
	padding:15px 23px 0px;
	text-decoration:none;}
	#cssmenu > ul > li a:hover
{
    background:url(../images/sprite_primary_nav.gif) repeat-x 0px -49px;
   border:1px solid #ffffff;
	color:#333333;
	display:block;
	font-family:Calibri, "Times New Roman", Arial;
	font-size:123.1%;
	height:47px;
	padding:15px 23px 0px;
	text-decoration:none;}
    #cssmenu > ul:first-child
{
    margin-left:41px;
    border-radius:5px 0 0 5px;} 
#cssmenu > ul > li:first-child > a
{
    margin-left:41px;
    border-radius:5px 0 0 5px;} 
#cssmenu > ul > li > a:after
{
     content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after
{
    top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before
{
     content:''; 
     position:absolute; 
     top:18px; 
     right:2px; 
     border:5px solid transparent; 
     border-top:5px solid #dfdfdf; } 
#cssmenu > ul > li.has-sub:hover > a:before
{
    top:1px;} 
#cssmenu ul li.has-sub:hover > a /*product 2*/
{
     background:url(../images/sprite_primary_nav.gif) repeat-x 0px -49px; border-color:#FFF;
    border-color:#dfdfdf; 
    padding-bottom:0px;
     padding-top:13px; 
     top:-1px; 
     z-index:999; } 
     #cssmenu ul li.active > a /*active main*/
{
    background:url(../images/sprite_primary_nav.gif) repeat-x 0px -49px;
    border-color:#dfdfdf; 
    padding-bottom:0px;
     padding-top:13px; 
      top:0px;
       border:1px solid #ffffff;
    } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover
{
    background:url(../images/sprite_primary_nav.gif) repeat-x 0px -49px; border-color:#FFF;
    } 
#cssmenu ul li > ul, #cssmenu ul li > div
{
     display:none; width:auto; 
     position:relative; 
     top:5px; padding:1px 0; 
     background:url(../images/sprite_primary_nav.gif) repeat-x;
      border-radius:0 0 5px 5px;
       z-index:999; } 
#cssmenu ul li > ul{width:auto;} 
#cssmenu ul li > ul li{display:block; width:auto; list-style:inside none; outline:none; padding:0; margin:0; position:relative; background:url(../images/sprite_primary_nav.gif) repeat-x;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:inherit; font-family:ScalaOTRegular, "Times New Roman", Arial;
	font-size:123.1%; color:black; text-decoration:none; } 


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:url(../images/sprite_primary_nav.gif) repeat-x;  } 
#cssmenu{border-color:#dfdfdf;} /*main outside border*/
#cssmenu > ul > li > a{border-right:1px solid #FFF; color:black;}/*border main*/ 
#cssmenu > ul > li > a:after{border-color:#dfdfdf;} 
#cssmenu > ul > li > a:hover{background:url(../images/sprite_primary_nav.gif) repeat-x 0px -49px;}