/*	Style définir dans chaque tag du dataGrid
	
	<asp:datagrid  cssclass="arial11Noir" 
	<headerstyle cssclass="content_table_title" 
	<columns>
		<ec:ewaytemplatecolumn 
			<headerstyle cssclass="left_top_table" ou "right_top_table"
			<itemstyle cssclass="cellColor" ou "cellWhite"
*/

/******************* CSS Table2DList ********************
DB : 2011-05-05 : HD85696
To use theses css, we have the prefix and the suffix
Example : GreyMediumLineFull (Prefix : GreyMedium) (Suffix : FullLine)
Suffixe 
    - FullLine          : Border applicate to all sides
    - TopRightBottom    : Border applicate to Top,Right,Bottom
    - LeftRightBottom   : Border applicate to Left,Right,Bottom
    - RightBottom       : Border applicate to Right,Bottom

*/
.GreyMediumFullLine {
    border: 1px solid #C0C0C0;
}

.GreyMediumTopRightBottom {
    border: 1px solid #C0C0C0;
    border-left: none;
}

.GreyMediumLeftRightBottom {
    border: 1px solid #C0C0C0;
    border-top: none;
}

.GreyMediumRightBottom {
    border-bottom: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
}

.NoSpacingNoPaddingTable2DList {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
}


.breadcrumbs-link {
    color: #000;
    font: bold small Arial, Helvetica, sans-serif !important; /*WCAG : was 11px */
}

/******************* Vendor Agreement ********************/
.userAgreementTitle {
    font: 9pt Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
}

.userAgreementContainer {
    border: 2px solid silver;
    height: 160px;
    width: 770px;
    vertical-align: top;
}

.userAgreementContent {
    font-size: 12px;
    padding: 5px;
}

/******************* CSS Table2DList ********************/
.AccountSelector {
    font: bold 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px */
    color: #333;
    padding-right: 10px;
    padding-left: 10px;
    width: 767px;
    background: url(../Images/top_user_panel.gif) no-repeat bottom;
}

    .AccountSelector a:link, .AccountSelector a:active, .AccountSelector a:visited {
        font: bold 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px */
        color: #333;
        text-decoration: none;
    }

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

.AppMenuPanel {
    background-color: #f5f4e7;
    color: #FFF;
}

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

.arial9Grey {
    font: 7pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 9px*/
    font-style: normal;
    color: #616161;
}

.arial9GreyItalic {
    font: italic 7pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 9px */
    color: #616161;
}

.arial9GreyItalic2 {
    font: italic 7pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 9px */
    color: #373737;
}

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

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

.arial10BlancBold, .arial10BlancBold a:link, .arial10BlancBold a:active, .arial10BlancBold a:visited, .arial10BlancBold a:hover {
    font: bold 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 10px */
    color: #fff;
    text-decoration: none;
}

.arial10Gray {
    color: Gray;
    font: 10pt Arial;
}

.arial10808080 {
    color: #696969;
    font: bold 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 10px */
}

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

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

.boldCreditCard {
    padding-top: 20px;
    font: bold 10pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 10px */
    color: #000;
    text-align: left;
}

.errorMsgCreditCard {
    padding-top: 5px;
    font: bold 9pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 10px */
    color: #CC0000;
    text-align: left;
}

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

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

.arial11BlancBold {
    font: bold 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px */
    text-decoration: none;
    color: #fff;
}

.arial10Bleu, .arial10Bleu a:link, .arial10Bleu a:active, .arial10Bleu a:hover, .arial10Bleu a:visited {
    font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 10px*/
    color: #31659C;
}

.arial11Bleu, .arial11Bleu a:link, .arial11Bleu a:active, .arial11Bleu a:hover, .arial11Bleu a:visited {
    font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    color: #31659C;
}

.arial11BleuBold, .arial11BleuBold a:link, .arial11BleuBold a:active, .arial11BleuBold a:visited, .arial11BleuBold a:hover {
    font: bold 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px */
    color: #31659C;
}

.arial11BleuUnderline, .arial11BleuUnderline a:hover, .arial11BleuUnderline a:active, .arial11BleuUnderline a:link, .arial11BleuUnderline a:visited {
    font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    color: Blue;
    text-decoration: underline;
    cursor: pointer;
}

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

.arial11Grey a:link, .arial11Grey a:active, .arial11Grey a:visited, .arial11Grey a:hover {
    font: 10pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 13px*/
    font-weight: normal;
    color: #616161;
}

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

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

    .arial11Noir a:link, .arial11Noir a:active, .arial11Noir a:hover, .arial11Noir a:visited {
        font-size: 8pt; /*WCAG : was 11px */
        text-decoration: underline;
    }

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

    .arial11NoirBold a:link, .arial11NoirBold a:active, .arial11NoirBold a:hover, .arial11NoirBold a:visited {
        font-size: 8pt; /*WCAG : was 11px */
        text-decoration: underline;
    }

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

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

.arial11OrangeSimple {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt; /*WCAG : was 11px */
    color: #ff6501;
}

.arial11Orange, .arial11Orange a:link, .arial11Orange a:active, .arial11Orange a:visited, .arial11Orange a:hover {
    font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    color: #ff6501;
    text-decoration: underline;
}

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

.arial11OrangeStrike {
    font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    text-decoration: line-through;
    color: #ff6501;
}

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

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

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

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

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

.arial12BleuBold {
    font: bold 9pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px */
    color: #31659C;
}

.arial12Bleu {
    font: 9pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 12px*/
    color: #31659C;
}

.arial12Grey, arial12Grey a:link, .arial12Grey a:active, .arial12Grey a:hover, .arial12Grey a:visited {
    font: 9pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 12px*/
    font-weight: normal;
    color: #616161;
}

.arial12GreyBold, arial12GreyBold a:link, .arial12GreyBold a:active, .arial12GreyBold a:hover, .arial12GreyBold a:visited {
    font: bold 9pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 12px*/
    color: #616161;
}

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

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

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

