/*
* @author: William Khoe
*/

nav.primary:after, nav.secondary > ul:after, header nav.primary:after, #footer section.secondary nav.site-links ul:after,
#footer nav.social-links ul:after, .social-links-2:after
{
	display:block; clear:both; visibility:hidden;
	height:0;
	content:".";
}
.ie nav.primary, .ie nav.secondary > ul, .ie header nav.primary, .ie #footer section.secondary nav.site-links ul,
.ie #footer nav.social-links ul, .ie .social-links-2
{
	zoom:1;
}

#header nav.primary
{
	position:relative; clear:both;
	z-index:20;
	padding:0 0 5px 0;
}
#header nav.primary > ul
{
	float:left;
	margin:0 0 0 -14px;
}
#header nav.primary > ul > li
{
	position:relative; float:left;
	padding:3px;
}
#header nav.primary a,
#header nav.secondary a
{
	font-family:"nimbus-sans", "Helvetica Neue", Helvetica, Arial;
}
#header nav.primary > ul > li > a
{
	display:block; position:relative;
	z-index:5;
	padding:0 11px;
	font-size:12px; font-weight:700; color:#222; line-height:34px; text-transform:uppercase;
}
#header nav.primary > ul > li:hover > a,
#header nav.primary > ul > li.active > a,
#header nav.primary > ul > li > ul > li > a:hover
{
	color:#ED1C27;
}
#header nav.primary > ul > li > ul
{
	position:absolute; display:none;
	top:34px; left:0; z-index:3;
	padding:5px 0 8px 0;
	background:#ECECEC;
	background:-moz-linear-gradient(top, #ECECEC 0%, #DDD 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECECEC), color-stop(100%,#DDD));
	background:-webkit-linear-gradient(top, #ECECEC 0%,#DDD 100%);
	background:-o-linear-gradient(top, #ECECEC 0%,#DDD 100%);
	background:-ms-linear-gradient(top, #ECECEC 0%,#DDD 100%);
	background:linear-gradient(to bottom, #ECECEC 0%,#DDD 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECECEC', endColorstr='#DDDDDD',GradientType=0 );
	border:3px solid #FFF;
	box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
}
#header nav.primary > ul > li > ul > li > a
{
	display:block;
	padding:5px 12px;
	color:#444; font-size:14px;
}
#header nav.primary > ul > li.sub-nav > a span
{
	padding-right:15px;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -1759px;
}
#header nav.primary > ul > li.active > a span
{
	background-position:100% -4720px;
}

#header nav.primary nav.toggle
{
	position:absolute; display:none;
	top:-36px; right:11px;
}
.lte8 #header nav.primary nav.toggle {
	right: 20px;
}
#header nav.primary nav.toggle ul li
{
	float:left; position:relative;
	height:25px;
	border-left:1px solid #DDD;
}
#header nav.primary nav.toggle ul li:first-child
{
	z-index:5;
	border:0;
}
#header nav.primary nav.toggle button.menu,
#header nav.primary nav.toggle button.search
{
	overflow:hidden;
	width:45px; height:22px;
	margin:-9px -1px 0 0; padding:20px 20px 25px 20px;
	background:url(/img/ui/icon-sprite.png) no-repeat 8px -55px;
	text-indent:-9999px;
	border:3px solid transparent; border-bottom:0;
}
.lte8 #header nav.primary nav.toggle button.menu,
.lte8 #header nav.primary nav.toggle button.search {
	display: block;
	height: 44px;
}

#header nav.primary nav.toggle button.search
{
	width:41px; height:22px;
	margin:-9px 0 0 -1px;
	background-position:10px -191px;
}
#header nav.primary nav.toggle button.menu.open,
#header nav.primary nav.toggle button.search.open
{
	background-color:#EEE; background-position:8px 11px;
	border:3px solid #FFF; border-bottom:0;
}
#header nav.primary nav.toggle button.search.open
{
	background-position:10px -122px;
}
#header nav.secondary
{
	float:right; position:relative;
	z-index:23;
	margin:39px -10px 0 0;
}
#header nav.secondary > ul {
	display: block;
}
#header nav.secondary > ul > li
{
	display: block;
	float:left; position:relative;
	height:10px;
	border-left:1px solid #CCC;
}
#header nav.secondary > ul > li:first-child
{
	border:0;
}
#header nav.secondary > ul > li > a
{
	position: relative;
	top: -5px;
	display:block;
	margin:0 0 0 0; padding:0 10px;
	font-size:13px; color:#888; line-height:20px; text-align:center;
}
#header nav.secondary > ul > li > a span
{
	display:inline-block;
	line-height:20px;
}
#header nav.secondary > ul > li.active > a,
#header nav.secondary > ul > li > a:hover
{
	color:#ED1C27;
}
#header nav.secondary > ul > li.nav-global a span
{
	padding:0 25px 0 0;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -2290px;
}
#header nav.secondary > ul > li.nav-global:hover a span
{
	background-position:100% -3958px;
}
#header nav.secondary > ul > li.nav-language > a span
{
	padding:0 18px 0 0;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -883px;
}
#header nav.secondary > ul > li.nav-language:hover > a span
{
	background-position:100% -4085px;
}
#header nav.secondary > ul .nav-language-tooltip
{
	position:absolute; display:none;
	top:-12px; right:0;
	padding:5px 30px 5px 10px;
	background:#FFF;
	box-shadow:0 0 8px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);
}
#header nav.secondary > ul .nav-language-tooltip li a
{
	display:block;
	padding:4px 0;
	white-space:nowrap; font-size:13px; font-weight:700; color:#888; -webkit-font-smoothing:antialiased;
}
#header nav.secondary > ul .nav-language-tooltip li a:hover,
#header nav.secondary > ul .nav-language-tooltip li.active a
{
	color:#ED1C27;
}
#header nav.secondary > ul .nav-language-tooltip .btn-collapse
{
	position:absolute; display:block; overflow:hidden;
	top:11px; right:12px;
	width:12px; height:9px;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -2169px;
	text-indent:-9999px;
	cursor:pointer;
}

#footer nav.social-links
{
	margin:0 0 7px -7px; padding:6px 0 10px 0;
}
#footer nav.social-links li
{
	display:inline-block;
	margin:0 12px 0 0;
}
#footer nav.social-links li
{
	position:relative;
}
#footer nav.social-links li .social-tooltip
{
	position:absolute; display:none;
	bottom:25px; left:-84px;
	width:190px;
	padding:0 0 15px 0;
}
#footer nav.social-links li:hover .social-tooltip
{
	display:block;
}
#footer nav.social-links li .social-tooltip .social-tooltip-content
{
	position:relative;
	width:170px;
	padding:10px;
	background:#FFF;
	box-shadow:0 1px 15px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 15px rgba(0,0,0,0.3);
}
#footer nav.social-links li .social-tooltip .arrow-tip-down
{
	position:absolute;
	bottom:-10px; left:50%;
	margin:0 0 0 -10px;
	width:0; height:0;
	border-style:solid; border-color:#FFF transparent transparent transparent; border-width:10px 10px 0 10px;
}
#footer nav.social-links li .social-tooltip .social-tooltip-content p
{
	margin:0 0 10px 0;
	font-size:12px; font-weight:bold; color:#444;
}
#footer nav.social-links li .social-tooltip .btn-follow
{
	display:block;

	background:#E6E6E6; /* Old browsers */
	background:-moz-linear-gradient(top,  #f8f8f8 0%, #d4d4d4 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #f8f8f8 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #f8f8f8 0%,#d4d4d4 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #f8f8f8 0%,#d4d4d4 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #f8f8f8 0%,#d4d4d4 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */

	border:1px solid #BCBCBC; border-color:#DBDBDB #BCBCBC #9C9C9C #B9B9B9; border-radius:3px;
	font-size:11px; color:#666; line-height:23px; text-align:center;
}
#footer nav.social-links li .social-tooltip .btn-follow span
{
	display:inline-block; overflow:hidden;
	height:23px;
	margin:0 0 0 2px;
	text-indent:-9999px;
	background:url(/img/ui/social-logo-sprite.png) no-repeat 0 0;
	vertical-align:middle;
}
#footer nav.social-links li.facebook .social-tooltip .btn-follow span
{
	width:56px;
	background-position:0 -1645px;
}
#footer nav.social-links li.twitter .social-tooltip .btn-follow span
{
	width:53px;
	background-position:0 -1777px;
}
#footer nav.social-links li.pinterest .social-tooltip .btn-follow span
{
	width:52px;
	background-position:0 -1908px;
}
#footer nav.social-links li.youtube .social-tooltip .btn-follow span
{
	width:36px;
	background-position:0 -2045px;
}
#footer nav.social-links li.instagram .social-tooltip .btn-follow span
{
	width:50px;
	background-position:0 -2183px;
}


#footer nav.social-links li.LinkedIn .social-tooltip .btn-follow span
{
	width:50px;
	background-position:0 -4205px;
}

#footer nav.social-links li.BBB .social-tooltip .btn-follow span {
		width: 50px;
		background-position: 0 -4648px;
	}

#footer nav.social-links li .social-tooltip .social-tooltip-content aside
{
	margin:15px 0 0 0; padding:10px 0 0 0;
	border-top:1px solid #DEDEDE;
	font-size:11px; font-weight:bold;
}

#footer section.primary nav.site-links li
{
	margin:6px 0 0 0;
	color:#999;
}
#footer section.primary nav.site-links li:first-child
{
	margin-top:0;
}
#footer section.secondary nav.site-links ul
{
	margin:0 0 5px 0;
	text-align:center;
}
#footer section.secondary nav.site-links ul li
{
	display:inline-block;
	margin:0 0 7px 0; padding:0 10px;
	border-left:1px solid #444;
}
#footer section.primary nav.site-links li a,
#footer section.secondary nav.site-links li a
{
	color:#888; font-size:11px; font-weight:bold;
}
#footer section.secondary nav.site-links li a
{
	display:block;
	line-height:12px;
}
#footer section.primary nav.site-links li a:hover,
#footer section.secondary nav.site-links li a:hover
{
	color:#CCC;
}
#footer section.secondary nav.site-links li:first-child
{
	border:none;
}

.social-links-2 li
{
	float:left;
	margin:0 0 0 10px;
}
.social-links-2 li:first-child
{
	margin-left:0;
}


.lte7 #footer nav.social-links ul {
	overflow:hidden;
	width:60%;
	margin:0 auto 10px;	
}
.lte7 #footer nav.social-links li { float:left; }
.lte7 #footer nav.social-links li .btn { display: block; }


