﻿

.Header
{
	position: relative;
	z-index: 10;
	background-image: url(../img/backgrounds/header_repeater.png);
	min-height: 48px;
	height: 48px;
	max-height: 48px;
	width: 100%;

	min-width: 1050px;
}

.Header .HeaderBG
{
	background-image: url(../img/backgrounds/header.png);
	background-position:left top;
	background-repeat: no-repeat;
	min-height: 41px;
	height: 41px;
	max-height: 41px;
	width: 100%;
	margin: 0px;
}

.HeaderContent .ActivityTypeArea
{
	width:580px;
	min-width:580px;
}

.HeaderContent .TableStyle
{
	width:100%;
	position:relative;
	
}

.HeaderContent .RightContent
{
	min-width: 460px;
}


.MainContent
{
	min-height: 400px;
}

.FloatingContent
{
	position: absolute;
	width: 100%;
	min-width: 1050px;

}

.Header .RightContent
{
	float: right;
	min-width: 462px;
	padding-top: 7px;	

}


.ActivitySelector
{
	float: left;
	z-index: 1000000;
}

.ActivitySelector .Explore
{
	font-family: Arial;
	font-size: 16pt;
	color: White;
	float: left;
	margin-left: 20px;
	margin-top: 7px;
}

.ActivitySelector .InText
{
	font-family: Arial;
	font-size: 16pt;
	color: White;
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 10px;
}


.ActivitySelector .ActivityMenuArea
{
	height: 50px;
	width: 138px;
	float: left;
	margin-top: 4px;
	margin-left: 10px;
	padding-left: 2px;
}