.arial12NoirBold a:link, .arial12NoirBold a:active, .arial12NoirBold a:hover, .arial12NoirBold a:visited {
    font: bold 9pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 12px*/
    color: #000;
    text-decoration: underline;
}

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

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

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

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

    .arial14DarkBlueBold a:link, .arial14DarkBlueBold a:active, .arial14DarkBlueBold a:visited, .arial14DarkBlueBold a:hover {
        font: bold 11pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 14px*/
        color: #000033;
    }

.arial14Grey, .arial14Grey a:link, .arial14Grey a:active, .arial14Grey a:visited, .arial14Grey a:hover {
    font: 11pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 14px*/
    font-weight: normal;
    color: #616161;
}

.FontArial {
    font-family: Arial;
}

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

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

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

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

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

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

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

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

.arial14Orange, .arial14Orange a:link, .arial14Orange a:active, .arial14Orange a:visited, .arial14Orange a:hover {
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    color: #ff6501;
}

.arial16Blue {
    font: 12pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 16px*/
    font-weight: normal;
    color: #0000ff;
}

.arial16BlueBoldUnderline {
    font: bold 12pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 16px*/
    color: #0000ff;
    text-decoration: underline;
}

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

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

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

.arial16NoirBold {
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}

.arial18BleuGrisBold {
    font: bold 18px Verdana, Arial, Helvetica, sans-serif;
    color: #316197;
}

.arial24BleuGris {
    font: 18pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 24px*/
    font-weight: normal;
    color: #316197;
}

.arial12GreenBold {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: green;
}

.arial18GreenBold {
    font: bold 18px Verdana, Arial, Helvetica, sans-serif;
    color: green;
}

.arial16Grey, .arial16Grey a:link, .arial16Grey a:active, .arial16Grey a:visited, .arial16Grey a:hover {
    font: 12pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 16px*/
    font-weight: normal;
    color: #616161;
}

.arial18OrangeBold {
    font: bold 18px Verdana, Arial, Helvetica, sans-serif;
    color: #FD6708;
}

.arial18RedBold {
    font: bold 18px Verdana, Arial, Helvetica, sans-serif;
    color: #cc0000;
}

.arial18Grey {
    font-size: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #616161;
}

.arial18GreyBold {
    font: bold 18px Verdana, Arial, Helvetica, sans-serif;
    color: #616161;
}

.arial26Grey {
    font: 20pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 26px*/
    color: #616161;
}

.arial26Bleu, .arial26BleuBold {
    font: 20pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 26px*/
    color: #31659C;
}

.arial26BleuBold {
    font-weight: bold;
}

.assist_tel {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
    letter-spacing: -1px;
}

.font-xsmall {
    font-size: x-small !important;
}

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

.Background336799 {
    background-color: #336799;
}

.BackgroundGreyEEEEEE {
    background-color: #EEE;
}

.BackgroundBleu {
    background-color: #A6CAF0;
}

.backgroundGrey {
    background-color: #ECECEC;
}

.backgroundOrange {
    background-color: #FF6600;
}

.backgroundWhite {
    background-color: #FFF;
}

.BasketbottomBorder {
    font-size: 8pt; /*WCAG : was 11px*/
    border-bottom: 1px solid #808080;
}

.Basketbottom {
    font-size: 8pt; /*WCAG : was 11px*/
    color: #000;
}

.BlueMediumLine {
    border: 1px solid #6699CC;
}

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

.BlockInputBackgroundColor {
    background-color: #CCC;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    opacity: 0.25;
}

.BlockInputMessage {
    background-color: #FFF;
    color: Black;
    border: 2px solid #CC0000;
    display: none;
    font-weight: bold;
    padding: 10px 5px 5px 5px;
    position: absolute;
    text-align: center;
    z-index: 1000010; /*Must always be over 100001 (ModalPopupExtender z-index (IE:10000, FF:100000) + 1)*/
    top: 0;
    left: 0;
    width: 250px;
    height: 75px;
}

.BlockInputBackground {
    background-color: #CCC;
    display: none;
    position: absolute;
    text-align: center;
    z-index: 1000009; /*BlockInputMessage - 1*/
    top: 0;
    left: 0;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    opacity: 0.25;
}

.BlockInputBackgroundIfrm {
    background-color: #CCC;
    display: none;
    position: absolute;
    text-align: center;
    z-index: 1000008; /*BlockInputBackground - 1*/
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0.00;
    opacity: .00;
}

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

.boldLink a:link, .boldLink a:active, .boldLink a:visited, .boldLink a:hover {
    font: bold 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    color: #000;
    text-decoration: underline;
}

.bottom {
    font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 10/20px*/
    color: #333;
}

    .bottom a:link, .bottom a:active, .bottom a:visited, .bottom a:hover {
        font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 10px*/
        color: #336699;
        text-decoration: none;
    }

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



.footer-bottom {
    font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 10/20px*/
    color: #333;
}

    .footer-bottom a:link, .footer-bottom a:active, .footer-bottom a:visited, .footer-bottom a:hover {
        font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 10px*/
        color: #336699;
        text-decoration: underline;
    }

    .footer-bottom a:hover {
        text-decoration: underline;
    }



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

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

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

.cellWidth120 {
    width: 120px;
}

.cellWidth140 {
    width: 140px;
}

.cursorPointer {
    cursor: pointer;
}

.cursorDefault {
    cursor: default;
}

.cellBorderTopBlack {
    /*Utilisé pour le print version dans EWaySitePrint. Il doit être présent quand même dans celui-ci*/
}

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

.cellColor {
    background-color: #ECECEC;
    vertical-align: top;
    border-bottom: #808080 1px solid;
}

.cellColorAlignMiddle {
    background-color: #ECECEC;
    vertical-align: middle;
    border-bottom: #808080 1px solid;
}

.cellColorEco {
    background-color: #D7E3BB;
    vertical-align: top;
    border-bottom: #808080 1px solid;
}

.cellColorAlignMiddleEco {
    background-color: #D7E3BB;
    vertical-align: middle;
    border-bottom: #808080 1px solid;
}

