﻿#B2CHeader
{
    background-attachment: scroll;
    background-color: #fff;
    background-image: url(../images/head_bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    padding: 0px 0px;
    width: 970px;
    height: 113px;
    margin: 0px;
    text-align: left;
    float: left;
    border: solid 0px #000;
    z-index: 1000;
}

#B2CHeader TD.logo
{
    padding: 0px;
    vertical-align: top;
    width: 160px;
    display: none;
    border: solid 0px #000;
}

#B2CHeader TD.banner
{
    width: 585px;
}

#B2CHeader TD.banner A
{
    border: solid 0px #0f0;
}

#B2CHeader TD.spacerH
{
    background-color: #ccc;
    height: 17px;
    width: 810px;
}
#B2CHeader TD.spacerW
{
    width: 1px;
}

#B2CHeader TD.topLinks
{
    background-color: Transparent;
    margin-top: 0px;
    padding: 5px 18px 2px 0px;
    height: 66px;
    width: 367px;
    text-align: right;
    vertical-align: top;
    border: solid 0px #000;
}
#B2CHeader TD.topLinks A
,#B2CHeader TD.topLinks A:link
,#B2CHeader TD.topLinks A:visited
{
    color: #351a00;
    text-transform: uppercase;
}
#B2CHeader TD.topLinks SPAN
{
    background-image: url(../images/top_separator.gif);
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px 5px;
}
/* french top links */
#B2CHeader TD.topLinks2
{
    background-color: Transparent;
    margin-top: 0px;
    padding: 5px 18px 2px 0px;
    height: 40px;
    width: 385px;
    text-align: right;
    vertical-align: top;
    border: solid 0px #000;
    font-size: 10px;
}
#B2CHeader TD.topLinks2 A
,#B2CHeader TD.topLinks2 A:link
,#B2CHeader TD.topLinks2 A:visited
{
    color: #351a00;
    text-transform: uppercase;
}
#B2CHeader TD.topLinks2 SPAN
{
    background-image: url(../images/top_separator.gif);
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px 5px;
}
/* end of french top links */

/* styles for language button */
.langButton
{
    /*background-image: url(../images/canada_icon.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;*/
}
/* end of styles for language button */



/* styles for shopping cart tab */
#B2CHeader TD.shoppingCartTab
{
    padding-top: 0px;
    text-align: right;
    vertical-align: bottom;
}

#B2CHeader TD.shoppingCartTab UL
{
    padding: 0px 10px;
    margin: 0px;
    height: 38px;
    border: solid 0px #000;
}
#B2CHeader TD.shoppingCartTab UL LI
{
    display: block;
    list-style-type: none;
    float: right;
    height: 100%;
    margin: 0px;
}
/* end of styles for shopping cart tab */

/* styles for footer */
#footer
{
    background-attachment: scroll;
    background-color: #fff;
    background-image: url(../images/footer.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    color: #fff;
    width: 970px;
    height: 106px;
    clear: both;
}
#footerLinksWrapper
{
    float: left;
    margin: 20px 0px 20px 18px;
    border: solid 0px #000;
    text-align: left;
}
#footerLinksWrapper A
,#footerLinksWrapper A:Link
,#footerLinksWrapper A:visited
{
    color: #b60b01;
    /*font-size: 10px;*/
    text-decoration: none;
    text-transform: uppercase;
}
#footerLinksWrapper A:hover
{
    text-decoration: underline;
}
#footerLinksWrapper SPAN
{
    background-image: url(../images/footerdiv.gif);
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px 10px;
}
#copyright
{
    color: #351a00;
    margin-top: 20px;
}
/* end of styles for footer */




/* styles for header links / cart button */
#topHeaderLinks
{
    background-color: Transparent;
    margin-top: 0px;
    padding: 5px 18px 2px 0px;
    height: 67px;
    width: 367px;
    text-align: right;
    vertical-align: top;
    border: solid 0px #000;
}
#topHeaderLinks A
,#topHeaderLinks A:link
,#topHeaderLinks A:visited
{
    color: #351a00;
    text-transform: uppercase;
}
#topHeaderLinks SPAN
{
    background-image: url(../images/top_separator.gif);
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px 5px;
}
#topHeaderLinks2
{
    background-color: Transparent;
    margin-top: 0px;
    padding: 5px 18px 2px 0px;
    height: 67px;
    width: 367px;
    text-align: right;
    vertical-align: top;
    font-size: 10px;
    border: solid 0px #000;
}
#topHeaderLinks2 A
,#topHeaderLinks2 A:link
,#topHeaderLinks2 A:visited
{
    color: #351a00;
    text-transform: uppercase;
}
#topHeaderLinks2 SPAN
{
    background-image: url(../images/top_separator.gif);
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px 5px;
}

DIV.topHeaderCartButton
{
    height: 40px;
    width: 385px;
    padding: 0px;
    vertical-align: bottom;
    border: solid 0px #000;
}
/* end of styles for header links / cart button */

/* navigation banner */
DIV.navigationBanner
{
	/*background-image: url(../images/NavigationBanner/estore_mainnav_bg_v2.gif);
	background-position: left top;
	background-repeat: no-repeat;*/
	border: solid 0px #000;
	height: 54px;
	position: relative;
	margin: 0px 0px 0px 18px;
	width: 948px;	
}
DIV.navigationBanner UL
{
	border: solid 0px #00f;
	height: 54px;
	left: 1px;
	list-style: none;
	margin: 0px;
	padding: 0;
	position: absolute;
	top: 0px;
	width: 948px;
}
DIV.navigationBanner LI
{
	border: solid 0px #f00;
	float: left;
	height: 54px;
	text-align: left;
}
DIV.navigationBanner UL LI A 
,DIV.navigationBanner UL LI A:Link
,DIV.navigationBanner UL LI A:Visited
{
	color: #4f2315;
	display: block;
	font-size: 0px;
	height: 42px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
}
DIV.navigationBanner LI A:hover 
{
	color: #cb0006;
}

	/* ENGLISH */
	DIV.navigationBanner UL LI A.coffee_active
	{
		background-image: url(../images/NavigationBanner/mainnav_coffee_en.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
		width: 112px;
	}
	DIV.navigationBanner UL LI A.coffee
	{
		background-image: url(../images/NavigationBanner/mainnav_coffee_en.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 112px;
	}
	DIV.navigationBanner UL LI A.coffee:hover
	{
		background-image: url(../images/NavigationBanner/mainnav_coffee_en.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
	}
	
	/* hotBeverages */
	DIV.navigationBanner UL LI A.hotBeverages_active
	{
		background-image: url(../images/NavigationBanner/mainnav_hot_beverages_en.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
		width: 156px;
	}
	DIV.navigationBanner UL LI A.hotBeverages
	{
		background-image: url(../images/NavigationBanner/mainnav_hot_beverages_en.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 156px;
	}
	DIV.navigationBanner UL LI A.hotBeverages:hover
	{
		background-image: url(../images/NavigationBanner/mainnav_hot_beverages_en.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
	}

	/* giftBaskets */
	DIV.navigationBanner UL LI A.giftBaskets_active
	{
		background-image: url(../images/NavigationBanner/mainnav_gift_baskets_en.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
		width: 142px;
	}
	DIV.navigationBanner UL LI A.giftBaskets
	{
		background-image: url(../images/NavigationBanner/mainnav_gift_baskets_en.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 142px;
	}
	DIV.navigationBanner UL LI A.giftBaskets:hover
	{
		background-image: url(../images/NavigationBanner/mainnav_gift_baskets_en.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
	}

	/* accessories */
	DIV.navigationBanner UL LI A.accessories_active
	{
		background-image: url(../images/NavigationBanner/mainnav_accessories_en.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
		width: 141px;
	}
	DIV.navigationBanner UL LI A.accessories
	{
		background-image: url(../images/NavigationBanner/mainnav_accessories_en.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 141px;
	}
	DIV.navigationBanner UL LI A.accessories:hover
	{
		background-image: url(../images/NavigationBanner/mainnav_accessories_en.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
	}

	/* quickpayTimCards */
	DIV.navigationBanner UL LI A.quickpayTimCards_active
	{
		background-image: url(../images/NavigationBanner/mainnav_tim_cards_en.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
		width: 188px;
	}
	DIV.navigationBanner UL LI A.quickpayTimCards
	{
		background-image: url(../images/NavigationBanner/mainnav_tim_cards_en.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 188px;
	}
	DIV.navigationBanner UL LI A.quickpayTimCards:hover
	{
		background-image: url(../images/NavigationBanner/mainnav_tim_cards_en.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
	}

	/* coffeeSubscription */
	DIV.navigationBanner UL LI A.coffeeSubscription_active
	{
		background-image: url(../images/NavigationBanner/mainnav_coffee_subscription_en.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
		width: 187px;
	}
	DIV.navigationBanner UL LI A.coffeeSubscription
	{
		background-image: url(../images/NavigationBanner/mainnav_coffee_subscription_en.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 187px;
	}
	DIV.navigationBanner UL LI A.coffeeSubscription:hover
	{
		background-image: url(../images/NavigationBanner/mainnav_coffee_subscription_en.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
	}
	
	/* FRENCH */
	DIV.navigationBanner UL LI A.coffee_active_fr
	{
		background-image: url(../images/NavigationBanner/mainnav_coffee_fr.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
		width: 83px;
	}
	DIV.navigationBanner UL LI A.coffee_fr
	{
		background-image: url(../images/NavigationBanner/mainnav_coffee_fr.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 83px;
	}
	DIV.navigationBanner UL LI A.coffee_fr:hover
	{
		background-image: url(../images/NavigationBanner/mainnav_coffee_fr.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
	}
	
	/* hotBeverages */
	DIV.navigationBanner UL LI A.hotBeverages_active_fr
	{
		background-image: url(../images/NavigationBanner/mainnav_hot_beverages_fr.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
		width: 226px;
	}
	DIV.navigationBanner UL LI A.hotBeverages_fr
	{
		background-image: url(../images/NavigationBanner/mainnav_hot_beverages_fr.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 226px;
	}
	DIV.navigationBanner UL LI A.hotBeverages_fr:hover
	{
		background-image: url(../images/NavigationBanner/mainnav_hot_beverages_fr.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
	}
	
	/* giftBaskets */
	DIV.navigationBanner UL LI A.giftBaskets_active_fr
	{
		background-image: url(../images/NavigationBanner/mainnav_gift_baskets_fr.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
		width: 146px;
	}
	DIV.navigationBanner UL LI A.giftBaskets_fr
	{
		background-image: url(../images/NavigationBanner/mainnav_gift_baskets_fr.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 146px;
	}
	DIV.navigationBanner UL LI A.giftBaskets_fr:hover
	{
		background-image: url(../images/NavigationBanner/mainnav_gift_baskets_fr.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
	}

	/* accessories */
	DIV.navigationBanner UL LI A.accessories_active_fr
	{
		background-image: url(../images/NavigationBanner/mainnav_accessories_fr.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
		width: 123px;
	}
	DIV.navigationBanner UL LI A.accessories_fr
	{
		background-image: url(../images/NavigationBanner/mainnav_accessories_fr.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 123px;
	}
	DIV.navigationBanner UL LI A.accessories_fr:hover
	{
		background-image: url(../images/NavigationBanner/mainnav_accessories_fr.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
	}

	/* quickpayTimCards */
	DIV.navigationBanner UL LI A.quickpayTimCards_active_fr
	{
		background-image: url(../images/NavigationBanner/mainnav_tim_cards_fr.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
		width: 166px;
	}
	DIV.navigationBanner UL LI A.quickpayTimCards_fr
	{
		background-image: url(../images/NavigationBanner/mainnav_tim_cards_fr.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 166px;
	}
	DIV.navigationBanner UL LI A.quickpayTimCards_fr:hover
	{
		background-image: url(../images/NavigationBanner/mainnav_tim_cards_fr.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
	}

	/* coffeeSubscription */
	DIV.navigationBanner UL LI A.coffeeSubscription_active_fr
	{
		background-image: url(../images/NavigationBanner/mainnav_coffee_subscription_fr.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
		width: 182px;
	}
	DIV.navigationBanner UL LI A.coffeeSubscription_fr
	{
		background-image: url(../images/NavigationBanner/mainnav_coffee_subscription_fr.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 182px;
	}
	DIV.navigationBanner UL LI A.coffeeSubscription_fr:hover
	{
		background-image: url(../images/NavigationBanner/mainnav_coffee_subscription_fr.gif);
		background-position: left -42px;
		background-repeat: no-repeat;
	}

DIV.navigationBanner UL LI.separator
{
	margin: 5px 0px 0px 0px;
}
/* end of style navigation banner */