/* Regular Desktop */

@media only screen and (min-width:1024px)
{
	#header nav.primary > ul > li.sub-nav:hover
	{
		padding:0;
	}
	#header nav.primary > ul > li.sub-nav:hover > a
	{
		border:3px solid #FFF; border-bottom:none;
		background:#EFEFEF;
		background:-moz-linear-gradient(top, #EFEFEF 0%, #ECECEC 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFEFEF), color-stop(100%,#ECECEC));
		background:-webkit-linear-gradient(top, #EFEFEF 0%,#ECECEC 100%);
		background:-o-linear-gradient(top, #EFEFEF 0%,#ECECEC 100%);
		background:-ms-linear-gradient(top, #EFEFEF 0%,#ECECEC 100%);
		background:linear-gradient(to bottom, #EFEFEF 0%,#ECECEC 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#ECECEC',GradientType=0 );
		box-shadow:-3px -3px 6px -2px rgba(0,0,0,0.1), 3px -3px 6px -2px rgba(0,0,0,0.1); -webkit-box-shadow:-3px -3px 6px -2px rgba(0,0,0,0.1), 3px -3px 6px -2px rgba(0,0,0,0.1);
	}
	#header nav.primary > ul > li.sub-nav:hover > a span
	{
		background-position:100% -1815px;
	}
	#header nav.primary > ul > li.sub-nav:hover > ul
	{
		display:block;
		min-width:250px;
	}
	#header nav.primary > ul > li.divider
	{
		padding-right:0;
	}
	#header nav.primary > ul > li.divider > a
	{
		padding:0;
	}
	#header nav.primary > ul > li.divider > a span
	{
		padding:0 15px 0 12px;
		border-right:2px solid #979797;
	}
}

/* Tablet Portrait */
@media only screen and (min-width:768px) {
	.lte7 #footer nav.social-links ul {
		width:100%;
	}	
}

@media only screen and (min-width:768px) and (max-width:1023px)
{
	#header nav.primary > ul
	{
		display:block;
		margin-left:-11px; margin-right:-11px;
	}
	#header nav.primary > ul > li > a
	{
		padding:0 7px;
		font-size:12px;
	}
	#header nav.primary > ul > li:last-child > ul
	{
		left:auto; right:0;
	}
	#header nav.primary > ul > li.sub-nav:hover
	{
		padding:0;
	}
	#header nav.primary > ul > li.sub-nav:hover > a
	{
		border:3px solid #FFF; border-bottom:none;
		background:#EFEFEF;
		background:-moz-linear-gradient(top, #EFEFEF 0%, #ECECEC 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFEFEF), color-stop(100%,#ECECEC));
		background:-webkit-linear-gradient(top, #EFEFEF 0%,#ECECEC 100%);
		background:-o-linear-gradient(top, #EFEFEF 0%,#ECECEC 100%);
		background:-ms-linear-gradient(top, #EFEFEF 0%,#ECECEC 100%);
		background:linear-gradient(to bottom, #EFEFEF 0%,#ECECEC 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#ECECEC',GradientType=0 );
		box-shadow:-3px -3px 6px -2px rgba(0,0,0,0.1), 3px -3px 6px -2px rgba(0,0,0,0.1); -webkit-box-shadow:-3px -3px 6px -2px rgba(0,0,0,0.1), 3px -3px 6px -2px rgba(0,0,0,0.1);
	}
	#header nav.primary > ul > li.sub-nav:hover > a span
	{
		background-position:100% -1815px;
	}
	#header nav.primary > ul > li.sub-nav:hover > ul
	{
		display:block;
		min-width:250px;
	}
	#header nav.primary > ul > li.divider
	{
		padding-right:1px;
	}
	#header nav.primary > ul > li.divider > a
	{
		padding:0;
	}
	#header nav.primary > ul > li.divider > a span
	{
		padding:0 14px 0 12px;
		border-right:2px solid #979797;
	}

	#header nav.secondary
	{
		margin-top:18px;
	}
	#header nav.secondary > ul > li.nav-language
	{
		display:none;
	}
	
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	#header nav.primary
	{
		padding:0;
	}
	#header nav.primary > ul
	{
		float:none; overflow:hidden; display:none;
		margin:0;
		background:#EEE;
		box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
		border:3px solid #FFF;
	}
	#header nav.primary > ul > li
	{
		float:none;
		padding:0;
		border-bottom:2px solid #CCC; border-top:1px solid #FFF;
	}
	#header nav.primary > ul > li:first-child
	{
		border-top:0;
	}
	#header nav.primary > ul > li:last-child,
	#header nav.primary > ul > li.sub-nav.open
	{
		border-bottom:0;
	}
	#header nav.primary > ul li a
	{
		padding:0;
	}
	#header nav.primary > ul li a span,
	#header nav.primary > ul > li.active > a span
	{
		display:block;
		margin:0 22px 0 20px;
		background:url(/img/ui/icon-sprite.png) no-repeat 100% -372px;
	}
	#header nav.primary > ul > li > a
	{
		color:#222; font-size:14px; line-height:50px;
	}
	#header nav.primary > ul > li.sub-nav > a span
	{
		margin-right:20px;
		background-position:100% -253px;
	}
	#header nav.primary > ul > li.sub-nav.open > a span
	{
		background-position:100% -312px;
	}
	#header nav.primary > ul > li > ul
	{
		position:relative;
		top:auto; left:auto;
		padding:0;
		background:#D9D9D9;
		box-shadow:inset 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
		border:0;
	}
	#header nav.primary > ul > li.open > ul
	{
		display:block;
	}
	#header nav.primary > ul > li > ul > li > a
	{
		padding:0;
		font-size:13px; line-height:50px;
		border-top:2px solid #BBB;
	}
	#header nav.primary > ul > li > ul > li > a span
	{
		display:block;
	}
	#header nav.primary nav.toggle
	{
		display:block;
	}
	#header nav.primary > ul > li > button.accessory
	{
		display:block;
	}

	#header nav.secondary
	{
		position:absolute; float:none;
		top:13px; left:0;
		margin:0; padding:0 10px;
		width:100%;
		box-sizing:border-box;
	}
	#header nav.secondary > ul > li
	{
		display:table;
		width:25%; height:26px;
		box-sizing:border-box;
	}

	.lte8 #header nav.secondary > ul > li {
		width: 24%;
	}

	#header nav.secondary > ul > li > a
	{
		display:table-cell;
		top:;
		margin:0; padding:0 5px;
		font-size:11px; line-height:13px; vertical-align:middle;
	}
	#header nav.secondary > ul > li > a span
	{
		line-height:13px;
	}
	#header nav.secondary > ul > li.nav-global a span
	{
		padding-right:18px;
		line-height:20px;
		background-position:100% -2357px;
	}
	#header nav.secondary > ul > li.nav-global:hover a span
	{
		background-position:100% -4025px;
	}
	#header nav.secondary > ul > li.nav-language
	{
		display:none;
	}

	#footer section.primary nav.site-links ul
	{
		box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.3);
		border-top:1px solid #111; border-bottom:2px solid #111;
		background:#3B3B3B;
	}
	#footer section.primary nav.site-links li
	{
		margin:0;
        padding-left:15px;
	}
	#footer section.primary nav.site-links li a
	{
		display:block;
		line-height:50px; font-size:13px; color:#BBB;
		border-top:2px solid #222;
	}
	#footer section.primary nav.site-links li:first-child a
	{
		border-top:0;
	}
	#footer section.primary nav.site-links li a span
	{
		display:block;
		margin:0 20px;
		background:url(/img/ui/icon-sprite.png) no-repeat 100% -987px
	}
	#footer section.secondary nav.site-links li.last
	{
		display:block;
		border:none;
	}
	#footer nav.social-links
	{
		margin:0; padding:0 20px;
		text-align:center;
	}
	#footer nav.social-links li
	{
		margin:15px;
	}
	#footer nav.social-links li .social-tooltip
	{
		bottom:46px;
		width:280px;
		text-align:left;
	}
	#footer nav.social-links li.facebook .social-tooltip
	{
		left:-118px;
	}
	#footer nav.social-links li.twitter .social-tooltip
	{
		left:-120px;
	}
	#footer nav.social-links li.pinterest .social-tooltip
	{
		left:-118px;
	}
	#footer nav.social-links li.youtube .social-tooltip
	{
		left:-119px;
	}
	#footer nav.social-links li.instagram .social-tooltip
	{
		left:-119px;
	}
	#footer nav.social-links li .social-tooltip .social-tooltip-content
	{
		width:260px;
	}
	#footer nav.social-links li .social-tooltip .social-tooltip-content p
	{
		font-size:14px;
	}
	#footer nav.social-links li .social-tooltip .social-tooltip-content aside
	{
		font-size:12px;
	}
	#footer nav.social-links li .social-tooltip .btn-follow
	{
		font-size:16px; line-height:43px;
	}
	#footer nav.social-links li .social-tooltip .btn-follow span
	{
		height:43px;
		margin:0 0 0 4px;
	}
	#footer nav.social-links li.facebook .social-tooltip .btn-follow span
	{
		width:86px;
		background-position:0 -1701px;
	}
	#footer nav.social-links li.twitter .social-tooltip .btn-follow span
	{
		width:87px;
		background-position:0 -1832px;
	}
	#footer nav.social-links li.pinterest .social-tooltip .btn-follow span
	{
		width:85px;
		background-position:0 -1967px;
	}
	#footer nav.social-links li.youtube .social-tooltip .btn-follow span
	{
		width:59px;
		background-position:0 -2104px;
	}
	#footer nav.social-links li.instagram .social-tooltip .btn-follow span
	{
		width:74px;
		background-position:0 -2244px;
	}
	
}