body 
{
	color: #000;
	background-color: #351a00;  
    font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 70%;  
	font-weight: normal;
	line-height: 1.6em;
    margin: 0;
    padding: 0;  
	text-align: center; 
	 
}

* html>body 
{ /* be nice to Opera */
	color: #000;
	background-color: #351A00;
    font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	line-height: 1.6em;
    margin: 0;
    padding: 0; 
	text-align: center;  
}

A
,A:link
,A:visited
{
    color: #b60b01;
    text-decoration: none;
}
A:hover
{
    text-decoration: underline;
}

#pageWrapper
{
	color: #000;
	background-color: #fff;
    margin-left: auto;
    margin-right: auto;
	padding: 0px;
	text-align: center; 
    width: 970px;   
}


/* styles for welcome bar */
.welcomeBar
{
    color: #b60b01;
    float: right;
    font-weight: bold;
    margin-top: 10px;
    border: solid 0px #000;
}
/* end of styles for welcome bar */


/* styles for main body */
#mainBody
{
    /*background-color: #fff;*/
    width: 936px;
    clear: both; 
    padding: 0px 17px 17px 17px;
}
#leftPanel
{
    float: left;
    width: 205px;
    margin: 0px 0px 0px 0px;
    padding: 18px 10px 0px 22px;
    border: solid 0px #ccc;
}
#leftPanelTitle
{
    color: #351a00;
    font-family: Gill Sans MT, Verdana, Arial;
    font-size: 2.0em;
    font-weight: normal;
    text-align: left;
    line-height: 1.0em;
    padding: 10px 10px 10px 0px;
    margin: 0px;
    /*text-transform: capitalize;*/
    border: solid 0px #000;
}
#mainPanel
{
    float: right;
    width: 700px;
    margin: 0px 0px 0px 0px;
    padding: 18px 14px 0px 0px;
    border: solid 0px #cc0;
}

.TeamCardBanner
{
    background-image: url(../images/small_banner_en.jpg);
    background-position: left left;
    background-repeat: no-repeat;    
    height: 100px;
    width: 650px;
    text-align: center;
    border: solid 0px #00f;
}

.TeamCardBannerFr
{
    background-image: url(../images/small_banner_fr.jpg);
    background-position: left left;
    background-repeat: no-repeat;    
    height: 100px;
    width: 650px;
    text-align: center;
    border: solid 0px #00f;
}

.TeamDropdown
{
    background-position: left left;
    background-repeat: no-repeat;    
    height: 30px;
    width: 701px;
    text-align: left;
    border: solid 0px #00f;
}

.breadCrumbsBar
{
    background-image: url(../images/bread_crum_box.gif);
    background-position: left left;
    background-repeat: no-repeat;    
    height: 58px;
    width: 701px;
    text-align: left;
    border: solid 0px #00f;
}

.breadCrumbs
{
    float: left;
    margin: 18px 18px 18px 10px;
    color: #351a00;
    font-weight: bold;
    text-decoration: none; 
    text-transform: uppercase;
    text-align: left;
    border: solid 0px #f00;
}
.breadCrumbs A
,.breadCrumbs A:link
,.breadCrumbs A:visited
{
    color: #b60b01;
    font-weight: bold;
    text-decoration: none;    
}
.breadCrumbs A:hover
{
    color: #351a00;
    text-decoration: none;
}
.breadCrumbsBar A.tellAFriend
{
    background-image: url(../images/tell_friend_icon.jpg);
    background-position: right center;
    background-repeat: no-repeat; 
    float: right;
    margin: 20px 5px;
    padding-right: 15px; 
}
.breadCrumbsBar A.print
{
    background-image: url(../images/print_icon.jpg);
    background-position: right center;
    background-repeat: no-repeat; 
    float: right;
    margin: 20px;
    padding-right: 15px; 
}