.cellColorCheckBoxColumn {
    background-color: #ECECEC;
    vertical-align: top;
    border-bottom: #808080 1px solid;
    padding-left: 9px;
}

.cellColorLeftBorder {
    background-color: #ECECEC;
    vertical-align: top;
    border-left: #808080 1px solid;
    border-bottom: #808080 1px solid;
}

.cellWhiteLeftBorder {
    background-color: #FFF;
    vertical-align: top;
    border-left: #808080 1px solid;
    border-bottom: #808080 1px solid;
}

.cellColorLeftBorder2 {
    background-color: #ECECEC;
    border-left: #808080 1px solid;
}

.cellColorLeftRightBorder {
    background-color: #ECECEC;
    border: #808080 1px solid;
    border-top: none;
}

.cellColorLeftRightBorder2 {
    background-color: #ECECEC;
    border-left: #808080 1px solid;
    border-right: #808080 1px solid;
}

.cellColorNoBorder {
    background-color: #ECECEC;
    vertical-align: top;
}

.cellColorGrey {
    background-color: #ECECEC;
    vertical-align: top;
    border: 1px solid #000;
}

.cellColorRightBorder {
    background-color: #ECECEC;
    vertical-align: top;
    border-right: #808080 1px solid;
    border-bottom: #808080 1px solid;
}

.cellColorRightBorder2 {
    background-color: #ECECEC;
    border-right: #808080 1px solid;
}
.cellColorRightBorder3 {
    width: 150px;
    margin-right: 15px;
    margin-bottom: 15px;
    white-space: nowrap;
}
.lnkCustomizeDeliveryAdd {
    position: relative;
    top: -55px;
}
.lnkCustomizeBillingAdd {
    position: relative;
    top: 2px;
    left:5px;
}
#trCanManageBillingAddress{
    position:relative;
}
.cellColorRightLeftBottomBorder {
    background-color: #ECECEC;
    border: #808080 1px solid;
    border-top: none;
}

.cellColorRightBottomBorder {
    background-color: #ECECEC;
    border-right: #808080 1px solid;
    border-bottom: #808080 1px solid;
}

.cellColorBottomBorder {
    background-color: #ECECEC;
    border-bottom: #808080 1px solid;
}

.cellColorLeftBottomBorder {
    background-color: #ECECEC;
    border-left: #808080 1px solid;
    border-bottom: #808080 1px solid;
}

.cellColorAllBorder {
    background-color: #ECECEC;
    border: #808080 1px solid;
}

.cellWhite {
    background-color: #fff;
    vertical-align: top;
    border-bottom: #808080 1px solid;
}

.cellWhiteLeftBorder {
    background-color: #fff;
    vertical-align: top;
    border-left: #808080 1px solid;
    border-bottom: #808080 1px solid;
}

.cellWhiteNoBorder {
    background-color: #fff;
    vertical-align: top;
}

.TableNoBorder {
    border: none;
}

.cellWhiteRightBorder {
    background-color: #fff;
    vertical-align: top;
    border-right: #808080 1px solid;
    border-bottom: #808080 1px solid;
}

.cellColorEwayAdmin {
    background-color: #ECECEC;
    vertical-align: top;
    border: 1px solid #000;
}

.cellWhiteEwayAdmin {
    background-color: #FFF;
    vertical-align: top;
    border: 1px solid #000;
}

.cellRightBorder {
    vertical-align: top;
    border-right: #808080 1px solid;
    border-bottom: #808080 1px solid;
}

.cellLeftRightBorder {
    vertical-align: top;
    border: #808080 1px solid;
    border-top: none;
}

.HeaderClick {
    /*background-color:#ECECEC;*/
    vertical-align: top;
    border: 1px solid #000;
    text-decoration: underline;
    font-weight: normal;
    color: white;
    font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
}

/************************* End Cells *************************/
.CenterAlign {
    text-align: center;
}

.ClickableImage {
    cursor: pointer;
}

#content_table td {
    border-bottom: 1px solid #808080;
    padding-top: 5px;
    padding-bottom: 5px;
}

#content_table_desc td {
    border: none;
    padding: 0 0 3px 0;
}

.content_table_title {
    text-transform: uppercase;
    color: #fff;
    border: none;
    font: bold 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 10px*/
    background-color: #000033;
}

.content_table_title_orange {
    text-transform: uppercase;
    color: #fff;
    font: bold 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 10px*/
    background-color: #FF6600;
}

.corporate_website {
    font: 8pt Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    color: #FFF;
    text-decoration: none;
    background: URL(../images/right_top_pale.gif) no-repeat;
}

.CursorHand {
    cursor: pointer;
}

.CursorDefault {
    cursor: default;
}

.CustomerOnboardingRightBorder {
    border-right: 1px solid #808080;
    padding-right: 75px;
    float: right;
}

.CustomerOnboardingLeftBorder {
    border-left: 1px solid #808080;
    padding-left: 75px;
}

.DarkBlueLine {
    border: 2px solid #CDE1F2;
}

.BlackLine {
    border: 2px solid #000;
}

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

.GreyLine {
    border: 2px solid #BDBDBD;
}

.dragMe {
    width: 100%;
    height: 21px;
    background-color: #FFF;
    background-image: url(images/header-opened.png);
    text-align: center;
    cursor: move;
    font-weight: bold;
}

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

.emptyRatingStar {
    background-image: url(../Images/EmptyStar.png);
}

.EWayButton {
    COLOR: #FFF !important;
    FONT: bold 7pt Verdana, Arial,Helvetica,sans-serif; /*WCAG : was 11px*/
    BACKGROUND-COLOR: #ff6501;
}

.EWayButtonEnabled {
    background-color: #FF6501;
    border: 1px solid #FF6501;
    color: #FFF;
    cursor: pointer;
    vertical-align: middle;
}

.EWayButtonDisabled {
    background-color: #C0C0C0;
    border: 1px solid #9E9E9E;
    color: #FFF;
    cursor: pointer;
    vertical-align: middle;
}

.filledRatingStar {
    background-image: url(../Images/FilledStar.png);
}

.FontSize1 {
    font-size: 1pt;
}

