.interactive {
	width:940px;
	min-height: 16px;
}
.interactive a {
	color: #ff0000;
	text-decoration: none;
}
.interactive.preload {
	background-image: url(http://beta.images.theglobeandmail.com/static/templates/images/loader.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.interactive body {
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
}
.interactive .clear {
	clear:both;
}
.interactive .noselect {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.interactive p {
}
.interactive .hidden {
	display:none;
}
.interactive img {
	border:none;
	display: block;
}
.interactive .hotspot-cont {
	margin-bottom:0px;
	display: none;
}
.interactive .header-cont {
	position:relative;
	top:18px;
	border-top:1px solid #444444;
    border-bottom:1px solid #e6e6e6;
    height:1px;
    margin-bottom:52px;
}
.interactive .headline {
    text-align:center;
}
.interactive .headline h1 {
	position:relative;
	top:-18px;
    background-color:#FFFFFF;
	color:#404040;
    display:inline;
	font:normal 36px 'PrattRegular',Georgia,'Times New Roman',serif;
    margin:0;
    padding:0 12px;
	text-shadow: 2px 2px 0px #e6e6e6;
	filter: dropshadow(color=#e6e6e6, offx=2, offy=2);
	text-transform: uppercase;
}
.interactive .tab-cont .arrow {
	height:30px;
	width:42px;
	float:right;
	margin:2px 0 0 5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	cursor:pointer;
	position:absolute;
	bottom:1px;	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	-ms-transition-duration: .25s;
	transition-duration: .25s;
}
.interactive .tab-cont .arrow:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.interactive .tab-cont .arrow.prev {
	background:url('http://beta.images.theglobeandmail.com/static/templates/interactives/hotspot/code/images/left-arrow.png') no-repeat center center;
	background-color:#DA161F;
	right:47px;
}
.interactive .tab-cont .arrow.next {
	background:url('http://beta.images.theglobeandmail.com/static/templates/interactives/hotspot/code/images/right-arrow.png') no-repeat center center;
	background-color:#DA161F;
	right:0;
}
.interactive .tab-cont {
	overflow:auto;
	margin-bottom:8px;
	position:relative;
	height: 31px;
}
.interactive .tab-cont .tabs {
	list-style-type:none;
	margin:0 0 0 1px;
}
.interactive .tab-cont .item {
	height:28px;
	border:1px solid #d9d9d9;
	float:left;
	margin-left:-1px;
	cursor:pointer;
	color:#da161f;
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	-ms-transition-duration: .25s;
	transition-duration: .25s;		
}
.interactive .tab-cont .item.last {
	margin-right:15px;	
}
.interactive .tab-cont .item:hover {
	color:#000;
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	-ms-transition-duration: .25s;
	transition-duration: .25s;	
}
.interactive .tab-cont .item .inner {
	height:27px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}
.interactive .tab-cont .item .inner.active {
	border-left:1px solid #fff;
	background:#f2f2f2; /* Old browsers */
	background:-moz-linear-gradient(top,  #f2f2f2 80%, #ebebeb 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(80%,#f2f2f2), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #f2f2f2 80%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #f2f2f2 80%,#ebebeb 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #f2f2f2 80%,#ebebeb 100%); /* IE10+ */
	background:linear-gradient(top,  #f2f2f2 80%,#ebebeb 100%); /* W3C */
	/*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
.interactive .tab-cont .item .label span {
	padding:6px 8px 0 8px;
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	text-align:center;
	float:left;
	text-transform: uppercase;
	display: block;
}
.interactive .tab-cont .category {
	float:left;
	*height:50px;
	*overflow:hidden;
}
.interactive .tab-cont h3 {
	font:normal 14px 'PrattHeavy',Georgia,'Times New Roman',serif;
	overflow:auto;
	display:block;
	margin-bottom:4px;
}
.interactive .image-cont {
	background-color:#f7f7f7;
	width:938px;
	position:relative;
	border-top:1px #d9d9d9 solid;
	border-bottom:1px #d9d9d9 solid;
	border-left:1px #d9d9d9 solid;
	border-right:1px #d9d9d9 solid;
	clear:both;
	-webkit-box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
	box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
}
.interactive .image-cont .marker {
	background:url('http://beta.images.theglobeandmail.com/static/templates/interactives/hotspot/code/images//marker22.png') no-repeat left center;
	height: 36px;
	width: 36px;
	position: absolute;
	cursor:pointer;
}
.interactive .image-cont .marker:hover {
	background-position: right center;
}
.interactive .image-cont .marker.hover {
	background-position: right center;
}
.interactive .credits {
    color:#999;
	font:normal 10px/1.5em Arial, Helvetica, sans-serif;
	margin-top:8px;
	display: none;
}
.interactive .mobile-cont {
    display: none !important;
}

/*! qTip2 - Pretty powerful tooltips - v2.0.0pre - 2012-11-20
* http://craigsworks.com/projects/qtip2/
* Copyright (c) 2012 Craig Michael Thompson; Licensed MIT, GPL */
.ui-tooltip, .qtip {
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;
	max-width: 400px;
	min-width: 50px;
	font:12px/16px Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-style: solid;
}
.ui-tooltip, .qtip p {
	margin: 7px 0px 0px 0px;
	font-weight: normal;
	font-size: 12px;
	color: black;
}
.ui-tooltip, .qtip h5 {
    margin: -3px 0 5px 0;
    font-size: 11px;
    font-weight: bold;
    color: #DA161F;
}
.ui-tooltip a {
	color: #da161f;
	text-decoration: none;
}
.ui-tooltip a:hover {
    color: #000;
}
.ui-tooltip-fluid {
	display: block;
	visibility: hidden;
	position: static !important;
	float: left !important;
}
.ui-tooltip-content {
	position: relative;
	padding: 0 10px 10px 10px;
	overflow: hidden;
	text-align: left;
	word-wrap: break-word;
	overflow: hidden;
}
.ui-tooltip-titlebar + .ui-tooltip-content {
	border-top-width: 0px !important;
}
.ui-tooltip .ui-tooltip-tip {
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
}
.ui-tooltip .ui-tooltip-tip,
.ui-tooltip .ui-tooltip-tip * {
	position: absolute;
	line-height: 0.1px !important;
	font-size: 0.1px !important;
	color: #123456;
	background: transparent;
	border: 0px dashed transparent;
}
.ui-tooltip-titlebar {
	text-align: right;
	padding: 10px 10px 8px 10px;
}
.ui-icon-close {
	font-size: 19px;
	font-weight: bold;
	color: #999;
	cursor: pointer;
	line-height: 8px;
	vertical-align: top;
}
.ui-icon-close:hover {
	color: #000;
}
.ui-tooltip-title {
	float: left;
	font:bold 18px/14px Arial, Geneva, sans-serif;
}
.ui-tooltip-shadow {
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.ui-tooltip-tgam-map-hover {
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.2);
	box-shadow: 0px 0px 10px rgba(0,0,0,.2);
	background-color: #fff;
	color: #111;
	border: 0 dashed transparent;
	z-index:300;
}
/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar {
	filter: none;
	-ms-filter: none;
}


/* Nutrition tips */
table.nutrition {
	width: 200px;
	margin-top: -1px;
	margin-left: 0;
	margin-right: 0;
	table-layout: auto;
	border-collapse: collapse;
}
.nutrition tr#calories td {
	border-bottom: 3px solid black;
}
.nutrition tr#servings td {
	border-bottom: 5px solid black;	
}
.nutrition tr#minerals td {
	border-top: 3px solid black;
}
.nutrition th {
	background-color: transparent;
	padding: 0 3px 0 3px;
	border: 0;
	font:bold 18px/14px Arial, Helvetica, sans-serif;
}
.nutrition td {
	padding: 3px 0 3px 0;	
	font:11px/14px Arial, Helvetica, sans-serif;
	border: 0;
	border-bottom: 1px solid black;
	text-align: left;
}
.nutrition td.dv {
	font-weight: bold;
	text-align: right;
}
.nutrition td.sub {
	text-indent: 10px;
}


/* Smartphones -------------------- */
@media screen and (max-width: 480px) {
    
/*    body {
        -webkit-text-size-adjust:100%;
        min-width: 0px;
        margin: 0;
    }*/
    .interactive {
        width: auto !important;
        margin: 0 !important;
        padding-left: 0px;
        font: normal 16px/22px Helvetica, Arial, Verdana, sans-serif !important;
    }
    .interactive .hotspot-cont {
        display: none !important;
    }
    .interactive .mobile-cont {
        display: block !important;
    }
    .interactive .mobile-cont img {
        width: 100%;
        margin-bottom: 10px;
    }
    .interactive .mobile-cont iframe {
        width: 100%;
        margin-bottom: 15px;
        display: block;
    }
    .interactive .mobile-cont object {
        width: 100%;
        margin-bottom: 15px;
        display: block;
    }     
	.interactive h2 {
		font: normal 24px/25px Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
		margin: 0 0 12px 0;
	}    
	.interactive h4 {
		font: normal 23px/25px Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
		margin: 25px 0 4px 0;
/*		border-top: 1px solid #e6e6e6;
		padding-top: 10px;*/
	}
	.interactive h5 {
		font: normal 11px/13px Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
		text-transform: uppercase;
		margin-bottom: 10px;
		color: red;
		border-bottom: 1px solid #e6e6e6;
		padding-bottom: 10px;		
	}
	.interactive p {
		margin-bottom: 15px;
	}
	.interactive .credits {
		margin-top: 25px;
	}
	.qtip {
		display: none !important;
	}
	.interactive .mobile-nav {
		width: 100%;
		padding: 0 10px 10px 10px;
		background-color: #fff;
		position: relative;
		overflow: hidden;
		left: -10px;
	}		
	.interactive select.menu {
		font: normal 14px/20px Georgia, Palatino, "Book Antiqua", "Times New Roman", serif !important;
		border: 1px solid #CCCCCC;
		height: 28px;
		padding: 3px;
		vertical-align: middle;
		width: 300px;
	}
	.interactive .mobile-nav.stuck {
		position: fixed;
		bottom: 0;
		left: 0;
		box-shadow: 0 -2px 8px rgba(0, 0, 0, .06);
		padding: 10px 10px 10px 10px;
	}

}