﻿.clientPanel
{ 
}

.clientPanel .rteContentPanel
{
	vertical-align: top;
	background-color: #FFFFFF;	
	padding: 40px 20px 40px 20px;
	margin-right: 1px;
}

.clientPanel .trademarks
{
	padding-left: 10px;
}
.clientPanel .footer
{	
	height: 17px;
	background: #FF0000;
  padding: 7px 5px 5px 15px;
  margin: 0 0 1px 1px;
}
.clientPanel .footer .footerMenu
{
	color: White;
}

/** MasterPages/Controls/Header.ascx **/
.headerPanel
{
}
.headerPanel .headerTable
{
	width: 100%;	
}
.headerPanel .headerTable .logo
{
	width: 293px;
	height: 120px;	
}
.headerPanel .headerTable .TopNavigation
{
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	height: 120px;
}
.headerPanel .headerTable .TopNavigation .text
{
	display: block;
	padding-top: 52px;
}

.headerPanel .headerTable .TopNavigation.menuHome
{
	width: 97px;	
	background: url("../images/menu_home.jpg") no-repeat left top;
}
.headerPanel .headerTable .TopNavigation.menuHome:hover
{
	background: url("../images/menu_home_active.jpg") no-repeat left top;
}
/*.headerPanel .headerTable .TopNavigation.menuHome_active
{
	width: 97px;	
	background: url("../images/menu_home_active.jpg") no-repeat left top;
}*/

.headerPanel .headerTable .TopNavigation.menuServices
{
	width: 130px;	
	cursor: default;
	background: url("../images/menu_services.jpg") no-repeat left top;
}
.headerPanel .headerTable .TopNavigation.menuServices:hover
{
	background: url("../images/menu_services_active.jpg") no-repeat left top;
}
.headerPanel .headerTable .TopNavigation.menuServices_active
{
	width: 130px;	
	cursor: default;
	background: url("../images/menu_services_active.jpg") no-repeat left top;
}

.headerPanel .headerTable .TopNavigation.menuLocations
{
	width: 150px;
	cursor: default;
	background: url("../images/menu_locations.jpg") no-repeat left top;
}
.headerPanel .headerTable .TopNavigation.menuLocations:hover
{
	background: url("../images/menu_locations_active.jpg") no-repeat left top;
}
.headerPanel .headerTable .TopNavigation.menuLocations_active
{
	width: 150px;
	cursor: default;
	background: url("../images/menu_locations_active.jpg") no-repeat left top;
}

.headerPanel .headerTable .TopNavigation.menuAboutUs
{
	width: 99px;
	background: url("../images/menu_aboutus.jpg") no-repeat left top;
}
.headerPanel .headerTable .TopNavigation.menuAboutUs:hover
{
	background: url("../images/menu_aboutus_active.jpg") no-repeat left top;
}
/*.headerPanel .headerTable .TopNavigation.menuAboutUs_active
{
	width: 99px;
	background: url("../images/menu_aboutus_active.jpg") no-repeat left top;
}*/

.headerPanel .headerTable .TopNavigation.menuContactUs
{
	width: 133px;
	background: url("../images/menu_contactus.jpg") no-repeat left top;
}
.headerPanel .headerTable .TopNavigation.menuContactUs:hover
{
	background: url("../images/menu_contactus_active.jpg") no-repeat left top;
}
/*.headerPanel .headerTable .TopNavigation.menuContactUs_active
{
	width: 133px;
	background: url("../images/menu_contactus_active.jpg") no-repeat left top;
}*/

.menuL2Panel
{
	display: none;
	position: absolute; 
  z-index: 200;  
  background: #C30404;
}
.menuL2Panel .menuL2
{
  width: 148px;
}
.menuL2Panel .menuL2Service
{
	width: 128px;
}

.menuL2Panel .menuL2 td,
.menuL2Panel .menuL2Service td
{
	border: solid 1px #C30404;
	/*border: solid 1px #E12F2F;*/
}
.menuL2Panel .menuL2 .menu,
.menuL2Panel .menuL2Service .menu
{
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	background: #f80605;
	padding: 5px;
}
.menuL2Panel .menuL2 .menu:hover,
.menuL2Panel .menuL2Service .menu:hover
{
	background: #C30404;
}

.menuL3Panel
{
	display: none;
	position: absolute; 
  z-index: 200;
  background: #C30404;
  margin-top: -20px;
}
.menuL3Panel .menuL3
{
}
.menuL3Panel .menuL3 td
{
	border: solid 1px #C30404;	
	/*border: solid 1px #E12F2F;*/
}
.menuL3Panel .menuL3 .menu
{
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	background: #f80605;
	padding: 5px;
}
.menuL3Panel .menuL3 .menu:hover
{
	background: #C30404;
}

/** Home.aspx **/
.homePanel
{
}