.ActivitySelector .ActivityDropdown
{
	background-image: url(../img/buttons/activitydropdown.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 138px;
	cursor:pointer; cursor:hand;
}

.ActivitySelector .ActivityDropdown .Selection
{
	padding-top: 5px;
	width: 120px;
	font-weight: bold;
	color: #177dc6;
	font-size: 16px;
	text-align: center;
}

.ActivitySelector .ProvinceMenuArea
{
	height: 50px;
	width: 190px;
	float: left;
	margin-top: 4px;
}

.ActivitySelector .ProvinceDropdown
{
	height: 50px;
	width: 190px;
	background-image: url(../img/buttons/provincedropdown.png);
	float: left;
	cursor:pointer; cursor:hand;
}

.ActivitySelector .ProvinceDropdown .Selection
{
	padding-top: 5px;
	width: 165px;
	font-weight: bold;
	color: #177dc6;
	font-size: 16px;
	text-align: center;
}

.ActivitySelector .Go
{
	float: left;
	margin-top: 7px;
}

.Login
{
	
	margin-top: 4px;
	
	
}

.Login .LoginArea
{
	float: right;
	padding-right: 5px;	
	color: #fff;
	height: 18px;
	
	overflow: hidden;	
	overflow:hidden;
	margin-top:2px;
	text-align:left;
	
	

	
}

.Login .LoginArea a
{
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
	
}


.Login .SigninArea 
{
	float: right;
	margin-right: 20px;	
	color: #fff;	
	
	
}

.Login .SigninArea a
{
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
}


.Login .RegisterArea
{
	
	float:right;
	margin-right:5px;
	
}

.Login .RegisterArea a
{
	color: #a1d3f9;
}

.LoginDialog a img
{
	border: none 0;
}

.LoginDialog .Registered
{
	float: left;
	width: 285px;
	padding-left: 30px;
}

.LoginDialog .Registered a.Forgot
{
	text-decoration: none;
	color: #0594ea;
	font-weight: bold;
}

.LoginDialog .Registered input
{
	display: block;
	width: 248px;
	height: 18px;
	border: solid 1px #e1e6e7;
	margin: 5px 0;
}

.LoginDialog .NonRegistered
{
	float: left;
	width: 225px;
}

.SearchBox
{
	margin-right:10px;
	min-width:270px;

	
}

.SearchBox .SearchLabel
{
	font-size: 16px;
	color: White;
	margin-right: 10px;
	margin-top: 3px;
}


.SearchBox .InputArea
{
	margin-right: 3px;
}
.SearchBox input
{
	width: 160px;
	height: 24px;
	min-height: 24px;
	max-height: 24px;
	border: solid 1px #4ea4e3;
	font-family: Arial;
	font-size: 12px;
	padding-left: 3px;
	color: #333333;
	vertical-align: middle;
}



.ActivityTypesMenu
{
	background-image: url(../img/backgrounds/ActivityMenuBG.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 354px;
	height: 366px;
	min-height:366px;
	top: 3px;
	left: 106px;
	z-index: 1000000;
}



.ActivityTypesMenu .ActivityTypePanel
{
	float: left;
}
.ActivityTypesMenu .ActivityTypePanel .Pos
{
	margin: 15px;
	margin-top: 20px;
	margin-left:10px;
	
	margin-bottom:0px;
	min-height:260px;
}

.ActivityTypesMenu .SelectionHover
{
	padding-top: 5px;
	width: 120px;
	font-weight: bold;
	color: white;
	font-size: 16px;
	text-align: center;
	min-height:40px;

}

.ActivityTypesMenu .ActivityTypePanel .Type
{
	float: left;
	width: 60px;
	font-family: Arial;
	font-size: 10px;
	color: White;
	text-align: center;
	min-height: 50px;
	height: 80px;
	cursor: pointer;
	cursor: hand;
	padding:2px;
}

.ActivityTypesPager
{
	height: 27px;
	width: 244px;
	text-align: center;
	padding-top: 5px;
	
	margin-left:60px;
}
.ActivityTypesPager .Content
{
	margin-left: auto;
	margin-right: auto;
	width: 110px;
}

.ActivityTypesPager .Button
{
	float: left;
}

.ActivityTypesPager .Pager
{
	color: White;
	margin-top: 4px;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
}

.ProvincesMenu-en-ca
{
	background-image: url(../img/backgrounds/ProvinceMenuBG.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 492px;
	height: 397px;
	top: 3px;
	left: 288px;
	z-index: 1000000;
}
.ProvincesMenu-fr-ca
{
	background-image: url(../img/backgrounds/ProvinceMenuBG.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 492px;
	height: 397px;
	top: 3px;
	left: 327px;
	z-index: 1000000;
}

.ProvincesMenu .ProvincesPanel
{
	float: left;
	margin-left: 0px;

}
.ProvincesMenu .ProvincesPanel .Pos
{
	margin: 10px;
	margin-top: 35px;
	margin-right:5px;
	float: left;
}

.ProvincesMenu .ProvincesPanel .Pos .Map
{
	float: left;
	width: 307px;
	min-height: 249px;
	margin-top: 20px;
}
.ProvincesMenu .ProvincesPanel .Pos .ProvincesArea
{
	float: left;
	width: 162px;
	min-height: 320px;

	margin-left:7px;
}

.ProvincesMenu .ProvincesPanel .SelectionHover
{
	padding-top: 5px;
	width: 162px;
	font-weight: bold;
	color: white;
	font-size: 16px;
	text-align: center;

}

.ProvincesPanel .SelectHeader
{
	font-weight: bold;
	font-size: 16px;
	color: White;
	margin-bottom: 5px;
	padding-left: 10px;
}

.ProvincesArea .Province
{
	font-size: 14px;
	color: White;
	cursor: pointer;
	cursor: hand;
	padding-left: 12px;
	padding-top: 2px;
	width: 150px;
	height: 18px;
}

.ProvincesArea .ProvinceSelected
{
	background-image: url(../img/backgrounds/ProvinceMenuSelection.png);
	background-repeat: no-repeat;
	width: 162px;
	height: 18px;
	font-size: 14px;
	color: #0594ea;
	cursor: pointer;
	cursor: hand;
	padding-left: 12px;
	font-weight: bold;
	padding-top: 2px;
}

.ProvincesArea .AllProvinces
{
	font-size: 14px;
	color: #accde7;
	cursor: pointer;
	cursor: hand;
	padding-left: 12px;
	padding-top: 2px;
	width: 150px;
	height: 18px;
}


.Footer
{
	background-image: url(../img/backgrounds/Footer_repeater.jpg);
	background-repeat: repeat-x;
	min-height: 130px;
	height: 130px;
	width: 100%;
	margin: 0px;
	position: relative;
	min-width: 1050px;
}

.LeftFooterArea
{
    float: left;
	min-height: 130px;
	height: 130px;
}

.RightFooterArea
{
	background-image: url(../img/backgrounds/Footer_repeaterDark.jpg);
	background-repeat: repeat-x;
	min-height: 130px;
	height: 130px;
	width: 500px;
	margin: 0px;
	position: relative;
	float: right;
}

.FooterArea
{
    float: left;
    width: 210px;
    min-height: 80px;
    padding: 15px 20px 0 20px;
}

.FooterAreaDiv
{
	background-image: url(../img/backgrounds/bkgFooterDiv.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}

.RightBottomFooterArea
{
    float: left;
    padding: 7px 0 0 20px;
}

.Footer .Logo-en-ca
{
	background-image: url(http://getoutmore.s3.amazonaws.com/Template/en-ca/Logo.png);
	width: 136px;
	height: 137px;
	min-height: 137px;
	max-height: 137px;
	position: relative;
	z-index: 1000;
	margin-left: 18px;
	margin-top: -8px;
	float:left;
}

.Footer .Logo-fr-ca
{
	background-image: url(http://getoutmore.s3.amazonaws.com/Template/fr-ca/Logo.png);
	width: 136px;
	height: 137px;
	min-height: 137px;
	max-height: 137px;
	position: relative;
	z-index: 1000;
	margin-left: 18px;
	margin-top: -8px;
	float:left;
}

.Footer .Logo .DrivenByOutback
{
	width:100%; 
	min-height:25px;
	height:25px;


	cursor:pointer; cursor:hand;
}
.Footer .Logo .SubaruCA
{
	width:100%; 
	min-height:100px;
	height:100px;

	margin-bottom:10px;
	cursor:pointer; cursor:hand;
}

.Footer H1
{
	margin-top:0px;
}

.Footer H1 a
{
	color: #012861;
	font-size: 18px;
}

.FooterContent
{
	margin-left: 18px;
	margin-top: 5px;
	font-size: 10px;
	font-weight: bold;
	color: #b8b8b8;
	min-height: 20px;
	max-height: 20px;
	height: 20px;
	z-index: 100000;
	
}

.FooterContent .LinkArea
{
	float:right;
	margin-right:10px;
}

.FooterContent .LinkArea a
{
	font-weight:bold;
	color:#a6a6a6;
	font-size:10px;
	text-decoration:underline;
	
}

.Footer .Content .Divider
{
	background-image: url(../img/backgrounds/footer_divider.jpg);
	background-repeat: no-repeat;
	width: 1px;
	min-height: 119px;
	float: left;
	margin-left: 25px;
	margin-right: 25px;
}