.ForeColorWhite {
    color: #FFF;
}

.ForeColorBlack {
    color: #000;
}

.FullSpaceTable {
    border: none;
    width: 100%;
    height: 100%;
}

.FullWidth {
    width: 100%;
}

.HeaderPaddingTop {
    padding-top: 0;
}

.HeaderPaddingTop14 {
    padding-top: 14px;
}

.HeaderPaddingTop15 {
    padding-top: 15px;
}

.HeaderPaddingTop16 {
    padding-top: 16px;
}

.HeaderPaddingTop18 {
    padding-top: 18px;
}

.InsideBlack {
    background-color: #000;
}

.InsideBlue {
    background-color: #000033;
}

.left_bottom_table_grey {
    background: #ECECEC url(../Images/box_bottom_left_grey.gif) no-repeat left bottom;
}

.left_bottom_table_orange {
    padding-left: 9px;
    background: url(../Images/box_bottom_left_orange.gif) #FF6600 no-repeat left 0%;
}

.left_top_inverted_table_grey {
    padding-left: 9px;
    background: #FFF url(../Images/box_top_leftInvert_grey.gif) no-repeat right top;
}

.left_top_table {
    padding-left: 9px;
    background: url(../Images/box_top_left.gif) #000033 no-repeat left 0%;
}

.left_top_table_black {
    padding-left: 9px;
    background: url(../Images/box_top_left_black.gif) #000 no-repeat left 0%;
}

.left_top_table_orange {
    padding-left: 9px;
    background: url(../Images/box_top_left_orange.gif) #FF6600 no-repeat left 0%;
}

.LeftAlign {
    text-align: left;
}

.LightBlueBackground {
    background-color: #e3edf6;
}

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

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

.linktopmenu a:link, .linktopmenu a:active, .linktopmenu a:visited {
    background-color: #336699;
    color: #000033;
    font: bold 8pt Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    padding: 5px 0 5px 5px;
    text-decoration: none;
    vertical-align: middle;
}

.linktopmenu a:hover {
    background-color: #6699cc;
    color: #FFF;
    font: bold 8pt Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    padding: 5px 0 5px 5px;
    text-decoration: none;
    vertical-align: middle;
}

.MenuFront {
    font: 8pt Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    color: #FFF;
    text-decoration: none;
}

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

.MenuSpacer {
    border: dotted #000;
}

.ModalBackground {
    background-color: #808080;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalWindow {
    background-color: #FFF;
    border: 1px solid #CDE1F2;
    padding: 5px;
    z-index: 500;
}

.ModalWindowNoPadding {
    width: 500px;
    background-color: #FFF;
    border: 1px solid #336699;
    z-index: 500;
}

.NonClickableImage {
    cursor: default;
}

.onglets_top a:link, .onglets_top a:active, .onglets_top a:visited, .onglets_top a:hover {
    display: block;
    width: 129px;
    height: 20px;
    padding-top: 6px;
    font: 8pt Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    color: #FFF;
    text-decoration: none;
    vertical-align: bottom;
    text-align: center;
}

.orderInfoHeader {
    font-family: Verdana, arial,helvetica,sans-serif;
    font-size: 9pt; /*WCAG : was 12px*/
    padding: 8px;
    color: #686868;
    background-color: #ECECEC;
    text-align: left;
}

.InvoiceInfoHeader {
    font-family: Verdana, arial,helvetica,sans-serif;
    font-size: 9pt; /*WCAG : was 12px*/
    padding: 8px;
    color: #686868;
    background-color: #FFF;
    text-align: left;
}

.PageHeaderBlack {
    COLOR: #000;
    font: bold 13pt Verdana, Arial,Helvetica,sans-serif; /*WCAG : was 17px*/
    TEXT-ALIGN: left;
}

.pageSubHeader {
    font-size: 11pt; /*WCAG : was 11px*/
    font-family: Verdana, arial,helvetica,sans-serif;
    color: #737373;
    width: 100%;
    text-align: left;
}

.PopUpHeader {
    background-color: #CDE1F2;
    border-style: none;
    border-width: 0px;
}

.EwayPopUpHeader {
    background-color: #808080;
    border: none;
}

.promoCellBorder {
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    width: 196px;
    height: 196px;
    vertical-align: bottom;
    text-align: center;
}

.promoCellBorderMaster {
    border: 2px solid #cc0000;
    border-top: none;
    vertical-align: bottom;
    text-align: center;
    border-spacing: 0;
    padding: 0;
    border-collapse: collapse;
}

.promoCellAllBorderMaster {
    border: 2px solid #808080;
    vertical-align: bottom;
    text-align: center;
}

.nobr {
    white-space: nowrap;
}

.promoCellBorderRight {
    border: none;
    border-right: 2px solid #808080;
    width: 190px;
    height: 196px;
    vertical-align: bottom;
    text-align: center;
}

.promoCellBorderBottom {
    border: none;
    border-bottom: 2px solid #808080;
    width: 190px;
    height: 196px;
    vertical-align: bottom;
    text-align: center;
}

