/*
Should contain all Styles used by page templates and layout
*/

#TopLevelContainer 
{
	background-image: url(../Images/Layout/bg_repeat.png);
	background-repeat: repeat-x;
	background-position: left top;
	
	padding-top:8px;	
}

#TopLevel
{
	background-image: url(../Images/Layout/bg_middle.png);
	background-repeat: no-repeat;
	background-position: center -8px;
	margin-top: 0px;
	min-height: 430px;
	min-width: 930px;
	
}

#TopLevelCentered 
{
	margin-left: auto;
	margin-right: auto;
	width: 930px;
}

#TopHeader 
{
	margin-bottom: 5px;
}

#MiddleSection 
{
	clear: both;
	
	
}

.BadgeZone 
{
	margin-top: 5px;

	
}

#BottomFooter 
{
	clear: both;
	margin-top: 35px;
}


#Logo 
{
	background-image: url(../Images/Layout/logo.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	float:left;
	width: 181px;
	height: 102px;
}

#btnViewTheStore
{
	float:right;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 153px;
	height: 28px;
	margin-right:-4px;
	cursor: pointer;
	cursor: hand;
	margin-top: -1px;
}
.btnViewTheStore-en-ca 
{
	background-image: url(../Images/Buttons/en-ca/btnViewTheStore.png);
}
.btnViewTheStore-fr-ca 
{
	background-image: url(../Images/Buttons/fr-ca/btnViewTheStore.png);
}

#btnNewLetterSignup
{
	float:right;
	background-repeat: no-repeat;
	background-position: right 3px;
	display: block;
	width: 184px;
	height: 26px;
	cursor: pointer;
	cursor: hand;
	margin-top: 0px;
	
}

.btnNewLetterSignup-en-ca
{
	background-image: url(../Images/Buttons/en-ca/btnNewsLetterSignup.png);
}

.btnNewLetterSignup-fr-ca
{
	background-image: url(../Images/Buttons/fr-ca/btnNewsLetterSignup.png);
}

#GlobalMessage 
{
	color: #adadad;
	float: right;
	font-size: 11px;
	line-height: 20px;
}

.btnBrowseByCategoryUnselected-en-ca, .btnBrowseByCategorySelected-en-ca,
.btnBrowseByCategoryUnselected-fr-ca, .btnBrowseByCategorySelected-fr-ca
{
	height: 20px;
	width: 122px;
	margin-left: 5px;
	background-repeat:no-repeat;
	background-position: right top;
	display: block;
	float: right;
	cursor:pointer;
	cursor:hand;	
}

/* english */
.btnBrowseByCategoryUnselected-en-ca
{
	background-image: url(../Images/Buttons/en-ca/BrowseByCat.png);
}
.btnBrowseByCategorySelected-en-ca, .btnBrowseByCategorySelected-en-ca:hover, .btnBrowseByCategoryUnselected-en-ca:hover
{	
	background-image: url(../Images/Buttons/en-ca/BrowseByCat_sel.png);	
}

/* french */
.btnBrowseByCategoryUnselected-fr-ca, .btnBrowseByCategorySelected-fr-ca
{
	background-image: url(../Images/Buttons/fr-ca/BrowseByCat.png);
}
.btnBrowseByCategorySelected-fr-ca, .btnBrowseByCategorySelected-fr-ca:hover, .btnBrowseByCategoryUnselected-fr-ca:hover
{	
	background-image: url(../Images/Buttons/fr-ca/BrowseByCat_sel.png);	
}


#CategoryPopup 
{
	background-color: #fafafa;
	position: absolute;
	color: #4e5472;
	border: solid 1px #d5d5d5;
	min-width: 170px;
}

#CategoryPopup .CatItem, #CategoryPopup .CatItem:hover
{
	font-weight: bold;
	line-height: 24px;
	padding-left: 15px;
	display: block;
}

#CategoryPopup .CatItem:hover
{
	background-color: #9297b0;
	color: White;
	text-decoration: none;
}

#CategoryPopup .SubCatItem, #CategoryPopup .SubCatItem:hover
{
	line-height: 24px;
	cursor: pointer;
	padding-left: 25px;
	display: block;
}

#CategoryPopup .SubCatItem:hover
{
	background-color: #9297b0;
	color: White;
	text-decoration: none;
}




/*  MAIN MENU ELEMENTS */


#MenuContainer 
{
	float: right;
	width: 682px;
	margin-right: -3px;
	margin-top: -4px;
	margin-bottom: 2px;
}

.MenuContainer-fr-ca 
{
	/*increase the width for french*/
	width: 708px !important;	
}





/* brands */
.miBrands-en-ca, .miBrands-en-ca-sel
{
	width: 95px;
	height: 59px;
	display: block;
	float:left;
	background-image: url(../Images/Menu/en-ca/miBrands.png);
}
.miBrands-en-ca-sel
{
	background-image: url(../Images/Menu/en-ca/miBrands_sel.png);
}


.miBrands-fr-ca, .miBrands-fr-ca-sel
{
	
	width: 93px;
	height: 59px;
	display: block;
	float:left;
	background-image: url(../Images/Menu/fr-ca/miBrands.png);
}
.miBrands-fr-ca-sel
{
	background-image: url(../Images/Menu/fr-ca/miBrands_sel.png);
}


/* Services */
.miServices-en-ca, .miServices-fr-ca, .miServices-en-ca-sel, .miServices-fr-ca-sel
{
	width: 82px;
	height: 59px;
	display: block;
	float:left;
	background-image: url(../Images/Menu/en-ca/miServices.png);
}

.miServices-en-ca-sel
{
	background-image: url(../Images/Menu/en-ca/miServices_sel.png);
}
.miServices-fr-ca, .miServices-fr-ca-sel
{	
	background-image: url(../Images/Menu/fr-ca/miServices.png);
}
.miServices-fr-ca-sel
{
	background-image: url(../Images/Menu/fr-ca/miServices_sel.png);
}

/* Experts */
.miExperts-en-ca, .miExperts-fr-ca , .miExperts-en-ca-sel, .miExperts-fr-ca-sel
{
	width: 101px;
	height: 59px;
	display: block;
	float:left;
	background-image: url(../Images/Menu/en-ca/miExperts.png);
}

.miExperts-fr-ca 
{
	width: 106px;
	background-image: url(../Images/Menu/fr-ca/miExperts.png);
}
.miExperts-en-ca-sel
{
	
	background-image: url(../Images/Menu/en-ca/miExperts_sel.png);
}
.miExperts-fr-ca-sel
{
	width: 106px;
	background-image: url(../Images/Menu/fr-ca/miExperts_sel.png);
}

/* Promotions */
.miPromotions-en-ca, .miPromotions-fr-ca , .miPromotions-en-ca-sel, .miPromotions-fr-ca-sel
{
	width: 121px;
	height: 59px;
	display: block;
	float:left;
	background-image: url(../Images/Menu/en-ca/miPromotions.png);
}

.miPromotions-fr-ca 
{
	width: 120px;
	background-image: url(../Images/Menu/fr-ca/miPromotions.png);
}
.miPromotions-en-ca-sel 
{
	background-image: url(../Images/Menu/en-ca/miPromotions_sel.png);
}
.miPromotions-fr-ca-sel 
{
	width: 120px;
	background-image: url(../Images/Menu/fr-ca/miPromotions_sel.png);
}


/* Stores and Events */
.miStoresEvents-en-ca, .miStoresEvents-fr-ca , .miStoresEvents-en-ca-sel, .miStoresEvents-fr-ca-sel
{
	width: 139px;
	height: 59px;
	display: block;
	float:left;
	background-image: url(../Images/Menu/en-ca/miStoresEvents.png);
}
.miStoresEvents-fr-ca 
{
	width: 195px;
	background-image: url(../Images/Menu/fr-ca/miStoresEvents.png);
}
.miStoresEvents-en-ca-sel 
{
	background-image: url(../Images/Menu/en-ca/miStoresEvents_sel.png);
}
.miStoresEvents-fr-ca-sel 
{
	width: 195px;
	background-image: url(../Images/Menu/fr-ca/miStoresEvents_sel.png);
}


/*the mural story */
.miMuraleStory-en-ca, .miMuraleStory-fr-ca , .miMuraleStory-en-ca-sel, .miMuraleStory-fr-ca-sel
{
	width: 144px;
	height: 59px;
	display: block;
	float:left;
	background-image: url(../Images/Menu/en-ca/miMuraleStory.png);
}

.miMuraleStory-fr-ca 
{
	width: 112px;
	background-image: url(../Images/Menu/fr-ca/miMuraleStory.png);
}
.miMuraleStory-en-ca-sel 
{
	background-image: url(../Images/Menu/en-ca/miMuraleStory_sel.png);
}
.miMuraleStory-fr-ca-sel 
{
	width: 112px;
	background-image: url(../Images/Menu/fr-ca/miMuraleStory_sel.png);
}


/*  BREADCRUMB */
#BreadCrumbPanel 
{
	margin-top:5px;
	background-color: #cdd1e2;
	padding-top: 4px;
	height: 17px;
	color: #999999;
	padding-left: 10px;
	text-transform:uppercase;	
	font-size: 11px;	
	clear:both;
}

#BreadCrumbPanel a, #BreadCrumbPanel a:hover, #BreadCrumbPanel a:visited
{
	color: #7482bf;
	
}

#BreadCrumbPanel a.Current, #BreadCrumbPanel a.Current:hover, #BreadCrumbPanel a.Current:visited
{
	color: #4e5472;
	font-weight: bold;
	
}




/* FOOTER */

#BottomFooter 
{
	color: #aaaaaa;
}

#BottomFooter a, #BottomFooter a:visited, #BottomFooter a:link, #BottomFooter a:hover
{
	color: #aaaaaa;
	text-decoration: none;
}

#BottomFooter a:hover 
{
	text-decoration: underline;
}


#FooterRow2
{
	margin-top: 14px;
}

#FooterRow3 
{
	margin-top: 23px;
}



/* HOMEPAGE */

#HomePage .FlashSection 
{
	float:left;	
	width: 620px;
	height: 308px;	
}


/* Two Column Template */
#TwoColumnTemplate {
	
}
#TwoColumnTemplate .LeftColumn 
{
	
	float:left;
	width: 295px;
	padding-left: 10px;
	padding-top:10px;
	margin-right: 10px;	
	background-color: #fdfdfd;
	
	
}