.homePanel .homeTable 
{
}
.homePanel .homeTable td
{
	vertical-align: top;
}

.homePanel .homeTable .homeBanner
{
	width: 526px;
	height: 280px;
}

.homePanel .homeTable .promotion
{
	float: left;
	width: 296px;	
}
*html .homePanel .homeTable .promotion
{
	margin-top: -3px;
}
.homePanel .homeTable .promotion_detail
{
	float: left;
	width: 230px;
	height: 145px;
	background: url(../images/storage_promotion_bg.jpg) no-repeat left top;
	
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
}
*html .homePanel .homeTable .promotion_detail
{
	margin-top: -3px;
}
.homePanel .homeTable .promotion_detail .text
{
	padding-top: 80px;
}
/*.homePanel .homeTable .promotion_detail .text select
{
	width: 180px;
}
.homePanel .homeTable .promotion_detail .text select option
{
}*/

.homePanel .homeTable .locationMap
{
}
.homePanel .homeTable .locationMap img.torontoCentral
{
	/*width: 186px;
	height: 165px;*/
}
.homePanel .homeTable .locationMap img.torontoWest
{
	/*width: 190px;
	height: 165px;*/
}
.homePanel .homeTable .locationMap img.mobileStorage
{
	/*width: 376px;
	height: 95px;*/
}
.homePanel .homeTable .locationMap img.scarborough
{
	/*width: 186px;
	height: 166px;*/
}
.homePanel .homeTable .locationMap img.brantford
{
	/*width: 190px;
	height: 166px;*/
}

.homePanel .contentPanel
{
	float: left;
	padding: 20px 2px 5px 16px; 
}
.homePanel .contentPanel .contentTable
{
	width: 516px;	
}
.homePanel .contentPanel .contentTable .borderTop
{
	line-height: 16px;
	background: url(../images/home_contentbox_top.jpg) no-repeat left top;		
}
.homePanel .contentPanel .contentTable .borderBottom
{
	background: url(../images/home_contentbox_bottom.jpg) no-repeat left top;
}
.homePanel .contentPanel .contentTable .borderMiddle
{
	background: url(../images/home_contentbox_middle.jpg) repeat-y left top;	
}
.homePanel .contentPanel .contentTable .borderMiddle .contentArea
{
	padding: 20px 30px 20px 30px;
	height: 520px;
}
*html .homePanel .contentPanel .contentTable .borderMiddle .contentArea
{
	height: 563px;
}

.homePanel .icons
{
	float: left;
	margin-left: 14px;
	width: 871px;
}

.homePanel .rightPanel
{
	float: left;
	padding: 20px 0 0 0;
}
.homePanel .rightPanel .storage
{
	width: 353px;
	height: 93px;
	margin-top: 0px;
}
.homePanel .rightPanel .contactUs
{
	width: 353px;
	height: 124px;
	margin-top: 0px;
}
.homePanel .rightPanel .contactUs .text
{
	position: absolute;
	z-index: 200;
	margin-top: -54px;
	margin-left: 33px;	
}
*html .homePanel .rightPanel .contactUs .text
{
	margin-top: -57px;
}
/*.homePanel .rightPanel .contactUs .text select
{
	width: 170px;
}
.homePanel .rightPanel .contactUs .text select option
{
	
}*/

.homePanel .rightPanel .boxesAndSupplies
{
	width: 353px;
	height: 124px;
	margin-top: 1px;
}
*html .homePanel .rightPanel .boxesAndSupplies
{
	margin-top: -2;
}
.homePanel .rightPanel .boxesAndSupplies .text
{
	position: absolute;
	z-index: 200;
	margin-top: -49px;
	margin-left: 33px;
}
*html .homePanel .rightPanel .boxesAndSupplies .text
{
	margin-top: -52px;
}
/*.homePanel .rightPanel .boxesAndSupplies .text select
{
	width: 170px;
}
.homePanel .rightPanel .boxesAndSupplies .text select option
{
}*/

.homePanel .rightPanel .truckRental
{
	width: 353px;
	height: 124px;
	margin-top: 1px;
}
*html .homePanel .rightPanel .truckRental
{
	margin-top: -2;
}
.homePanel .rightPanel .truckRental .text
{
	position: absolute;
	z-index: 200;
	margin-top: -49px;
	margin-left: 33px;
}
*html .homePanel .rightPanel .truckRental .text
{
	margin-top: -52px;
}
/*.homePanel .rightPanel .truckRental .text select
{
	width: 170px;
}
.homePanel .rightPanel .truckRental .text select option
{
}*/

.homePanel .rightPanel .friends
{
	width: 353px;
	height: 124px;
	margin-top: 1px;
}
*html .homePanel .rightPanel .friends
{
	margin-top: -2;
}
.homePanel .rightPanel .friends a img
{
	border: none;	
}
