/*Red: #E3001D*/
*{
	margin:0;
    padding: 0;
    border:none;
	outline:none;
	list-style-type:none;
}
body {
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	background: #000;
}
#titleContainer{
	display: table;
	width:40%;
	position:relative;
	margin:-264px 0 44px 4%;
}
h1 {
	font-size:4.8em;
	text-shadow:0 2px 2px rgba(0,0,0,.8);
	color:#FFF;
	font-weight:normal;
	height:220px;
	display: table-cell;
	vertical-align: middle;
}
h2 {
	font-size:3em;
	color:#E3001D;
	font-weight:normal;
	line-height:1.1em;
	margin:0 0 .6em;
	/*clear:both;Added to clear floating member divs on team page*/
}
.mainContent h2{
	font-size:1.8em;
	line-height:1.3em;
	margin: 1.2em 0 .6em;
	color:#000;
}
.mainContent h2:first-child{
	margin: 0 0 .6em;
}
h2 a,h3 a{
	text-decoration:none;
	color:inherit;
}
h3 a:hover{
	text-decoration: underline;
}
h3{
	font-size:1.5em;
	color:#000;
	margin:1.4em 0 .2em;
}
.news h3{  
	font-size:1.8em;
	font-weight:normal;
}
p,ul,ol{
	font-size:1.5em;
	line-height:1.6em;
	margin-bottom:1em;
}
p{
	clear:both;
}
ul li{
	background:url(/images/bullet.png) no-repeat left center;
	padding-left:16px;
}
ol li{
}
p.msg{
	color:#FFF;
	padding:10px 12px;
	font-weight:bold;
	border-radius: 3px;/*chrome,firefox,ie9*/
	margin-bottom:2em;
	background: #00A800;/*Green*/
}
p.error{
	background:#E70A0A;/*Red*/
}
p.big{
	font-size:2.4em;
	line-height:1.3em;
	margin: 1.2em 0 .6em;
	color:#E3001D;
}
p.big:first-child{
	margin-top:0;
}
p.morelink{
	text-transform:uppercase;
	font-size:1.2em;
	color:#777;
	margin:0;
}
a{
	color:#E3001D;
}
a:hover{
	color:#000;
}
img{
	display:block;
}
img[class='right']{
	float:right;
	margin-left:20px;
}


/*Header/Navigation*/
#header{
	width:100%;
	min-width:1028px;
	background:#FFF;
	position:absolute;
	top:0;
	z-index:1;
	box-shadow:0 2px 2px rgba(0,0,0,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);
}
#header p{
	/*display:inline-block;*/
	margin:0;
	float:left;
}
#header p a{
	background:#000;
	padding:11px 32px 11px 22px;
	display:block;
}

/*Canvas*/
#canvas{
	background:#E5E5E5;
	min-width:1028px;
}

/*Container*/
.container{
	width:1028px;
	margin:0 auto;
}

/*Banner*/
#banner{
	margin-top:70px;
	min-width:1028px;
	height:220px;
	box-shadow:0 2px 2px rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2);
	background:url(../images/ontario-highway.jpg) bottom;
	background-size:cover;
	position:relative;
	margin-bottom:44px;
}
#banner ul{
	font-size:1.4em;
	text-transform:uppercase;
	position:absolute;
	top:50%;
	right:5%;
	margin-top:-50px;
	line-height:1.4em;
}
#banner li{
	padding:0;
	background:none;
	float:left;
	text-align:center;
	width:110px;
	margin-left:26px;
}
#banner li:first-child{
	margin:0;
}
#banner a{
	color:#FFF;
	text-decoration:none;
	display:block;
}
#banner span{
	border:#FFF 4px solid;
	border-radius:50%;
	background:#E3001D;
	height:100px;
	width:100px;
	display:block;
	box-sizing:border-box;
	box-shadow:0 2px 0 rgba(0,0,0,0.2), inset 0 2px 0 rgba(0,0,0,0.2);
	position:relative;
	margin:0 auto;
}
#banner a:hover span{
	height:110px;
	width:110px;
	margin:-5px auto;
	transition: height .2s, width .2s, margin .2s;
}
#banner span img{
	position:absolute;
	top:50%;
	left:50%;
	margin:-27px 0 0 -27px;
	-webkit-filter: drop-shadow(0 2px 0 rgba(0,0,0,0.2));
}
#banner a:hover span img{
	height:60px;
	width:60px;
	margin:-30px 0 0 -30px;
	transition: height .2s, width .2s, margin .2s;
}
#banner a strong{
	display:none;
}
.gradient{
	width:80%;
	height:100%;
	background: -webkit-linear-gradient(left,rgba(0,0,0,.8),rgba(0,0,0,0));
	background: -moz-linear-gradient(left,rgba(0,0,0,.8),rgba(0,0,0,0));
}