.ratingStar {
    font-size: 0;
    width: 13px;
    height: 12px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.right_bottom_table_orange {
    padding-right: 9px;
    background: #FF6600 url(../Images/box_bottom_right_orange.gif) no-repeat top right;
}

.right_bottom_table_grey {
    background: #ECECEC url(../Images/box_bottom_right_grey.gif) no-repeat right bottom;
}

.left_top_table_grey {
    background: #ECECEC url(../Images/box_top_left_grey.gif) no-repeat right bottom;
}

.right_top_table_grey {
    background: #ECECEC url(../Images/box_top_right_grey.gif) no-repeat right bottom;
}

.left_top_table_bleu {
    background: #ECECEC url(../Images/box_top_left_bleu.gif) no-repeat right bottom;
}

.right_top_table_bleu {
    background: #ECECEC url(../Images/box_top_right_bleu.gif) no-repeat right bottom;
}

.right_top_table {
    padding-right: 9px;
    background: #000033 URL(../Images/box_top_right.gif) no-repeat top right;
}

.left_top_table {
    padding-right: 9px;
    background: #000033 URL(../Images/box_top_left.gif) no-repeat top left;
}

.right_top_table_black {
    padding-right: 9px;
    background: #000 URL(../Images/box_top_right_black.gif) no-repeat top right;
}

.right_top_table_orange {
    padding-right: 9px;
    background: #FF6600 URL(../Images/box_top_right_orange.gif) no-repeat top right;
}

.RightAlign {
    text-align: right;
}

.round_top_table {
    padding-left: 9px;
    background: url(../Images/left_box_top.gif) #000033 no-repeat left 0%;
}

.round_left_right_box_top {
    padding-left: 9px;
    background: url(../Images/left_right_box_top.gif) #000033 no-repeat left 0%;
}

.table_border_000033 {
    border: 1px solid #000033;
}

.savedRatingStar {
    background-image: url(../Images/SavedStar.png);
}

.shopping {
    font: 8pt Arial, Helvetica, sans-serif; /*WCAG : was 10px*/
    color: #FFF;
    text-decoration: none;
    background: URL(../images/right_top_fonce2.gif) no-repeat;
}

.sideBorder {
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
/*
span.header-l {
	font-weight: bold !important;
	font-size: 10px;
	color:Red;
}
*/
/*
span.header-p {
	font-weight: bold !important;
	font-size: 10px;
	color:#6a6a6a;
}
*/
.subMenu {
    border: black thin;
    font: 8pt Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    color: #FFF;
    background-color: #336699;
    border: 1px solid #336799;
    text-align: left;
}

.Superscript {
    vertical-align: super;
}

table {
}

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

    table.ewayBoxes {
        background-color: #ECECEC;
        border: 1px solid #808080;
        border-top: none;
        padding: 5px;
        font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
        color: #333;
    }

    table.ewayBoxesAllBorder {
        background-color: #ECECEC;
        border: 1px solid #808080;
        padding: 5px;
        font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
        color: #333;
    }

.InkAndTonerFrame {
    background-color: #F1F1F1;
}

table.ewayBoxesWhite {
    background-color: #FFF;
    border: 1px solid #808080;
    border-top: none;
    padding: 5px;
    font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    color: #333;
}

.table_border_left {
    font-weight: normal;
    color: #000;
    font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    border-left: 1px solid #808080;
}

.table_border_left_cellColor {
    BORDER-LEFT: #808080 1px;
    BORDER-BOTTOM: #808080 1px;
    background-color: #669ACC;
}

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

.table_border_right_cellColor {
    font: bold 11pt Verdana, arial,helvetica,sans-serif; /*WCAG : was 14px*/
    color: #737373;
    border-right: 1px solid #808080;
    background-color: #ECECEC;
}

.table_cellColor {
    background-color: #ECECEC;
    font-weight: bold;
    font-size: 9pt; /*WCAG : was 12px*/
}

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

.tableCategoryHeader {
    font: bold 13px Verdana, arial,helvetica,sans-serif; /*WCAG : was 17px*/
    font-weight: bold;
    color: #737373;
    background-color: #ECECEC;
}

.tableHeader, .tableHeader a:link, .tableHeader a:active, .tableHeader a:visited, .tableHeader a:hover {
    font-weight: bold;
    font-size: 8pt; /*WCAG : was 9.5px*/
    height: 20px;
    text-transform: uppercase;
    color: #fff;
    background-color: #000033;
    text-decoration: none;
}

.tableHeaderArial11Blanc {
    font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    height: 20px;
    background-color: #000033;
}

.tableHeaderCorner {
    background: url(../Images/box_top_right.gif) no-repeat top right;
    font-weight: bold;
    font-size: 8pt; /*WCAG : was 9.5px*/
    height: 20px;
    text-transform: uppercase;
    color: #fff;
    background-color: #000033;
}

.tableHeaderLineNote {
    width: 250px;
    font-weight: bold;
    font-size: 8pt; /*WCAG : was 9.5px*/
    height: 20px;
    text-transform: uppercase;
    color: #fff;
    background-color: #000033;
}

.tableHeaderProductID {
    width: 184px;
    font-weight: bold;
    font-size: 8pt; /*WCAG : was 9.5px*/
    height: 20px;
    text-transform: uppercase;
    color: #fff;
    background-color: #000033;
}

.tableHeaderQty {
    width: 56px;
    padding-left: 14px;
    font-weight: bold;
    font-size: 8pt; /*WCAG : was 9.5px*/
    height: 20px;
    text-transform: uppercase;
    color: #fff;
    background-color: #000033;
}

.tableLineNote {
    width: 250px;
}

.TableList {
    font-size: 8pt; /*WCAG : was 10px*/
    color: #373737;
}

    .TableList .myDropDown {
        width: 195px;
    }

.tableNoProductImage {
    width: 307px;
}

.tableProductDesc {
    width: 152px;
}

/* Regarder Les controles qui contient ce css car un est à 155px et l'autre à 186px */
.tableProductID {
    width: 120px;
}

.tableProducthQty {
    width: 64px;
}

.tableProductNote {
    width: 200px;
}

.tableProductPrice {
    width: 60px;
    white-space: nowrap;
}

.tableProductQty {
    width: 64px;
}

.tableProductTools {
    width: 40px;
}

.tableProductDeleteSelected {
    width: 22px;
}

.tableProductTotal {
    width: 60px;
    white-space: nowrap;
}

.tableProductUOM {
    width: 30px;
}

.tableQty {
    width: 58px;
    padding-left: 12px;
}

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

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

.ToolboxButton {
    border: #ff6501 1px outset;
    WIDTH: 50px;
    HEIGHT: 15px;
    COLOR: #FFF;
    font: 6pt Arial,Helvetica,sans-serif !important; /*WCAG : was 8px*/
    BACKGROUND-COLOR: #ff6501;
}

/*
.ToolboxLeftCell {
	BORDER-RIGHT: #808080 1px solid; 
	padding: 2px 3px;
	COLOR: #333; 
	BORDER-BOTTOM: #808080 1px solid; 
	font: bold 9px Verdana, Arial, Helvetica, sans-serif !important;
}
*/
/*
.ToolboxLeftCellNonBold {
	BORDER-RIGHT: #808080 1px solid; 
	padding: 2px 3px; 
	COLOR: #333; 
	BORDER-BOTTOM: #808080 1px solid; 
	FONT: 9px Verdana, Arial, Helvetica, sans-serif !important;
}
*/
/*
.ToolboxRightCell {
	padding: 2px 3px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9px ; 
	COLOR: #333; 
	BORDER-BOTTOM: #808080 1px solid; 
	TEXT-ALIGN: right ;
}
*/
/*
.ToolboxRightCellNonBold {
	padding: 2px 3px; 
	COLOR: #333; 
	BORDER-BOTTOM: #808080 1px solid; 
	font: 9px Arial, Helvetica, sans-serif !important; 
	TEXT-ALIGN: right ;
}
*/
.toolBoxText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small; /*WCAG : was 11px*/
    color: #000;
}
/*
.ToolboxTotalLeftCell {
	padding: 2px 3px; 
	COLOR: #333; 
	BORDER-BOTTOM: #808080 1px solid; 
	font: bold 9px Verdana, Arial, Helvetica, sans-serif !important;
}
*/
/*
.ToolboxTotalRightCell {
	padding: 2px 3px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9px ; 
	COLOR: #333; 
	BORDER-BOTTOM: #808080 1px solid; 
	TEXT-ALIGN: right ;
}
*/
.top_panel_gris {
    width: 100%;
    font: bold 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    color: #333;
    padding: 3px 20px 3px 10px;
}

.UnderLine {
    text-decoration: underline;
}

.verticalAlign {
    vertical-align: top;
}

.verticalAlignCenter {
    vertical-align: middle;
}

.verticalAlignBottom {
    vertical-align: bottom;
}

.Width9 {
    width: 9px;
}

.width10 {
    width: 10px;
}

.width37 {
    width: 37px;
}

.width40 {
    width: 40px;
}

.width175 {
    width: 175px;
}

.width150 {
    width: 175px;
}

.Width160 {
    width: 160px;
}

.Width200 {
    width: 200px;
}

.TextAlignCenter {
    text-align: center;
}

#win_content a:link, #win_content a:active, #win_content a:visited, #win_content a:hover {
    font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    color: #333;
    text-decoration: underline;
}

