/*****brampton highlights*******/
#bramptonHighlights .Highlights div.hlUnselected, #bramptonHighlights .Highlights div.hlSelected{
	/*background-image:url('/Style Library/BramptonImages/Generic/home/recImage.jpg');*/
	background-repeat:no-repeat;
	background-size:cover;
	background-position:right center;		
	color:#fff;
	width:100%;
	height:130px
}

#bramptonHighlights .Highlights{
	position:relative;
	width:100%;
	height:295px;
}

#bramptonHighlights .slideContent {
	background-color:#00275a ;
	margin-top:130px;
	height:165px;

}
#bramptonHighlights .slideContent a{
	color:#fff;
}
#bramptonHighlights .slideContent a:hover{
	text-decoration:none;
}
#bramptonHighlights .slideContent a:focus{
	outline:none;
	text-decoration:none;
}
#bramptonHighlights .slideContent a:hover h3,
#bramptonHighlights .slideContent a:focus h3{
	text-decoration:underline
}
#bramptonHighlights h3{
	background-color: #00275a;
	margin:0px -15px 5px;
	margin-right:-15px;
	padding:8px 15px 10px;
	color:#fff;
	font-weight:500;
	font-size:100%;
	line-height:1;
}

#bramptonHighlights .slideContent p{
	margin-bottom:5px;
	font-size:90%;
}


.Highlights .slideButton { 
	position:absolute; 
	height:20px!important; 
	width:20px!important; 
	z-index:100;
	margin-right:5px;
	border-radius:10px;
}
.Highlights .slideButton a{
	height:12px!important; 
	width:12px!important; 
	margin:4px;
	border-radius:8px;
	display:block;
	text-indent: -99999999px;
	overflow:hidden;
	background-color: #005DBA;
	border:none;
	color:#fff
}

.Highlights .slideButton a:focus{
	outline:none;
	background-color:#fff;
	height:12px!important; 
	width:12px!important; 
	border-radius:9px;
	margin:4px;	
	border: none;
}

.Highlights .slideButton a.HLSelected{
	height:16px!important; 
	width:16px!important; 
	margin:2px;
	border-radius:8px;
	display:block;
	text-indent: -999px;
	background-color: transparent;
	border: 3px solid #005DBA;
}

.Highlights .slidePlayPauseButton {
	position:absolute; 
	z-index:100; 
	height:24px; 
	width:24px; 
}

.Highlights .slidePlayPauseButton a{
	display:block;
	height:24px;
	width:24px;
	color:#fff;
	text-align:center;
	background-color:#005DBA;
}
.Highlights .slidePlayPauseButton a:focus {color:#fff;outline:none;}
.Highlights .slideButton,
.Highlights .slidePlayPauseButton{
		top:264px;	
}


@media (min-width: 1024px){
	.Highlights .slideButton a:hover{background-color:#fff}
	.Highlights .slidePlayPauseButton a:hover{color:#fff}
}

.buttons-container{
	width:100%;
	position:absolute;
	}
@media (min-width: 480px){
	#bramptonHighlights .Highlights{
	height:326px
	}
	#bramptonHighlights .Highlights div.hlUnselected, #bramptonHighlights .Highlights div.hlSelected{
		height:180px;
		background-position:center center;
	}
	#bramptonHighlights .slideContent {
		margin-top:180px;
		height:145px
	}
	.Highlights .slideButton,
	.Highlights .slidePlayPauseButton{
		top:295px;
	}

}
@media (min-width: 600px){
	#bramptonHighlights .Highlights{
	height:376px
	}
	#bramptonHighlights .Highlights div.hlUnselected, #bramptonHighlights .Highlights div.hlSelected{
		height:230px
	}
	#bramptonHighlights .slideContent {
		margin-top:230px;
		height:145px
	}
	#bramptonHighlights .slideContent h3{
	font-size:130%
	}
	.Highlights .slideButton,
	.Highlights .slidePlayPauseButton{
		top:345px;
	}
}
@media (min-width: 768px){
	#bramptonHighlights{border-bottom:1px solid #e8e8e8; margin-bottom:15px;}

	#bramptonHighlights .row {margin-left:0px;}
	#bramptonHighlights .Highlights,
	#bramptonHighlights .Highlights div.hlUnselected, #bramptonHighlights .Highlights div.hlSelected{
		height:290px;
	}
	#bramptonHighlights .slideContent {
		background-color:#002144;
		padding-top:5px;
		margin-top:15px;
		height:260px;
		border-radius:2px;
		filter: alpha(opacity=90);
		opacity: 0.9;
		background-image:none;
		border-bottom:none;
		}
	#bramptonHighlights .slideContent h3{
		background-color:transparent;
		font-size:160%;
		font-weight:600;
		margin-bottom:10px;
	}
	#bramptonHighlights .slideContent p{
		font-size:110%;
		margin-top:-5px;
	}
	
	#bramptonHighlights .slideContent a{
	color:#fff;}
	.Highlights .slideButton,
	.Highlights .slidePlayPauseButton{
		top:237px;
	}
}
@media (min-width: 992px){
	#bramptonHighlights .Highlights,
	#bramptonHighlights .Highlights div.hlUnselected, #bramptonHighlights .Highlights div.hlSelected{
		height:335px;
	}
	#bramptonHighlights .slideContent {
		margin-top:35px;
		height:265px
	}
	.Highlights .slideButton,
	.Highlights .slidePlayPauseButton{
		top:260px;
	}
}

