/****************************************************************/
/* FWD Standard Theme (always loaded even for different themes) */
/****************************************************************/

#tertiarynavspan
{
min-height: 36px;
float: right;
}

.anav 
{
margin-bottom: 0px; 
}

.navbar 
{ 
margin: 0; 
}

.navbar li
{
line-height: 18px;
}

.navbar .brand 
{ 
font-size: 16px; 
} 

.navbar-inverse .nav .active > a, 
.navbar-inverse .nav .active > a:hover, 
.navbar-inverse .nav .active a > i, 
.navbar-inverse .nav .active a > i:hover 
{ 
background-color: #000 !important; 
}

.navbar-inverse .nav .dropdown-menu .active > a, 
.navbar-inverse .nav .dropdown-menu .active > a:hover, 
.navbar-inverse .nav .dropdown-menu .active a > i, 
.navbar-inverse .nav .dropdown-menu .active a > i:hover 
{ 
background-color: #e5e5e5 !important; 
}

.navbar-inner.hide-nav-border
{
background-color: transparent;
background-image: none;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding-left: 0;
padding-right: 0;
}

.nav-pills > li > a 
{ 
border-radius: 0; 
margin-bottom: 2px; 
margin-top: 2px; 
padding-bottom: 8px; 
padding-top: 8px; 
}

.dropdown-menu 
{ 
margin: 0; 
z-index: 99999;
text-transform:none;
}

.nav-tabs .open .dropdown-toggle, 
.nav-pills .open .dropdown-toggle, 
.nav > li.dropdown.open.active > a:hover 
{ 
background-color: #e5e5e5; 
border-color: #999999; 
color: #333333; 
}

.navbar li:hover
{
background-color: #e5e5e5; 
}

.megamenu_container
{
padding: 0 20px;
display: table;
}

.megamenu_container .brand
{
float: left;
}

.megamenu li:nth-child(2)>a
{
border-left:none;
}

.dropdown_container
{
padding:10px;
}

.megamenu li.megamenu_right
{
margin-left:16px;
}

.megamenu_container .megamenu > li 
{
margin: 0 0;
}

.megamenu_light_bar .megamenu > li.megamenu_right:hover, 
.megamenu_light_bar .megamenu > li.megamenu_right.active,
.megamenu_dark_bar .megamenu > li.megamenu_right:hover, 
.megamenu_dark_bar .megamenu > li.megamenu_right.active
{
background-color:transparent !important; /* No hover effect here, since this contains the Search Box by default */
}

#breadcrumb 
{ 
border-bottom: 1px solid #CCCCCC; 
float: left; 
width: 100%; 
margin-bottom: 10px; 
}

#breadcrumb ul 
{ 
float: left; 
list-style: none outside none; 
margin: 0 0 2px; 
padding: 12px 0 8px 10px; 
}

#breadcrumb ul li 
{ 
background: url("../img/breadcrumb_icon.png") no-repeat scroll left 7px transparent; 
float: left; 
margin-left: 8px; 
padding-left: 10px; 
}

#breadcrumb .home 
{ 
background: none repeat scroll 0 0 transparent; 
height: 15px; 
margin-left: 0; 
padding-left: 0; 
}

.addtofavsbutton 
{ 
padding:12px; 
}

.side-nav .active 
{ 
color: #000000; 
}

.side-nav ul 
{ 
list-style: none; 
margin-left: 0; 
}

.side-nav ul li 
{ 
margin: 6px 0 0 0; 
overflow: hidden; 
padding: 6px 0 0 0; 
}

.side-nav ul li ul 
{ 
list-style: none; 
padding-left: 10px; 
}

.side-nav ul li a 
{ 
background: url("/assets/img/left_nav_bullets.png") no-repeat scroll 0 8px transparent; 
padding-left: 9px !important; 
display: block; 
font-size: 13px; 
}

.side-nav ul li a:hover 
{ 
text-decoration: none; 
color: #333333; 
}

#footer 
{ 
width: 100%; 
margin-top:20px; 
}

.footer-top 
{ 
height: 10px; 
}

.footer-wrapper 
{ 
padding-top: 17px; 
}

.footer-bottom 
{ 
font-size: 11px;
}

.footer-logo 
{ 
margin-bottom: 20px; 
}

.footer-wrapper .address 
{ 
padding-left: 15px; 
}

.footer-wrapper .address p 
{ 
margin-bottom: 5px; 
padding: 0; 
}  

.footer-wrapper .address p i 
{ 
display: block; 
float: left; 
line-height: 20px; 
width: 30px; 
}

