/*************  Attaching missing fonts  ****************/
@font-face{font-family:"Myriad Pro Light",Lucida Grande,Helvetica,Arial,Verdana,sans-serif;src: url(../fonts/MyriadPro-Light.otf) format("truetype");}
@font-face{font-family:"Myriad Pro Regular";src: url(../fonts/MyriadPro-Regular.otf) format("truetype");}

/*******************   Header  ******************/
#aos-page #header {z-index:2; margin-bottom:25px;font-family:"Myriad Pro Light",Lucida Grande,Helvetica,Arial,Verdana,sans-serif;}

/*******************    Horizontal Navigation    ******************/
#aos-page #header .b2bmenu {height:40px!important;}
#aos-page #header .b2bmenu ul li a {text-decoration:none; color:#333; font-size:15px; /*padding-right:41px;*/}
#aos-page #header .b2bmenu ul li ul li a{color:#000;}
#aos-page #header .b2bmenu a span.navblock {height:35px!important; vertical-align:middle; display:table-cell;padding-top:6px!important; line-height:24px\9!important; padding-top:10px\9!important; }
#aos-page #header .b2bmenu a:hover span.nodropdown {vertical-align:middle; display:table-cell;}
#aos-page #header .b2bmenu a:hover span.last {display:table-cell; *display:block;}
#aos-page #header .b2bmenu a:hover span.first {display:table-cell; *display:block;}
#aos-page #header .b2bmenu ul li {font-weight:normal; color:#333; font-size:12px; z-index:1!important; height:45px!important}
#aos-page #header .b2bmenu ul {margin: 0; padding: 0; list-style-type: none}
#aos-page #header .b2bmenu a {cursor:pointer}
#aos-page #header .b2bmenu ul li ul li	{height:auto!important;}

@media screen and (-webkit-min-device-pixel-ratio:0){
#aos-page #header .b2bmenu a span.navblock {font-weight:normal; font-size:15px;}
}

/*******************    Logo   *******************/
#aos-page #header .b2bmenu ul li.logo			{padding-right:60px;}
#aos-page #header .b2bmenu ul li.logo:hover		{color:#fff}
#aos-page #header .b2bmenu ul li.logo a			{font-size:20px;padding-top:24px;display:block; clear:both}

/*******************    Top level list items   *******************/
#aos-page #header .b2bmenu ul li{position:relative; display:inline; float:left; margin-left:0; line-height:0.001em !important; *line-height:1.7em !important;}
#aos-page #header .b2bmenu ul li.dummydivider{height:46px}
#aos-page #header .b2bmenu ul#navmenubar > li{padding-left:0;}
#aos-page #header .b2bmenu ul#navmenubar > li > a{z-index:-2!important; position:relative!important; height:41px;}

/*******************   Top level menu link items style   *******************/
/*#aos-page #header .b2bmenu ul li#navitem_2 a{width: 123px;}
#aos-page #header .b2bmenu ul li#navitem_2 a span.navblock{width: 123px}*/
#aos-page #header .b2bmenu ul li#navitem_2 a span.navblock{background:none!important}


/*******************   1st sub level menu   *******************/
#aos-page #header .b2bmenu ul li ul {left:-1px; position:absolute; margin-top:-1px; display:block; visibility:hidden; width:268px; z-index:10}
/*Sub level menu list items (undo style from Top level List Items)*/
#aos-page #header .b2bmenu ul li ul li{display: list-item; float: none; width:238px;margin-left:-16px;}
 /* Top Navigation lines issue fix (Only for iPad) */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  #aos-page #header .b2bmenu ul li ul li{margin-bottom:-1px!important}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  #aos-page #header .b2bmenu ul li ul li{margin-bottom:-1px!important}
}
 /* End Top Navigation lines issue fix (Only for iPad) */

#aos-page #header .firstitem {width:238px; height:7px; *margin-top:-6px}
#aos-page #header .lastitem  {width:238px; height:20px; margin-left:-14px !important;}

/*All subsequent sub menu levels offset after 1st level sub menu */
#aos-page #header .b2bmenu ul li ul li ul{left:189px; top:0;}
#aos-page #header .lasttabitem {top:0; margin-left:-88px !important; margin-top:-3px !important}
#aos-page #header .lasttabitem li{width:226px!important}


/*******************   Sub level menu links style   *******************/
#aos-page #header .b2bmenu ul li ul li a{background:#333;display:block; width:220px; color:#fff; text-decoration: none; line-height:30px;padding:1px 20px; margin-left:6px;}
#aos-page #header .b2bmenu ul li ul li:last-child a{-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;}
#aos-page #header .b2bmenu ul li ul li a:hover {color:#fff; background:#0085cf; line-height:30px; text-shadow:none}
#aos-page #header .b2bmenu ul li a:hover {color: #d1d1d1; text-shadow:none}

/* Top Nav Mouseover Text color */
#aos-page #header .navtextNew {color:#bdbdbd !important;}

/* Holly Hack for IE \*/* html .b2bmenu ul li{float:left; height:1%}* html .b2bmenu ul li a {height:1%}/* End */

/******************* Global Search in header  ******************/
#picassoRev {height:33px; /*display:block; padding-left:14px; float:right;*/ margin:10px 5px 0 0;width:110px}
#picassoRev input{width:95px; padding:0 15px 0 2px; border:1px solid #aaa; height:20px;}
#picassoRev input.spinner{background:#fff url(../images/small-spinner.gif?fy16-r4-1.0) no-repeat 98% 50%}
#globalsearch {display:block; width:160px; height:33px; padding-left:30px; padding-top:8px; float:right; position:relative; right:0; top:5px}
#globalsearch input.gsearch {border:0 none; padding-top:2px; *padding-top:0; width:125px; height:13px; color:#333; font-size:11px!important; outline:none; background:none}
::#globalsearch input.gsearch {padding-top:4px}   /*  Opera Specific css */
.globalsearch_bg_mouseout  {background-position:0 0 !important; color:#bbb!important;}
.globalsearch_bg_mouseover {background-position:0 110% !important; color:#000!important}
@media screen and (-webkit-min-device-pixel-ratio:0)    {
    .globalsearch_bg_mouseover {background-position:0 110% !important;color:#000!important}
}

/******************* Heading text  ******************/
#aos-page #header h1.logoheading 			{padding-top:3px; font-weight:normal; color:#0085CF; font-size:16px; text-shadow:none; height:34px}
#aos-page #header h1.logoheading  a			{color:#fff; line-height:30px; font-weight:normal}
#aos-page #header h1.logoheading  a:hover 	{text-decoration:none}
#aos-page #header h1.logoheading span		{font-size:17px;}
#aos-page #header h1.logoheading .logo		{ background:url(../images/apple_logo.png?fy16-r4-1.0) no-repeat; padding-left:30px;}
#aos-page #header h1.logoheading .username	{color:#b7b7b7; font-size:12px; border-left:1px solid #b7b7b7; padding-left:10px; margin-left:10px}
/**************** NEW Navigation *******************/
li#searchli						{padding:0 10px;}
li#searchli input				{height:15px!important; border:1px solid #ccc; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; padding:2px 3px 2px 18px!important;float:left;margin-top:-1px;background: #fff url("../images/i-search-input.png?fy16-r4-1.0") no-repeat scroll 3% 50%;}
li#searchli div					{float:right; padding:0 4px}
li#searchli div a img			{padding-top:4px; padding-right:2px;}
li#searchli ul li.has-sub ul	{z-index:999!important}


/**************** ANIMATION *******************/
.fadeinout {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}