/******************************************************************
    Media Query Access
******************************************************************/
#mq-width-full {display: block !important;}
.hnsite-hide-desktop {display: none !important;}

/******************************************************************
	Main layout
******************************************************************/
#header
{
	position: fixed;
	text-align: center;
	z-index: 1000;
}
#header + #inner-fill,
#header + #inner-unfill
{
	padding-top: 86px;
}

#headerLogin
{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-top: 0;
	padding-top: 80px;
}

/******************************************************************
	Navigation
******************************************************************/
#navigation
{
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}
	#navigation ul.menu li.primary
	{
		width: 120px;
	}
	#navigation ul.menu li.primary ul.dropdown li a
	{
		text-align: left;
	}
@media (max-width:1580px) {
	#navigation .phone-number
	{
		display: none;
	}
}
@media (max-width: 1180px){
		#navigation .home
		{
			width: 48px;
		}
		#navigation .home a
		{
			background: url(/images/Nav/hn_icon_logo.png) no-repeat;
			height: 54px;
			width: 48px;
		}
        
	    #navigation ul.menu li.primary
	    {
		    width: 115px;
	    }
}

	#navigation ul.menu li.primary.phone-number
	{
		width: auto;
	}
	#navigation .phone-number > span
	{
		background: url(/images/Nav/contact-bubble.png) no-repeat calc(100% + 24px) -12px;
		background-origin: content-box;
		color: #0071bc !important;
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
	#navigation > div.container
	{
		float: left;
	}
	#navigation ul.menu
	{
		display: block !important;
	}
	#navigation ul.menu i
	{
		display: none;
	}

#sitemap .last-column > div
{
	margin-left: 0;
}

#sitemap .contact-phone-number
{
	background: url(/images/Nav/contact-bubble.png) no-repeat 100% 0;
	color: #0071bc;
	display: inline-block !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	margin: -6px 0 0;
	padding: 10px 24px 0 0;
}

/******************************************************************
	Home page
******************************************************************/
.page-home .mobile-page-header,
.big-flashy-header
{
	padding-top: 70px;
}
.page-home #inner .product_box.product-iol
{
	padding: 0 0 70px;
}

.page-home .featured-header
{
	margin-top: 60px;
}

.slider-base > .caroufredsel_wrapper
{
	
}

	
/******************************************************************
	Support page
******************************************************************/

.page-support #inner-unfill > div
{
	width: 32%
}

.page-support span.divider
{
	margin: 25px auto 10px;
	max-width: 980px;
}

/******************************************************************
	Partners page
******************************************************************/
.page-partners span.divider
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	max-width: 980px;
}

/******************************************************************
	Product pages
******************************************************************/
.get-edit-deliver
{
	margin: 0 -20px;
	white-space: nowrap;
}
	.get-edit-deliver > li:nth-child(2)
	{
		padding-left: 17px;
	}

.page-product-iol .heading > span
{
	font-size: 50px;
}

.page-product-window-stickers .place-an-order
{
	margin: 0 auto;
	padding: 15px 0;
	width: 85%;
}

.page-product-window-stickers .kbb-sticker
{
	margin: 40px 0;
}
	.page-product-window-stickers .kbb-sticker .content
	{
		background-position: 100% 50%;
		padding-right: 490px;
		padding-top: 0;
		min-height: 215px;
	}

/******************************************************************
	Careers page
******************************************************************/
.page-careers .big-flashy-header  .background,
.page-careers .big-flashy-header  .foreground
{
	top: 70px;
}

/******************************************************************
	Under the Hood page
******************************************************************/
.page-blog .big-flashy-header  .background,
.page-blog .big-flashy-header  .foreground
{
	top:70px;
}

/******************************************************************
    Pages - Auto Office
******************************************************************/
	.page-auto-office .nowrap
	{
		white-space: nowrap;
	}