/***********************************************
* CSS for E-Way.ca web site
***********************************************/
body 
{
	background-color : White;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;	/* WCAG : was 10px*/
	font-weight: normal;
	margin: 0; 
	padding: 0;
}

body a:link, body a:active, body a:visited, body a:hover {
	background-color : transparent;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;/* WCAG : was 10px*/
	font-weight: normal;
	text-decoration: underline;
}

.HorizontalCentered {
	margin-left: auto;
	margin-right: auto;
}

table 
{
    background-color: transparent;
	color: Black;
	border-spacing: 0;
	border-width: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

table.arial12BlackBoldTitle {
	color: #000;
	font: bold 9pt Verdana, Arial, Helvetica, sans-serif;/* WCAG : was 12px*/
}

/***********************************************
* CSS for the main layout
***********************************************/
    table#main_table_layout , table#new_header_main_table_layout {
        background-color: white;
        border-collapse: collapse;
        border-spacing: 0;
        border-width: 0;
        margin: 0 auto;
        padding: 0;
        width: 990px;
        /*IE7 hack - set minimum height to Eway*/
        height: 650px;
        min-height: 650px;
    }

        table#main_table_layout #logo_container, table#new_header_main_table_layout #logo_container {
            height: 98px;
            margin: 0;
            padding: 0;
            vertical-align: top;
            width: 214px;
        }

        table#main_table_layout #header_container, table#new_header_main_table_layout #header_container {
            margin: 0;
            padding: 0;
            width: 771px;
        }

        table#main_table_layout #header_container_table, table#new_header_main_table_layout #header_container_table {
            border-collapse: collapse;
            border-spacing: 0;
            border-width: 0;
            margin: 0;
            padding: 0;
            width: 771px;
        }

        table#main_table_layout .left_panel_container, table#new_header_main_table_layout .left_panel_container {
            margin: 0;
            padding: 0;
            width: 214px;
            text-align: left;
            vertical-align: top;
        }

        table#main_table_layout .content_container,
        table#new_header_main_table_layout .content_container {
            margin: 0;
            padding: 0;
            width: 771px;
            vertical-align: top;
        }

        table#main_table_layout .table_content_container_withLeftPanel, table#new_header_main_table_layout .table_content_container_withLeftPanel {
            border-collapse: collapse;
            border-spacing: 0px;
            border-width: 0px;
            margin: 0;
            padding: 0;
            width: 989px;
				}
				
				.help-center-page table#main_table_layout .table_content_container_withLeftPanel, 
				.help-center-page table#new_header_main_table_layout .table_content_container_withLeftPanel {
					width: 100%;
				}
				
				.help-center-page #ifHelpCentre{
					min-height: 960px;
				}

        table#main_table_layout .table_content_container_withoutLeftPanel, table#new_header_main_table_layout .table_content_container_withoutLeftPanel {
            border-collapse: collapse;
            border-spacing: 0px;
            border-width: 0px;
            margin: 0;
            padding: 0;
            width: 989px;
        }

        table#main_table_layout .promotion_container, table#new_header_main_table_layout .promotion_container {
            margin: 0;
            padding: 0;
            width: 771px;
        }

        table#main_table_layout #promotion_container_table, table#new_header_main_table_layout #promotion_container_table {
            border-collapse: collapse;
            border-spacing: 0px;
            border-width: 0px;
            margin: 0;
            padding: 0;
            width: 771px;
        }

        table#main_table_layout .content_holder_container, table#new_header_main_table_layout .content_holder_container {
            margin: 0;
            padding: 0;
            width: 581px;
            vertical-align: top;
        }

        table#main_table_layout .right_panel_container, table#new_header_main_table_layout .right_panel_container {
            margin: 0;
            padding: 0 0 0 6px;
            width: 189px;
            vertical-align: top;
        }

        table#main_table_layout #footer_container, table#new_header_main_table_layout #footer_container {
            border-collapse: collapse;
            border-spacing: 0px;
            border-width: 0px;
            margin: 0;
            padding: 0;
            width: 989px;
        }

/***********************************************
* CSS for the site
***********************************************/
.AlignCenter { margin: auto; }
.HeaderSpan { height: 10px; }

.TableNoPadding {
	border-collapse:collapse;
	border-spacing:0;
	border-width:0;
	width: 214px;
}

.TableGreyBorderLine {
	border-width:1px;
	border-style:solid;
	border-color: #808080;
}

.TdLeftPanel {
    padding-right:5px;
    vertical-align:top;
}

.NoPaddingTable {
	border-collapse:collapse;
	border-spacing:0;
	border-width:0;
	padding:0;
}

.PaddingTable5px {
	border-spacing:20px;
	padding:20px;
	border-width:0px;
}

.TableNoPaddingPromo {
	border-collapse:separate !important;
	border-spacing:0;
}

.CellNoPadding{ padding:0;}
.CellPadding1px{ padding:1px;}
.CellPadding4px{ padding:4px;}
.CellPadding4pxLeft{ padding-left:4px;}
.CellPadding4pxBottom{ padding-bottom:4px;}
.CellPadding4pxRight{ padding-right:4px;}
.CellPadding5pxTop{ padding-top:5px;}
.CellPadding5pxBottom{ padding-bottom:5px;}
.CellPadding10pxBottom{ padding-bottom:10px;}

.CellPaddingRecentlyViewedItem {
    padding-left:4px;
    padding-right:0;
}

.CellPaddingExpandedRecentlyViewedItem {
    padding-left:17px;
    padding-right:5px;
}

.CellPaddingPeopleViewedItem {
    padding-left:22px;
    padding-right:5px;
}

.CellPaddingPeopleViewedItemHomePage {
    padding-left:22px;
    padding-right:22px;
}


.ControlToolBoxes {
	vertical-align:top;
	width:170px;
	padding-right:5px;
	text-align:left;
}

.cellColorChkColumn {
	vertical-align:top;
	padding-left:9px;
}

/* Style du Box Title des ToolBoxes */
.ToolBoxesTitle {
	border-spacing:0;
	border: 1px solid;
	width:100%;
	height:20px;
}

.DimensionBoxesTitle {
	border-spacing: 0;
	border: none;
	width: 100%;
	height: 20px;
}

.CellToolBoxesTitle {
	padding-left:5px;
	padding-right:5px;
}

CellDimensionBoxesTitle {
	padding: 0;
}

/* Style du Content des ToolBoxes */
.ToolBoxesContent {
	border-spacing:0;
	border: 1px solid #808080;
	border-top: none;
	font-size: 8pt !important; /* WCAG : was 11px*/
	color:#333;
	width:100%;
}

.ToolBoxesHeader {
	border: 1px solid #808080;
	border-bottom: none;
}

.ToolBoxesBlackBorder {
    border: 1px solid #000;
}

.DimensionBoxesContent {
	border-spacing:0;
	font-size: 8pt !important; /* WCAG : was 11px*/
	color:#333;
	width:100%;
}

