@charset "utf-8";
/* CSS Document */

#wrapper {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.interactive {
    font: normal 12px/18px Arial,Helvetica,sans-serif;
    color: #000;
    position: relative;
    overflow: hidden;
}
.interactive a {
    color: #FF0000;
    outline: medium none;
    text-decoration: none;
}
.interactive a:hover {
	color:#FF0000;
}
.interactive .pointer {
    cursor:pointer;
}
.interactive .noselect {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.interactive .loader {
    background-image: url(http://beta.images.theglobeandmail.com/static/templates/images/loader.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 16px;
    margin: 40px 0 10px 0;
}
.interactive .intbtn {
	float: right;
    font:normal 21px/1em 'PrattHeavy',Georgia,'Times New Roman',serif;
    text-transform:uppercase;
    border:1px solid #cccccc;
    *border:0;
    border-bottom-color:#b3b3b3;   
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border-color:#cc141e #cc141e #802420;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);    
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    background-color:#cc141e;
    background-image:-moz-linear-gradient(top, #eb1722, #cc141e);
    background-image:-ms-linear-gradient(top, #eb1722, #cc141e);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eb1722), to(#cc141e));
    background-image:-webkit-linear-gradient(top, #eb1722, #cc141e);
    background-image:-o-linear-gradient(top, #eb1722, #cc141e);
    background-image:linear-gradient(top, #eb1722, #cc141e);
    background-repeat:repeat-x;
    background-color:#da161f;
    *background-color:#c32627;
    color:#ffffff !important;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    text-align: center;
    margin-left: 6px;
}
.interactive .intbtn:hover {   
    cursor: pointer;
    background-color:#eb1722;
    background-image:-moz-linear-gradient(top, #eb1722, #eb1722);
    background-image:-ms-linear-gradient(top, #eb1722, #eb1722);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eb1722), to(#eb1722));
    background-image:-webkit-linear-gradient(top, #eb1722, #eb1722);
    background-image:-o-linear-gradient(top, #eb1722, #eb1722);
    background-image:linear-gradient(top, #eb1722, #eb1722);
    *background-color:#eb1722;
}
.interactive .intbtn:active {  
    background-color:#cc141e;
    background-image:-moz-linear-gradient(top, #cc141e, #cc141e);
    background-image:-ms-linear-gradient(top, #cc141e, #cc141e);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#cc141e), to(#cc141e));
    background-image:-webkit-linear-gradient(top, #cc141e, #cc141e);
    background-image:-o-linear-gradient(top, #cc141e, #cc141e);
    background-image:linear-gradient(top, #cc141e, #cc141e);
    *background-color:#cc141e;
}
.interactive .intbtn.nav {
    width: 46px;
    height: 32px;
}
.interactive .intbtn.nav.prev {
	background-image: url(http://beta.images.theglobeandmail.com/static/templates/images/prev-arrow-8x14.png);
	background-repeat: no-repeat;
	background-position: center center;
    right: 47px;
}
.interactive .intbtn.nav.next {
	background-image: url(http://beta.images.theglobeandmail.com/static/templates/images/next-arrow-8x14.png);
	background-repeat: no-repeat;
	background-position: center center;	
	right: 0;
}
.interactive .intbtn.disable {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
    filter:alpha(opacity=8);
    opacity:0.08;
}
.interactive #slider {
	margin:20px 0 8px 0;
    width: 940px;
	display:none;
	overflow: hidden;
}
.interactive #slider .item {
  /*width: 940px;*/
  /*margin-right: 20px;*/
}
.interactive .slider-cont {
	position:relative;
}
.interactive .slider-cont .flexslider {
	width:100%;
	margin: 0;
	padding: 0;
	position: relative;
	zoom: 1;	
}
.interactive .slider-cont .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.interactive .slider-cont .flexslider .slides img {
	max-width: 100%;
	display: block;
	float: left;
}
/* Clearfix for the .slides element */
.interactive .slider-cont .slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .interactive .slider-cont .slides {
	display: block;
}
* html .interactive .slider-cont .slides {
	height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.interactive .slider-cont .no-js .slides > li:first-child {
	display: block;
}
.interactive .slider-cont .flexslider .slides {
	zoom: 1;
}
.interactive .slider-cont .flexslider .slides > li {
	position: relative;
}
.interactive .slider-cont .flex-direction-nav {
	height: 0;
}
.interactive .slider-cont .flex-direction-nav li a {
	width: 26px;
	height: 50px;
	display: block;
	background: url(http://beta.images.theglobeandmail.com/static/templates/images/nav-arrow-lg.png) no-repeat;
	position: absolute;
	top: 135px;
	cursor: pointer;
	text-indent: -999em;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-o-transition-duration: .2s;
	-ms-transition-duration: .2s;
	transition-duration: .2s;
	z-index:1;
}
.interactive .slider-cont .flex-direction-nav li .flex-next {
	background-position: -35px 0;
    background: url("http://beta.images.theglobeandmail.com/static/templates/images/nav-arrow-sm.png") no-repeat scroll -34px center #fff;
    position: absolute;
    right: 0;	
}
.interactive .slider-cont .flex-direction-nav li .flex-next:hover {
	width:36px;
}
.interactive .slider-cont .flex-direction-nav li .flex-prev {
    background: url("http://beta.images.theglobeandmail.com/static/templates/images/nav-arrow-sm.png") no-repeat scroll 0px center #fff;
    position: absolute;
}
.interactive .slider-cont .flex-direction-nav li .flex-prev:hover {
	background-position: 10px center;
	width:35px;
}
.interactive .slider-cont .flex-direction-nav li .disabled {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter:alpha(opacity=30);
	opacity:0.3;
	cursor: default;
}
.interactive .slider-cont.graphics .flex-direction-nav li a {
	top:95px;		
}
.interactive .slider-cont.graphics .flex-direction-nav li a {
	height: 70px;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	-ms-transition-duration: 0s;
	transition-duration: 0s;		
}
.interactive .slider-cont .flex-control-nav {
	width: 100%;
	text-align: center;
	margin-top:20px !important;
}
.interactive .slider-cont.graphics .flex-control-nav {
	margin-top:30px !important;
}
.interactive .slider-cont .flex-control-nav li {
	margin: 0 0 0 4px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.interactive .slider-cont .flex-control-nav li:first-child {
	margin: 0;
}
.interactive .slider-cont .flex-control-nav li a {
	width: 13px;
	height: 13px;
	display: block;
	background: url(http://beta.images.theglobeandmail.com/static/templates/images/bg_control_nav.png) no-repeat;
	cursor: pointer;
	text-indent: -999em;
}
.interactive .slider-cont .flex-control-nav li a:hover {
	background-position: 0 -13px;
}
.interactive .slider-cont .flex-control-nav li a.flex-active {
	background-position: 0 -26px;
	cursor: default;
}
.interactive .slider-cont ol, ul {
	list-style: none;
	margin:0;
	padding:0 !important;
}
.interactive .text-col {
	float:left;
	margin:0 20px 0 0;
}
.interactive .text-col.single{
    width:228px;
	margin:15px 0 0 20px;
}
.interactive .text-col.double{
    width:460px;
	margin:0;
	padding-top:15px;
}
.interactive .text-col.rmargin{
	margin-right:20px;
}
.interactive .text-col ul {
    margin:0 0 10px 0 !important;
	padding-left:0px !important;
	list-style-type: none !important;
}
.interactive .text-col h2 {
	font:normal 18px/1.2 'PrattHeavy',Georgia,'Times New Roman',serif;
    padding:0;
    margin: 0 0 6px 0;
}
.interactive .text-col p {
	font:12px/1.5 Verdana,sans-serif;
	color:#000;
	margin:0 !important;
}
.interactive .tab-container {
	width:940px;
	height:40px;
	border-bottom:1px solid #d9d9d9;
}
.interactive .tab-container.stuck {
	position: fixed;
	top: 0;
	background-color: #fff;
	z-index: 1000;
	border-bottom: 1px solid #eee;
    -webkit-box-shadow:  0px 5px 5px -3px rgba(0, 0, 0, .065);
    box-shadow:  0px 5px 5px -3px rgba(0, 0, 0, .065);
}
.interactive .tab-container ul {
	margin:0 0 0 1px !important;
	list-style-type: none !important;
	padding:0 !important;
	position:relative;
}
.interactive .tab-item {
	min-width:58px;
	height:39px;
	border-top:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:2px solid #d9d9d9;
	float:left;
	position:relative;
	margin-left:-1px;
	cursor:pointer;
}
.interactive .tab-item.num2 {
	width:457px;
}
.interactive .tab-item.num3 {
	width:304px;
}
.interactive .tab-item.num4 {
	width:227px;
}
.interactive .tab-item.num5 {
	width:181px;
}
.interactive .tab-item.num6 {
	width:151px;
}
.interactive .tab-item.num7 {
	width:129px;
}
.interactive .tab-item.num8 {
	width:113px;
}
.interactive .tab-item.num9 {
	width:100px;
}
.interactive .tab-item.num10 {
	width:90px;
}
.interactive .tab-item.active {
	border-bottom:1px solid #fff;
}
.interactive .tab-item .inner {
	width:100%;
	height:38px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;	
	background-color:#f2f2f2;
	text-align:center;
	position:relative;
}
.interactive .tab-item .inner:hover {
	background-color:#fafafa;
}
.interactive .tab-item .inner.over {
	background-color:#ff0000;
}
.interactive .tab-item .inner.active {
	background-color:#fff;
}
.interactive .tab-item.large {
	width:210px;
}
.interactive .tab-item a.large {
	font:normal 25px 'PrattRegular',Georgia,'Times New Roman',serif !important;
	color:#e60000;
	margin:16px 10px 0 10px;
	display:block;
}
.interactive .tab-item a.medium {
	font:normal 16px/18px 'PrattRegular',Georgia,'Times New Roman',serif !important;
	color:#e60000;
	margin:10px 15px 0 15px;
	display:block;
}
.interactive .tab-item a.small {
	font:normal 19px 'PrattRegular',Georgia,'Times New Roman',serif !important;
	color:#e60000;
	margin:19px 10px 0 10px;
	display:block;
}
.interactive .credits {
	width:940px;
	font:10px/1.5em Arial,Helvetica,sans-serif;
	color:#999;
	padding-top:8px;
	overflow: hidden;
}
.interactive .credits {
  border-top: 1px solid #FFFFFF;
  clear: both;
  color: #999999;
  display: inline;
  float: left;
  font: 9px Verdana,Geneva,sans-serif;
  margin-top: 30px;
  overflow: visible;
  padding-top: 8px;
  position: relative;
  width: 100%;
}
.interactive .mobile-nav {
	display: none;
}
.interactive .mobile-nav.stuck {
	position:fixed;
	top:0;
	box-shadow:0 2px 4px rgba(0, 0, 0, .3);
}


/* 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;
    }
	.interactive .text-col p {
		font: normal 16px/22px Helvetica, Arial, Verdana, sans-serif;
	}
	.interactive .text-col li {
		font: 21px/1.1 'PrattHeavy',Georgia,'Times New Roman',serif;
	}
	.interactive .tab-container {
		border-bottom: none;
		width: 100%;
		padding-top: 10px;
		left: 0;
	}
	.interactive .tab-container.stuck {
		height: 44px;
	}	
	.interactive .tab-container ul {
		display: none;
	}
	.interactive .intbtn.nav.prev {
		float: left;
	}
	.interactive .tab-container.stuck .intbtn.nav.prev {
		float: left;
		margin-left: 10px;
	}
	.interactive .tab-container.stuck .intbtn.nav.next {
		margin-right: 10px;
	}
	.interactive .intbtn {
		margin: 0;
	}	
	.interactive #slider {
		width: 100%;
		margin: 5px 0 8px;
	}
	.interactive .slider-cont ol, ul {
		margin:0 !important;
	}	
	.interactive #slider .item {
		width: 100%;
	}
	.interactive .text-col.single {
		margin: 15px 0 0 0;
		width: 100%;
	}
	.interactive .text-col.double {
		width: 100%;
	}
	.interactive .mobile-nav {
		display: block;
		position: relative;
		top: -35px;
	}	
	.interactive .credits {
		width: 100%;
		font:8px/1.4em Arial,Helvetica,sans-serif;
	}	

}