/*
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 
{
    background : url(../Images/img_footerborder.jpg) no-repeat center top;
	clear: both;
	margin-top: 35px;
	padding-top : 13px;
}


#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 top;
	display: block;
	width: 184px;
	height: 18px;
	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);
}

#btnOptimum
{
	float:right;
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	width: 87px;
	height: 18px;
	cursor: pointer;
	cursor: hand;
	margin-top: 0px;
}

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

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

#HeaderMessageAndSearch
{
    float : right;
    width : 706px;
    text-align : right;
}

.HeaderMessageAndSearch-fr-ca
{
    width : 728px ! important;
}

#GlobalMessage 
{
	color: #adadad;
	font-size: 11px;
	line-height: 20px;
	width : 373px;
	float : left;
    margin-bottom : 5px;
}

.HeaderMessageAndSearch-fr-ca #GlobalMessage 
{
    font-size: 10px ! important;
    width : 357px ! important;
    line-height : 11px ! important;
}

.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;
	cursor:pointer;
	cursor:hand;
	float : left;
}

/* 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);
	width: 141px;
}
.btnBrowseByCategorySelected-fr-ca, .btnBrowseByCategorySelected-fr-ca:hover, .btnBrowseByCategoryUnselected-fr-ca:hover
{	
	background-image: url(../Images/Buttons/fr-ca/BrowseByCat_sel.png);	
	width: 141px;
}


#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 
{
    width : 706px;
	float: right;
	margin-right: -3px;
	margin-top: -4px;
	margin-bottom: 2px;
}

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

/* brands */
.miBrands-en-ca, .miBrands-en-ca-sel
{
	width: 89px;
	height: 56px;
	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: 88px;
	height: 56px;
	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 */
.miOurExperts-en-ca, .miOurExperts-fr-ca, .miOurExperts-en-ca-sel, .miOurExperts-fr-ca-sel
{
	width: 149px;
	height: 56px;
	display: block;
	float:left;
	background-image: url(../Images/Menu/en-ca/miServicesAndExperts.png);
}

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

/* Obsessions */
.miOurLatestObsessions-en-ca, .miOurLatestObsessions-fr-ca , .miOurLatestObsessions-en-ca-sel, .miOurLatestObsessions-fr-ca-sel
{
	width: 130px;
	height: 56px;
	display: block;
	float:left;
	background-image: url(../Images/Menu/en-ca/miObsessions.png);
}

.miOurLatestObsessions-fr-ca 
{
	background-image: url(../Images/Menu/fr-ca/miObsessions.png);
}
.miOurLatestObsessions-en-ca-sel
{
	
	background-image: url(../Images/Menu/en-ca/miObsessions_sel.png);
}
.miOurLatestObsessions-fr-ca-sel
{
	background-image: url(../Images/Menu/fr-ca/miObsessions_sel.png);
}

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

.miPromotions-fr-ca 
{
	width: 105px;
	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: 105px;
	background-image: url(../Images/Menu/fr-ca/miPromotions_sel.png);
}


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


/*in the news */
.miNews-en-ca, .miNews-fr-ca , .miNews-en-ca-sel, .miNews-fr-ca-sel
{
	width: 94px;
	height: 56px;
	display: block;
	float:left;
	background-image: url(../Images/Menu/en-ca/miNews.png);
}

.miNews-fr-ca 
{
	width: 71px;
	background-image: url(../Images/Menu/fr-ca/miNews.png);
}
.miNews-en-ca-sel 
{
	background-image: url(../Images/Menu/en-ca/miNews_sel.png);
}
.miNews-fr-ca-sel 
{
	width: 71px;
	background-image: url(../Images/Menu/fr-ca/miNews_sel.png);
}


/*  BREADCRUMB */
#BreadCrumbPanel 
{
    margin-top : 5px;
	background-color : #7482BF;
    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,
#BreadCrumbPanel a.Current, #BreadCrumbPanel a.Current:hover, #BreadCrumbPanel a.Current:visited
{
	color : #ffffff;
    font-size : 10px;
    font-weight : normal;
    text-transform : uppercase;
}


/* 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 
{
	margin-top: 5px;
}
#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 
{
	
}

#SingleColumnAndTwoColumnCombinedTemplate
{
}

#SingleColumnAndTwoColumnCombinedTemplate .MainContent
{
    margin-bottom : 10px;
}

#SingleColumnAndTwoColumnCombinedTemplate .LeftColumn 
{
	float:left;
	width: 295px;
	margin-right : 10px;
}

#SingleColumnAndTwoColumnCombinedTemplate .RightColumn 
{
	width: 625px;	
	float:left;	
}

.FadingError 
{
	color: Red;	
}

#ViewTheStore
{
	display: none;
}

#StoreCloseButton
{
	display:none;
	position: absolute;
	top: 75%;
	left: 0px;	
	width: 100%;
	height: 104px;
	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);
	height: 98px !important;
}

.SearchBox 
{
    float: right;
    width: 200px;
}

.HeaderMessageAndSearch-fr-ca .SearchBox
{
    width : 221px ! important;
}

.SearchBox #murale-search 
{
    width: 129px;
    border: 1px #e0e0e0 solid;
    float: left;
    height: 17px;
    margin-right: 3px;
}

.SearchBox #murale-search-button 
{
	float: left;
    width: 63px;
    height: 20px;    
}

.HeaderMessageAndSearch-fr-ca .SearchBox #murale-search-button 
{
    width : 85px ! important;
}

.SearchResults .SearchInput
{
    padding: 11px;
    background-color: #f6f6f6;
    margin-bottom: 20px;
}

.SearchResults .SearchBox
{
    width: 500px;
    float: left;
    border: 1px solid #E0E0E0;
}

.SearchResults .SearchButton
{
    float: left;
    margin-left: 12px;
    padding: 4px 6px;
    width: 53px;
    background-color: #5f657e;
    color: #fff;
    cursor: pointer; cursor: hand;
}

.SearchResults .Heading 
{
    background-color: #f6f6f6;
    border: 2px #efefef solid;
    border-left: 1px #e4e4e4 solid;
    border-right: 1px #ececec solid;    
    /*padding: 6px 0;*/
    padding: 1px 0;
}

.SearchResults .Heading h2 
{    
    margin-left: 10px;    
    font-size: 14px;
    color: #444444;
    display: inline;
}

.SearchResults .Heading .h2 
{
    padding: 5px 0;
    float: left;
}

.SearchResults .Heading .Paging 
{
    float: right;   
    padding: 5px 0; 
    margin-right: 11px;
}

.SearchResults .Heading .MoreResults 
{
    float: right;
    border: 1px #babcc6 solid;
    border-left: 1px #e4e5e8 solid;
    border-right: 0 none;
    padding: 4px 6px;
    background-color: #5f657e;
    margin-right: 1px;
}

.SearchResults .Heading .MoreResults a,
.SearchResults .Heading .MoreResults a:visited,
.SearchResults .Heading .MoreResults a:hover
{
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}

.SearchResults .ImagesResults a,
.SearchResults .ImagesResults a img
{
    border : none;
}

.SearchResults .ImagesResults a:hover
{
    text-decoration : none;
}