@charset "UTF-8";

.close-btn, .nav-btn, .block-title {
	display: none;
}

/** #nav { clear: both; width: 100%; } **/

  /*** SUPER FISH - START - DUPLICATE IN step4.CSS ***/

	/*** ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * {
		margin:			0;
		padding:		0;
		list-style:		none;
		list-style-image: none;
	}
	.sf-menu {
		line-height:	1.0;
	}
	.ie7 .sf-menu, .ie6 .sf-menu {
		z-index: 999999;
		position: relative;
	}
	.sf-menu ul {
		position:		absolute;
		top:			-999em;
		width:			237px; /* left offset of submenus need to match (see below) */
	}
	.sf-menu ul li {
		width:			100%;
	}
	.sf-menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	.sf-menu li {
		float:			left;
		position:		relative;
	}
	.sf-menu a {
		display:		block;
		position:		relative;
	}
	.sf-menu a:hover, .sf-menu img {
		transition: all .3s ease;
	   -o-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	   -webkit-transition: all .3s ease;	
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left:			0;
		top:			72px; /* match top ul list item height */
		z-index:		99;
	}
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {
		left:			237px; /* match ul width */
		top:			0;
	}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {
		left:			237px; /* match ul width */
		top:			0;
	}
	
	/*** DEMO SKIN ***/
	
	.sf-menu { height: 72px; }
	.sf-menu ul { padding: 10px; background: #ff5b00; }
	.sf-menu ul ul { }
	.sf-menu li { font-size: 13px; line-height: 15px; width: 14.28%;  width: 12.5%; }
	.sf-menu li li { border-bottom: 1px dashed #fff; width: 100%; }
	.sf-menu li li li {  }
	.sf-menu a img { width: 100%; height: auto; }
	.sf-menu a span { display: none; }
	.sf-menu a:hover { background: #672382; padding-bottom: 2px; }
	.sf-menu #menu_two a:hover { background: #ff5b00; }
	.sf-menu #menu_three a:hover, .sf-menu #menu_three ul { background: #ffb200; }
	.sf-menu #menu_four a:hover, .sf-menu #menu_four ul { background: #ff2f92; }
	.sf-menu #menu_five a:hover, .sf-menu #menu_five ul { background: #2b2adc; }
	.sf-menu #menu_six a:hover, .sf-menu #menu_six ul { background: #ff2600; }
	.sf-menu #menu_seven a:hover, .sf-menu #menu_seven ul { background: #94c11f; }
	.sf-menu #menu_eight a:hover, .sf-menu #menu_eight ul { background: #2ba1dd; }
	.sf-menu a:hover img { margin-top: -5px; }
	.sf-menu ul a { padding: 8px 5px; text-decoration: none; color: #fff; font-weight: bold; }
	.sf-menu ul a:hover { padding: 8px 5px 8px 15px; }
	.sf-menu .has_subs a { }
	.sf-menu li li a {  }
	.sf-menu li li a:hover { /** background: #ff6600 !important; **/ }
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ }
	.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; }
	.sf-menu li:hover a {  }
	.sf-menu a.active { background: #ff6600; }		
	.sf-menu .has_subs a.active, .sf-menu li.has_subs:hover a {  }
	.sf-menu li:hover li a { background: #ff5b00; }
	.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {  }
	
	/*** arrows **/
	.sf-menu a.sf-with-ul {
		padding-right: 	2.25em;
		min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}
	.sf-sub-indicator {
		position:		absolute;
		display:		block;
		right:			.75em;
		top:			1.05em; /* IE6 only */
		width:			10px;
		height:			10px;
		text-indent: 	-999em;
		overflow:		hidden;
		background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top:			.8em;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
	/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}
	
	/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
	.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
	/* apply hovers to modern browsers */
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; /* arrow hovers for modern browsers*/
	}
	
	/*** shadows for all but IE6 ***/
	.sf-shadow ul {
		background:	url('../images/shadow.png') no-repeat bottom right;
		padding: 0 8px 9px 0;
		-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
	}
	.sf-shadow ul.sf-shadow-off {
		background: transparent;
	}

  /*** SUPER FISH - END ***/
  
  
  
/* header -- moved from style_web.css */

#header_desktop { display: block; }
#header_mobile { display: none; }

#header_desktop { height: 52px; background: #ebebeb; }

#nav { display: none; }

#desktop_header_wrapper { position: relative;  }
#logo_kern { position: absolute; left: 0; top: 0; }
#cta_telephone { position: absolute; left: 110px; top: 14px; font-size: 1.5em;  left: 106px; font-size: 1.25em; }
#cta_telephone span { font-weight: normal; }

/* desktop megamenu */

.mega-menu ul, .mega-menu ul li {list-style: none; list-style-image: none; margin: 0; padding: 0; }
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none; }
.mega-menu .sub {display: none; }
.mega-menu .sub ul { display: block; }

#mega-menu { font-size: 1.05em; list-style: none; position: relative; padding: 0; margin: 0; }
#mega-menu { width: 100%; height: 52px; position: relative; }
#mega-menu li { float: left; margin: 0; padding: 0;   float: right; }
#mega-menu li a { float: left; display: block; color: #565857; font-weight: 600; padding: 14px 11px 13px 11px; text-decoration: none;  padding-left: 10px; padding-right: 10px; }
#mega-menu li.mega-hover a, #mega-menu li.mega-hover a:hover { color: #0167bb; }
#mega-menu li a:hover {  }

#mega-menu .hide_desktop { color: #f00 !important; }

#mega-menu li .sub-container { position: absolute; }
#mega-menu li .sub { background: url(/images/design/bkg_megamenu.png); padding: 15px 15px 0 15px; }
#mega-menu li .sub .row { width: 100%; overflow: hidden; clear: both; }
#mega-menu li .sub li { list-style: none; float: none; /** width: 170px; **/  /*** width: 19.2%; ***/  width: 15.8%; font-size: 0.85em; line-height: 100%; font-weight: normal; }
/**	#mega-menu li#menu_mailing-software .sub li { width: 19.2% !important; }		**/
#mega-menu li .sub li li { width: 100%; font-size: 1em; }
#mega-menu li .sub li.mega-hdr { /** margin: 0 10px 10px 0; **/ margin: 0 1% 15px 0; float: left; }
#mega-menu li .sub li.mega-hdr.last { margin-right: 0; }
#mega-menu li .sub a { background: none; color: #fff; padding: 0 0; display: block; float: none; }
#mega-menu li .sub li.mega-hdr a.mega-hdr-a { margin-bottom: 5px; font-weight: 600; }
#mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover { /** color: #7fb3db; **/ }
#mega-menu li .sub li.mega-hdr:hover a.mega-hdr-a { /**** color: #7fb3db; ****/ }
#mega-menu .sub li.mega-hdr li a { padding: 2px 0; font-weight: normal; }
#mega-menu .sub li.mega-hdr li a:hover { color: #7fb3db; }
#mega-menu .sub ul li { padding-right: 0; }

#mega-menu li .sub-container.non-mega .sub { padding: 15px; /** margin-left: -30px; **/ margin-left: -30px; }
#mega-menu li .sub-container.non-mega li { padding: 0; width: 174px; margin: 0; }
#mega-menu li .sub-container.non-mega li a { padding: 3px 0 3px 0; }
#mega-menu li .sub-container.non-mega li a:hover { color: #7fb3db; }

/** new re-styling */

#mega-menu li .sub { background: url(/images/design/bkg_megamenu_new.png); }

#mega-menu li.mega-hover a, #mega-menu li.mega-hover a:hover { background: #565857; color: #fff; }
#mega-menu li.mega-hover li a, #mega-menu li.mega-hover li a:hover { background: none; }

#mega-menu li .sub li { background: url(/images/design/menu_right_border.gif) right repeat-y; line-height: 120%; }
#mega-menu li .sub li li { background: none; }
#mega-menu li .sub li.mega-hdr.last { background: none; }
#mega-menu .sub li.mega-hdr li a, #mega-menu li .sub li.mega-hdr a.mega-hdr-a { padding-right: 8px; padding-left: 4px; }

#mega-menu li .sub li.mega-hdr a.mega-hdr-a { margin: 0 !important; padding-top: 8px !important; padding-bottom: 8px !important; height: auto !important; }
#mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover { color: #7fb3db; }

#mega-menu li .sub li.mega-hdr li a { padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 8px; }

#mega-menu li .sub-container.non-mega li { background: none; }

/** ie8 menu overlap / video fixes **/
#mega-menu, #mega-menu * { z-index: 999999 !important; }
iframe { z-index: 1 !important; }