/*If there are three columns, the first column is made to be equal to the 2nd and third*/
.col:first-child {  
	width:678px;
	margin-left:0 !important;
}
.col,.col:nth-last-of-type(3){
	margin-left:22px;
	width:328px;
	float:left;
	margin-bottom:60px;
}

.col .col{
	width:47%;
	float:right;
}
.col .col:first-child{
	float:left;
}


/*Boxes*/

.box{
	background:#FFF;
	border:#D8D8D8 1px solid;
	box-shadow:0 1px 0 rgba(0,0,0,.05);
	border-radius:3px;
	margin-top:22px;
	padding:26px;
	overflow:hidden;
}
.box:first-child{
	margin:0 !important;
}
.box.mainContent {
	padding:36px;
}
.box.imageButton{
	padding:0 !important;
}
.box.imageButton a{
	text-decoration:none;
}
.box.imageButton a:hover img{
	opacity:.8;
}
.box.imageButton .button{
	margin:0;
}
.box.news p{
	margin-bottom:.3em;
	color:#777;
}
.box.review p{
	color:#777;
	font-size:1.8em;
	font-style:italic;
}
.box.review p.author{
	color:#000;
	font-size:1.3em;
	font-style: normal;
	margin:0;
}
.box.review p.author strong{
	display:block;
}
.box.review p.author img{
	float:left;
	margin:-4px 14px 0 0;
}

form.box{
	background:#F4F3F0;
}

/*BUTTONS*/
input[type="submit"],
.button{
	color:#FFF !important;
	border-radius: 3px;
	box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2);
	cursor:pointer;
	text-decoration:none;
	padding:0 16px;
	white-space:nowrap;
	width:auto;
	background: #E3001D;
	font-size:1.1em;
	font-weight:normal;/*for big button*/
	text-decoration:none !important;
	border:none !important;/*for submit*/
	line-height:34px;
	height:34px;/*for submit*/
	display:inline-block;/*for a*/
}
input[type="submit"]:hover,
.button:hover,
a:hover .button{
	background: #EA4056;
}
input[type="submit"]:active,
a.button:active{
	box-shadow: inset 0 2px 0 rgba(0,0,0,0.2);
}
/*a buttons need additional styles*/
.button{
	position:relative;/*for a*/
	padding-right:36px;/*for a*/
	margin-top:14px;/*for a*/
}
/*a buttons have an arrow*/
.button:after{
	content:"";
	margin-top:-6px;
	width:6px;
	height:11px;
	background:url(../images/arrow.png);
	position:absolute;
	top:50%;
	right:12px;
}
.button.big{
	display:block;
	line-height:48px;
	height:48px;/*ie8*/
	font-size:1.6em;
	border-radius:0;
}

/*inner page header*/
.topImage{
	margin:-36px -36px 26px;
	/*border-radius:3px;*/
}

/*Sub navigation*/
#subNav{
	font-size:1.5em;
	height:20px;
	margin-bottom:26px;
}
#subNav li{
	float:left;
	margin-right:28px;
	background:none;
	padding:0;
}
#subNav li a{
	color:#666;
	text-decoration:none;
}
#subNav li a:hover,#subNav li a.current{
	color:#000;
}
#subNav li a.current{
	text-decoration:underline;
}

/*Cards*/
#cards li{
	float:left;
	margin:0 14px 12px 0;
	background:none;
	padding:0;
}
/* Gift Cards */
#giftcards li{
	float:left;
	margin:0 35px 20px 0;
	background:none;
	padding:0;
}