.footer-wrapper h4, 
.footer-wrapper h2 
{ 
border-bottom: 1px solid #CBCBCB; 
font-size: 18px; 
margin-bottom: 8px; 
padding-bottom: 8px; 
line-height: 22px; 
font-weight: bold; 
font-family: Arial, sans-serif; 
}

.footer-wrapper p 
{ 
margin-bottom: 5px; 
padding: 0; 
}

.footer-wrapper .span4,
.footer-wrapper .span3,
.footer-wrapper .span2
{ 
margin-bottom: 30px; 
}

.footer-wrapper .footer-right h4, 
.footer-wrapper .footer-center h4
{ 
margin-bottom: 0; 
}

.footer-navigate 
{ 
list-style: none; 
margin-left: 0; 
}

.footer-center p 
{ 
padding: 12px 0 0; 
}

.footer-navigate li 
{
border-bottom: 1px solid #898989;
padding: 5px 0; 
}

.footer-navigate li a 
{ 

}

.footer-bottom p 
{ 
padding: 10px 10px 10px 10px;
}

.footer-bottom p a 
{ 

}

footer p 
{ 
text-align: left; 
}

footer h5 
{ 
font-weight: normal; 
font-size: 18px; 
margin: 4px; 
padding: 4px; 
text-align: center; 
}

footer ul 
{ 
margin: 0px; 
}

footer ul li 
{ 
margin: 0px; 
list-style-type: none; 
}

footer ul li a 
{ 

}

footer ul li a:hover 
{ 

}

.hide-bottom-border
{
border-bottom: none !important;
}

/*Vertical Language Selector*/

#VerticalLanguageSelectorUL 
{
min-width: 240px;
}

#VerticalLanguageSelector #RegionColumn table
{
margin:0;
}

#VerticalLanguageSelector #RegionColumn hr
{
margin: 5px 0;
}

#VerticalLanguageSelector #RegionColumn
{
padding-bottom:20px;
}

#VerticalLanguageSelector
{
padding:0 20px;
}

#VerticalLanguageSelector #RegionColumn td
{
vertical-align:text-top; 
border:0; 
line-height:10px;
}