.CellToolBoxesContent {
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

.CellDimensionBoxesContent {
	padding: 0 0 0 5px;
}

/* Style du Link des ToolBoxes */
.ToolBoxesLink, 
.ToolBoxesLink a:link, 
.ToolBoxesLink a:active, 
.ToolBoxesLink a:visited, 
.ToolBoxesLink a:hover {
	font-size: 8pt !important; /* WCAG : was 11px*/
}

.TextBoxPassword {width:118px;}

.ProductImageBorderRed {
	border: 1px solid #CC0000;
}

.ProductImageCtlBackLoading {
    position:absolute;
    display:none;
    top:0;
    left:0;
    width:230px;
    height:230px;
}

.ProductImageCtlLoading {
    position:absolute;
    top:83px;
    left:83px;
    background-color: #FFF;
    width:64px;
    height:64px;
    border: 1px solid #000;
}

.PrdImgCtlLoadingContour, div.normal {
    background-color: #FFF;
}

.PrdImgCtlLoadingContour {
    position:absolute;
    top:16px;
    left:16px;
    width:32px;
    height:32px
}

.ProductImageCtlClose {
    width:10px;
    padding-top:4px;
    padding-right:4px;
    padding-left:4px;
}

.TextBoxBlack {
	border: 1px solid #000;
}

/*---------- MASTER COLOR PALETTE---------- */
.DarkBg { background-color:#000;}
.DarkBlueBg { background-color:#005ec2;}
.BlueLightBg { background-color:#63afff;}
.DarkGreyBg, .DarkGreyBg a:link, .DarkGreyBg a:active, .DarkGreyBg a:hover, .DarkGreyBg a:visited { background-color: #808080 !important;}/*999999*/
.LightGreyBg { background-color:#e5e5e5;}
.LightGreyBackground {background-color:silver;}
.LightGreyBg2 { background-color:#dedede;}/*dbd099*/
.RedDarkBg { background-color:#cc0000;}
.WhiteBg { background-color:#fff;}
.RedDarkBd { border-color:#cc0000;}
.AquaBd { border-color:Aqua;}
.GoldDarkBorder{border:1px solid #b6a133;}
.RedBorder{border:1px solid #cc0000;}
.RedBorder2px{border:2px solid #cc0000;}
.RedBorderTop{border-top:1px solid #cc0000;}
.RedBorderBottom{border-bottom:1px solid #cc0000;}
.RedBorderRight{border-right:1px solid #cc0000;}
.SilverBorder{border:1px solid silver;}
.SilverBorderTop{border-top:1px solid silver;}
.SilverBorderBottom{border-bottom:1px solid silver;}
.SilverBorderRight{border-right:1px solid silver;}
.BorderNoRight{ border-right-style:none; border-right-width:0px;}
.BorderNoLeft{ border-left-style:none; border-left-width:0px;}
.BorderNoTop{ border-top-style:none;}
.BorderNoBottom{ border-bottom-style:none;}
.GrayBorderTop{border-top:1px solid #808080;}
.GrayBorderBottom{border-bottom:1px solid #808080;}

.GrayBorder {
	border: 1px solid #808080;
}

.GrayBorder2 {
	border: 2px solid #808080;
}

.LightGreyBorder {
	border: 1px solid silver;
}

.LightGreyBorderBottom {
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid white;
}

.LightGreyBorder2 {
	border: 2px solid silver;	
}

.BlackBorder {
	border: 1px solid #000;
}

.GrayBorder2 {
	border: 2px solid #808080;
}

.GreyBorder
{
    border:1px solid silver;
}

.GrayBorder2Bottom  { border-bottom:2px solid #808080;}
.GrayBorder2Top     { border-top:2px solid #808080;}
.GrayBorder2Left    { border-left:2px solid #808080;}
.GrayBorder2Right   { border-right:2px solid #808080;}

.BlackBorderLeft   { border-left:1px solid #000000;}
.BlackBorderRight  { border-right:1px solid #000000;}
.BlackBorderTop    { border-top:1px solid #000000;}
.BlackBorderBottom { border-bottom:1px solid #000000;}

.GreyBorderBottom  { border-bottom:1px solid silver;}
.GreyBorderTop     { border-top:1px solid silver;}
.GrayBorderLeft    { border-left:1px solid silver;}
.GrayBorderRight   { border-right:1px solid silver;}
.WhiteBorderBottom { border-bottom:1px solid #ffffff;}
	
.GrayBorderNoLeft {
	border: 1px solid #808080;
	border-left: none;
}

.GrayBorderNoLeftNoBottom {
	border-right:1px solid #808080;
	border-top:1px solid #808080
}

.GrayBorderNoTop {
	border: 1px solid #808080;
	border-top: none;	
}

.GrayBorderNoBottom {
	border: 1px solid #808080;
	border-bottom: none;
}
/*---------- END MASTER COLOR PALETTE---------- */

/*---------- FONT ---------- */
.FontCartTab {
	font: 8pt Verdana, Arial; /* WCAG : was 10px*/
	text-transform: uppercase;
	text-decoration : underline;
}

.FontAdditionalInfo {
	font: 8pt Verdana, Arial, Helvetica, sans-serif; /* WCAG : was 11px*/
	text-transform:uppercase;
}

.FaqTitle 
{
    color: #cc0000 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;/* WCAG : was 18px*/
    text-decoration: none !important;
}

.FontColorWhite, .FontColorWhite a:link, .FontColorWhite a:active, .FontColorWhite a:hover, .FontColorWhite a:visited{ color:#fff;}
.FontColorBlack{ color:#000; }
.FontColorGrey{ color:#626262; }
.FontColorBlue { color:#0097D1; }
.TutorialTitleBlack{ font-weight: bold; font-size: 17pt; text-align:left; color: #000;/* WCAG : was 22px*/}
.FontColorGold{ color:#a48a00;}
.FontColorRed, .FontColorRed a:link, .FontColorRed a:active, .FontColorRed a:hover, .FontColorRed a:visited { color: #cc0000 !important;}
.FontRedColor { color:#cc0000 !important;}
.FontColorRedLink, .FontColorRedLink a:link, .FontColorRedLink a:active, .FontColorRedLink a:hover, .FontColorRedLink a:visited {	
	color: #cc0000;
	font: bold 14pt Verdana, Arial, Helvetica, sans-serif;/* WCAG : was 18px*/
	text-decoration: underline !important;
}

.FontColorGray, .FontColorGray a:link, .FontColorGray a:active, .FontColorGray a:hover, .FontColorGray a:visited {color: #666;}
.FontColorGreyDisabled { color:#b3b3b3;}
.FontTitleSection{font-size: 11pt;font-weight: bold;color: #FFF; text-align: left;/* WCAG : was 14px*/}
.FontTitlePopUpSection{	font-size: 9pt;font-weight: bold;color: #FFF !important; text-align: left;/* WCAG : was 12px*/}
.FontSize8{ font-size:6pt !important; /* WCAG : was 8px*/}
.FontSize9{ font-size:7pt !important;/* WCAG : was 9px*/}
.FontSize10{ font-size:8pt !important;/* WCAG : was 10px*/}
.FontSize12{ font-size:9pt !important;/* WCAG : was 12px*/}
.FontSize13{ font-size:10pt !important;/* WCAG : was 13px*/}
.FontSize14{ font-size:11pt !important;/* WCAG : was 14px*/}
.FontSize40{ font-size:30pt;/* WCAG : was 40px*/}
.TutorialTitle{ font-weight: bold; font-size: 16pt; text-align:left; color: #cc0000;/* WCAG : was 22px*/}
.normalTextBlk { color:#000; }

.UnderlineText, .UnderlineText a:link, .UnderlineText a:active, .UnderlineText a:hover, .UnderlineText a:visited {
	text-decoration:underline !important;
}

.NoVisibility {
	visibility:hidden;
}

.NoBoldText, .NoBoldText a:link, .NoBoldText a:active, .NoBoldText a:hover, .NoBoldText a:visited {
	font-weight:normal;
}

.BoldTextLink{ font-weight:bold !important;}
.BoldTextLink a:link{ font-weight:bold !important;}
.BoldText, .BoldText a:link, .BoldText a:active, .BoldText a:hover, .BoldText a:visited{font-weight:bold;}
.FontSearchResult{font: bold medium Arial, Helvetica, sans-serif; /*WCAG : 14px*/}
.FontColorTabAndSectionTitle {color:#FFF !important;}
.PageHeader{ text-align: left; font-size:14pt; /*WCAG : 18px*/}
.MenuFont{font: 8pt Arial, Helvetica, sans-serif;/*WCAG : 11px*/}
.ToolBoxesTitleFont{ color:#FFF; text-transform:uppercase; font: bold 8pt Verdana/*WCAG : 11px*/}

/* complemented login box */
.login-box-header
{
	height: 31px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
	text-transform : none; 
	font-family : Arial, Verdana, Sans-Serif;
	font-size : 11pt;
}

.DimensionBoxesTitleFont{ font-weight: bold; font-size: 11px; color:#992315; text-transform:uppercase; }
.TextDecorationUnderline { text-decoration:underline;}

.linktop {
	padding-top:5px;
	padding-right:8px;
	color:#005ec2;
	text-align:right;
	vertical-align:top;
	font-weight: bold;
}

.linktop a:link, .linktop a:active, .linktop a:visited, .linktop a:hover  {
	color:#005ec2;
	text-decoration: underline;
	font-weight: bold;
}

.linktop a:hover {
	text-decoration:underline;
}

.linkTopMenu {
	padding-top:5px;
	padding-right:0;
	color:#005ec2;
	text-align:right;
	vertical-align:top;
	font-weight: normal;
}

.linkTopMenu a:link, .linkTopMenu a:active, .linkTopMenu a:visited {
	text-decoration: underline;
}

.linkTopMenu a:hover {
	text-decoration:underline;
}

.linkPageHeader {
	color:#cc0000;
	text-decoration: underline;
	font-size: 14pt;/*WCAG : 18px*/
	font-weight: bold;
}

.linkPageHeader a:link, .linkPageHeader a:active, .linkPageHeader a:visited {
	color:#cc0000;
	text-decoration:underline;
	font-size: 14pt;/*WCAG : 18px*/
	font-weight: bold;
}

.linkPageHeader a:hover {
	color:#cc0000 !important;
	text-decoration:underline !important;
	font-size: 14pt !important; /*WCAG : 18px*/
	font-weight: bold !important;
}

/* LINKS STYLE */
.linkPointer {
	cursor:pointer;
}

.NoLinkPointer {
	cursor:default;
}

.linkPointer, .linkPointer a:active, .linkPointer a:visited, linkPointer a:hover {
	cursor:pointer;
}

.Font14Link {
	font-size:11pt !important;/*WCAG : 14px*/
}

.Font14Link a:link, .Font14Link a:active, .Font14Link a:visited, Font14Link a:hover {
	font-size:11pt !important;/*WCAG : 14px*/
}

.linkImportant, .linkImportant a:link, .linkImportant a:active, .linkImportant a:visited {
	color:#005EC2 !important;
	font-weight: normal;
}

.linkFont, .linkFont a:link, .linkFont a:active, .linkFont a:visited {
	font: 9pt Verdana, Arial, Helvetica, sans-serif !important;
}

.PaginglinkLessImportant {  /*Style #5*/
	color:#000 !important;
	text-decoration: underline !important;
	font-weight: normal;
}

.linkLessImportant, .linkLessImportant a:link, .linkLessImportant a:active, .linkLessImportant a:visited {
	color:#000 !important;
	text-decoration: underline !important;
	font-weight: normal;
}

.linkLessImportantNoUnderline {
	color:#000 !important;
	font-weight: normal;
}

.linkLessImportant a:hover {
	color:#005EC2 !important;
	text-decoration:underline !important;
}

.linkProductRestrictions, .linkProductRestrictions a:link, .linkProductRestrictions a:active, .linkProductRestrictions a:visited 
{
    background-color:#005EC2;
	color:#ffffff !important;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : 10px*/
	text-decoration: underline !important;
	font-weight: normal !important;
	text-transform:none !important;
}

.linkProductRestrictions a:hover 
{
    background-color:#005EC2;
	color:#ffffff !important;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : 10px*/
	text-decoration:underline !important;
	font-weight: normal !important;
	text-transform:none !important;
}

.topMenuLink, .topMenuLink a:link, .topMenuLink a:active, .topMenuLink a:visited {
	color:#000 !important;
	text-decoration: underline !important;
	font: 7pt Arial;/*WCAG : 9px*/
	font-weight: normal;
}

.topMenuLink a:hover {
	text-decoration:underline !important;
}

.linkLessImportantWhite a:link, .linkLessImportantWhite a:active, .linkLessImportantWhite a:visited, linkLessImportantWhite a:hover {
	color:#fff !important;
	text-decoration:underline !important;
	font-weight: normal;
}

/* Bad thing to do but since the CSS is not correctly done for IE6-7, I will add a new class until we refactorize them */
.linkLessImportant a.linkImportantTemporaryFix { color:#005EC2 !important; text-decoration: underline !important; font-weight: normal; }
.linkLessImportant a.linkImportantTemporaryFix:hover { text-decoration: underline !important; }

.ListPagingFontBlack, .ListPagingFontBlack a:link, .ListPagingFontBlack a:active, .ListPagingFontBlack a:visited, .ListPagingFontBlack a:hover {
	color:#000;
	font: 8pt Verdana, Arial, Helvetica, sans-serif !important;/*WCAG : 11px*/
	font-weight: normal;
}

.ListPagingBackgroundBlue, .ListPagingBackgroundBlue a:link, .ListPagingBackgroundBlue a:active, .ListPagingBackgroundBlue a:visited, .ListPagingBackgroundBlue a:hover {
    background-color:#005EC2;
	color:#fff;
	padding:2px;
	font: 8pt Verdana, Arial, Helvetica, sans-serif !important;/*WCAG : 11px*/
	font-weight: normal;
}

.ListPagingRed, .ListPagingRed a:link, .ListPagingRed a:active, .ListPagingRed a:hover, .ListPagingRed a:visited {
	color:#005EC2;
}

.ListPagingRedBold, .ListPagingRedBold a:link, .ListPagingRedBold a:active, .ListPagingRedBold a:hover, .ListPagingRedBold a:visited {
	color:#005EC2;
	font-weight:bold;
	text-decoration: none;
}

.GridHeaderRow, .GridHeaderRow a:link, .GridHeaderRow a:active, .GridHeaderRow a:hover, .GridHeaderRow a:visited {
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
.GridHeaderNoWrap {
    white-space: nowrap;
}

.GridHeaderRowNonBold, .GridHeaderRowNonBold a:link, .GridHeaderRowNonBold a:active, .GridHeaderRowNonBold a:hover, .GridHeaderRowNonBold a:visited {
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
}

.ErrorFeedback { 
	font: bold 8pt Verdana, Arial,Helvetica,sans-serif !important;/*WCAG : 11px*/
	color: #CC0000 ! important;
	list-style-type:decimal;
}

.ErrorFeedback a { 
	font: bold 8pt Verdana, Arial,Helvetica,sans-serif !important;/*WCAG : 11px*/
	color: #CC0000 ! important;
}

#punchoutError .click-here, .click-here a:link, .click-here a:active, .click-here a:visited, .click-here:hover
{
    color: #005EC2;
    cursor : pointer;
    font-size: large;
    font-weight: bold;
    text-decoration : underline;
}

#punchoutError .ErrorPoFeedback { 
	font: bold Verdana, Arial,Helvetica,sans-serif !important;/*WCAG : 11px*/
    font-size: large;
	color: #CC0000 ! important;
}

#punchoutError .message-top { 
	padding: 40px 0px 30px 0px;
}

#punchoutError .message-bottom { 
	padding: 0px 0px 40px 0px;
}

/*
.BlackText {
	background-color:Transparent;
	border:none;
	color:#000;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	text-transform:capitalize;
	display:inline-block;
	cursor:pointer;
}

.BlackText :hover {
	background-color:Transparent;
	border:none;
	color:#005EC2;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	text-transform:capitalize;
	height:20px;
	display:inline-block;
	cursor:pointer;
}
*/
/* ---------- END FONT ---------- */

/* ---------- BUTTON ---------- */
.BtnGrayText {
	background-color: Transparent;
	border: none;
	color: #686868;
	font-size: 8pt;/*WCAG : 11px*/
	font-weight: bold;
	text-decoration: underline;
	height: 20px;
	display: inline-block;
	cursor: pointer;
}

.BtnGrayText, .BtnGrayText:hover {	
	text-transform: capitalize;
}

.BtnGrayText:hover {
	color: #005EC2;
	text-decoration: underline;
}

.BtnBlackText, .BtnBlackTextNoTransform {
	background-color: Transparent;
	border: none;
	color: #000;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : 10px*/
	font-weight: normal;
	text-decoration: underline;
    text-transform: none !important;
	height: 20px;
	display: inline-block;
	cursor: pointer;
}

.LabelBlack {
	color: #000;
	font-size: 8pt;/*WCAG : 11px*/
	font-weight: normal;
	text-decoration: none;
	height: 20px;
}

.BtnBlackText-display-inline 
{
    display: inline !important;
}

.BtnBlackText, .BtnBlackText:hover {	
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.BtnBlackText:hover, .BtnBlackTextNoTransform:hover {
	color: #005EC2;
	text-decoration: underline;
    text-transform: none !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.BtnFullGreyOrBlue {
	background-color:#808080;
	border: 1px solid #808080;
	color:#fff;
	font: 8pt Verdana;/*WCAG : 10px*/
	font-weight: normal;
	text-align:center;
	text-transform:capitalize;
	height:20px;
	width:84px;
	display:inline-block;
	cursor:pointer;
	padding: 0;
	margin: 0 auto;
}

.BtnFullGreyOrBlue:hover {
	background-color:#005EC2;
	border: 1px solid #005EC2;
	color:#fff;
	font: 8pt Verdana;/*WCAG : 10px*/
	font-weight: normal;
	text-align:center;
	height:20px;
	width:84px;
	display:inline-block;
	cursor:pointer;
	padding: 0;
	margin: 0 auto;
}

.BtnFullGrey {
	background-color:#808080;
	border: 1px solid #808080;
	color:#fff;
	font-size: 8pt;/*WCAG : 11px*/
	font-weight: normal;
	text-transform:capitalize;
	height:20px;
	display:inline-block;
	cursor:pointer;
}

.BtnFullGrey:hover {
	background-color:#005EC2;
	border: 1px solid #005EC2;
	color:#fff;
	font-size: 8pt;/*WCAG : 11px*/
	font-weight: normal;
	text-transform:capitalize;
	height:20px;
	display:inline-block;
	cursor:pointer;
}

.disabled {
	background-color:#005EC2;
	border: 1px solid #005EC2;
	color:#fff;
	font-weight:normal;
	font-size:8pt;/*WCAG : 11px*/
	height:20px;
	display:inline-block;
	cursor:pointer;
}

.BtnFullBlue {
	background-color:#005EC2;
	border: 1px solid #005EC2;
	color:#fff;
	font-size: 8pt;/*WCAG : 11px*/
	font-weight: normal;
	height:20px;
	display:inline-block;
	cursor:pointer;
}
.BtnFullGreen {
	background-color:green;
	border: 1px solid green;
	color:#fff;
	font: 11pt Arial;
	font-weight: normal;
	height:20px;
	display:inline-block;
	cursor:pointer;
}
.BtnFullRed {
	background-color:#CC0000;
	border: 1px solid #CC0000;
	color:#fff;
	font: 11pt Arial;
	font-weight: normal;
	height:20px;
	display:inline-block;
	cursor:pointer;
}

.FullRedBackgroundHeader {
    
    font-family : Arial, Verdana, Sans-Serif;
    background: #C00000 url('../Images/navigation.gif') no-repeat center 0;   
    color: #FFF;
    display: block;
    font-size: 1.4em;
    padding: 7px;
    text-align: center;
}

.BtnFullRedBackground {
    background: url('../images/background_title.png') #C00000; 
    border: 1px solid #930000;
	color: #FFF;
    cursor: pointer;
    display: inline-block;
    font: 11pt Arial;
    font-weight: normal;
}

.BtnFullRedBackground:hover {
    background-image: none;
}

.BtnLoginFullRedBackground {
    background: url('../images/background_title.png') #C00000; 
    border: 1px solid #930000;
	color: #FFF;
    cursor: pointer;
    display: inline-block;
    font: 11pt Arial;
    font-weight: bold;
    border-radius: 6px;
    margin-left: 5px;
    padding-left: 25px;
    padding-right: 25px;
}

.BtnLoginFullRedBackground:hover {
    background-image: none;
}

.BtnFullBlueHeight10 {
	background-color:#005EC2;
	border: 1px solid #005EC2;
	color:#fff;
	font-size: 8pt;/*WCAG : 11px*/
	font-weight: normal;
	height:18px;
	width:60px;
	display:inline-block;
	cursor:pointer;
}

.BtnFullBlueHeight30 {
	background-color:#005EC2;
	border: 1px solid #005EC2;
	color:#fff;
	font-size: 9pt;/*WCAG : 12px*/
	font-weight: normal;
	height:25px;
	width:90px;
	display:inline-block;
	cursor:pointer;
}

.BtnFullBlueDisabled {
	background-color:#E5E5E5;
	border: 1px solid #E5E5E5;
	color:#FFF;
	font-size: 8pt;/*WCAG : 11px*/
	font-weight: normal;
	height:20px;
	display:inline-block;
	cursor:pointer;
}

.BtnFullGreyCheckout {
	background-color:#808080;
	border: 1px solid #808080;
	color:#fff;
	font-size: 11pt;/*WCAG : 14px*/
	font-weight: bold;
	text-transform:capitalize;
	height:22px;
	display:inline-block;
	cursor:pointer;
}

.BtnFullGreyCheckout:hover {
	background-color:#005EC2;
	border: 1px solid #005EC2;
	color:#fff;
	font-size: 11pt;/*WCAG : 14px*/
	font-weight: bold;
	text-transform:capitalize;
	height:22px;
	display:inline-block;
	cursor:pointer;
}

.BtnBlueNoBorder {
	background-color:Transparent;
	border:none;
	color:#005EC2;
	font-size: 8pt;/*WCAG : 11px*/
	font-weight: bold;
	text-transform:capitalize;
	height:20px;
	display:inline-block;
	cursor:pointer;
}

.BtnBlueNoBorder:hover {
    background-color:Transparent;
	border-style:none;
	color:#005EC2;
	font-size: 8pt;/*WCAG : 11px*/
	font-weight: bold;
	text-decoration:underline;
	text-transform:capitalize;
	height:20px;
	display:inline-block;
	cursor:pointer;
}

/* Style du Button disabled */
.DisabledButton {
	background-color:Transparent;
	border:none;
	color:#B3B3B3;
	font-size: 8pt;/*WCAG : 11px*/
	font-weight: bold;
	height:20px;
	cursor:default;
}
/* ---------- END BUTTON ---------- */

.GridRow{ background-color:Transparent;}
.SpacerCol{	border: 1px solid #FFF;}
.GridNoPadding{	border-collapse:collapse; border-spacing:0;}
.GridCheckboxRowWidth{ width:22px;}
.GridHeaderRowHeight20{	height:20px;}
.GridHeaderRowHeight15{	height:15px;}
.GridNoSpacing{	padding:0; border-spacing:0;}
.GridNoSpacingPadding2{	padding:2px; border-spacing:0;}
.GridNoSpacingPadding3{ padding:3px; border-spacing:0;}
.CellAlignRight{ text-align:right;}
.imgMinMaxStyle{ border-width:0; width:10px; height:8px;}
.AlignLeft{	text-align:left !important;}
.FloatLeft{float:left !important;}
.AlignRight { text-align: right !important;}
.FloatRight{ float:right !important;}
.AlignTop{ vertical-align:top;}
.AlignMiddle{ vertical-align:middle;}
.AlignBottom{ vertical-align:bottom;}
.Hidden{ visibility:hidden;}
.QuickViewLeftPart{width:230px}
#imgCatalogueButton:hover{
    cursor:pointer;
}

.HeaderTableStyle {
	width: 767px;
	/* WCAG 2.0 - skmAccessibleMenu
	overflow:hidden;
    */
	border-collapse:collapse;
	border-width:0;	
}

.Red{color:#EE0000;}

/* ---------- EWAY HEADER STYLE ---------- */
.TopMenuSeparator{ border-bottom: #b3b3b3 1px solid; width: 400px;}
.BottomMenuSeparator{ border-bottom: #b3b3b3 1px solid; vertical-align:bottom;}

.TableHeader, .TableHeader a:link, .TableHeader a:active, .TableHeader a:visited, .TableHeader a:hover {
	font-size: 9.5px;
	font-weight: bold;
	height: 20px;
	text-transform: uppercase;
	color: #fff;
	text-decoration:underline;
}
/* ---------- END EWAY HEADER STYLE ---------- */

/*Style a utiliser pour les Boite gold avec texte blanc pour les entête de section.*/
.BoxeTitleSection {
	vertical-align:top;
	border-bottom: 1px solid darkgray;
	text-align:left;
	height: 25px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0;
}

.BoxeTitlePopUpSection {
	vertical-align:top;
	border-bottom: #808080 1px solid;
	text-align:left;
	height: 15px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0;
}

.SuggestedCategoriesBox{width:100%;	border:0;}

.SuggestedCategoriesBoxHeader {
	text-decoration:none;
	text-align: center;
	padding-left:10px;
	padding-right:10px;
	height:20px;
}

.SuggestedCategoriesBoxContent {
	text-align:left;
	height:20px;
	width:100%;
}

.SuggestedCategoriesBoxContentCenter {
	text-align:center;
	height:20px;
	width:100%;
}

/*  Overflow */
.OverflowHidden{overflow:hidden;}

/* Width */
.Width2pc  { width:2%;}
.Width5pc { width:5%;}
.Width10pc { width:10%;}
.Width15pc { width:15%;}
.Width20pc { width:20%;}
.Width22pc { width:22%;}
.Width25pc { width:25%;}
.Width30pc { width:30%;}
.Width35pc { width:35%;}
.Width40pc { width:40%;}
.Width47pc { width:47%;}
.Width49pc { width:49%;}
.Width50pc { width:50%;}
.Width60pc { width:60%;}
.Width65pc { width:65%;}
.Width70pc { width:70%;}
.Width75pc { width:75%;}
.Width80pc { width:80%;}
.Width85pc { width:85%;}
.Width90pc { width:90%;}
.Width100pc{ width:100%;}

.Width4   { width:4px;}
.Width5   { width:5px;}
.Width10  { width:10px;}
.Width13  { width:13px;}
.Width20  { width:20px;}
.Width22  { width:22px;}
.Width25  { width:25px;}
.Width35  { width:35px;}
.Width40  { width:40px;}
.Width50  { width:50px;}
.Width55  { width:55px;}
.Width60  { width:60px;}
.Width70  { width:70px;}
.Width75  { width:75px;}
.Width80  { width:80px;}
.Width90  { width:90px;}
.Width95  { width:95px;}
.Width100 { width:100px;}
.Width105 { width:105px;}
.Width110 { width:110px;}
.Width120 { width:120px;}
.Width150 { width:150px;}
.Width160 { width:160px;}
.Width170 { width:170px;}
.Width180 { width:180px;}
.Width190 { width:190px;}
.Width192 { width:192px;}
.Width200 { width:200px;}
.Width205 { width:205px;}
.Width240 { width:240px;}
.Width250 { width:250px;}
.Width275 { width:275px;}
.Width280 { width:280px;}
.Width300 { width:300px;}
.Width344 { width:344px;}
.Width350 { width:350px;}
.Width392 { width:392px;}
.Width412 { width:412px;}
.Width507 { width:507px;}
.Width540 { width:540px;}
.Width567 { width:567px;}
.Width575 { width:575px;}
.Width597 { width:597px;}
.Width627 { width:627px;}
.Width629 { width:629px;}
.Width630 { width:630px;}
.Width631 { width:631px;}
.Width650 { width:650px;}
.Width742 { width:742px;}
.Width767 { width:767px;}
.Width769 { width:769px;}
.Width770 { width:770px;}
.Width771 { width:777px;}
.Width778 { width:778px;}
.Width1005 { width:778px;}
.Width985 { width:985px;}
.Width991 { width:991px;}
/* Height */
.Height5  { height:5px;}
.Height7  { height:7px;}
.Heigth10 { height:10px;}
.Heigth13 { height:13px;}
.Heigth15 { height:15px;}
.Heigth16 { height:16px;}
.Heigth20 { height:20px;}
.Heigth22 { height:22px;}
.Heigth25 { height:25px;}
.Heigth30 { height:30px;}
.Heigth31 { height:31px;}
.Heigth33 { height:33px;}
.Heigth35 { height:35px;}
.Heigth38 { height:38px;}
.Heigth39 { height:39px;}
.Heigth40 { height:40px;}
.Heigth41 { height:41px;}
.Heigth45 { height:45px;}
.Heigth46 { height:46px;}
.Heigth48 { height:48px;}
.Heigth50 { height:50px;}
.Heigth55 { height:55px;}
.Heigth80 { height:80px;}
.Height93 { height:93px;}
.Height94 { height:94px;}
.Height96 { height:96px;}
.Height100 { height:100px;}
.Height110 { height:110px;}
.Height395 { height:395px;}
.Height400 { height:400px;}
.Height415 { height:415px;}

/* Margin */
.Margin-0 { margin: 0; }
.MarginBottom1  { margin-bottom: 1px }
.MarginBottom2  { margin-bottom: 2px }
.MarginBottom3  { margin-bottom: 3px }
.MarginBottom4  { margin-bottom: 4px }
.MarginBottom5  { margin-bottom: 5px }
.MarginTop5  { margin-top: 5px }
.MarginBottom10 { margin-bottom: 10px }
.MarginLeft5    { margin-left: 5px }
.MarginLeft6    { margin-left: 6px }
.MarginLeft7    { margin-left: 7px }
.MarginLeft10   { margin-left: 10px }
.MarginLeft13   { margin-left: 13px }

/* Padding */
.Padding0505{ padding:0 5px;}
.Padding-8-0 { padding: 8px 0; }
.Padding-15-0 { padding: 15px 0; }
.Padding-0-5-0-25 { padding: 0 5px 0 25px; }
.Padding-5-20 { padding: 5px 20px; }
.Padding-10-20-5 { padding: 10px 20px 5px; }
.Padding-5-20-10 { padding: 5px 20px 10px; }
.Padding10201020{ padding:10px 20px 10px 20px;}
.Padding0201020{ padding:0px 20px 10px 20px;}
.Padding4242042{ padding:42px 42px 0px 42px;}
.Padding2220{ padding:2px 2px 2px 0px;}
.Padding5575{ padding:5px 5px 7px 5px;}
.CellPadding3{ padding:3px;}
.Padding0{ padding:0;}
.Padding1{ padding:1px;}
.Padding2{ padding:2px;}
.Padding3{ padding:3px;}
.Padding4{ padding:4px;}
.Padding5{ padding:5px;}
.PaddingLeft1{ padding-left:1px;}
.PaddingLeft2{ padding-left:2px;}
.PaddingLeft3{ padding-left:3px;}
.PaddingLeft5{ padding-left:5px;}
.PaddingLeft6 { padding-left:6px;}
.PaddingLeft7 { padding-left:7px;}
.PaddingLeft10{ padding-left:10px;}
.PaddingLeft11{ padding-left:11px;}
.PaddingLeft13{ padding-left:13px;}
.PaddingLeft15{ padding-left:15px;}
.PaddingLeft25{ padding-left:25px;}
.PaddingLeft220{ padding-left:220px;}
.PaddingRight0{ padding-right:0;}
.PaddingRight1{ padding-right:1px;}
.PaddingRight2{ padding-right:2px;}
.PaddingRight5{ padding-right:5px;}
.PaddingRight7{ padding-right:7px;}
.PaddingRight10{ padding-right:10px;}
.PaddingRight15{ padding-right:15px;}
.PaddingRight20{ padding-right:20px;}
.PaddingTop2{ padding-top:2px;}
.PaddingTop3{ padding-top:3px;}
.PaddingTop4{ padding-top:4px;}
.PaddingTop5{ padding-top:5px;}
.PaddingTop7{ padding-top:7px;}
.PaddingTop8{ padding-top:8px;}
.PaddingTop10{ padding-top:10px;}
.PaddingTop13{ padding-top:13px;}
.PaddingTop15{ padding-top:15px;}
.PaddingBottom1{ padding-bottom:1px;}
.PaddingBottom2{ padding-bottom:2px;}
.PaddingBottom3{ padding-bottom:3px;}
.PaddingBottom5{ padding-bottom:5px;}
.PaddingBottom7{ padding-bottom:7px;}
.PaddingBottom10{ padding-bottom:10px;}

.PaddingLeft10Top3 {
	padding-left:10px;
	padding-top:3px;
}

/* Font Size */
.FontSize6{ font-size:5pt; /*WCAG : 6px*/}
.FontSize11{ font-size:8pt; /*WCAG : 11px*/}
.FontSize16{ font-size:12pt;/*WCAG : 16px*/}
.FontSize18{ font-size:14pt;/*WCAG : 18px*/}

/* Position */
.PositionRelative{ position:relative;}

/* Cell Spacing */
.CellSpacing0{ border-spacing:0;}
.CellSpacing2{ border-spacing:2px;}
.CellSpacing5{ border-spacing:5px;}
.CellSpacing10{ border-spacing:10px;}

.CartTotalGridFooterWithLightGold TD {
      border: #808080 1px solid; 
      padding: 3px; 
      font: 8pt Verdana, Arial,Helvetica,sans-serif; /*WCAG : 11px*/
      vertical-align: top; 
      border-collapse: collapse;
      background-color: #EDE8CC;
}

.PaddingTop8WithHeight38 {
      PADDING-TOP: 8px; 
      HEIGHT: 38px;
}

.Font10 { FONT-SIZE: 8pt; /*WCAG : 10px*/}
.Font11 { FONT-SIZE: 8pt; /*WCAG : 11px*/}
.Font12 { FONT-SIZE: 9pt; /*WCAG : 12px*/}
.Font14 { FONT-SIZE: 11pt; /*WCAG : 14px*/}
.FontBold { font-weight:bold; }
.FontBoldImportant { font-weight:bold !important;}

.CartTotalGridFooterWithLightGrey {
      border: #808080 1px solid; 
      padding: 3px; 
      font: 8pt Verdana, Arial,Helvetica,sans-serif; /*WCAG : 11px*/
      VERTICAL-ALIGN: top; 
      BORDER-COLLAPSE: collapse;
      background-color: #CCC;
}

.alignCenterCenter { text-align:center;	}

.ImageBorder {
	border: 1px solid #808080;
}

.DisplayNone { display:none; }

.Left {
	position:absolute;
	left:0;
	width:100%;
	background-color:#b0e0e6;
}

.Right {
	position:absolute;
	right:0;
	width:100%;
	background-color:#b0e0e6;
}

.ProductInformation {
	color:#FFF;
	text-transform:uppercase;
}

.GreyLine {
	border-left: 1px solid #808080;
}

.ProductCenter {
	text-align:center;	
}

.GreyLinePadding {
	padding-left:10px;
	padding-right:10px;	
}

.GreyBackGround {
	background-color:#E5E5E5;
}

.RightGreyLine {
	border-right: 1px solid #808080 !Important;
}

.LeftGreyLine {
	border-left: 1px solid #808080 !Important;
}

.TopGreayLine {
	border-top: 1px solid #808080 !Important;
}

.BottomGreyLine {
	border-bottom: 1px solid #808080 !Important;
}

.ProductCodeFont {
	font-size:8pt;	
}

.PriceFont {
	font-size: 11pt;
	font-weight: bold;
}

.TableNoPaddingWithOutWith {
	border-collapse:collapse;
	border-spacing:0;
	border-width:0;
	padding:0;
}


.arial10 {
	font: 8pt Verdana, Arial; /*WCAG : was 10px*/
	color:#000;
}

.arial10White {
	font: bold 8pt Verdana, Arial;/*WCAG : was 10px*/
	color:#FFFFFF;
}

.arial18BlackBold {
	font: bold 14pt Verdana, Arial;/*WCAG : was 18px*/
	color:#000;
}

.arial11RedSimple{
	font: 8pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 11px*/
	color: #cc0000;
}

.arial12RedSimple {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;/*WCAG : was 12px*/
    color: #cc0000;
}

.arial16GreenBold {
	font: bold 9pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 12px*/
	color: green;
}

.arial12RedBold {
    font: bold 9pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 12px*/
    color: #cc0000;
}

.arial18RedBold {
	font: bold 14pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 18px*/
	color: #cc0000;
}

.arial16RedBold {
	font: bold 12pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 16px*/
    color: #cc0000;
}

.arial14Red {
    font:12pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 16px*/
    color: #cc0000;
}

.arial14RedBold {
    font:bold 11pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 14px*/
    color: #cc0000;
}

TransparentBg {
	background-color:Transparent;
}

.arial11White {
    font:8pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 11px*/
    color:#FFF;
}

.arial11WhiteBold {
    font:bold 8pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 11px*/
    color:#FFF !important;
}

.Font16 { font-size:12pt;/*WCAG : was 16px*/}
.nobr { white-space:nowrap; }

.HeaderAlignement {
	padding-left:10px;
	vertical-align:middle;
}

.TextStrike { text-decoration:line-through; }

/* CSS Coupons Page */
div.mainRight_panel #main_swf {
	margin-bottom:1.6em;
}
	
div.mainRight_panel div.main_text {
	margin-top:1.6em;
	margin-bottom:2em;
}
	
div.mainRight_panel div.main_text p {
	margin:12px 0;
	text-align:justify;
}

.linkcoupons a:hover {
	text-decoration:underline !important;
}

/***************************************************
* CSS pour le Endeca Predictive Search
***************************************************/
.predictive_list {    
    margin: 0;
	padding: 0;
	color: #404040;
	background-color: #FFF;
	border: 1px solid #A0A0A0;
	border-top: none;
	list-style: none;
	text-align: left;
	cursor: default;
	z-index: 4000;
}

.predictive_item {
	padding: 2px;
	margin: 0;
	border: none;
}

.predictive_selectedItem {
	padding: 2px;
	margin: 0;
	color: #000;
	background-color: #B5D5FF;
	border: none;
}

.StaplesLogoHeight {
	height: 16px;
}

.ClientLogoHeight {
	height: 16px;
}

.Watermarked {
	color:Silver;
}

.BorderCollapse {
    border-collapse:collapse;
}

.NoBorderSpacing {
    border-spacing:0;
}

.RelatedItemBorderSpacing {
    border-spacing:0;
}

.RelatedItemBorderSpacingExtended{
    padding:35px;
}

.linkMSDS {
	color:Gray !important;
	text-decoration:underline !important;
	font: 9pt Verdana, Arial, Helvetica, sans-serif !important;/*WCAG : was 12px*/
	font-weight: normal !important;
	cursor:pointer;
}

.linkMSDS a:link, .linkMSDS a:active, .linkMSDS a:visited {
	color:Gray !important;
	text-decoration:underline !important;
	font: 9pt Verdana, Arial, Helvetica, sans-serif !important;/*WCAG : was 12px*/
	font-weight: normal !important;
	cursor:pointer;
}

.linkMSDS a:hover {
	color:#005EC2 !important;
	text-decoration:underline !important;
	font: 9pt Verdana, Arial, Helvetica, sans-serif !important;/*WCAG : was 12px*/
	font-weight: normal !important;
	cursor:pointer;
}

.linkSearchTips {
	color:Blue !important;
	text-decoration:underline !important;
	font: 10pt Verdana, Arial, Helvetica, sans-serif !important;/*WCAG : was 13px*/
	font-weight: normal !important;
	cursor:pointer;
}

.linkSearchTips a:link, .linkSearchTips a:active, .linkSearchTips a:visited {
	color:Blue  !important;
	text-decoration:underline !important;
	font: 10pt Verdana, Arial, Helvetica, sans-serif !important;/*WCAG : was 13px*/
	font-weight: normal !important;
	cursor:pointer;
}

.linkSearchTips a:hover {
	color:Blue !important;
	text-decoration:underline !important;
	font: 10pt Verdana, Arial, Helvetica, sans-serif !important;/*WCAG : was 13px*/
	font-weight: normal !important;
	cursor:pointer;
}

.verdana12RedBold {
    font: bold 9pt Verdana;/*WCAG : was 12px*/
    color:#cc0000;
}

.verdana14RedBold {
    font: bold 9pt Verdana;/*WCAG : was 12px*/
    color:#cc0000;
}

.verdana16BlackBold {
    font: bold 12pt Verdana;/*WCAG : was 16px*/
    color: #000;
}

.verdana11BlackBold {
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 12px*/
    color: #000;
}

.verdana11Black {
    font: 8pt Verdana;/*WCAG : was 11px*/
    font-weight: normal;
    color: #000;
}

.verdana10Black {
    font: 8pt Verdana;/*WCAG : was 10px*/
    font-weight: normal;
    color: #000;
}
/*
.verdana8Blue {
    font: 8px Verdana !important;
    font-weight: normal !important;
	color:#005EC2 !important;
	text-decoration:none !important;
}
*/
.verdana9Blue {
    font: 7pt Verdana !important;/*WCAG : was 9px*/
    font-weight: normal !important;
	color:#005EC2 !important;
	text-decoration:none;
}

.verdana9BlackBold {
    font: bold 7pt Verdana;/*WCAG : was 9px*/
    color: #000;
}

.verdana9RedBold {
    font: bold 7pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 9px*/
    color: #cc0000;
}

.verdana11Red {
    font: 8pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 11px*/
    color: #cc0000;
}

.verdana15Black {
    font: 11pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 15px*/
    font-weight: normal;
    color: #000;
}

.verdana15BlackBold {
    font: 11pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 15px*/
    font-weight:bold;
    color: #000;
}

.verdana13BlackBold {
    font: 10pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 13px*/
    font-weight:bold;
    color: #000;
}

.verdana10White {
    font: 8pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 10px*/
    font-weight:normal;
    color: #ffffff;
    text-transform:none;
}

.verdana13Black {
    font: 10pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 13px*/
    font-weight: normal;
    color: #000;
}

.verdana16BlackBold {
    font:12pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 16px*/
    font-weight: bold;
    color: #000;
}

.verdana12Gray {
    font: 9pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 12px*/
    font-weight: normal;
    color:Gray;
}

.verdana12BlackNormal {
    font: 9pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 12px*/
    font-weight: normal;
    color:#000;
}

.verdana14GrayBold {
    font: bold 11pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 14px*/
    color:Gray;
}

.verdana20Black {
    font:15pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 20px*/
    color:#000000;
}

.verdana10BlackNormal {
    font: 9pt Arial;/*WCAG : was 12px*/
    color:#000000;
}

.verdana8BBoldBlack {
    font: bold 6pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 8px*/
    color:#000000;
}

.verdana11BBoldBlack {
    font: bold 8pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 11px*/
    color:#000000;
}

.verdana8Gray {
    font: 6pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 8px*/
    color:#616161;
}

.verdana11Gray {
    font:8pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 11px*/
    color:#616161;
}

.verdana14BlackBold {
    font: bold 11pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 14px*/
    color:#000000;
}

.verdana13GrayBold {
    font: bold 10pt Verdana;/*WCAG : was 13px*/
    color:Gray;
}

.verdana12GrayBold {
    font: bold 9pt Verdana;/*WCAG : was 12px*/
    color:Gray;
}

.verdana11GrayBold {
    font: bold 8pt Verdana;/*WCAG : was 11px*/
    color:Gray;
}

.verdana10GrayBold {
    font: bold 8pt Verdana; /*WCAG : was 10px*/
    color:Gray;
}

.verdana11Black {
    font: 8pt Verdana; /*WCAG : was 11px*/
    font-weight: normal;
    color: #000;
}

.verdana10BlackBold {
    font: bold 8pt Verdana;/*WCAG : was 10px*/
    color: #000;
}

.verdana12Black {
    font: 9pt Verdana;/*WCAG : was 12px*/
    font-weight: normal;
    color: #000;
}

.verdana12BlackBold {
    font: bold 9pt Verdana;/*WCAG : was 12px*/
    color: #000;
}

.verdana11BlackBold {
    font: bold 8pt Verdana;/*WCAG : was 11px*/
    color: #000;
}

.verdana11Blue {
    font: 8pt Verdana !important;/*WCAG : was 11px*/
    font-weight: normal !important;
	color:#005EC2 !important;
}

.verdana11Blue a:link, .verdana11Blue a:active, .verdana11Blue a:visited {
	font: 8pt Verdana !important;/*WCAG : was 11px*/
	font-weight: normal !important;
	color:#005EC2 !important;
	text-decoration:underline !important;
}

.verdana11Blue a:hover {
    font: 8pt Verdana !important;/*WCAG : was 11px*/
    font-weight: normal !important;
	color:#005EC2 !important;
	text-decoration:underline !important;
}

.verdana8Black {
    font: 6pt Verdana;/*WCAG : was 8px*/
    font-weight: normal;
    color: #000;
}
/*
.verdana8Blue {
    font: 8px Verdana !important;
    font-weight: normal !important;
	color:#005EC2 !important;
	text-decoration:none !important;
}

.verdana8Blue a:link, .verdana8Blue a:active, .verdana8Blue a:visited {
	font: 8px Verdana !important;
	font-weight: normal !important;
	color:#005EC2 !important;
	text-decoration:underline !important;
}

.verdana8Blue a:hover {
    font: 8px Verdana !important;
    font-weight: normal !important;
	color:#005EC2 !important;
	text-decoration:underline !important;
}
*/
.verdana10RedBold {
    font: bold 8pt Verdana;/*WCAG : was 10px*/
    color:#cc0000;
}

.verdana8BlackBold {
    font: bold 6pt Verdana;/*WCAG : was 8px*/
    color: #000;
}

.BtnFullBlueFontWhite8 {
	background-color:#005EC2;
	border: 1px solid #005EC2;
	color:#fff;
	font: 6pt Verdana;/*WCAG : was 8px*/
	font-weight: normal;
	height:17px;
	display:inline-block;
	cursor:pointer;
}

.BtnFullBlueFontWhite {
	background-color: #005EC2;
	border: 1px solid #005EC2;
	color:#fff;
	font: 8pt Verdana;/*WCAG : was 11px*/
	font-weight: normal;
	height:20px;
	display:inline-block;
	cursor:pointer;
	margin: 0;
	padding-left: 1px;
	padding-right: 1px;	
	overflow: visible;
	width:auto !important;	
}

.linkGridOrListViewEnabled {
	color:#000 !important;
	text-decoration: underline !important;
	font: 8pt Verdana, Arial, Helvetica, sans-serif !important;/*WCAG : was 11px*/
	font-weight: normal !important;
}

.linkGridOrListViewEnabled a:link, .linkGridOrListViewEnabled a:active, .linkGridOrListViewEnabled a:visited {
	color:#000 !important;
	text-decoration: underline !important;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 11px*/
	font-weight: normal;
}

.linkGridOrListViewEnabled a:hover {
	color:#005EC2 !important;
	text-decoration:underline !important;
	font: 8pt Verdana, Arial, Helvetica, sans-serif !important;/*WCAG : was 11px*/
	font-weight: normal !important;
}

.linkGridOrListViewDisabled {
	color:#000 !important;
	text-decoration: underline !important;
	font: 8pt Verdana, Arial, Helvetica, sans-serif !important;/*WCAG : was 11px*/
	font-weight: normal !important;
	cursor:default !important;
}

.linkGridOrListViewDisabled a:link, .linkGridOrListViewDisabled a:active, .linkGridOrListViewDisabled a:visited {
	color:#000 !important;
	text-decoration: underline !important;
	cursor:default !important;
	font: 8pt Verdana, Arial, Helvetica, sans-serif !important;/*WCAG : was 11px*/
	font-weight: normal !important;
}

.linkGridOrListViewDisabled a:hover {
	color:#000 !important;
	text-decoration: underline !important;
	cursor:default !important;
	font: 8pt Verdana, Arial, Helvetica, sans-serif !important;/*WCAG : was 11px*/
	font-weight: normal !important;
}

.linkAlwaysUnderlined, .linkAlwaysUnderlined a:link, .linkAlwaysUnderlined a:active, .linkAlwaysUnderlined a:visited, .linkAlwaysUnderlined a:hover {
	color:#005EC2 !important;
	text-decoration:underline !important;
	font-weight: normal;
}

.pageLabelPagingControl {
    color: #000;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;/*WCAG : was 11px*/
	font-weight: normal;
}

.so-popup {
    background-color: #FFF;
    border: 1px solid #000;
    padding: 42px 42px 0;
}

.serviceOptionLabels {
    color: #000;
	font-family: Arial;
	font-size: 10pt;/*WCAG : was 13px*/
    font-weight: bold;
}

.SilverMediumLine {
	border: 1px solid silver;
}

.cellBorderRightSilver {
	border-right:1px silver solid;
}

.cellBorderBottomSilver {
	border-bottom:1px solid silver;
}

.cellBorderLeftSilver {
	border-left:1px solid silver;
}

.cellBorderTopSilver {
	border-top:1px solid silver;
}

.BtnFullBlueCheckout {
    background-color:#005EC2;
	border: 1px solid #005EC2;
	color:#fff;
	font-size: 11pt;/*WCAG : was 14px*/
	font-weight: bold;
	text-transform:capitalize;
	height:22px;
	display:inline-block;
	cursor:pointer;
}

.boRedMessage {
    color:#cc0000 !important;
    font-weight:bold !important;
}

.specialDeliveryMsg
{
    display:block;
}

.cartQtyWidthReco {
    width:76px;
}

.cartQtyWidthNoReco {
    width:99px;
}

.cartProductCodeWidthReco {
    width:115px;
}

.cartProductCodeWidthNoReco {
    width:136px;
}

.cartDescriptionRecoAndLineNotesWidth {
    width:175px;
}

.cartDescriptionRecoAndNoLineNotesWidth {
    width:354px;
}

.cartDescriptionNoRecoAndLineNotesWidth {
    width:289px;
}

.cartDescriptionNoRecoAndNoLineNotesWidth {
    width:559px;
}

.cartLineNotesWithRecoWidth {
    width:174px;
}

.cartLineNotesWithNoRecoWidth {
    width:289px;
}

.cartUomWidthReco {
    width:32px;
}

.cartUomWidthNoReco {
    width:55px;
}

.cartPriceWidthReco {
    width:98px;
}

.cartPriceWidthNoReco {
    width:121px;
}

.cartTotalWidthReco {
    width:62px;
}

.cartTotalWidthNoReco {
    width:85px;
}

.cartDeleteWidthReco {
    width:35px;
}

.cartDeleteWidthNoReco {
    width:58px;
}

.cartDeleteCheckboxWidthReco {
    width:18px;
}

.cartDeleteCheckboxWidthNoReco {
    width:41px;
}

.quickAdd {
    width:995px;
}

.linkAlwaysUnderlinedBold, .linkAlwaysUnderlinedBold a:link, .linkAlwaysUnderlinedBold a:active, .linkAlwaysUnderlinedBold a:visited, .linkAlwaysUnderlinedBold a:hover {
	color:Blue !important;
	text-decoration:underline !important;
	font-weight: bold !important;
}

.promotional-label {
	background-color: rgb(185, 210, 250);
	color: #B50000;
	cursor: default;
	font: 8pt Verdana, Arial, sans-serif;/*WCAG : was 10px*/
}

.feedback{
    text-align:center;
    font-size: 100%;
    margin: 10px;
}

/************************************************************
** CSS for the Products Fees
************************************************************/
.fee-env-link {
	color: #005EC2 !important;
	font-size: 8pt;/*WCAG : was 11px*/
	text-decoration: underline !important;
}

.fee-env-link:hover {
	cursor: pointer;
	font-size: 8pt; /*WCAG : was 11px*/
	text-decoration: underline !important;
}

.fee-env-line-link {
	color: #000 !important;
	font-size: 8pt !important;/*WCAG : was 10px*/
	text-decoration: underline !important;
}

.fee-env-line-link:hover {
	color: #005EC2 !important;
	cursor: pointer;
	font-size: 8pt !important;/*WCAG : was 10px*/
	text-decoration: underline !important;
}

.environmental-fee-line {
	background-color: rgb(242, 242, 242);
	color: #000;
	height: 18px;
}

.environmental-fee-line-height 
{
    height:60px;
}

.fee-asmb-line {
    background-color: rgb(242, 242, 242);
    color: #000;
	font-size: 8pt; /*WCAG : was 10px*/
    font-family: Verdana;
    text-align: left;
}

.fee-asmb-desc {
    display: block;
}

/************************************************************
** CSS for the custom validation message holder
************************************************************/
#customMessageHolder.message_holder {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #CC0000;
	display: none;
	font-size: 8pt;/*WCAG : was 11px*/
    
}

#customMessageHolder.message_holder p {
    border-bottom: 1px solid #000;
    color: #CC0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 8px 5px;
}

/*********************************************
* CSS for Social Widget
*********************************************/
.header-section-sw
{
    width: 180px;
    height: 80px;
    text-align: center;
}

div.SocialSite
{
    height: 46px;
    width: 180px;
    vertical-align: middle;
    position: relative;    
}

div.SocialTitle
{
    height: 34px;
    width: 180px;
    position: relative;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

/**************************************************************
* CSS for the mini cart
**************************************************************/
div.mini-cart {
	background-color: #FFF;
	width: 220px;
}

div.mini-cart-top {
	background-color: #FFF;
	color: #000; 
	font: 8pt Verdana;/*WCAG : was 10px*/
	height: 34px;
	position: relative;
	text-align: left;
}

div.mini-cart-image {
	background: url('../Images/Mini_Cart_image.gif') top left no-repeat;
	height: 47px;
	margin-left: 15px;
	position: absolute; 
	top: -3px;
	width: 38px;
	z-index: 1000;
}

div.mini-cart-order {
	bottom: 0;
	padding: 0 0 0 60px;
	position: absolute;
}

div.mini-cart-info {
	background-color: #ECECEC;
	border: 1px solid silver;
	text-align: center;
}

div.mini-cart-view {
	color: gray;
	float: left;
	font: 8pt Verdana;/*WCAG : was 10px*/
	padding: 3px 2px 4px 2px;
	width: 100px;
}

div.mini-cart-checkout {
	border-left: 1px solid silver;
	color: #CC0000;
	font: 11pt Verdana;/*WCAG : was 15px*/
	height: 44px;
	overflow: auto;
}

div.mini-cart-spacer {
	padding: 3px 0 0 0;
}

div.mini-cart-extender {
	background-color: #FFF;
	border: 1px solid #CC0000;
	color: #000;
	display: none; 
	font: 7pt Verdana;/*WCAG : was 9px*/
	padding: 0 10px 10px 10px;
	position: absolute; 
	width: 198px;
	z-index: 2000;
}

div.mini-cart-product {
	float: left;
	text-align: left;
	width: 125px;
}

#checkout div#termsAndConditionsAgreement
{
    padding-top:15px;
}

#checkout div#showEmailConsent
{
    padding:15px 0px;
}

#checkout .checkBox label
{
    display:inline-block;
    vertical-align:top;
    width:750px;
}

#checkout div.mini-cart-quantity,
div.mini-cart-quantity {
	overflow: auto;
	text-align: center;
}

#checkout div.mini-cart-extender div.mini-cart-product h3,
#checkout div.mini-cart-extender div.mini-cart-quantity h3,
div.mini-cart-extender div.mini-cart-product h3,
div.mini-cart-extender div.mini-cart-quantity h3 {
	color: #6A6A6A;
	font: bold 9pt Verdana;/*WCAG : was 11px*/
	margin: 0;
	padding: 5px 0;
}

#checkout div.mini-cart-product p,
div.mini-cart-product p {
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	margin: 0;
	padding: 3px 0;
}

#checkout div.mini-cart-quantity p,
div.mini-cart-quantity p {
	border-bottom: 1px solid #808080;
	margin: 0;
	padding: 3px 0;
	text-align: center;
}

#checkout div.mini-cart-extender p.mini-cart-total,
div.mini-cart-extender p.mini-cart-total {
	border: none;
	color: #333;
	font-weight: bold;
}

div.mini-cart-message-holder {
	margin: 4px auto 0 auto;
	text-align: center;
}

.mini-cart-button {
	background-color: #808080;
	border: 1px solid #808080;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font: 8pt Verdana;/*WCAG : was 10px*/
	margin: 2px 0 0 0;
	padding: 2px 0;
	text-align: center;
	width: 94px;
}

.mini-cart-button-width 
{
    padding-left: 3px !important;
    padding-right: 3px !important;
    width: auto !important;
}

.mini-cart-button-hover
{
	background-color: #005EC2;
	border: 1px solid #005EC2;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font: 8pt Verdana;/*WCAG : was 10px*/
	margin: 2px 0 0 0;
	padding: 2px 0;
	text-align: center;
	width: 94px;
}

.mini-cart-button:hover
{
	background-color: #005EC2;
	border: 1px solid #005EC2;
}

.yes-no-button {
	background-color: #808080;
	border: 1px solid #808080;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font: 8pt Verdana;/*WCAG : was 10px*/
	margin: 2px 0 0 0;
	padding: 2px 0;
	text-align: center;
	width: 40px;
	height: 20px;
}

.yes-no-button:hover {
	background-color: #005EC2;
	border: 1px solid #005EC2;
}




.mini-cart-button-disabled {
	background-color: #808080;
	border: 1px solid #808080;
	color: #FFF;
	cursor:default;
	display: inline-block;
	font: 8pt Verdana;/*WCAG : was 10px*/
	margin: 2px 0 0 0;
	padding: 2px 0;
	text-align: center;
	width: 94px;
}

.mini-cart-button-disabled:hover {
	background-color: #808080;
	border: 1px solid #808080;
	cursor:default;
}

.mini-cart-message {
	color: gray;
	font: 9px Verdana;
}

a.mini-cart-link, 
a.mini-cart-link:active, 
a.mini-cart-link:visited {
	color: gray !important;
	font: 8pt Verdana;/*WCAG : was 10px*/
	text-decoration: underline !important;
}

a.mini-cart-link:hover {
	color: #005EC2 !important;
    cursor:pointer;
}

/**************************************************************
* CSS for the quickview and multiple image
**************************************************************/
.HplFullBlue {
	background: #005EC2 url('../Images/Arrow_right_more_details_button.jpg') 100% 50% no-repeat !important;
	color: #FFF !important;
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	font-size: 8pt;/*WCAG : was 11px*/
	padding: 5px 10px 5px 7px;
	margin: 0;
	text-decoration: underline !important;
    text-align: center;
}

div.image {
	background-color: #FFF;
	position: relative;
}

div.image-block {
	display: none;
	left: 0;
	position: absolute; 
	top: 0;
}

div.image-loading {
	background-color: #FFF;
	border: 1px solid #000;
	height: 64px;
	left: 83px;
	position: absolute;
	top: 83px;
	width: 64px;
}

div.loading-border {
	background-color: #FFF;
	height: 32px;
	left: 16px;
	position: absolute;
	top: 16px;
	width: 32px;	
}

div.glass {
	position: absolute;
}

div.glass img {
	border: 1px solid silver;
}

div.quickview {
	background-color: #FFF;
	border: 1px solid #000;
	padding: 5px;
	overflow: hidden;
    z-index: 100002 !important;
}

div.quickview-inside {
	background-color: #FFF;
	height: 100%;
	overflow: hidden;
	width: 100%;
}

div.quickview-inside div.iframe-holder {
	height: 100%;
	padding: 3px;
}

div.quickview-inside div.closer {
	padding: 3px 0 0 0;
	text-align: right;
}

div.quickview-inside iframe {
	border: none;
	display: block;
	height: 100%;
	width: 100%;
}

table.multiple-image {
	border-collapse: collapse;
	width: 232px;
}

table.multiple-image td.image {
	border: 1px solid silver;
	padding: 0;
}

table.multiple-image td.top-cell {
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	height: 3px;
}

table.multiple-image td.bottom-cell {
	border: 1px solid silver;
	border-top: none;
	height: 5px;
}

table.multiple-image td.middle-cell {
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	height: 5px;
	padding: 0 2px 1px 0;
	width: 100%;
}

/*******************************************************************
** CSS for Endeca Category Menu
** NOTE: For IE6, there are some CSS fixes in the master page
*******************************************************************/
#ecn-holder {
    border-top: none;
    margin: 0 0 13px 0;
    position: relative;
    z-index: 4000; /* For IE7 z-index bug */
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px;
    width : 214px;
    border-right: 1px solid #CCC;
}

.ecn-header {
    background: url('../images/background_title.png') #C00000; 
    color: #FFF;
    display: block; 
    font-size: 11pt; /*WCAG : was 15px*/
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: normal;
    height: 30px;
    margin: 0 auto;
    padding: 7px; 
    text-align: center; 
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px;
}

.ecn-header > span {
    line-height: 30px;
}

.ecn-header a.hlkHeader, 
.ecn-header a.hlkHeader:hover, 
.ecn-header a.hlkHeader:visited {
    color: #FFF;
    font-size: 11pt; /*WCAG : was 15px*/
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: normal;
    line-height: 30px;
    text-decoration: underline;  
}

iframe.ecn-iframe-menu {
	display: block;
	height: auto;
	left: 0;
	margin: 0;
	position: absolute;
	top: 6px;
	width: 212px;
	z-index: 0;
    border-right: 1px solid #CCC;
}

#ecn-menu, 
#ecn-menu ul.ecn-submenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.ecn-slidable {
	background-color: #FFF;
	border-top: none;
	height: 0;
	left: -1px;
	overflow: hidden;
	/*padding: 5px 5px 0 5px;*/
	/*padding : 5px 0px 0px 0px;*/
	position: absolute;
	width: 100%;
    padding: 0;
    border-right: 1px solid #CCC;
}

div.ecn-unslidable {
    background-color: #FFF;
    margin: /*5px*/ 0 0 0 0;
    position: absolute;
    padding: 0;
    border-right: 1px solid #CCC;
}

#ecn-menu {
    background-color: #FFF;
    border-top: 1px solid #CCC;
    margin: 0 /*auto*/; /******/
    text-align: left;
    width: 100%; /* 202px;*/   /******/
    padding:0;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
}

#ecn-menu li.ecn-item {
	position: relative;
	z-index: 3000;
	
}

/* 1st level links */
#ecn-menu a.ecn-menu {
    background: url('../images/background_link_no_arrow.gif') 100% 50% no-repeat;
    border-bottom: 1px solid #CCC; /******/
    border-top: none;
    color: #4D4D4D; 
    cursor: pointer;
    display: block; 
    font-size: 11pt;/*WCAG : was 14px*/
    font-weight: normal;
    padding: 6px 18px 6px 8px;    
    text-align: left; 
    text-decoration: underline; 
    width : 187px;
    /*width: 175px;*/ /* Pour IE7, nous devons fixer une width pour que le lien prenne tout la place au survol */
    
}

#ecn-menu a.Canadian::before {
    color :#ee0000 !important;
    content: "\1F341\00a0" !important;
}

#ecn-menu a.ecn-has-submenu {
    background: url('../images/background_link.gif') 100% 50% no-repeat;
    text-decoration: none;
}

/* 2nd level links */
ul.ecn-flyout-col a.ecn-submenu {
	background-color: #FFF;
	border-bottom: 1px solid #BBE5FE;
	color: #4D4D4D;
	cursor: pointer;
	display: block;
	font-size: 11pt;/*WCAG : was 14px*/
	outline: none;
	padding: 4px 10px 4px 10px;
	text-align: left;
	text-decoration: underline;
	width: auto;
}

/* 3rd level links special CSS */
ul.ecn-flyout-col a.ecn-3rd-level {
    font-size: 12px;
    padding: 5px 10px 5px 20px;
}

#ecn-menu a.ecn-menu, 
#ecn-menu a.ecn-menu:visited, 
#ecn-menu a.ecn-menu:active, 
ul.ecn-flyout-col a.ecn-submenu,
ul.ecn-flyout-col a.ecn-submenu:visited, 
ul.ecn-flyout-col a.ecn-submenu:active {
	background-color: #FFF;
	color: #4D4D4D;
	text-decoration: none;
}

#ecn-menu a.ecn-menu:hover, 
#ecn-menu a.ecn-menu:focus,
ul.ecn-flyout-col a.ecn-submenu:hover,
ul.ecn-flyout-col a.ecn-submenu:focus,
ul.ecn-flyout-col a.ecn-submenu:active,
#ecn-menu li.ecn-item a.ecn-selected-item {
	background: #BBE5FE none !important;
	color: #0092DB !important;
}

#ecn-menu a.ecn-menu:hover,
#ecn-menu li.ecn-item a.ecn-selected-item {
	border-bottom: 1px solid #4DB5FE;
	border-left: 1px solid #4DB5FE;
}

ul.ecn-flyout-col {
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 17px 5px 0;
	padding: 0;
	position: relative;
}

ul.ecn-flyout-col ul {
    display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}

ul.ecn-last-col {
    margin-right: 0;
}

ul.ecn-flyout-col li {
	width: 224px;
}

iframe.ecn-flyout {
	border: none;
	display: block;
	height: auto;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 722px;
	z-index: 0;
}

div.ecn-flyout {
    background-color: #FFF;
	border: 3px solid #B3E2FE;
	border-left: 4px solid #BBE5FE;
	border-radius: 4px;
	border-top-left-radius: 0;
    display: block;
	left: 0;
	padding: 5px 0 0 5px;
	position: absolute;
	margin: 0;
	top: -1px;
	width: 712px;
	z-index: 0;
}

#ecn-menu ul.ecn-submenu { 
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: auto;
	z-index: 1000;
}

#ecn-menu ul.ecn-submenu li.ecn-item {
	float: left;
}

div.ecn-header-link {
    border-bottom: 1px solid #BBE5FE;
	float: left;
	margin-bottom: 8px;
	width: 100%;
}

/* Flyout header links */
div.ecn-header-link a,  
div.ecn-header-link a:active,
div.ecn-header-link a:visited,
div.ecn-float-right a,
div.ecn-float-right a:active,
div.ecn-float-right a:visited {
	background-color: #FFFFFF;
	color: #4D4D4D;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 11pt !important;/*WCAG : was 15px*/
	outline: none;	
	padding: 5px 10px 5px 10px;
	text-align: left;
	text-decoration: underline !important;
	width: auto;
}

div.ecn-header-link a:hover {
	background-color: #BBE5FE;
	color: #3592E1;
}

div.ecn-float-right a,
div.ecn-float-right a:visited, 
div.ecn-float-right a:active,
div.ecn-float-right a:hover {
	background-color: #FFFFFF;
	padding: 0;
}

div.ecn-banner-holder {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 99%;
}

div.ecn-banner-holder img {
	border-style: none;
	height: 110px;
	width: 100%;
}

.ecn-clear {
	clear: both;
	height: 5px;
	margin: 0;
	padding: 0;
}

img.ecn-closer {
	border-style: none;
}

.ecn-flyout-header {
	text-align: right;
	width: 705px;
}

.ecn-float-right {
    float: right;
}

/* CSS hacks for IE */
* html #ecn-menu li.ecn-item { float: left; height: 1%; }
* html #ecn-menu a.ecn-menu, * html ul.ecn-flyout-col li, * html a.ecn-submenu { height: 1%; }

/**************************************************************
* CSS for the new total order savings
**************************************************************/
.order-total-savings {
	background-color: rgb(185, 210, 250);
	border-top: 1px solid #808080;
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;/*WCAG : was 10px*/
	line-height: 22px;
}

.order-total-label {
	float: left;
	font-size: 8pt;/*WCAG : was 10px*/
}

.order-total-price {
	color: #CC0000;
	font-size: 9pt;/*WCAG : was 12px*/
	text-align: right;
}

.order-total-savings p {
	margin: 0;
	padding: 0 3px;
}

/**************************************************************
* CSS for On Sale Products Presentation
**************************************************************/
a.onsale-holder {
	cursor: default;
	display: block;
	margin: 0 2px 0 0;
	width: 95px;
	z-index: 5;
}

a.onsale-holder:hover {
	/*text-decoration: underline;*/
}

img.onsale-savings-icon {
	border: none;
}

.onsale-price-holder {
	background: url('../images/ProductOnSaleControl_Background.jpg') no-repeat;
	display: block;
	height: 41px;
	position: relative;
	width: 91px;
}

.onsale-non-columnar {
	margin: 0 0 0 12px;
}

#checkout .onsale-price-label, .onsale-price-label {
	display: block;
	float: left;
	text-align: left;
}

#checkout .onsale-price, .onsale-price {
	display: block;
	text-align: right;
	white-space: nowrap;
}

.onsale-reg-price,
.onsale-sale-price,
.onsale-save-price {
	display: block;
	padding: 0 3px;
}

#checkout .onsale-reg-price, .onsale-reg-price {
	color: #555;
	font: 8pt Arial, sans-serif;/*WCAG : was 10px*/
	text-align: right;
}

#checkout .onsale-sale-price, .onsale-sale-price {
	font-family: Arial, sans-serif;
	font-size: 8pt;/*WCAG : was 11px*/
	color: #A5190A;
	margin: 1px 0 0 0;
	text-align: right;
}

#checkout .onsale-save-price, .onsale-save-price {
	color: #A5190A;
	font-family: Arial, sans-serif;
	font-size: 8pt;/*WCAG : was 11px*/
	text-align: right;
}

/* ------------------------------------------------------------------------- */
/* CSS pour le tooltip en Javascript                                         */
/* ------------------------------------------------------------------------- */
.js-tooltip {
    border: 1px solid #808080;
    border-radius: 5px;
    background-color: #FFFFDA;
    color: #151515;
    cursor: default;
    display: none;
    min-width: 50px;
    max-width: 290px;
    padding: 5px;
    position: absolute;
    z-index: 100008;
}

/**************************************************************
* CSS for tooltip
**************************************************************/
a.tooltip {
	position: relative;
    /*text-decoration: underline !important;*/
    word-wrap: break-word;
}

a.tooltip img { border: none; }

a.tooltip span.tooltip-left,
a.tooltip span.tooltip-right { 
	display: none; 
}

a.tooltip:hover, a.tooltip.hovered { 
	background: ; /* CSS Hack for IE6 */
	/*text-decoration: underline !important;*/
	z-index: 15000;
}

a.tooltip:hover > span.tooltip-left,
a.tooltip.hovered > span.tooltip-left {
    text-decoration: none;
}

a.tooltip img.tooltip-arrow-left,
a.tooltip img.tooltip-arrow-right {
	top: 11%;
	position: absolute;
}

a.tooltip img.tooltip-arrow-left {
	left: -10px;
}

a.tooltip img.tooltip-arrow-right {
	right: -10px;
}

a.cursorPointer
{
    cursor:default !important;
}

a.tooltip:hover span.tooltip-left,
a.tooltip:hover span.tooltip-right,
a.tooltip.hovered span.tooltip-left,
a.tooltip.hovered span.tooltip-right {
    background-color: #FFFFDA;
    border: 1px solid #808080;
    border-radius: 5px;
    color: #151515;
    cursor: default;
	display: block;
	padding: 5px 3px;
	position: absolute;
    text-align: left;
    /*text-decoration: underline;*/
    top: -8px;
    width: 124px;
    z-index: 13000;
}

/* Custom CSS class for positionning tooltip */
a.tooltip:hover span.tooltip-left,
a.tooltip.hovered span.tooltip-left {right: 100px;}
a.tooltip:hover span.tooltip-right,
a.tooltip.hovered span.tooltip-right {left: 100px;}
a.tooltip:hover span.tt-icon, 
a.tooltip.hovered span.tt-icon {left: 25px;top: -15px;width: 253px;}
a.tooltip:hover span.tt-label-delivery {left: 25px;top: 12px;width: 253px;}

/* Custom CSS class for icons from Product Image Key Control */
a.tooltip:hover span.tt-icon-flyerEN {left: 25px;top: -10px;width: 30px;}
a.tooltip:hover span.tt-icon-flyerFR {left: 25px;top: -10px;width: 55px;}
a.tooltip:hover span.tt-icon-marketpriceEN {left: 25px;top: -10px;width: 70px;}
a.tooltip:hover span.tt-icon-marketpriceFR {left: 25px;top: -10px;width: 70px;}
a.tooltip:hover span.tt-icon-deliveryEN {left: 30px;top: -10px;width: 95px;}
a.tooltip:hover span.tt-icon-deliveryFR {left: 30px;top: -10px;width: 125px;}
a.tooltip:hover span.tt-icon-assemblyEN {left: 28px;top: -10px;width: 110px;}
a.tooltip:hover span.tt-icon-assemblyFR {left: 28px;top: -10px;width: 110px;}
a.tooltip:hover span.tt-icon-contractEN {left: 22px;top: -10px;width: 50px;}
a.tooltip:hover span.tt-icon-contractFR {left: 22px;top: -10px;width: 70px;}
a.tooltip:hover span.tt-icon-catalogEN {left: 25px;top: -10px;width: 60px;}
a.tooltip:hover span.tt-icon-catalogFR {left: 25px;top: -10px;width: 60px;}
a.tooltip:hover span.tt-icon-restrictionEN {left: 25px;top: -10px;width: 120px;}
a.tooltip:hover span.tt-icon-restrictionFR {left: 25px;top: -10px;width: 130px;}

a.tooltip:hover span.tt-restricted { left: 35px; top: -22px; width: 298px; }
a.tooltip:hover span.tt-searchlisticonEN { left: -118px; top: -10px; width: 115px; }
a.tooltip:hover span.tt-searchlisticonFR { left: -123px; top: -10px; width: 130px; }
a.tooltip:hover span.tt-searchlistlabelEN { left: -118px; top: -10px; width: 115px; }
a.tooltip:hover span.tt-searchlistlabelFR { left: -143px; top: -10px; width: 130px; }
a.tooltip:hover span.tt-searchgridiconEN { left: -98px; top: -10px; width: 115px; }
a.tooltip:hover span.tt-searchgridiconFR { left: -128px; top: -10px; width: 130px; }
a.tooltip:hover span.tt-searchgridlabelEN { left: -136px; top: -10px; width: 115px; }
a.tooltip:hover span.tt-searchgridlabelFR { left: -152px; top: -10px; width: 130px; }

/* Since IE6 and IE7 doesn't always handle positionning as the other browsers, these values are for IE6-7 and we use IE8+ and FF value in page */
a.tooltip:hover span.tt-banner-left {right: 105px;top: 0px;width: 200px;}
a.tooltip:hover span.tt-promo-left {right: 265px;top: -8px;width: 240px;}
a.tooltip:hover span.tt-promo-quickview {right: 275px;top: -8px;width: 240px;}
a.tooltip:hover span.tt-icon-left {right: 20px;top: -13px;width: 200px;}

ul.tooltip-promo-list {
	margin: 0 0 -2px 14px;
	padding: 0;
}

ul.tooltip-promo-list li {
	margin: 0;
	padding: 0 0 2px 0;
}

/* CSS to override some default value */
a.restricted-icon { background-color: #005EC2 !important; font-weight: normal !important; text-transform: none !important; }

/**************************************************************
* CSS for banner rotator
**************************************************************/
div.banner-holder {
	margin: 0 auto;
	position: relative;
	height: 400px;
}

.banner-holder .banner {
    width: 100%;
    max-width: 770px;
    max-height: 400px;
}

img.banner {
	border: none;
	cursor: pointer;
}

div.banner-pager,
div.banner-pager-bg {
	background-color: transparent;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 5;
}

div.banner-pager {
	height: 22px;
	padding: 0 3px 0;
}

div.banner-pager-bg {
	background-color: #CCC;
	border: 1px solid #808080;
	border-radius: 3px;
	height: 21px;
	z-index: 1;
	filter: alpha(opacity=25);
	opacity: 0.25;
}

div.banner-pager a,
div.banner-pager a.pause,
div.banner-pager a.play {
	background: transparent url('../Images/BannerBackground.gif') no-repeat;
	color: #000;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 8pt;/*WCAG : was 10px*/
	margin: 2px 0 3px 3px;
	padding: 2px 0 0;
	height: 15px;
	text-align: center;
	text-decoration: none !important;
	width: 17px;
	filter: alpha(opacity=30);
	opacity: 0.30;
}

div.banner-pager a.first {
	margin-left: 0;
}

div.banner-pager a.play,
div.banner-pager a.timer,
div.banner-pager a.active,
div.banner-pager a:hover {
	opacity: 1;
	filter: alpha(opacity=80);
	opacity: 0.80;
}

div.banner-pager a.pause {
	background: transparent url('../Images/BannerPause.gif') no-repeat;
}

div.banner-pager a.play {
	background: transparent url('../Images/BannerPlay.gif') no-repeat;
}

div.banner-pager a.timer {
	background: none;
	cursor: default;
	height: 17px;
	padding: 0;
}

/**************************************************************
* CSS for Product Reviews
**************************************************************/
.pr-container {
	margin: 0 0 0 210px;
}

.pr-reviews-link, .pr-reviews-link a:link, .pr-reviews-link a:active, .pr-reviews-link a:visited {
    color:#005EC2 !important;
    text-decoration: underline !important;
}

.pr-reviews-link:hover {
    cursor: pointer;
}

.pr-tab-panel {
    /* The height will dynamically adjusted in javascript for reviews tab  -- height: 1000px; */
    overflow: auto;
}

.pr-tab-iframe {
    border: 0 none;
    display: block;
    height: 100%;
    overflow: auto;
    width: 100%;
}

/**************************************************************
* CSS utilities
**************************************************************/
.absolute { position: absolute; }
.align-bottom { bottom: 0; position: absolute; }
.clear { clear: both; }
.hide { display: none; }
.float-right { float: right; }
.normal-weight { font-weight: normal !important; }
.talign-center { text-align: center; }

/********************************************************
*  Utilities CSS for the new base CSS
*
*  All these utilities class will be transfered into base.css
*  when it will be completed. For now, using it in default.css
********************************************************/
.bold { font-weight: bold; }
.bigger { font-size: 1.2em; }
.block { display: block; }
.inline-block { display: inline-block; }
.smaller { font-size: .8em; }
.italic { font-style: italic; }
.centered { margin-left: auto; margin-right: auto; }
.clear { clear: both; }
.float-right { float: right; }
.float-left { float: left; }
.talign-center { text-align: center; }
.talign-left { text-align: left; }
.talign-right { text-align: right; }
.hidden { visibility: hidden; }
.hide { display: none; }
.clickable { cursor: pointer; }
.no-border { border: 0 none; }
.no-border-left { border-left: 0 none; }
.no-border-right { border-right: 0 none; }
.no-space { margin: 0; padding: 0; }
.relative { position: relative; }
.strike { text-decoration: line-through; }
.full-size { width: 100%; }
.valign-middle { vertical-align: middle; }
.no-text-decoration { text-decoration: none; }
.noWrap { white-space: nowrap; }

/**********************************
* CSS for Centered popup (browser upgrade/suspended account popup)
***********************************/
.centered-popup
{
    width: 400px;
    background: #FFF;
    border: 1px solid #000;
}

.centered-popup th
{
    padding: 5px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    background: #C00;
    border-bottom: 1px solid #808080;
}

.centered-popup .img-holder
{
    width: 48px;
    height: 48px;
    padding: 10px;
}

.centered-popup .txt-holder 
{
    padding: 10px 10px 10px 0;
}

.centered-popup .btn-holder
{
    padding: 5px 10px 10px 10px;
    text-align: center;
}

.centered-popup .btn-holder input 
{
    width: 40px;
    background-color: #808080;
    border: 1px solid #808080;
    cursor: pointer;
    color: #FFF;
}

.centered-popup .btn-holder input:hover
{
    background-color: #005EC2;
    border: 1px solid #005EC2;
}

/*********************************************
* CSS for Special Delivery Details Info Page
*********************************************/
.QuestionLabels
{
	display : table-cell;
	vertical-align : bottom;
	height : 20px;
}

/*********************************************
* CSS for Accessories Banner
*********************************************/

.link-banner  
{
    border: 4px solid #005EC2; 
    color: #005EC2;
    display: block;
    height: 32px;
    padding: 10px 0px 5px 0px; 
    text-align: center;
}

.link-banner .font-size
{
    font-size: 8pt !important;/*WCAG : was 11px*/
}

.compare-price-width{
    min-width: 170px !important;
}



 
#continueButton {
    background-color:#808080;
	color:#fff;
    font-size: 8pt;
    font-weight: normal;
    text-transform:capitalize;
    height:18px;
    line-height : 18px;
    padding : 1px 5px;
	display:inline-block;
	cursor:pointer;
    text-decoration : none;
}

#continueButton:hover {
	background-color:#005EC2;
	cursor:pointer;
    text-decoration : none;
}

.floated-container{
    float: right;
    width: 771px;
    clear: both;
}