/*Footer*/
#footer{
	clear:both;
	box-shadow:0 -1px 0 rgba(0,0,0,.2), inset 0 4px 0 #000;
	background:#000 url(../images/footer-bg.png);
	position:relative;
}
#footer .col{
	/*border-left:1px solid #191919;*/
	box-shadow: -1px 0 0 #000, inset 1px 0 0 #191919;
	margin:0;
	padding:0 20px 20px;
	width:310px;
	height:180px;/*Fixed hieght for divider lines*/
}
#footer .col:first-child{
	padding-left:9px;
	border:none;
	box-shadow:none;
}
#footer .col:last-child{
	padding-right:9px;
}
#footer h2{
	font-size:2em;
	margin:-10px 0 16px 0;
	display:inline-block;
	box-shadow:0 4px 0 #000;
	line-height:1em;
}
#footer h2 .button{
	padding-right:16px;
	line-height:40px;
	height:40px;/*ie8*/
	font-size:1em;
	margin:0;
}
#footer h2 .button:after{
	display:none;
}
#footer h3{
	margin:0;
	font-size:1.3em;
	line-height:1.6em;
	font-weight:bold;
	color:#FFF;
}
#footer p{
	margin-bottom:.8em;
	color:#FFF;
}
#footer .address p:first-child{
	margin-bottom:0;
}
#footer a:hover{
	color:#FFF;
}
#footer .phonenumber{
	font-weight:bold;
}
#footer .phonenumber a{
	text-decoration:none;
	color:#FFF;
}

/*#footer .container{
	display:table;
}
#footer .col{
	display:table-cell;
}*/


#copyright{
	clear:both;
	text-align:center;
	border-top:1px solid #191919;
	background:#000;
	font-size:1.2em;
	line-height:42px;
	margin:0 !important;
	color: #FFF;
}
#copyright a {
	color:#FFF;
	text-decoration:none;
	margin:0 2px;
}
#copyright a:hover {
	text-decoration:underline;
}
#copyright small {
	font-size:1em;
	margin-right:10px;
}

/*Social Links*/
.socialLinks{
	margin:0;
}
.socialLinks li{
	float:left;
	margin:0 6px 0 0;
	background:none;
	padding:0;
}
.socialLinks a{
	display:block;
	height:0;
	padding-top:34px;
	width:34px;
	overflow:hidden;
	background:url(/images/icons/social.png);
}
.socialLinks a[href*=google]{
	background-position:right center;
}
.socialLinks a[href*=facebook]{
	background-position:center center;
}

/*Form styles*/
form p{
	/*clear:both;*/
	margin-bottom:1.2em;
}
/*label{
	width:130px;
	display:block;
	float:left;
	line-height:34px;
}*/
input,
textarea{
	border: 1px solid #DDD;
	line-height:36px;
	height:36px;/*ie9*/
	color:#AAA;
	padding:0 8px;
	font-family:Arial, Helvetica, sans-serif;/*This need to be set to override Firefox defaults for input fields*/
	width:274px;
	box-sizing:border-box;
}
textarea{
	height:100px;
	line-height:20px;
	padding:7px 6px;
	display: block;
}
input:hover,
textarea:hover{
	border: 1px solid #999;
}
input:focus,
textarea:focus{
	border: 1px solid #000;
	color:#555;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
input[type="radio"]{
	width:auto;
	height:auto;
}
.privacy{
	background:url(../images/icons/lock.png) no-repeat left;
	padding-left: 18px;
	color: #000;
	text-decoration:none;
	margin-left:18px;
	opacity:.3;
}
.privacy:hover{
	opacity:1;
}
.required{
	background:#FFC;
	border:#E70A0A solid 1px !important;
}
.fieldCheck{
	display:none;
}

::selection {
	background: #E3001D;
	color:#000;
}


/* CSS for Team page */
div.team {
	float: left;
	width: 175px;
	margin:0 25px 25px 0;
}
div.team h3 {
	margin:6px 0 0;
}
div.team p {
	margin:0;
	font-size:1.3em;
}
/*div.team p img {
	margin:0;
	padding:2px;
}
div.team p.small {
	font-size:1.2em;
	color:#666;
}
div.team p.small a{
	font-size:1.0em;
	color:#CC0000;
	text-decoration:none;
}
div.team p.small a:hover{
	font-size:1.0em;
	color:#000;
	text-decoration:underline;
}
div.team p a {
	margin:0;
	font-size:1.35em;
	font-weight:bold;
}*/

.centre{
	text-align:center;
}
.centre img{
	margin:0 auto;
}

h2.toggle{
	background:#E3001D;
	cursor:pointer;
	padding:8px 12px;
	border-radius: 3px;
	color: #FFF;
	text-align:center;
	position:relative;
}
h2.toggle:after{
	background:url(/images/arrow-down.png);
	position:absolute;
	right: 14px;
	top:50%;
	margin-top:-3px;
	content:"";
	width:11px;
	height:6px;
}
h2.toggle:hover{
	background:#EA4056;
	/*color: #E3001D;*/
}
h2.toggle+div{
	display: none;
}

.clear{clear:both;}