/* Default */
@media (min-width: 980px) 
{
    .brand 
    {
        visibility: hidden; margin-left: -100px !important; 
    }

    .logobrand 
    { 
        visibility: visible; margin-left: -20px !important; 
    }

    .footer-wrapper .span4 
    { 
        width: 30.209% /* 290px */; 
        padding-left: 10px; 
    }

    .footer-wrapper .span3 
    { 
        width: 21.876% /* 210px */; 
        padding-left: 10px; 
    }

    .footer-wrapper .span2
    {
        width: 13.5432%;
        padding-left: 10px;
    }

    #responsive-menu-button 
    { 
        display: none; 
    }

    .navbar .logobrand,
    .megamenu_container .logobrand
    { 
        padding: 5px 20px !important;
        margin-top: 6px; /* SEN 02/26/2014 - Added to vertically center HW logo in the navbar */
		margin: 5px 0 0 10px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) 
{
    .navbar .logobrand 
    { 
        padding: 5px !important;  
        margin-top: 5px; /* SEN 02/26/2014 - Added to vertically center HW logo in the navbar */
    }
}

@media(max-width:767px),
      (min-width:768px) and (max-width:1024px)
{
    .dropdown-menu.pull-right 
    {
        right: 0;
    }

    .megamenu_container .megamenu > li 
    {
        margin: 0 0 0 0;
    }
 
    .navbar .logobrand, 
    .megamenu_container .logobrand
    {
		margin: 5px 0 0 10px;
    }
    	
   	.btn-navbar:hover
    {
	    background-position: 0 0;
    }
   
	.megamenu_button .btn-navbar .icon-bar
    {
	  height:4px;
	  opacity:.6;
	  border-radius:0;
	}
	
	.megamenu_button .btn-navbar .icon-bar+.icon-bar
    {
	  margin-top:2px;
	}
    
    .megamenu_light_bar 
    {  
		padding: 0 20px 0 30px;
        top: -1px;
    }

    .megamenu li.megamenu_right 
    {
        margin-right: 3px;
    }
       
    .navbar-search,
    #FWDCoveoSearchBox
    {
        margin-top: 7px;
        margin-right: 5px;
    }

    .megamenu_right 
    {    
        margin: 0 3px 0 0;
    }
	
	.megamenu_container
	{
	    min-height:50px;
	}
}

@media (max-width: 900px)
{
	.navbar .logobrand, 
    .megamenu_container .logobrand
    {
		padding:0 0 0 0;
		margin-left:0;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px)
{
    .footer-top, 
    .footer-wrapper, 
    .footer-bottom 
    {
        margin: 0 -20px 0; 
    }

    .megamenu_light_bar,
    .megamenu_dark_bar 
    {
        padding: 0;
        top: 0;
    }

    #ctl05_LiLanguages ul
    {
        right: inherit;
    }

    .megamenu_light_bar .megamenu,
    .megamenu_dark_bar .megamenu 
    {
        padding: 5px 20px;
    }

    /* NEED TO REPLACE ctl07 ASP.NET ID */
    #ctl07_MegaMenuList > li:nth-child(1) 
    {
       width: 42px;
       float: right;
    }

    #ctl07_MegaMenuList > li:nth-child(2) 
    {
       clear:both;
    }

    #ctl07_MegaMenuList > li > a 
    {
       padding: 16px 10px;  
       border-radius:5px;
	   margin:0 0;
    }

    .navbar .logobrand, 
    .megamenu_container .logobrand
    {
		padding: 0 0 0 0;
		margin: 14px 0 0 10px !important;
    }
	
	#footerWrapper .container .span3
	{
		padding-left:0;
		margin-left:5px;
	}
	
	#footerWrapper .container .span3.footer-right ul
	{
		margin-bottom:30px;
	}

    .footer-wrapper .span4,
    .footer-wrapper .span3,
    .footer-wrapper .span2
    { 
        padding-left: 10px; 
    }

    .navbar .logobrand 
    { 
        padding: 5px !important;  
        margin-top: 5px; /* SEN 02/26/2014 - Added to vertically center HW logo in the navbar */
    }
}

/* Landscape phones and down */
@media (max-width: 640px)
{
    .nav.border-highlight > li > a:hover,
    .nav.border-highlight .active > a,
    .nav.border-highlight .dropdown-toggle:hover,
    .nav.border-highlight > li.dropdown.open a 
    {
        border-bottom: none !important;
    }

    .navbar-search,
    #FWDCoveoSearchBox
    {
        float: none;
        margin: 10px 0;
        padding: 10px 40px 10px 15px;
    }
}

@media (min-width:639px) 
{
    #ctl05_LiLanguages ul
    {
        right: 0;
    }
}

@media (max-width: 480px)
{
    #VerticalLanguageSelectorUL
    {
        left:0;
        right:auto;
    }
}

@media (max-width: 480px) 
{
    .footer-wrapper .span4,
    .footer-wrapper .span3,
    .footer-wrapper .span2
    { 
        padding-left: 10px; 
    }

    .navbar .logobrand 
    { 
        padding: 5px !important;  
        margin-top: 5px; /* SEN 02/26/2014 - Added to vertically center HW logo in the navbar */
    }
	
	#VerticalLanguageSelectorUL 
	{
		left:0;
		right:auto;	
	}
}

@media (max-width : 470px)
{
    #ctl05_sitesli ul
    {
        right: inherit;
    }
}

@media (max-width: 360px)
{
    #tertiarynavspan
    {
        min-height: 73px;
    }
	
	#VerticalLanguageSelectorUL 
	{
		right:0;	
		left:auto;
	}
}

@media (max-width: 360px), 
       (max-width: 320px) 
{
    .navbar-search.input-append input,
    #FWDCoveoSearchBox input
    {
        width: 100%; /* Keeps entire search box control visible on mobile devices */
    }
}

@media (max-width: 320px)
{
    .navbar-search.input-append input, 
    #FWDCoveoSearchBox input
    {
        width: 100%; /* Keeps entire search box control visible on mobile devices */
    }

    #VerticalLanguageSelectorUL 
	{
		left:0;	
		right:auto;
	}
}

@media (max-width: 360px), 
       (max-width: 320px), 
       (max-width: 767px)
{
	.navbar .logobrand, 
    .megamenu_container .logobrand
	{
		padding: 0 0 0 0;
	}
	
	.megamenu_container 
	{
		height:50px !important;
	}
	
    .megamenu
    {
        top: 7px;
        float: left;
        min-height: 8px;
    }

	.megamenu_container .megamenu > li.megamenu_button,
    .megamenu_container .megamenu > li.megamenu_button_active
	{
	    position:absolute;
	    right:0;
	    top:-47px;
	    width:auto;
		margin-right:0;
		border-bottom:none;
	}
	
	.megamenu_light .megamenu
	{
	    width:100%;
	    padding-left:0;
	    padding-right:0;
	    margin:0;
	    position:relative;
		min-height:0;
		height:auto;
		padding-top:0;
		padding-bottom:0;
	}
	
	.megamenu_light .megamenu li
	{
	    margin:0 10px 0 10px;
	    text-align:left;
	}
	
	.megamenu_light .megamenu li.megamenu_button_active,
    .megamenu_light .megamenu li.megamenu_button
	{
	    margin:0 0 0 0;
	    text-align:right;
	}
	
	.megamenu_light .megamenu li .dropdown_container
	{
	    margin-top:1px;
	    margin-bottom:0;
	    padding-top:0;
		padding-bottom:0;
	}
	
    .megamenu_light .megamenu li .dropdown_container.dropdown_fullwidth
    {
        width:auto;
        margin-right:-1px;
    }

	.dropdown_container>div>p,
	.dropdown_container>div>div,
	.dropdown_container>div>p,
	.dropdown_container>div>h2,
	.dropdown_container>div>p,
	.dropdown_container>div>h3
	{
	    margin-left:10px;
	    margin-right:10px;
	}
	
	.dropdown_container 
	{
		text-align:left;
	}
	
	.dropdown_container ul
	{
	    margin-left:10px;
	    margin-right:10px;
	}
	
	.dropdown_container > div > h2
	{
	    padding:14px 0;
		margin-bottom:0;
	}
	
	.megamenu_light .megamenu>li>a
	{
		font-weight:normal !important;
		text-align:left !important;
		border-radius:0 !important;
		border:0 !important;
		border:none !important;
	}
	
	.megamenu_light .megamenu li:not(.megamenu_button) a,
	.megamenu_light .megamenu li ul li,
	.megamenu_light .megamenu li ul li a,
	.megamenu_light .megamenu li ol li,
	.megamenu_light .megamenu li ol li a
	{
		margin-left:-5px !important;
		padding-right:0 !important; 
		padding-left:9px !important; 
		padding-right:0 !important;
	}
	
	.megamenu_light .megamenu .navbar-search,
    .megamenu_light .megamenu #FWDCoveoSearchBox
	{	
		padding-left:0; 
		margin-left:0;
		margin-right:0;
	}
	
	.megamenu_light .megamenu li div div
	{
		margin-left:auto;
		margin-right:auto;
		width:100%;
	}
	
	.dropdown_parent
	{
	    padding:7px 0 7px 0;
	}
	
	.megamenu_light .megamenu li ul li ul li
	{

	}
	
	.megamenu_light .megamenu li ul li ul li ul li
	{
		font-size:12px;
	}
	
	.dropdown_container .dropdown_flyout_level
	{
        margin-top:5px;
        width:100%;
        margin-left: 0;
        margin-right: 0;
	}
	
	.dropdown_flyout_level>li>a 
	{
		display:block;
		width:100%;
	}
	
	.megamenu_light .megamenu li:last-child
	{
	    border:none;
	}
	
     #footerBottom .container .right p
    {
        padding-left:0;
    }
}

@media(max-width: 1023px) and (min-width: 768px)
{	
	.megamenu_container 
	{
		height:57px;
	}
	
	.megamenu li[id]
	{
		margin: 0 0;
	}
	
	.megamenu li[id] a
	{
		padding:5px 16px 7px 16px;
		margin: 9px 0;
	}
	
	.megamenu_container.megamenu_light .megamenu  li  div a
	{
		 padding:0;
		 margin:0;
	}
}

@media(min-width: 768px) and (max-width:850px)
{	
	.megamenu_light_bar
	{
	    padding:0 5px 0 10px;
	}
	
	.megamenu li[id] a
	{
		padding:5px 10px 7px 10px;
		margin: 9px 0;
	}
	
	.navbar .logobrand, 
    .megamenu_container .logobrand
	{
		padding:0 0 0 0;
		margin: 5px 0 0 10px;
	}
	
	
	#footerBottom .container .right p
    {
        padding-left:0;
    }
}

@media(max-width: 1280px) and (min-width:1279px)
{	
	.navbar .logobrand, 
    .megamenu_container .logobrand
	{
		padding:0 0 0 0;
		margin-left:0;
	}
}

@media(min-width:760px)
{	
     #ctl05_ctl00_LiLanguages:hover
    {
        height:32px;
    }
}

/* Reapply Style on orientation changes */
@media(orientation:landscape) 
{
    
 
}
