/* HTML5 element display
========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
.visually-hidden { display: none; /*border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; */}

    /* Hero -- All Sizes
    ========================================================================== */
    #hero {
        position: relative;
        z-index: 2;
        width: 100%;
        overflow: hidden;
    }

    #hero #hero-inner {
        position: absolute;
        height: 100%;
    }

    #hero #hero-inner .thumb-progress {
        display: none;
    }

	#hero .thumb-progress {
		position: absolute;
		z-index: 99;
		background: #d6d6d6;
		height: 3px;
				box-sizing: border-box;
	       -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}

    #hero .thumb-progress div {
        background: #e1102c;
        height: 100%;
        width: 0;
    }

    #hero #hero-inner .hero-frame {
        float: left;
        height: 100%;
    }

    #hero #hero-inner .hero-frame .thumb {
        /* hide the original thumbs */
        display: none;
    }

	#hero .thumb {
		/* new thumbs will be cloned into the view */
        background-color: #fff;
        background-size: contain;
		position: absolute;
		z-index: 99;
		width: 132px;
		height: 95px;
		cursor: pointer;
				box-sizing: border-box;
	       -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}

    #hero #hero-inner .hero-frame .hero-unit {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 100%;
    }

	.hero-unit .video-overlay {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99;
        background: #000;
    }

	#hero #hero-inner .hero-frame .hero-unit .hero-unit-inner {
		position: relative;
		overflow: hidden;
		/*margin: 0 auto;*/
	}

/* Mobile Styles
========================================================================== */

/*@media screen and (max-width: 740px) {
	*//* Nav
	========================================================================== *//*
	#tabs {

	}
		#tabs .content {

		}
			#tab-nav {
				display: none;
			}

		#tab-content {
			background: #ffffff;
		}

}*/

/* Non-semantic helper classes
/* ================================================================================================================== */
/* ================================================================================================================== */
/* ================================================================================================================== */
/* 480 to 740
/* ================================================================================================================== */
/* ================================================================================================================== */
/* ================================================================================================================== */
/*@media screen and (min-width: 480px) and (max-width: 740px) {
	*//* Style adjustments for viewports 480px and over *//*
	#container {
		width: 480px;
		margin: 0 auto;
	}

	#tab-content .supporting #sub-promo-1 {
		float: left;
		margin-right: 30px;
		width: 205px;
	}
	#tab-content .supporting #sub-promo-2 {
		float: right;
		width: 205px;
	}
	#tab-content .supporting a {

	}

	#tab-content .supporting a:first-child {

	}

}*/

/* for tablet, we also adjust the second-to-last menu item */
/*@media screen and (min-width: 740px) and (max-width: 960px) {*/

	nav li:nth-last-child(2).hover > ul {
		right: 0;
	}

	nav li:nth-last-child(2).hover ul > li.hover > ul,
	nav li:nth-last-child(2).hover ul > li.hover > ul > li.hover > ul,
	nav li:nth-last-child(2).hover ul > li.hover > ul > li.hover > ul > li.hover > ul,
	nav li:nth-last-child(2).hover ul > li.hover > ul > li.hover > ul > li.hover > ul > li.hover > ul,
	nav li:nth-last-child(2).hover ul > li.hover > ul > li.hover > ul > li.hover > ul > li.hover > ul > li.hover > ul {
		left: -260px;
		top: -10px;
	}

	nav li:nth-last-child(2).hover li.sub.hover > a > span {
		margin-left: 12px;
		background: transparent url(../img/nav-sublevel-carrot-reverse.png) left 50% no-repeat;
	}

	nav li:nth-last-child(2).hover ul ul:after {
		box-shadow: inset -20px 0px 20px -20px rgba(0, 0, 0, .6);
	}
/*}*/