#win_top {
    font: bold 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 11px*/
    color: #FFF;
    text-transform: uppercase;
}

/* --- [New Layout For CCS] ---- */
table td.menu-header {
    border-bottom: 1px solid #808080;
    width: 99%;
    height: 100%;
    padding: 2px 2px 2px 3px;
    background: #EDECE6;
    color: #000;
    font: bold 10pt Verdana;
}

/* Les DDL doivent avoir la même longueur */
table.ccs-table td.menu-container select {
    width: 216px;
}

/* Les textbox doivent avoir la même longueur */
table.ccs-table td.menu-container input[type=text] {
    width: 75px;
}

.padding-right {
    padding-right: 12px;
}

table.menu {
    width: 100%;
}

table.ccs-table {
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
    font: 10pt Arial;
}

    table.ccs-table td.menu-container {
        vertical-align: top;
        width: 49%;
        border: 1px solid #808080;
        padding: 0 0 3px 0;
    }

table.full-size {
    padding: 0;
    border-collapse: collapse;
    width: 100%;
}

    table.full-size td.label-style {
        padding-left: 5px;
    }

/* !IMPORTANT! This HTML style eliminates the border that IE places around inline images*/
img {
    border: 0px;
}

/* !IMPORTANT! The 'clear' class is used in the HTML after any element that has a float attribute, it forces browsers to disregard preceding float attributes. This allows for side by side grid layout by always using the float attribute. */
.clear {
    clear: both;
}

#container_content {
    position: inherit;
    margin: 0;
}


#container_marketing {
    position: relative;
    margin-left: 0;
    margin-bottom: 0;
    padding-top: 75px;
    width: 771px;
    height: 195px;
    background: url("../Images/en/marketing_space.jpg") no-repeat;
}

#container_marketing_FR {
    position: relative;
    margin-left: 0;
    margin-bottom: 0;
    padding-top: 75px;
    width: 771px;
    height: 195px;
    background: url("../Images/fr/marketing_space_FR.jpg") no-repeat;
}

#container_marketing h1 {
    color: #f80606;
    font-weight: 900;
    font-variant: normal;
    font-size: 12pt; /*WCAG : was 16px*/
    margin: 0 15px 10px 25px;
}

#container_marketing_FR h1 {
    color: #f80606;
    font-weight: 900;
    font-variant: normal;
    font-size: 12pt; /*WCAG : was 16px*/
    margin: 0 15px 10px 25px;
}

#container_marketing p {
    line-height: 18px;
    margin-left: 25px;
    color: #000;
    font-size: 12px;
    font-weight: 500;
}

#container_marketing_FR p {
    line-height: 18px;
    margin-left: 25px;
    color: #000;
    font-size: 9pt; /*WCAG : was 12px*/
    font-weight: 500;
}

#start_browsing_button {
    width: 192px;
    height: 40px;
    margin: -35px 0 10px 500px;
}

#start_browsing_button_FR {
    width: 168px;
    height: 40px;
    margin: -45px 0 10px 525px;
}

.marketing_buttons_container {
    position: relative;
    width: 771px;
    height: 71px;
    margin: 0 0 10px 0;
    background: url("../Images/buttons_background.jpg") no-repeat;
}

.buttons {
    position: relative;
    height: 69px;
    width: 235px;
    margin: 2px 3px 2px 12px;
    float: left;
}

.buttons_content {
    height: 59px;
}

.arrow_background {
    background: url("../Images/arrow_background.jpg") no-repeat right center;
    padding-right: 15px;
}

.buttons_content h1 {
    font-size: 13pt; /*WCAG : was 17px*/
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: lighter;
}

.buttons_content h2 {
    font-size: 8pt; /*WCAG : was 11px*/
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: lighter;
}