#TwoColumnTemplate .RightColumn 
{
	
	
	width: 615px;	
	float:left;
	
}

#SingleColumnTemplate 
{
	
}

/* FourBadgeTemplate Template */
#FourBadgeTemplate .MainContent 
{
	background-color: #fbfbfb;
	min-height: 315px;
}




/* Two Column Template REVERSED */
#TwoColumnTemplateReversed {
	
}
#TwoColumnTemplateReversed .LeftColumn 
{
	
	
	float:left;
	width: 615px;		
	background-color: #fdfdfd;
	margin-right: 10px;
}

#TwoColumnTemplateReversed .RightColumn 
{
	
	float:left;
	width: 285px;
	padding: 10px;
	
	background-color: #fdfdfd;
	
	
}

#SingleColumnTemplate 
{
	
}


.FadingError 
{
	color: Red;	
}

#ViewTheStore 
{
	display:none;
	position: absolute;
	top: 0px;
	height: 0px;
	width: 100%;
	height: 100%;
	
	background-image: url(../Images/spinner.gif);
	background-repeat: no-repeat;
	background-position: center 50%;
	overflow: hidden;
	cursor: pointer;
	
}

#ViewTheStore img 
{
	
	width: 100%;	
	display: none;
	cursor: pointer;
}

#StoreCloseButton
{
	display:none;
	position: absolute;
	top: 250px;
	left: 0px;	
	width: 100%;
	height: 50px;
	
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	cursor: pointer;
	z-index: 10000;
	
}

.StoreCloseButton-en-ca 
{
	background-image: url(../Images/Buttons/en-ca/btnViewStoreClose.png);	
}

.StoreCloseButton-fr-ca 
{
	background-image: url(../Images/Buttons/fr-ca/btnViewStoreClose.png);
}