/* 960
/* ================================================================================================================== */
/* ================================================================================================================== */
/* ================================================================================================================== */
/*@media screen and (min-width: 960px) {*/

	/* Hero -- Desktop
	========================================================================== */
	#hero {
		height: 512px;
	}

	#hero #hero-inner .hero-frame .hero-unit {
		height: 512px;
	}

	#hero #hero-inner .hero-frame .hero-unit .hero-unit-inner,
	#hero #hero-inner .hero-frame .hero-unit .video-overlay .video-overlay-inner {
		width: 1920px;
	}

	/* Tabs
	========================================================================== */

    #tabs {
        position: relative;
        z-index: 4;
    }

    #tab-dropdown {
        display: none;
    }
    #tab-nav {
        margin: 0 0 -7px 0;
        padding: 0;
        width: 740px;
        height: 46px;
    }
    #tab-nav li {
        float: left;
        display: inline;
        position: relative;
        z-index: 2;
    }

    #tab-nav .current .shadow-left {
        display: block;
        background: url(img/tab-shadow-left.png) no-repeat left bottom;
        padding: 0 0 0 12px;
    }
    #tab-nav li:first-child .shadow-left,
    .ie7 #tab-nav .current .shadow-left {
        background: none;
        padding: 0;
    }
    #tab-nav .current .shadow-right {
        display: block;
        background: url(img/tab-shadow-right.png) no-repeat right bottom;
        padding: 0 12px 0 0;
    }
    #tab-nav li:last-child .shadow-right,
    .ie7 #tab-nav .current .shadow-right {
        background: none;
        padding: 0;
    }
    #tab-nav a {
        display: block;
        background: url(img/tab-bg-gradient-sml.gif) repeat-x left bottom;
        font-family:'AvantGardeGothicITCW01D 731075', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        font-size: 13px;
        color: #6a6a6a;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }
    #tab-nav .current a {

    }
    #tab-nav a:hover,
    #tab-nav .current a {
        color: #ff0000;
    }
    #tab-nav .current a:hover {

    }
    #tab-nav .gradient {
        display: block;
        background: url(img/tab-bg-left-sml.gif) no-repeat left bottom;
        height: 29px;
        padding: 10px 17px 0 0;
    }
    #tab-nav .current .gradient {
        /*box-shadow: 0px -2px 2px 0px #ccc;*/
        height: 32px;
        padding-top: 14px;
        background-color: #fff;
        background-image:none ;
    }
    #tab-nav li.current{
        margin : -7px -12px 0 -12px;
        z-index: 3;
    }
    #tab-nav li:first-child .gradient,
    #tab-nav li.current + li .gradient {
        background-image: url(img/tab-bg-left-sml-no-shadow.gif);
    }
    #tab-nav li.current:first-child .gradient {
        background-color: #fff;
        background-image:none ;
    }
    #tab-nav .icon {
        padding: 0 10px 0 0;
        display: block;
        background: url(img/sprite-vertical.gif) no-repeat right -391px;
    }
    #tab-nav .current .icon {

    }
    #tab-nav a:hover .icon,
    #tab-nav .current a .icon {
        background-position: right -435px;
    }
    #tab-nav .current a:hover .icon {

    }
		#tabs .content {
			width: 990px;
            margin: 0 auto;
		}
			#tab-nav {
				width: 990px;
			}
				#tab-nav.length-3 li,
				.ie7 #tab-nav.length-3 li.current {
					width: 330px;
				}
					#tab-nav.length-3 li.current {
						width: 354px;
					}
					#tab-nav.length-3 li:first-child.current {
						width: 342px;
						margin-left: 0;
					}
					.ie7 #tab-nav.length-3 li:first-child.current {
						width: 314px;
					}
					#tab-nav.length-3 li:last-child.current {
						width: 342px;
						margin-right: 0;
					}

				#tab-nav a {
					font-size: 14px;/*font-weight: bold;*/
				}

	/* Tab Content
	========================================================================== */
	#tab-content {
		width: 990px;
	}
		.content #tab-content .content {
				width: 930px;
				padding: 40px 30px 50px 30px;
                overflow: hidden;
				background-color:#fff;
			}
/*}*/


/* Print styles.
/* ================================================================================================================== */
/* ================================================================================================================== */
/* ================================================================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}