.buttons_content a:link {
    font-size: 8pt; /*WCAG : was 11px*/
    color: #cc0001;
    text-decoration: underline;
    margin: 0;
    padding: 0;
}

.buttons_content a:visited {
    font-size: 8pt; /*WCAG : was 11px*/
    color: #cc0001;
    text-decoration: underline;
    margin: 0;
    padding: 0;
}

#container_lob {
    position: relative;
    margin: 15px 0 0 25px;
    width: 771px;
}

    #container_lob h1 {
        padding: 0;
        font-size: x-large;
        font-weight: lighter;
    }

.lob_mod {
    position: relative;
    width: 257px;
    float: left;
    margin-top: 10px;
}

    .lob_mod h1 {
        margin: 5px 0;
        padding: 0;
        font-size: 11pt; /*WCAG : was 15px*/
        font-weight: lighter;
    }

    .lob_mod a:link {
        color: #000;
        text-decoration: underline;
    }

    .lob_mod a:visited {
        color: #000;
        text-decoration: underline;
    }

.lob_mod_top {
    position: relative;
    width: 205px;
    height: 220px;
    background-color: #fff;
}

.lob_mod_bottom {
    position: relative;
    width: 205px;
    height: 28px;
    background-color: #f4f4f4;
    border: solid 1px #b3b3b3;
    border-top: none;
    text-decoration: underline;
}

.lob_mod_link {
    width: 203px;
    height: 26px;
    position: relative;
    background: url("../Images/key_line.jpg") no-repeat right top;
}

    .lob_mod_link a:link {
        color: #000;
        font-size: 9pt; /*WCAG : was 12px*/
        text-decoration: underline;
        margin-left: 5px;
        padding-top: 10px;
        position: relative;
    }

    .lob_mod_link a:visited {
        color: #000;
        margin-left: 5px;
        font-size: 9pt; /*WCAG : was 12px*/
        padding-top: 10px;
        text-decoration: underline;
        position: relative;
    }

.lob_mod_header_FR {
    position: relative;
    text-align: center;
    padding: 3px 0 2px 0;
    width: 257px;
    letter-spacing: 0;
    height: 39px;
    margin-top: 0;
    background: url("../images/LOB_title_bg.jpg") no-repeat;
}

.lob_mod_header a:link {
    text-decoration: underline;
    color: #fff;
    font-size: 11pt; /*WCAG : was 15px*/
}

.lob_mod_header a:hover {
    text-decoration: underline;
    color: #fff;
    font-size: 11pt; /*WCAG : was 15px*/
}

.lob_mod_header a:visited {
    text-decoration: underline;
    color: #fff;
    font-size: 11pt; /*WCAG : was 15px*/
}

.lob_mod_header_FR a:link {
    text-decoration: underline;
    color: #fff;
    font-size: 11pt; /*WCAG : was 15px*/
}

.lob_mod_header_FR a:hover {
    text-decoration: underline;
    color: #fff;
    font-size: 11pt; /*WCAG : was 15px*/
}

.lob_mod_header_FR a:visited {
    text-decoration: underline;
    color: #fff;
    font-size: 11pt; /*WCAG : was 15px*/
}

.bottom_buttons_container {
    position: relative;
    width: 771px;
    height: 83px;
    background: url("../images/btn_bottom.jpg") no-repeat;
    margin: 0 0 0 182px;
}

.bottom_buttons {
    position: relative;
    float: left;
    width: 257px;
    height: 83px;
    text-align: left;
}

.bottom_links_container_1 {
    padding: 10px 0 0 3px;
    line-height: 8px;
}

.bottom_links_container_2 {
    padding: 10px 0 0 3px;
    line-height: 8px;
}

.bottom_links_container_3 {
    padding: 10px 0 0 3px;
    line-height: 8px;
}

.bottom_buttons h1 {
    font-size: 9pt; /*WCAG : was 12px*/
    color: #000;
    margin-top: -3px;
}

.bottom_buttons h2 {
    font-size: 7pt; /*WCAG : was 9px*/
    color: #000;
    font-weight: lighter;
    margin-top: -3px;
}

.bottom_buttons a {
    text-decoration: underline !important;
    font-size: 7pt; /*WCAG : was 9px*/
    margin-top: -3px;
}

    .bottom_buttons a:visited {
        text-decoration: underline;
        color: #f80606;
        font-size: 7pt; /*WCAG : was 9px*/
    }

/*LANDING PAGES FOR BI, PROMO, PRINT*/
#container_content_landing_page {
    position: relative;
    margin: 3px 0 0 -180px;
}

#container_info_pages {
    position: inherit;
    margin-left: 182px;
    /*margin-bottom:50px;*/
    width: 771px;
}

    #container_info_pages h1 {
        color: #005ec2;
        font-size: 12pt; /*WCAG : was 16px*/
        font-style: normal;
        font-weight: lighter;
    }

    #container_info_pages h2 {
        color: #666;
        font-size: 12pt; /*WCAG : was 16px*/
        font-style: normal;
        font-weight: lighter;
    }

    #container_info_pages p {
        font-size: 9pt; /*WCAG : was 12px*/
        width: 771px;
        line-height: 18px;
        color: #666;
    }

    #container_info_pages a {
        font-size: 9pt; /*WCAG : was 12px*/
        text-decoration: none;
        color: #005ec2;
    }

        #container_info_pages a:hover {
            font-size: 9pt; /*WCAG : was 12px*/
            text-decoration: none;
            color: #005ec2;
        }

        #container_info_pages a:visited {
            font-size: 9pt; /*WCAG : was 12px*/
            text-decoration: none;
            color: #005ec2;
        }

    #container_info_pages li {
        padding: 3px 0;
        font-size: 9pt; /*WCAG : was 12px*/
        color: #666;
        width: 771px;
    }

    #container_info_pages .image {
        width: 771px;
        position: relative;
    }