.mainBlock
{
    background-image: url(../Images/category_box_bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    padding: 5px 0px;
    margin: 0px;
    float: left;
    height: 240px;
    width: 310px;
    text-align: center;
    border: solid 0px #00f;
}


.mainPromoBannerBlock
{
    background-position: top center;
    background-repeat: no-repeat;
    padding: 0px 5px 5px;
    margin: 0px;
    float: none;
    height: 240px;
    width: 920px;
    text-align: center;
    border: solid 0px #000;
}

.mainBlockTitle
{
    color: #b60b01;
    font-size: 1.45em; 
    width: 290px; 
    height: 25px; 
    padding: 10px 0px 0px 20px;
    text-align: left;
    border: solid 0px #ccc;
}
.mainBlockImage
{
    width: 310px; 
    height: 100px; 
    border: solid 0px #ccc;
}
.mainBlockDesc
{
    color: #351a00;
    font-size: 0.85em;
    line-height: 1.55em;
    width: 290px; 
    height: 50px; 
    padding: 5px 10px 0px 10px;
    text-align: left;
    border: solid 0px #00f;
}
.mainBlockSpacer
{
    width: 290px; 
    height: 0px; 
    border-bottom: dotted  1px #351a00;
}
.mainBlockLink
{
    width: 270px; 
    padding: 5px;
    margin: 15px 10px 0px 10px;
    text-align: left;
    border-top: dotted 1px #ccc;
}
.mainBlockLink A
,.mainBlockLink A:link
,.mainBlockLink A:visited
{
    background-image: url(../images/small_arrow_up.gif);
    background-position: right center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #351a00;
    padding-right: 10px;
}
.mainBlockLink A:hover
{
    background-image: url(../images/small_arrow_down.gif);
    background-position: right center;
    background-repeat: no-repeat;
    text-decoration: underline;
}


#divFeaturedProductImage
{
    background-position: center center;
    background-repeat: no-repeat;
    height: 160px;
    width: 310px;
    margin-left: 0px;
    border: solid 0px #ccc;
}

/* end of styles for main table */

/* featured product styles */
.featuredProductBlock
{
    background-image: url(../Images/freature_product_box.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 5px 2px;
    margin: 1px;
    float: left;
    height: 240px;
    width: 306px;
    text-align: center;
}
/*A.featuredProductLink
{
    margin-left: 8px;
}*/
A.featuredProductNamePrice
{
    display: block;
    margin-top: 5px;
}
.featuredProductBlockLink
{
    width: 270px; 
    padding: 5px;
    margin: 7px 10px 0px 10px;
    text-align: left;
    border-top :dotted 1px #ccc;
}
.featuredProductBlockLink A
,.featuredProductBlockLink A:link
,.featuredProductBlockLink A:visited
{
    background-image: url(../images/small_arrow_up.gif);
    background-position: right center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #351a00;
    padding-right: 10px;
    margin-left: 10px;
}
.featuredProductBlockLink A:hover
{
    background-image: url(../images/small_arrow_down.gif);
    background-position: right center;
    background-repeat: no-repeat;
    text-decoration: underline;
}
/* end of featured product styles */

/* promo box styles */
.promoBoxBlock
{
    background-image: url(../Images/freature_product_box.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 5px 2px;
    margin: 1px;
    float: left;
    height: 240px;
    width: 306px;
    text-align: center;
}
A.promoBoxMessage
{
    display: block;
    margin-top: 5px;
}
.promoBoxBlockLink
{
    width: 270px; 
    padding: 5px;
    margin: 7px 10px 0px 10px;
    text-align: left;
    border-top :dotted 1px #ccc;
}
.promoBoxBlockLink A
,.promoBoxBlockLink A:link
,.promoBoxBlockLink A:visited
{
    background-image: url(../images/small_arrow_up.gif);
    background-position: right center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #351a00;
    padding-right: 10px;
    margin-left: 10px;
}
.promoBoxBlockLink A:hover
{
    background-image: url(../images/small_arrow_down.gif);
    background-position: right center;
    background-repeat: no-repeat;
    text-decoration: underline;
}
/* end of promo box styles */

/* styles for logout bar/button */
#logoutBar
{
}
/* end of styles for logout bar/button */

#homePageLink
{
    background-image: url(../images/header/home_page_button_spacer.jpg);
    background-position: left center;
    background-repeat: repeat-x;
    width: 160px;
    height: 16px;
    padding: 10px;
    font-weight: bold;
}
#homePageLink A
    ,#homePageLink A:visited
    ,#homePageLink A:link
{
    background-image: url(../images/header/home_page_arrow.gif);
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #351a00;
    text-transform: uppercase;
    padding-left: 15px;
}
#homePageLink A:hover
{
    color: #ee3338 ;
    text-decoration: none;
}

/* start styles for text boxes */
.moduleLogo
{
    width: 75px; 
    height: 65px; 
    padding: 11px; 
}
.moduleTitle
{
    color: #5f5f5f;
    font-weight: bold;
    font-size: 1.64em;
    text-align: left;
    text-transform: uppercase;  
    width: 745px; 
    /*width: 800px;*/  
}
/* end of styles for text boxes */


/* styles for error/success messages */
.successMsg
{
    color: #00f;
}
.errorMsg
{
    color: #f00;
}
/* end of styles for error/success messages */

/* styles for text boxes */
.textbox
{
    border: solid 1px #ccc;
    background-color: #fff;
}
.textboxFr
{
    border: solid 1px #ccc;
    background-color: #effbff;
}
.textboxEs
{
    border: solid 1px #ccc;
    background-color: #ffefef;
}
/* end of styles for text boxes */

/* start of styles for login */
#divLogin
{
    width: 1024px;
    height: 500px;
    border: solid 0px #000;  
    background-color: #ececec;
    padding: 24px 0px 0px 28px;
}
#loginWelcome
{
    color: #351a00;
    font-weight: bold;
    font-size: large;
    text-transform: uppercase;
}
#loginTim
{
    color: #ee3338;
}
#loginHeader
{
    color: #351a00;
    text-align: left;
    margin: 28px 0px 15px 0px;
}
#loginHeader A
,#loginHeader A:visited
,#loginHeader A:link
{
    color: #351a00;
    text-decoration: underline;
    font-weight: bold;
}
#loginHeader A:hover
{
    color: #b60b01;
}
#loginCaption
{
    color: #351a00;
    text-align: left;
    margin: 28px 0px 15px 0px;
}
.loginCaption
{
    color: #351a00;
    font-weight: bold;
    text-align: left;
    margin: 28px 0px 15px 0px;
}
.loginLabel
{
    color: #351a00;
}
.loginLink A
,.loginLink A:visited
,.loginLink A:link
{
    color: #351a00;
}
.loginLink A:hover
{
    color: #b60b01;
}
/* end of styles for login */

/* styles for tables & forms */
.tblStyle
{
    border: solid 1px #ccc; /*#7a7879;*/
    border-collapse: collapse;
    background-color: #fff;
}
.tblLabel
{
    background-color: #fff;
    color: #351a00;  
    font-weight: bold;
}
tblLabel A:visited
,tblLabel A:link
{
    color: #fff;  
    text-decoration: none;
}
.tblLabel A:hover
{
    text-decoration: underline;
}
.tblLabel A:active
{
    color: #fff;  
    text-decoration: none;
}

    
.frmText
{
    color: #5f5f5f;
    font-weight: normal;
}
.frmTextL
{
    color: #5f5f5f;
    font-weight: normal;
    text-align: left;
}
.frmTextC
{
    color: #5f5f5f;
    font-weight: normal;
    text-align: center;
}
.frmTextR
{
    color: #5f5f5f;
    font-weight: normal;
    text-align: right;
}
.frmLabel
{
    color: #5f5f5f;
    font-weight: bold;
}
.frmLabelL
{
    color: #5f5f5f;
    font-weight: bold;
    text-align: left;
}
.frmLabelC
{
    color: #5f5f5f;
    font-weight: bold;
    text-align: center;
}
.frmLabelR
{
    color: #5f5f5f;
    font-weight: bold;
    text-align: right;
}
.tblAlternatingRow
{
    background-color: #ececec;
}
.formFormat
{
    font-style: italic;
}

.requiredFieldDiv
{
    clear: both;
    color: #00f;
    margin: 10px 0px;
}
.requiredField
{
    color: #00f;
}
.gridEditColumn
{
    width: 45px;
    padding-left: 5px;
    text-align: center;
}
/* end of styles for tables & forms */

/* style for text colors */
.redText
{
    color: #f00;
}
.blueText
{
    color: #00f;
}
.greenText
{
    color: #0f0;
}
.green2Text
{
    color: #9bc44c;
}
.green3Text
{
    color: #0d6f0d;
}
/* end of style for text colors */


/* start of styles for catalogue display */
#catalogueList
{
    width: 100%;
    border: solid 0px #ccc;
}

.catalogueProductList
{
    float: left;
}

.catalogueBundleList
{
	width: 701px;
}
/* end of styles for catalogue display */


/* styles for site seperator */
.seperator
{
    border: dotted 1px #351a00;
}
/* end of styles for site seperator */

/* styles for H elements */
H1
{ 
    color: #351a00;
    font-size: 1.64em;
    font-weight: normal;   
}
H2
{ 
    color: #b60b01;
    font-size: 1.36em;
    font-weight: normal;    
}
H3
{ 
    color: #b60b01;
    font-size: 1.15em;
    font-weight: normal;    
}
H4
{  
    color: #351a00;
    font-size: 1.00em;
    font-weight: bold;   
}
H5
{  
    color: #351a00;
    font-size: small;
    font-weight: bold;   
}
H6
{  
    color: #351a00;
    font-size: xx-small;
    font-weight: bold;  
}
/* end of styles for H elements */

/* end of styles for section's titles */
.sectionTitle
{
    color: #351a00;
    font-size: 1.7em;
    margin: 10px 0px;
    float: left;
}
.sectionCopyText
{
    color: #351a00;
    font-weight: normal; 
    margin: 10px 0px;
    float: left;
    clear: both;
}
.sectionTitle2
{
    color: #351a00;
    font-size: 1.7em;
    margin: 10px 0px;
}

TABLE.sectionCopyText
{
    color: #351a00;
    font-weight: normal; 
    margin: 10px 0px;
    width: 100%;
}
TABLE.sectionCopyText SPAN
{
    color: #b60b01;
    font-weight: bold; 
}
/* end of styles for section's titles */


/* style for tell a friend page title */
#tellAFriendProductName
{
    color: #351a00;
    margin-top: 20px;
    text-align: left;
    width: 670px;
}
#tellAFriendPageTitle
{
    color: #351a00;
    margin: 20px 0px;
    text-align: left;
    width: 670px;
}
#tellAFriendPageTitle SPAN
{
    color: #b60b01;
    font-weight: bold;
}
/* style for tell a friend page title */

/* style for site spacer */
.siteSpacer
{
    border: dotted 1px #351a00;
}
/*end of style for site spacer */


/* styles for summary page */
#orderDetailsTitle
{ 
    text-align: left; 
    margin-top: 20px; 
    border-top: dotted 0px #351a00;
    padding-top: 20px;
    width: 690px;
}
#summarySubmit
{
    clear: both;
    border-top: dotted 1px #351a00;
    float: left;
    padding-top: 20px; 
    text-align: right; 
    margin-top: 15px; 
    width: 690px;
}
#summaryEditAddress
{
    margin-top: 15px; 
    width: 690px;
    text-align: left;
}
#summaryEditAddress A
,#summaryEditAddress A:link
,#summaryEditAddress A:visited
{
    background-image: url(../images/small_arrow_up.gif);
    background-position: right center;
    background-repeat: no-repeat;
    color: #b60b01;
    padding-right: 10px;
    text-decoration: none;
}
#summaryEditAddress A:hover
{
    background-image: url(../images/small_arrow_down.gif);
    color: #351a00;
}
/* end of styles for summary page */


/* style for payment module*/
.mcsInfo
{    
    background-position: center top;
    background-repeat: no-repeat;
    width: 68px;
    height: 40px;
    padding-top: 30px;
    text-align: center;
}
.vbvInfo
{    
    background-position: center top;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    padding-top: 25px;
    text-align: center;
}
/* end of style for payment module*/

#summaryShipping
{
    border-top: 1px dotted #351A00; 
    clear: both; 
    float: left; 
    width: 690px; 
    margin-top: 15px;
}

/* tooltip styles for all the browsers */
a.tooltip:visited,
a.tooltip:link
{
	text-decoration:none;
    color: #5f5f5f;
} 
a.tooltip:hover
{ 
	text-decoration:none;
	font-size:100%; 
} 
a.tooltip span 
{
	display:none; 
	padding:2px 3px; 
	margin-left:8px; 
	width:130px;
}
a.tooltip:hover span
{
	display: inline; 
	position: absolute; 
	background: #ffffff; 
	border: 1px solid #cccccc; 
	color: #6c6c6c;
}
/* end of tooltip styles for all the browsers */

/* styles for MyAccount */
.myAccountButton
{
    background-color: Transparent;
    background-image: url(../images/account_box.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
    height: 182px;
    width: 232px;
    margin-top: 15px;
}
.myAccountButtonTitle
{
    color: #b60b01;
    font-weight: bold;
    font-size: small;
    height: 19px;
    text-align: left;
    padding: 15px 0px 0px 15px;
    margin-bottom: 5px;
    border: solid 0px #ccc;
}
.myAccountButtonLink
{
    text-align: left;
    padding: 0px 0px 0px 15px;
    margin-top: 5px;
}
.myAccountButtonLink A
,.myAccountButtonLink A:Link
,.myAccountButtonLink A:Visited
{
    color: #351a00;
    background-image: url(../images/small_arrow_up.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 10px;
    text-decoration: underline;
}
.myAccountButtonLink A:Hover
{
    text-decoration: underline;
}
/* end of styles for MyAccount */



/* styles for module copy text */
#moduleCopyText
{
    clear: both; 
    text-align: left;
    padding: 10px 10px 10px 0px;
    width: 680px;
}
#moduleCopyText SPAN
{
    font-weight: bold;
}
/* end of styles for module copy text */

/* styles for 404 error page */
#Error404
{
    color: #b60b01;
    height: 150px;
    padding-top: 50px;
    text-align: center;
    font-size: 1.45em;
}
#Error404 A
,#Error404 A:Link
,#Error404 A:Visited
{
    font-weight: bold;
    text-decoration: underline;
}
#Error404 A:hover
{
}
/* end of styles for 404 error page */

/* styles for thank you page print */
A.orderThankYouPrint
,A.orderThankYouPrint:Link
,A.orderThankYouPrint:Visited
{
    background-image: url(../images/print_icon.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    float: right; 
    padding-right: 15px;
    text-transform: none;
}
/* end of styles for thank you page print */

/* styles for termsCondition on payment form */
.termsConditionCC
{
    border: solid 1px #ccc;
    overflow: auto;
    padding: 10px;
    height: 50px;
    font-weight: normal;}
/* end of styles for termsCondition on payment form */

/* style for site tables*/
TABLE.header
{
    background-color: #fff;
    color: #351a00;  
    font-weight: bold;
}
TABLE.header A:visited
,TABLE.header A:link
{
    color: #fff;  
    text-decoration: none;
}
.TABLE.header A:hover
{
    text-decoration: underline;
}
.TABLE.header A:active
{
    color: #fff;  
    text-decoration: none;
}

TR.odd
{
    background-color: #ececec;
}
TR.even
{
    background-color: #fff;
}
/* end of style for site tables*/

/* styles for subscription */
TABLE.subscriptionDefault
{
	color: #351a00;
	font-weight: bold;
	margin: 10px 0px;
	width: 700px;
}
TABLE.subscriptionDefault TD.caption
{
	font-size: 125%;
	padding: 10px 0px;
	text-align: left;
}
TABLE.subscriptionDefault TD.button
{
	padding: 20px;
}

TABLE.subscriptionCopyText
{
	color: #351a00;
	font-weight: normal;
	margin: 10px 0px;
	width: 700px;
}
TABLE.subscriptionCopyText TD.text
{
	font-size: 100%;
	font-weight: normal;
	text-align: left;
}
TABLE.subscriptionCopyText TD.text SPAN
{
	font-size: 125%;
	font-weight: bold;
	text-align: left;
}

TABLE.subscriptionCopyText TD.text A:link
,TABLE.subscriptionCopyText TD.text A:visited
{
	font-weight: bold;
	text-decoration: underline;
}
TABLE.subscriptionCopyText TD.text A:hover
{
	font-weight: bold;
	text-decoration: underline;
}
TABLE.subscriptionCopyText TD.text A:active
{
	font-weight: bold;
	text-decoration: underline;
}

	/* subscription order list styles */
	TABLE.subscriptionList
	{
		width: 100%;
	}
	TABLE.subscriptionList TH
	,TABLE.subscriptionList TD
	{
		text-align: left;
	}
	
	TABLE.subscriptionList TD SPAN.active
	,TABLE.subscription TD SPAN.active
	{
		background-color: Transparent;
		background-image: url(../images/Subscription/green_flag.gif);
		background-position: left center;
		background-repeat: no-repeat;
		font-weight: bold;
		padding-left: 20px;
	}
	TABLE.subscriptionList TD SPAN.suspended
	,TABLE.subscription TD SPAN.suspended
	{
		background-color: Transparent;
		background-image: url(../images/Subscription/yellow_flag.gif);
		background-position: left center;
		background-repeat: no-repeat;
		font-weight: bold;
		padding-left: 20px;
	}
	TABLE.subscriptionList TD SPAN.cancelled
	,TABLE.subscription TD SPAN.cancelled
	{
		background-color: Transparent;
		background-image: url(../images/Subscription/red_flag.gif);
		background-position: left center;
		background-repeat: no-repeat;
		font-weight: bold;
		padding-left: 20px;
	}
	TABLE.subscriptionList TD A
	{
		font-weight: bold;
	}
	/* end of subscription order list styles */

TABLE.frequencyDates
{
	margin: 15px 0px;
	width: 500px;
}
TABLE.frequencyDates Caption
{
	color: #351a00;
	font-weight: bold;
	padding-top: 10px;
	text-align: left;
}
TABLE.frequencyDates TD
{
	color: #f00;
	font-weight: bold;
	text-align: left;
}
/* end of styles for subscription */




/* styles for subscription accordion */
#accordion
{
}
#accordion H3
{
	background-color: Transparent;
	background-image: url(../images/Subscription/top_spacer.jpg);
	background-position: left center;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#accordion H3 SPAN.left
{
	background-color: Transparent;
	background-image: url(../images/Subscription/left_top_round.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	height: 23px;
	padding-left: 5px;
	width: 4px;
}

#accordion H3 A
{
	background-color: Transparent;
	background-image: url(../images/Subscription/right_top_round.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	height: 23px;
}

#accordion DIV.body
{
	background-color: #f6f1eb;
	margin: 0px;
	padding: 10px;
	width: 680px;
}
/* end of styles for subscription accordion */

/* styles for blurb */
.blurbText
{
    color: #351A00;
    font-family: Verdana, Arial;
    font-weight: normal;
    text-align: center;
    font-size: 13px;
}
/* end of styles for blurb */

/* styles for header */
#headerWrapper
{
    width:970px;
    height:130px;
}

/* end of styles for heeder */