#interactive-map *, #interactive-map *:before, #interactive-map *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
#interactive-map .interactive-btn {
	clear: none !important;
	font:18px/20px 'gmsans', Arial, Helvetica, sans-serif;
	color: #fff;
	background-color:#da161f;
	border:0;
	padding:7px 12px;
	font-size:18px;
	border-radius:6px
	}
#interactive-map #list-toggle-button, #map-toggle-button, #edit-cart-button{
	font:18px/20px 'gmsans', Arial, Helvetica, sans-serif;
	color: #fff;
	background-color:#da161f;
}

#interactive-map #list-clear-button, #done-shopping-button{
	font:18px/20px 'gmsans', Arial, Helvetica, sans-serif;
	color: #fff;
	background-color:#d1d1d1;
}
#interactive-map #int-img{ background-size: 100%;}
#interactive-map #int-img-layer{ background-size: 100%;}
.credits {
	width:100%;
	font:10px/1.5em Arial,Helvetica,sans-serif;
  border-top: 1px solid #d9d9d9;
  color: #999999;
  font: 9px Verdana,Geneva,sans-serif;
  margin-top: 30px;
  overflow: visible;
  padding-top: 8px;
  position:relative;
  clear:both;
  margin-top: 25px;
  text-transform:uppercase;
}
#interactive-map #chart-wrapper{min-width:100% !important;float:right !important; border-top:1px solid #d9d9d9 !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: 75px;
	font:12px/16px Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-style: solid;
	z-index: 3;
}
.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;
}
/* 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;
}

/* Smartphones -------------------- */
@media screen and (max-width: 480px) {
	#interactive-map p{font-size: 14px !important;}
	/*#interactive .int-item.percent-50{width:100% !important;}
	#interactive .int-item.percent-25{width:50% !important;}*/
	#interactive .int-item-spacer{display:inline-block !important;}
	#size-check-div{float:left;}
    
	/*	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 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;
	}
	.qtip {
		display: none !important;
	}
	#interactive-map .hot-spot {background-position:bottom left !important;}
	#interactive-map .pie-main-wrapper .pie-circle{/*display:none !important; z-index:-1;*/}
	#interactive-map #pie-name-div{        
        position: absolute;	top:40px !important;
	}
    #interactive-map #pie-number-div{        
        position: absolute;bottom:40px !important;
	}
	#interactive-map .pie-main-wrapper .nudge-up {margin-top:-25px !important;}
	#interactive-map .pie-main-wrapper .nudge-right p{text-align:left !important;}
	#interactive-map .pie-main-wrapper .nudge-right {margin-left:60px !important;}
	#interactive-map .pie-main-wrapper .nudge-down {margin-top:35px !important;}
	#interactive-map .pie-main-wrapper .nudge-left {margin-left:-50px !important;}
	#interactive-map .pie-main-wrapper .nudge-left p{text-align:right !important;}
	#interactive-map .nudge-none {background-image:none !important;}
}	
#interactive-map #list-wrapper{width:100% !important; float:left !important; border-left:none !important;}

@media screen and (max-width:939px) {
	
	#interactive-map .inner p{!important;width:70% !important;line-height:75% !important; }
	/*#interactive-map .item-btn{height:40px !important;}*/
	/*#interactive-map #chart-wrapper{min-width:100% !important;float:right !important; border-top:1px solid #d9d9d9 !important;}
	

}
@media screen and (min-width: 939px) {
	#interactive-map #done-shopping-button, #edit-cart-button {display:none;}
	#interactive-map-map-title{margin-left:10px;}
	#interactive-map #chart-wrapper{position:relative !important; float:left !important;}
	/*#interactive-map #list-wrapper{float:right !important;}*/
	//#interactive-map #map-title-wrapper{position:absolute !important; top:0px !important; z-index:1 !important;}
	#interactive-map #interactive-map-map-title{display:none !important;}
	#interactive-map #map-toggle-button{margin-right:10px;}

}
@media screen and (min-width:480px) {
#interactive-map .pie-main-wrapper .nudge-up {margin-top:-25px !important;}
	#interactive-map .pie-main-wrapper .nudge-right p{text-align:left !important;}
	#interactive-map .pie-main-wrapper .nudge-right {margin-left:60px !important;}
	#interactive-map .pie-main-wrapper .nudge-down {margin-top:38px !important;}
	#interactive-map .pie-main-wrapper .nudge-left {margin-left:-50px !important;}
	#interactive-map .pie-main-wrapper .nudge-left p{text-align:right !important;}
	#interactive-map .nudge-none {background-image:none !important;}
	
}

#interactive-map #canada-population-number{color: #da161f; width:80%; display:inline-block;font-size: 22px; font-family: PrattHeavy, Georgia, 'Times New Roman', serif; margin: 3px 0px 0px; min-height: 25px; padding: 0px;}
#interactive-map #canada-population{width:20%;font-weight:bold; display:inline-block;font-size: 20px; font-family: GMsans, verdana, sans-serif; margin: 0px; min-height: 25px; padding: 5px 0px 0px; }
#interactive .intro-title-style{font-size:18px!important;}