sup {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

.intro_content_list_links {
    font-size: 9pt; /*WCAG : was 12px*/
    text-decoration: none;
    color: #005ec2;
}

.ul_float {
    padding: 0 50px 0 30px;
    font-size: 9pt; /*WCAG : was 12px*/
    color: #555;
}
/* !IMPORTANT! CSS FOR NEW EWAY HOME PAGE ADDED BY ALEX DIRENZO ends*/

.BtnFullGreyDisabled {
}

.BtnFullGreyTemp {
    background-color: #BEBEBE;
    border: 1px solid #BEBEBE;
    color: #fff;
    font: 8pt Arial; /*WCAG : was 11px*/
    font-weight: normal;
    text-transform: capitalize;
    height: 16px;
    display: inline-block;
    cursor: default;
    vertical-align: middle;
    text-align: center;
    padding-top: 2px;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap;
}

.Panel {
    padding: 5px 5px;
    margin: 0 auto;
}

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


/* Begin PublicationList.aspx */

.WidthPublicationListPage {
    width: 995px;
}

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

.PrimaryDescription {
    font: 8pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 10px*/
}

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

.PrimaryActionButton {
    background-color: #005EC2;
    border: 1px solid #005EC2;
    color: #fff;
    font: 11pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 14px*/
    font-weight: normal;
    height: 25px;
    width: 90px;
    display: inline-block;
    cursor: pointer;
}

.SecondaryActionButton {
    background-color: #005EC2;
    border: 1px solid #005EC2;
    color: #fff;
    font: 7pt Verdana, Arial, Helvetica, sans-serif; /*WCAG : was 9px*/
    font-weight: normal;
    height: 18px;
    width: 60px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.PrimaryPublicationWidth {
    width: 495px;
}

.SecondaryPublicationsPaddingLeft {
    padding: 0px 180px 0px 200px;
}

.PrimaryPublicationImageWidth {
    width: 170px;
}

.SecondaryNameWidth {
    width: 151px;
}

.PrimaryPublicationNamePaddingTop {
    padding-top: 10px;
}

.SecondaryPublicationsPaddingTop {
    padding-top: 20px;
}

/* End PublicationList.aspx */

/* Begin Checkout.aspx */

.GreyBoxTitleHeader {
    background-color: #808080;
    height: 24px;
    padding: 0px 0px 0px 3px !important;
    text-align: left;
    vertical-align: middle;
}

.GreyBoxTitlePadding td {
    padding-left: 3px !important;
}

.verdana11BBoldWhite {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt; /*WCAG : was 11px*/
    color: #ffffff !important;
}

.CheckoutTextbox {
    width: 280px;
    height: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt; /*WCAG : was 11px*/
}

.SectionPadding {
    padding: 0px 0px 10px 10px;
}

.TopSectionPadding {
    padding: 10px 0px 10px 10px;
}

.TopSectionPadding5 {
    padding-top: 5px;
}

.BottomSectionPadding5 {
    padding-bottom: 5px;
}

.padding-top-bottom0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


.LeftSectionPadding8 {
    padding-left: 8px;
}

.PostCommentsBtnPadding {
    padding: 10px 0px 0px 0px;
}

.BillingInfoPadding {
    padding: 10px 0px 0px 0px;
}

.CCInfoPadding {
    padding: 0px 0px 0px 10px;
}

/* End Checkout.aspx */



/* WCAG Styles */
.wcagHidden {
    display: none !important;
}

.auth-radio {
    float: left;
    width: 25px;
}

.auth-radio-label {
    float: left;
    width: 95%;
}


/* -----------------------------*/
/*   Search Paging control
/* -----------------------------*/
#divSearchPaging {
    float: left;
    font: small Arial, Helvetica, sans-serif !important;
    width: 100%;
}

#divShowing {
    float: left;
    text-align: left;
    width: 49.9%;
}

#divPager {
    float: right;
    text-align: right;
    white-space: nowrap;
    width: 49.9%;
}

/* ---------------------------------------------*/
/* SECONDARY MENU NAVIGATION                    */
/* ---------------------------------------------*/
#secondary_navigation {
    position: relative;
    text-align: center;
    width: 771px;
    margin: -15px 0 auto 0;
}

#secondary_navigation_FR {
    position: relative;
    text-align: center;
    width: 771px;
    font-size: 14px;
    margin: -15px 0 auto 0;
}

#secondary_navigation li {
    display: inline;
    text-align: center;
    list-style: none;
    letter-spacing: -1px;
    margin: 0 15px;
}

#secondary_navigation_FR li {
    display: inline;
    text-align: center;
    list-style: none;
    letter-spacing: -1px;
    margin: 0 10px;
}

.secondary_nav_link_border {
    border-right: 1px solid #000;
    text-decoration: underline;
}

#secondary_navigation a, a:visited {
    color: #000;
    font-size: 14px;
    text-decoration: underline;
}

#secondary_navigation_FR a, a:visited {
    color: #000;
    font-size: 10pt; /*WCAG : was 13px*/
    text-decoration: underline;
}

#secondary_navigation a:hover {
    color: #005ec2;
}

#secondary_navigation_FR a:hover {
    color: #005ec2;
}



/******************************
* CSS For Eway Management
*******************************/
.addresses-list td {
    border: 1px solid #808080;
}

.addresses-list-txt {
    padding: 10px;
}

.addresses-list-header {
    color: #FFF;
    padding: 10px;
    font-size: 9pt;
    border: none;
}

.addresses-list-error {
    border: 2px solid red;
}

.placeholder {
    color: #aaa;
}
.category-loader {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -3px;
    text-align: center;
    pointer-events: none;
    left: 65px;
}
.category-loader.hide {
    display: none;
}
.loader-container {
    width: 100%;
    position: relative;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
}
#divEndecaCategoryMenuOnlyContainer {
    position: absolute;
    left: 50%;
    transform: translateX(-496px);
    top: 100px;
    z-index: 11;
}
.ddlArrowCss {
    height: 19px;
    width: 280px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #444;
    /*font-size: 13px;*/
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background-image: url(../Images/Header/languange-drop.png);
    background-repeat: no-repeat;
    background-position-x: 264px;
    background-position-y: 5px;
}