@media (min-width: 1200px){
	#bramptonHighlights .Highlights,
	#bramptonHighlights .Highlights div.hlUnselected, #bramptonHighlights .Highlights div.hlSelected{
		height:387px;
		
	}
	#bramptonHighlights .slideContent {
		margin-top:60px;
	}
	.Highlights .slideButton,
	.Highlights .slidePlayPauseButton{
		top:285px;
	}
	#bramptonHighlights .slideContent p{
		font-size:105%;
		margin-top:-5px;
	}

}

@media (min-width: 1360px){ 
	#bramptonHighlights .Highlights,
	#bramptonHighlights .Highlights div.hlUnselected, #bramptonHighlights .Highlights div.hlSelected{
		height:411px;		
	}
	#bramptonHighlights .slideContent {
		margin-top:70px;
	}
	.Highlights .slideButton,
	.Highlights .slidePlayPauseButton{
		top:295px;
	}

}
@media (min-width: 1600px){ 
	#bramptonHighlights .slideContent {
		height:310px;
		font-size:110%;
	}
	#bramptonHighlights .Highlights,
	#bramptonHighlights .Highlights div.hlUnselected, #bramptonHighlights .Highlights div.hlSelected{
		height:508px;		
	}
	#bramptonHighlights .slideContent {
		margin-top:100px;
	}
	.Highlights .slideButton,
	.Highlights .slidePlayPauseButton{
		top:370px;
	}
}

@media (min-width: 1920px){ 
	#bramptonHighlights .slideContent {
		height:360px;
		font-size:120%;
	}
	#bramptonHighlights .slideContent p{
		margin-top:-8px;
	}
	#bramptonHighlights .Highlights,
	#bramptonHighlights .Highlights div.hlUnselected, #bramptonHighlights .Highlights div.hlSelected{
		height:580px;
	}
	#bramptonHighlights .slideContent {
		margin-top:110px;
	}
	.Highlights .slideButton,
	.Highlights .slidePlayPauseButton{
		top:430px;
	}
}

@media (min-width: 2400px){ 
	#bramptonHighlights .slideContent {
		height:400px;
		font-size:130%;
	}
	#bramptonHighlights .Highlights,
	#bramptonHighlights .Highlights div.hlUnselected, #bramptonHighlights .Highlights div.hlSelected{
		height:680px;
	}
	#bramptonHighlights .slideContent {
		margin-top:130px;
	}
	.Highlights .slideButton,
	.Highlights .slidePlayPauseButton{
		top:490px;
	}

}

#highlightDiv0{/*** note: for some reason this slide was getting set as -40 on page load***/
	z-index:9!important;
}