@font-face {
    font-family: 'Nissan Brand';
    src:    url('../fonts/nissan/NissanBrand-Light.eot');
    src:    url('../fonts/nissan/NissanBrand-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/nissan/NissanBrand-Light.woff2') format('woff2'),
        url('../fonts/nissan/NissanBrand-Light.woff') format('woff'),
        url('../fonts/nissan/NissanBrand-Light.ttf') format('truetype'),
        url('../fonts/nissan/NissanBrand-Light.svg#NissanBrand-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Nissan Brand';
    src:    url('../fonts/nissan/NissanBrand-Bold.eot');
    src:    url('../fonts/nissan/NissanBrand-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/nissan/NissanBrand-Bold.woff2') format('woff2'),
        url('../fonts/nissan/NissanBrand-Bold.woff') format('woff'),
        url('../fonts/nissan/NissanBrand-Bold.ttf') format('truetype'),
        url('../fonts/nissan/NissanBrand-Bold.svg#NissanBrand-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nissan Brand';
    src:    url('../fonts/nissan/NissanBrand-Italic.eot');
    src:    url('../fonts/nissan/NissanBrand-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/nissan/NissanBrand-Italic.woff2') format('woff2'),
        url('../fonts/nissan/NissanBrand-Italic.woff') format('woff'),
        url('../fonts/nissan/NissanBrand-Italic.ttf') format('truetype'),
        url('../fonts/nissan/NissanBrand-Italic.svg#NissanBrand-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Nissan Brand';
    src:    url('../fonts/nissan/NissanBrand-Regular.eot');
    src:    url('../fonts/nissan/NissanBrand-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/nissan/NissanBrand-Regular.woff2') format('woff2'),
        url('../fonts/nissan/NissanBrand-Regular.woff') format('woff'),
        url('../fonts/nissan/NissanBrand-Regular.ttf') format('truetype'),
        url('../fonts/nissan/NissanBrand-Regular.svg#NissanBrand-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
:root{
    --nissan-red:#c3002f;
    --nissan-grey:#666;
}
body, a, body p, body span, body div, body .label_lcs_switch,
input, textarea, keygen, select, button {
    font-family: 'Nissan Brand', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #343434;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}
/* SWITCH */
#liSwitchPrice {
    top: 7px;
}
.header .inner-container .liSwitch {
    position: relative;
    z-index: 50;
    margin-top: 10px;
}
.switch {
    float: none !important;
    margin: 0 !important;
    z-index: 99;
}
.switch .lcs_switch {
    width: 60px;
    height: 28px;
}
.switch .lcs_cursor {
    background: #4C4C4C;
    width: 22px;
    height: 22px;
}
.switch .lcs_switch.lcs_on .lcs_cursor {
    left: 35px;
}
.switch .label_lcs_switch {
    font-size: 18px;
    margin-left: 5px;
    margin-right: 5px;
}
.switch .switchOn {
    color: #c3002f;
}
.switch .switchOff {
    color: #343434;
}
.switch .lcs_switch.lcs_on,
.switch .lcs_switch.lcs_off {
    background: #FFF;
    border: solid #4C4C4C 2px;
}

/* SWITCH PRICE */
#liSwitchDetailsPrice img {
    width: 40px;
}
#liSwitchDetailsPrice .label_lcs_switch {
    display: inline-block;
}
.header .inner-container .liSwitch {
    margin-top: inherit;
    float: right;
}

.ul-switch-price,
.ul-switch-htttc {
    position: absolute;
    top: 50px;
}
.ul-switch-htttc {
    right: 260px;
}
.ul-switch-price {
    right: 20px;
}

.icon-money {
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: grey;
    display: block;
    width: 65px;
    height: 40px;
}
.icon-money.active {
    background-color: #c3002f;
}
.icon-money-yes
{
    position: relative;
    left: -15px;
    -webkit-mask-image: url(../images/icon-money-yes.svg);
    mask-image: url(../images/icon-money-yes.svg);
}
.icon-money-no {
    position: relative;
    left: 3px;
    -webkit-mask-image: url(../images/icon-money-no.svg);
    mask-image: url(../images/icon-money-no.svg);
}

/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html {overflow: hidden;}
body.login {overflow: hidden;}
body { line-height: 1; /*background:#1d1d1d;*/ }
ol, ul { list-style: none; }
select {
    width: 50px;
    height: 22px;
    padding-left: 5px;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { /*overflow-y:hidden; overflow-x:hidden\9; */ }
/* body { min-width:1024px; } */
.float-L { float:left; }
.float-R { float:right; }
.clr { clear:both; }
.mt20 { margin-top:20px !important; }
.ml10 { margin-left:10px;}
.euro { font-family:euro_symbol; }
.header { width:100%; margin-bottom: 10px; min-width: 1280px;}
.header .headerSup {background-color: #eee; height: 25px}
.header .logout {float: right;}
.header .logout a {
    text-decoration: none;
    font-weight: bold;
    color: #343434;
    top: 6px;
    position: relative;
    right: 10px;
}
.header .logout .imglogout {
    display: block;
    background-image: url(../images/sign-out.png);
    width: 19px;
    height: 20px;
    float: right;
    position: relative;
    top: -5px;
    left: 5px;
}
.header .inner-container a.logo,
.header .inner-container embed {width:323px; height:150px; margin:0 10px 0 10px; }
.header .inner-container a.logo{position: relative;}
.header .inner-container embed {position: absolute;left:0;}
.header .inner-container span.logo-name {
    /*width:246px;*/
    height:auto;
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: bold;
    display: block;
}
.header .inner-container span.logo-name .title {color: #c3002f; font-size: 20px;}
.header .inner-container span.logo-name .subtitle {color: #343434; font-size: 26px;}
.header .inner-container .headerRight{
    text-align: center;
    margin: 8px 10px 0 0;
    position: relative;
    top: 53px;
}
#searchtxt { font-size: 14px; line-height: 30px;}
.searchtxtLbl {padding: 5px;}
.searchNoResult {color: #343434 !important;}
.popinClose .popinAccessory_close,
.popinClose .popinVehicles_close {
    float: right;
    z-index: 100;
    display: block;
    background-color: white;
    padding: 5px;
    border: solid 1px black;
}
.popinClose .popinPartlabel {
    margin-left: 10px;;
}
#popVehicleDetails .popinVehicleItem {
    margin: 15px 15px 0 15px;
}
#popVehicleDetails .vehsubfamily span {
    cursor: pointer;
}
#popVehicleDetails .popinVehicleName {
    position: relative;
    left: 15px;
    top: -9px;
    font-weight: bold;
    color: #000;
}
#popVehicleDetails .vehfamily {
    padding-left: 86px;
    color: #000;
    font-weight: bold;
}
#popVehicleDetails .vehsubfamily {
    margin: 10px 100px;
    font-weight: bold;
}
#popVehicleDetails .vehsubfamily span {color: #666;}
/* LINKS BOX */
.menuToolbox {
    position: relative;
    top: 108px;
    padding-left: 20px;
}
.menuSup {
    float: left;
    text-transform: uppercase;
}
.menuSup .menuSupTitle {
    color: #7d7c7c;
    font-weight: bold;
    margin-right: 30px;
}
.menuSup .menuSupTitle span {
    cursor: pointer;
    font-size: 17px;
}
.menuSupTitle .title {
    display: inline-block;
    text-align: right;
    padding-right: 30px;
}
.menuToogleOpened .menuSupTitle .title {
    background: url(../images/arrow_up.png) no-repeat center right;
    color: #c3002f;
    text-decoration: underline;
}
.menuToogleClosed .menuSupTitle .title {
    background: url(../images/arrow_down.png) no-repeat center right;
}
.menuSup .menuSupLinks {
    z-index: 500;
    position: absolute;
}
.menuSup .menuSupLinks .toggle {
    background-color: white;
    border: none;
    margin-top: 10px;
}
.menuSup .menuSupLinks li {
    border-bottom: solid 1px #7d7c7c;
    background-color: #343434;
}
.menuSup .menuSupLinks li a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: url(../images/arrow_right.png) no-repeat;
    background-position: right /* 20px*/ center;
    background-position-x: 310px;
    height: 80px;
    padding-left: 50px;
    font-size: 12px;
}
.menuSup .menuSupLinks li a:hover {
    text-decoration: underline;
}
.menuSup .menuSupLinks li a .logoLinkg {
    position: relative;
    left: -30px;
    float: left;
    max-width: 45px;
    max-height: 45px;
}
.menuSup .menuSupLinks li a .linkLabel {
    color: #FFF;
    position: relative;
    display: block;
    width: calc(100% - 85px);
}
.menuSup .menuSupLinks ul {
    width: 340px;
}
#menuExtLinksId .menuSupLinks ul {
    width: 350px;
}
#menuExtLinksId .menuSupLinks li a .linkLabel {
    width: 280px !important;
}
.header .inner-container ul.mainmenu {float:right; margin-top: 25px;}
.header .inner-container ul.mainmenu li { list-style:none; float:left; background:url("../images/arow-icon.png") 0px -6px no-repeat; height:20px; line-height:20px; padding:0 0 0 10px; margin-right:13px; }
.header .inner-container ul.mainmenu li a { float:left; padding:0px; text-decoration:none; font-weight:bold; font-size:14px; color:#fff; font-style:italic;}
.header .inner-container ul.mainmenu li:hover a { color:#cf1233;  }
.header .inner-container ul.mainmenu li:hover {background-position:0px -23px;}

/* BASKET HEADER */
.header .inner-container .liBasket {
    position: relative;
    z-index: 10;
    height: 80px;
}
.header .inner-container .basketHeader {
    color: white;
    font-weight: bold;
    display: inline-block;
    position: relative;
    top: -10px;
}
.header .basketHeader a {
    text-decoration: none;
}
.header .basketHeader #basketQuantityId {
    position: absolute;
    width: 20px;
}
.header .basketHeader .basketQuantity {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    top: 19.5px;
    left: 26.4px;
    color: white;
    text-align: center;
}
.header .basketHeader .lbl_basket,
.header .basketHeader .lbl_baskethist {
    top: 75px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    color: #343434;
    font-size: 16px;
}
.header .inner-container .basketHeader a {
    padding-bottom: 55px;
}
.header .inner-container .basketHeader .basketHistorical {
    background:url(../images/basket_hist.png) no-repeat center center;
    min-width: 76px;
    height: 41px;
}
.header .inner-container .basketHeader .basketHistorical:hover {
    color: #c3002f;
    border-bottom: solid 5px #c3002f;
}
.header .inner-container .basketHeader .separator {
    -webkit-box-shadow: -2px 0 0px -1px #eee;
    box-shadow: -2px 0 0px -1px #eee;
    width: 3px;
    height: 65px;
    margin: 23px 10px 0px 10px;
}

.header .inner-container .basketHeader .basketCount {
    background:url(../images/basket_count.png) no-repeat center center;
    min-width: 80px;
    height: 41px;
    text-decoration: none;
}
.header .inner-container .basketHeader .basketCount:hover {
    color: #c3002f;
    border-bottom: solid 5px #c3002f;
}
.header .inner-container .basketHeader label {
    cursor: pointer;
}
.header .inner-container .basketHeader a.active {
    color: #c3002f;
    border-bottom: solid 5px #c3002f;
}

/* BASKET CONTENT */
.basket-content {
    background-color: #fff !important;
    overflow: hidden !important;
}
.basket-content .headr {
    background-color: #7d7c7c !important;
}
.basket-content .headr span {
    color: #fff !important;
}
.basket_header img {
    float: left;
    position: relative;
    top: 10px;
}
.basket_header .basket_header_label {
    float: left;
    color: #c3002f;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    top: 30px;
    left: 10px;
}
.basket-content,
.basket-content .detailtbl {
    top: 275px !important;
    float: left !important;
    left: 0 !important;
    margin: 20px;
}
.basket-content .detailtbl.vehi-rem-container .visuel {
    width: 10% !important;
}
.basket-content .detailtbl.vehi-rem-container .colh_quantity,
.basket-content .detailtbl.vehi-rem-container .colb_quantity {
    width: 7%;
}
.basket-content .detailtbl.basket_readonly .colh_quantity,
.basket-content .detailtbl.basket_readonly .colb_quantity {
    width: 14%;
    -webkit-box-shadow: 0px 0 0px 0px #ccc !important;
    box-shadow: 0px 0 0px 0px #ccc !important;
}
.basket-content .detailtbl.vehi-rem-container .colb_action {
    width: 6%;
}
.basket-content .detailtbl.vehi-rem-container .list-block .total {
    width: 45.6%;
    background-color: #353535;
    color: white;
    font-weight: bold;
}
.basket-content .detailtbl_bskt-user_type2.vehi-rem-container .list-block .total {
    width: 35.7%;
}
.basket-content .detailtbl.vehi-rem-container .notavailableimg {
    float: left;
    position: relative;
    top: 5px;
    left: 30px;
}
.basket-content .detailtbl.vehi-rem-container .notavailablelabel {
    float: left;
    color: #c3002f;
    position: relative;
    top: 8px;
    left: 36px;
}
.content-tbl-container .basket_information {
    float: left;
    width: 75%;
    padding: 45px 50px 50px 50px;
    font-weight: bold;
    font-size: 14px;
}
.content-tbl-container .basket_btn_action {
    float: right;
    position: relative;
    top: 15px;
    right: 15px;
    color: #c3002f;
    cursor: pointer;
    text-transform: uppercase;
    width: 120px;
    height: 30px;
    border-left: solid 3px #C3002F;
    display: inline-table;
}
.content-tbl-container .basket_btn_edit {
    top: 50px;
}
.content-tbl-container .basketMsgBeforeValidate {
    color: #c3002f;
}
.content-tbl-container .warninglogo,
.content-tbl-container .warninglogo
.content-tbl-container .warninglogo {
    float: left;
    height: 50px;
}
.content-tbl-container .msg_validate3 .warninglogo,
.content-tbl-container .basketMsgPrice .warninglogo {
    position: relative;
    top: 10px;
}
.content-tbl-container .msg_validate4 .warninglogo {
    position: relative;
    top: -10px;
}
.content-tbl-container .msg_validate3 .message,
.content-tbl-container .msg_validate4 .message,
.content-tbl-container .basketMsgPrice .message {
    margin-left: 80px;
    border-left: solid 1px #ccc;
    padding-left: 20px;
}
.content-tbl-container .msg_validate3 .message .validationnbr {
    color: #c3002f;
}
.content-tbl-container .msg_validate3 .message .msgexpire {
    font-weight:normal;
    padding-top: 5px;
}
.content-tbl-container .msg_validate3 .message .msgwarning {
    font-weight:normal;
    padding-top: 10px;
}
.content-tbl-container .msg_validate4 .message .msgwarning {
    font-weight: normal;
}
.basket_popup {
    font-size: 14px;
}
.basket_popup .step {
    text-align: center;
    padding: 20px 55px 0px 55px;
}
.basket_popup .messageValidate1 {
    font-weight: bold;
    padding-bottom: 20px;
}
.basket_popup .basket_clock {
    border: solid 1px #ccc;
    border-radius:3px;
    text-align: center;
    padding-bottom: 10px;
    padding: 10px 0 10px 0;
}
.basket_popup img {
    margin: auto;
}
.basket_popup .basketValidTitle,
.basket_popup .basketValidTitle {
    font-weight: bold;
    font-size: 13px;
    line-height: 24px;
    padding: 5px 0 5px 0;
    color: #c3002f;
}
.basket_popup .basket_clock .basketValidNbr,
.basket_popup .basketValidTitle {
    font-size: 24px;
}
.basket_popup .buttonClipboard,
.basket_popup .buttonValidationOk,
.basket_popup .buttonAssign {
    background-color: #c3002f;
    color: white;
    margin-top: 10px;
    padding: 10px 0 10px 0;
    cursor: pointer;
}
.basket_popup .messageClipboard {
    padding-top: 10px;
    color: #c3002f;
    opacity: 0;
}
.basket_popup .messageValidate2 {
    font-weight: bold;
    color: #c3002f;
    padding: 30px 0 20px 0;
}
.basket_popup .messageValidate2_1 {
    font-weight: bold;
    padding-bottom: 23px;
}
.basketActionPdf {
    position: relative;
    cursor: pointer;
    padding: 10px 29px 10px 30px;
    color: white;
}
.basketActionPdf .new_btn {
    width: 200px;
    background-color: #eee !important;
}
.basketActionPdf {
    background-image: url(../images/download-B-21.png) !important;
    padding-right: 31px !important;
}
.basketActionPdf .btn_label {
	white-space: nowrap;
}
#exportPdfId .histoBasketPdf {
    top: -34px;
    left: -250px;
    border-left: solid 3px #C3002F;
}
#exportPdfId .basketPdf {
    top: -30px;
    left: -20px;
}

.slick-dots
{
    position: absolute;
    bottom: -15px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 -15px 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 50px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #343434;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: #c3002f;
}

.basket_popup .slick-prev,
.basket_popup .slick-next {
    display: none !important;
}
.basket_popup .slick-slide {
    outline: none
}

/* BASKET HISTORICAL */
.historical_search #basketReference,
.historical_search .btn_search
{
    float: right;
}
.historical_search #basketReference {
    height: 29px;
    line-height: 29px;
    width: 200px;
    padding-left: 10px;
}
.historical_search .btn_search {
    margin-right: 20px;
    min-width: 100px;
    padding: 30px 10px 10px 10px;
    text-align: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    text-transform: uppercase;
}
.historical_search .btn_search input[type="button"] {
    width: 35px !important;
    height: 35px !important;
    background: url(../images/search-icon_35.png) no-repeat center center !important;
}
.basket_header_h img {
    padding: 15px 30px 10px 30px;
    height: 33px;
}
.basket_historical .colh_number,
.basket_historical .colh_dealer,
.basket_historical .colh_date,
.basket_historical .colb_number,
.basket_historical .colb_dealer,
.basket_historical .colb_date {
    width: 29%;
}
.basket_historical .colh_view,
.basket_historical .colb_view {
    width: 10%;
}
.basket_historical .colb_view .basket_img_view {
    background : url(../images/basket_view.png) no-repeat center center;
    position: relative;
    left: 5px;
    width: 100%;
    height: 86px;
}
.basket_historical .spanclick:hover .colb_view .basket_img_view {
    background : url(../images/basket_view_hover.png) no-repeat center center;
    position: relative;
    left: 5px;
    width: 100%;
    height: 86px;}
.basket_header.basket_img img {
    padding: 15px 30px 10px 30px;
    height: 33px;
}
.basket_header .basket_view {
    top: 30px !important;
    font-weight: bold;
}
.basket_header .basket_view .basket_nbr .value {
    font-size: 15px;
    color: #343434;
}
.basket_header .basket_view_details {
    float: left;
    margin: 20px 0 0 70px;
}
.basket_header .basket_view_details div {
    font-size: 14px;
}
.basket_header .basket_view_details .fields {
    color: #c3002f;
}
.basket_header .basket_view_back {
    float: right;
    background-color: #c3002f;
    margin: 30px 20px 0 0;
}
.basket_header .basket_view_back a {
    text-decoration: none;
    color: white;
    padding: 10px 29px 10px 30px;
    display: block;
    text-transform: uppercase;
    font-size: 13px;
}
.top-menu {
    padding-top: 89px;
    padding-right: 20px;
}
.top-menu ul { list-style:none; float:right; margin-right:5px; }
.top-menu ul li { list-style:none; margin:0px; padding:0 5px; float:left; border-left:1px solid #404040; height:25px;  }
.top-menu ul li:first-child { border-left:none; }
.top-menu ul li p.search { color:#adadad; font-size:13px; margin:4px 7px 0 0; }
.top-menu ul li input[type="text"] {border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px; border:none; width:200px; height:30px; background-color: #eee; padding: 3px 3px 3px 10px; border-style: none; border-left: solid 3px #c3002f;}
.basket_historical .btn_search input[type="text"] { border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px; border:none; width:150px; height:20px; background-color: #eee; padding: 3px 3px 3px 10px;
border-style: none; border-left: solid 3px #c3002f;}
.top-menu ul li input[type="button"] { width:36px; height:36px; background:url(../images/search-icon.png) no-repeat center center; border:none; cursor: pointer; background-size: 65%; background-color: #C50046;}
.basket_historical .btn_search input[type="button"] { width:25px; height:25px; background:url(../images/search-icon.png) no-repeat center center; border:none; cursor: pointer;}
.top-menu ul li a.print { padding:3px 0 0 0; }
.top-menu ul li a.sign-out { background:url(../images/sign-out.png) no-repeat right center; color:#adadad; font-size:13px; text-decoration:none; padding:5px 25px 0 0;  }
body .login  {
    display:block;
    width:1050px;
    height: 742px;
    position: relative;
}
body .login img {
    width: 800px;
    position: relative;
    right: 115px;
    top: 70px;
}
body .login .logo-ecatalog {
    width: 600px;
    position: absolute;
    right: 0;
    top: 100px;
    z-index: 100;
}
body .login .login-form {
    float: right;
    position: relative;
    top: -220px;
    right: 35px;
    max-width: 250px;
}
.inner-container a.logo img{ padding-top: 6px; width:100%; height:100%; margin:0; }
.login span.user { margin:70px 0 0 28px;  }
.login span.pass { margin:50px 0 0 34px; clear:both;  }
.input-block {display:inline-block; height:75px; text-align:center;}
.login .forgot-pwd { bottom:65px; right:30px; position:absolute; /*display:none;*/ }
.login .forgot-pwd a { color:brown; text-decoration:none; font-size:14px; }
.login .forgot-pwd a:hover { color:red; text-decoration:underline; }
.login .error { position:absolute; top:-20px; left:0; right:0; text-align:center; font-size:14px; color:red; }
.login.forget-cntr .input-block input[type="submit"], .login.forget-cntr .input-block input[type="button"] { height:35px; line-height:35px; margin:20px 0 0 20px; padding:5px 15px; float:left; font-size:14px; color:#333; }
.ie8 .login.forget-cntr .input-block input[type="submit"], .ie8 .login.forget-cntr .input-block input[type="button"] { height:36px; line-height:30px; padding:0 15px; }
.login.forget-cntr .input-block input[type="button"] { margin-left:10px; }
.login.forget-cntr .input-block .line { margin:10px 0; }
.login.forget-cntr .alrt-success { clear:both; color:#333; display:block; font-size:14px; font-weight:bold; line-height:20px; padding:0 20px; }
.login label.login-name { margin:10px 0 0 0px; }
.login label.login-name p {font-size:15px; color:#666; margin-bottom:5px; }
.login label.login-name input[type="text"],
.login label.login-name input[type="password"] {width:250px; height:40px; line-height:40px; border:none; font-size: 14px;
    padding-left: 10px;
    margin-bottom: 10px;
    color: #4c4c4c !important;
    -webkit-text-fill-color: #4c4c4c !important;
    -webkit-box-shadow: 0 0 0 1000px #eee inset !important;
    background-color: #eee !important; }
.login .log-butt {border:none; position:relative; z-index:1; margin-top:15px; cursor:pointer; right:-150px;}
a.passwor_reset{
    display: block;
    text-align: right;
    font-size: small;
    margin-bottom: 5px;
    margin-top: -4px;
}
.btn {
    background-color: #c3002f;
    background-image: url(../images/arrow_btn.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #fff;
    padding: 0 30px 0 0;
}
.login .btn {
    padding: 10px 30px 10px 10px;
    width: 100px;
}
.login .btn.back{
    background-image : none;
    padding: 10px;
}
.login .bt-reset{
    text-align: right;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.login .bt-reset .btn {
    border: none;
    cursor: pointer;
}
.new_btn {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    width: 110px;
    height: 20px;
    background-color: #fff;
    /*padding: 10px 20px 10px 20px;*/
}
.new_btn .btn_label {
    color: #C3002F;
    padding: 10px;
}
.basket_btn_valid_edit {
    width: 200px !important
}
.top-accesaory-block .basket_btn_add {
    width: 180px !important;
}
.top-accesaory-block .basket_btn_add .new_btn {
    background-color: #fff;
}
.accessoryRefBlock {
    background-color: #7c7c7c;
    color: white;
    padding: 10px 20px 15px 20px;
}
.accessoryRefBlock span#label {
    color: white;
    font-size: 16px;
    line-height: 24px;
}

.accessoryRefBlock span#reference {
    color: white;
    font-weight: bold;
    line-height: 12px;
    font-size: 20px;
}

.basket_btn_add .new_btn,
.basket_btn_valid_edit .new_btn,
.basket_btn_edit .new_btn {
    background-color: #eee;
}
.detailtbl_bskt .btn {
    top: 30px;
}
.btn_arrow {
    display: inline-block;
    right: 0;
    position: absolute;
    width: 0px;
    height: 0px;
    padding: 15px;
}
.line { width:100%; height:2px; background:url(../images/line.jpg) repeat-x; z-index:0; float:left; clear:both; margin:0; position:absolute; top:50px; left:0; }
.content { margin:55px 0 0 44px; width:410px; font-size:11px; color:#777; }
.nav { width:100%; height:34px; background-color: #4c4c4c; float:left;
    z-index: 1;
    position: relative;
}
.nav ul { margin:0 auto; padding:0px; }
.nav ul li { list-style:none; float:left; background: url(../images/arrow_down_white.png) no-repeat center right; background-position-y: 10px;}
.nav ul li a { float:left; padding:0 25px 0 15px; font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; height:30px; line-height:30px;
    position: relative;
    top: -13px;}
.nav ul li:hover a, .nav ul li.active a { /*background:#d10042;*/ }
.nav .navActive {
    visibility: hidden;
}
.nav .active .navActive {
    visibility: visible;
}
.nav .navActive {
    text-align: center;
}
.navActive img {
    width: 70px;
    position: relative;
    top: 30px;
    right: 6px;
    z-index: 1;
}
/* .breadcrum-container { position:fixed; top:120px; left:758px; } */
#showbredcrum, .breadcrum, #updatebredcrum { color:#bbb; float:left; font-size:12px; height:30px; line-height:30px; margin-left:10px; }
.breadcrum a { color:#bbb; text-decoration:none; }
#accordian .accordian .vehi-subfamily { border-bottom:1px solid #b6b6b6 !important; border-radius:0; box-shadow:0 1px 0 #fff; width:100%; }
#accordian .accordian .vehi-subfamily h3 { background:url(../images/plus.jpg) no-repeat 5px center transparent !important; color:#222; font-size:12px !important; font-weight:normal; padding:10px 0 10px 30px !important; margin-left:55px; width:275px; border:none !important; box-shadow:none !important; }
#accordian .accordian .vehi-subfamily h3.ui-state-active { background:url(../images/minus.jpg) no-repeat 5px center transparent !important; }
/* #accordian.ui-accordion .vehi-family h3.ui-state-active a p, #accordian .accordian .vehi-subfamily h3.ui-state-active a p { color:#d11435; } */
#accordian.ui-accordion .vehi-family h3.ui-state-active {font-weight:bold;}
#accordian.ui-accordion .vehi-family h3.ui-state-active + .family_child li.active {font-weight:bold;}
#accordian.ui-accordion .vehi-family .vehimage.ui-state-active {border-bottom: solid 2px #c3002f !important;}
#accordian.ui-accordion .vehi-family .vehimage.ui-state-active {background: url(../images/arrow_up.png) no-repeat center right !important; background-position-x: 280px !important;}
#accordian .accordian .vehi-subfamily h3.ui-state-active { background-color:transparent !important; font-weight:bold; }
#accordian.ui-accordion .vehi-family h3.ui-state-active a p, #accordian .accordian .vehi-subfamily h3.ui-state-active a p { color:#000; }

.content-container { background:#FFF; overflow:hidden; width:100%; min-height:550px; }
ul.left-mnu { width:300px; height:500px; background:#d7d8da; margin:0px 0 0 19.3%;  }
ul.left-mnu li { list-style:none; }
ul.left-mnu li a { float:left; width:300px; border-bottom:1px solid #b6b6b6; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); font-size:12px; font-weight:normal; color:#444444; text-decoration:none;  padding:0;  }
ul.left-mnu li a span { background:url(../images/folder-icon.png) no-repeat 10px center; width:23px; height:15px; padding:34px 10px 0 0; }
ul.left-mnu li a .plus { padding:18px 0 15px 70px;  }
ul.left-mnu li a p { padding:19px 0 0 10px; }
ul.left-mnu li a p.car-name { font-size:14px; color:#2c2c2c; }
ul.left-mnu li:hover a { background:#c4c4c4; }
.veh-content, .veh-content-inner { background:#fff; bottom:0; left:330px; padding:0; position:fixed; right:0; top:219px;}
.inner-personalization { background:#000; }
.inner-personalization .accesaory-block { background:#fff; }
.inner-personalization .detailtbl { background:#fff; }
.veh-content-inner.inner-personalization p.mt17 { color:#fff; margin:15px 0 0; }
.veh-content p { margin:200px 0 0 60px; padding:0px; width:435px; color:#767676; font-size:18px; font-weight:bold;}
.veh-content p span { margin:30px 0 0 0; font-size:13px;  }
.vehicle-container { /*background:url(../images/fond_qashqai_bleu.jpg) no-repeat 0 0 transparent; background-color:#222;*/}
.famille-container { /*background:url(../images/fond_JUKE.png) no-repeat 0 0 transparent;*/ background-color:#222;}
.nouveautes-containter { /*background:url(../images/fond_qashqai_blanc.jpg) no-repeat 0 0 transparent;*/ background-color:#222; }
.packaccess-container { /*background:url(../images/fond_note.png) no-repeat 0 0 transparent; background-color:#222;*/}
.vehthumbnail{ position:absolute; left:0px; top:0px; height:35px; width:55px; background-color: #FFF; overflow:hidden; }

.veh-content-inner.famille-container .img-block img { max-width:75%; }
.veh-content-inner.famille-container .img-block { text-align:right; }

/*********************content container****************/
.content-container .inner-container { margin:0 auto; position:relative; background:#fff; }
.ui-accordion .ui-accordion-header {font-size:14px !important; border-radius:0px; font-weight:bold;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{background: url("../images/folder-icon.png") no-repeat scroll 10px center; height: 16px; padding: 4px 0px 0 0;  width: 38px; float:left;}
.ui-accordion .ui-accordion-icons { padding-left:4.2em !important;}
#accordian {bottom:0; left:0px; overflow-y:scroll; position:fixed; top:195px; width:330px !important; margin-top: 23px; padding-top: 20px;}
#accordian.ui-widget .ui-accordion-header { margin:0; background:none !important; border:none !important; border-bottom:1px solid #b6b6b6 !important; box-shadow:0 1px 0 #fff !important; padding-left:60px !important; width:246px; font-weight:bold; }
#accordian.ui-accordion .ui-accordion-header { padding-top:0.6em; padding-bottom:0.6em;  }
#accordian .ui-widget-content { background:none; }
.ui-accordion-content.ui-accordion .ui-accordion-header .ui-accordion-header-icon{display:none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {display:inline-block !important; clear:both !important; width: 79%;}
.ui-accordion-content h3 img{ top:0; max-height:35px; display: block; margin-left: auto; margin-right: auto;}
.ui-accordion-content .ui-accordion-icons{padding-left:0.5em !important;}
.ui-accordion-content h3 {position:relative; margin-left:51px;}
.ui-accordion-content {padding:0px !important; overflow:hidden !important; width:99.6%; border:none !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:#dfdfdf !important; border-bottom:1px solid #ccc !important; border-top:1px solid #ccc !important; border-left:1px solid #ccc !important; border-right:1px solid #ccc !important; }
.ui-accordion-content ul li{padding:4px 0; margin-left:85px; font-size:12px; color:#666; font-weight:normal; cursor:pointer; }
.ui-accordion-content ul li:hover { color:#333; }

/**************************vechile content******************/
.veh-content-inner span.heading-con{margin:20px 0 14px 2%; color:#2b2b2b; float:left; font-style:italic; font-size:14px; width:98%; }
.veh-content-inner p { font-size:28px; /*font-weight:normal;*/ padding:0; margin:0%; background:#f1f1f1; float:left; line-height:34px; clear:both; width:100%; border-left:1px solid #ddd; border-right:1px solid #ddd; color: #c3002f; text-transform: uppercase; }
.veh-content-inner p b { font-weight:bold; color:#434343; }
.veh-content-inner p strong { font-weight:bold; color:#434343; }
.veh-content-inner p.mt17 { text-align:center; width:100%; margin-bottom:10px; color:#fff; }
.veh-content-inner p span { font-weight:bold; color:#434343; margin-top:25px; }
.home-container { height:100%; }
.veh-content-inner .home-container p { background:none; color:#999; line-height:27px; margin-left:80px; margin-top:120px; padding:0; width:auto; font-size:20px; border:none; }
.veh-content-inner .home-container p span { color:#666; font-weight:normal; margin-top:15px; }
.veh-content-inner .landingPage {position: relative;}
.veh-content-inner .landingPage .landingText,
.veh-content-inner .landingPage .landingTitle {position: absolute; /*top: 0;*/  z-index: 50; width: auto;}
.veh-content-inner .img-block { display:inline-block; text-align:center; vertical-align:middle; width:100%; height: 100%;}
.veh-content-inner .img-block img { max-width:100%; max-height:100%; margin-left: auto; margin-right: auto;}
#detailContent table { margin:0; width:100%; }
#detailContent .detailtbl { bottom:0; left:330px; position:fixed; right:0; top:219px; background-color: #FFF;}
#detailPackAcc { clear: both;}
#detailPackAcc .detailtbl { position: initial;}
#detailContent .detailtbl .headr {min-width:905px;background-color: #7C7C7C; color:#D9D9D9; cursor:default; font-size:14px; line-height:18px; height:72px; padding:0; text-align:center; vertical-align:middle; z-index:1;
    border-bottom: solid 3px WHITE; /*position:relative;*/ position: fixed;
}
#detailPackAcc .detailtbl .headr {position: initial;}
#invisibleBox {
    min-height: 72px;
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: #7C7C7C;
}
#detailPackAcc #invisibleBox { display: none;}
#detailContent .detailtbl.detailtbl_bskt {
    margin: 20px;
}
#detailContent .detailtbl.detailtbl_bskt .headr {
    background-color: #7d7c7c;
}
#detailContent .detailtbl.detailtbl_bskt .headr span {
    color: #fff;
}
#detailContent .detailtbl.detailtbl_bskt-user_type2 .desig {
    width: 20% !important;
}
#macid #detailContent .detailtbl .headr { right:0; }
#detailContent .detailtbl .headr span, #detailContent .detailtbl span.spangroup span {
    /*-webkit-box-shadow: 10px 0 0px -9px #d8d9db;
    box-shadow: 10px 0 0px -9px #d8d9db;*/
    border-right:none; display:table-cell; vertical-align:middle; font-size:14px; /* word-break:break-all; */ }
#detailContent .detailtbl span.spangroup span {
    /*-webkit-box-shadow: 10px 0 0px -9px #ccc;
    box-shadow: 10px 0 0px -9px #ccc;*/
    border-right:none; float:left; text-align:center; display:table; height:100px; }
#detailContent .detailtbl .headr span.spancell:after {
    height: 71px;
    display: inline-block;
    /*width: 1px;*/
    padding: 0 1px 0 1px;
    background: #ddd;
    color: #eee;
    content: '';
}
#detailContent .detailtbl span.spangroup .spancell:after {
    height: 100px;
    display: inline-block;
    /*width: 1px;*/
    padding: 0 1px 0 1px;
    background: #eee;
    color: #eee;
    content: '';
    font-size: 3px;
}
#detailContent .detailtbl .list-block-total {
    background-color: #eee !important;
}
#detailContent .detailtbl .list-block-total span.spangroup span {
    font-weight: bold;
    height: 50px !important;
}
#detailContent .detailtbl span.spangroup span label { display:table-cell; vertical-align:middle; min-width: 72px; max-width: 72px;}
#detailContent .detailtbl span.spangroup span select {display:inline; vertical-align:middle;}
#detailContent .detailtbl span.spanclick span label {cursor:pointer;}
#detailContent .detailtbl .headr span { float:left; display:table; height:72px; color: white;}
#detailContent .detailtbl .headr span label { display:table-cell; vertical-align:middle; min-width: 67px; max-width: 67px;}
#detailContent .detailtbl .headr .ref { width:19%; border-left:none; }
#detailContent .detailtbl.withsupplier .headr .ref {border-left:none; }
#detailContent .detailtbl .headr .desig { width:16%; }
#detailContent .detailtbl.basket_disabled .headr .desig {width:24%;}
#detailContent .detailtbl .headr .prixd { width:9%; }
#detailContent .detailtbl .headr .temps { width:9%; }
#detailContent .detailtbl .headr .supplier { width:6%; }
#detailContent .detailtbl .headr .prixc { width:8.9%; }
#detailContent .detailtbl .headr .visuel { width:11.8%; }
#detailContent .detailtbl .ref { width:19%; border-left:none; word-break:break-all; }
#detailContent .detailtbl .ref { width:19%; border-left:none; word-break:break-all; }
#detailContent .detailtbl.withsupplier .ref { width:14%; }
#detailContent .detailtbl.basket_disabled .desig { width:24%; }
#detailContent .detailtbl.withsupplier.basket_disabled .desig { width:20%; }
#detailContent .detailtbl .prixd { width:9%; }
#detailContent .detailtbl .temps { width:9%; }
#detailContent .detailtbl.withsupplier .temps { width:7%; }
#detailContent .detailtbl .supplier { width:6%; }
#detailContent .detailtbl .prixc { width:8.9%; }
#detailContent .detailtbl .visuel { width:11.8%; }
/* #detailContent .detailtbl .visuel img { max-height:100px; width:80px; } */
#detailContent .detailtbl .visuel img {max-height: 100px; max-width: 100px;}
.prixcp.prixPackAdvHT, .prixcp.prixPackAdvTTC {font-weight: bold;}
@media screen and (min-width: 1400px) {
    #detailContent .detailtbl .visuel img {max-height: 100px !important; max-width: 100% !important; }
}

#detailContent .detailtbl .ref .star, #detailContent .detailtbl .ref .txt, #detailContent .detailtbl .ref .new-small-ico { border:none; float:inherit; display:inline-block; height:inherit; padding:0; text-align:left; }
#detailContent .detailtbl .ref .txt { width:80%; overflow:hidden; line-height:15px; }
#detailContent .detailtbl .ref .new-small-ico { height:35px; float:left; display:none; }
#detailContent .detailtbl .list-block {min-width: 900px;display:inline-block; width:100%; background-color: #fff; border-bottom: solid 2px #eee;}
#detailContent .detailtbl .list-block.new .ref { background:url(../images/New2OK-petit.png) no-repeat left bottom transparent; }
#detailContent .detailtbl .list-block .ref .star { background:url(../images/star-icon.png) no-repeat 0 0 transparent; display:inline-block; height:13px; margin:0 0 0 5px; width:13px; float:left; }
#detailContent .detailtbl .list-block:hover .ref .star { background:url(../images/redstar-icon.png) no-repeat 0 0 transparent; }
#detailContent .detailtbl .list-block.list-blockhover:hover { background:url(../images/tbl-even-bg.png) repeat-x 0 bottom #d7d7d7;}
#detailContent .detailtbl .list-block .spanclick:hover {cursor:pointer;}
#detailContent .detailtbl .content-tbl-container { min-width: 900px;
    overflow-y: auto;
    max-height: 90%;
    box-sizing: border-box;}
/*.tbl-accessoires { width: calc(100% - 300px); }*/
#detailContent .content-tbl p.titl { background:#4C4C4C; clear:both; color: white; float:left; font-size:14px; font-weight:bold; line-height:35px; margin:0; padding:0 0 0 2%; width:98%; border:none; height:35px;
    border-bottom: solid 1px white;}
#detailContent .detailtbl.vehi-rem-container .list-block {
    width: 100%;
}
#detailContent .detailtbl.vehi-rem-container .ref {
    width: 16%;
}
#detailContent .detailtbl.user_type2-rem-container .ref.vehi_type2 {
    width: 15%;
}
#detailContent .detailtbl.withsupplier.vehi-rem-container .ref {
    width: 14%;
}
#detailContent .detailtbl.withsupplier.user_type2-rem-container .ref.vehi_type2 {
    width: 14%;
}
#detailContent .detailtbl.vehi-rem-container .desig {
    width: 30%;
}
#detailContent.packaccess-container .detailtbl.vehi-rem-container .desig {
    width: 40%;
}
#detailContent .detailtbl.user_type2-rem-container .desig {
    width: 26%;
}
#detailContent .detailtbl.vehi-rem-container.basket_disabled .desig {
    width: 28%;
}
#detailContent .detailtbl.vehi-rem-container.basket_disabled .desig.vehi_type2 {
    width: 37%;
}
#detailContent .detailtbl.vehi-rem-container .prixc {
    width: 10%;
}
#detailContent .detailtbl.vehi-rem-container .visuel {
    width: 17%;
}
#detailContent .detailtbl .basket {
    width: 6%;
    -webkit-box-shadow: 0px 0 0px 0px #ccc !important;
    box-shadow: 0px 0 0px 0px #ccc !important;
    text-align: center;
    display: table;
}
#detailContent .detailtbl.basket_readonly .colh_quantity:after,
#detailContent .detailtbl.basket_readonly .colb_quantity:after {
    background: none !important;
}
#detailContent .detailtbl.basket_readonly .basket {
    display: none !important;
}
.basket_readonly .content-tbl-container .basketMsgPrice .warninglogo {
    position: relative;
    top: -5px;
}
#detailContent .detailtbl.user_type2-rem-container .basket.vehi_type2 {
    width: 6%;
}
#detailContent .detailtbl.vehi-rem-container .basket.vehi_type2 {
    width: 15%;
}
/* ACCESSORIES LIST OF PACKAGE */
#detailPackAcc .detailtbl.user_type2-rem-container .desigBasket.desigCellLarge { width: 57% !important;}
#detailPackAcc .detailtbl.user_type2-rem-container .desigBasket.desigCellSmall { width: 57% !important;}
#detailPackAcc .detailtbl.vehi-rem-container .desigBasket.desigCellLarge { width: 51% !important;}
#detailPackAcc .detailtbl.vehi-rem-container .desigBasket.desigCellSmall { width: 51% !important;}

.basket_empty,
.bsk_historical_no {
    padding: 30px;
}
#detailContent .detailtbl .content-tbl .basket {
    height: 100px;
}
#detailContent .detailtbl .basket label {
    display: table-cell;
    vertical-align: middle;
}
.detailtbl .basket .basket_img {
    cursor: pointer;
    position: relative;
    top: 25px;
    left: 5px;
    width: 51px;
    height: 41px;
}
.basket .basket_img_add {
    background : url(../images/basket_add.png) no-repeat center center;
}
.basket .basket_img_add:hover {
    background : url(../images/basket_add_hover.png) no-repeat center center;
}
.basket .basket_img_added {
    background : url(../images/basket_added.png) no-repeat center center;
}
.basket .basket_img_added:hover {
    background : url(../images/basket_added_hover.png) no-repeat center center;
}
.basket .basket_img_del {
    cursor: pointer;
    background : url(../images/basket_del.png) no-repeat center center;
    position: relative;
    top: 25px;
    left: 5px;
    width: 100%;
    height: 50px;
}
.basket .basket_img_del:hover {
    background : url(../images/basket_del_hover.png) no-repeat center center;
}
.basket-block {
    margin: 20px 20px 0 0;
    float: right;
}
.basket-block .basket,
.basket-block .basket_quant {
    float: left;
}
.basket-block .basket_quant {
    text-align: center;
    padding-left: 20px;
    margin-left: 25px;
    -webkit-box-shadow: -2px 0 0px -1px #ccc !important;
    box-shadow: -2px 0 0px -1px #ccc !important;
}
.basket-block .basket_quant .basket_quantity {
    margin-top: 5px;
}
.basket-block .basket img.basket_img_add {
    cursor: default !important;
}
.top-accesaory-block .basket-block .basket_btn_add {
    right: 0;
}

/* BASKET DON'T SHOW */

#basket_dontshow_popup{
    position: fixed;
    top : 0;
    left : 0;
    width: 100%;
    height : 100%;
    background : rgba(0, 0, 0, 0.7);
    z-index: 20;
}

#basket_dontshow_popup .step{
    background: #ffffff;
    color: #000000;
    border: 4px solid #525252;
    text-align: center;
    margin: auto;
    width: 520px;
    display: block;
    height: fit-content;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 35px 50px;
}

.valide_0 .spancell, .valide_0,
.dont_show_1 .spancell, .dont_show_1{
    background-color: #c3002f!important;
}

.valide_0 label,
.dont_show_1 label, .dont_show_1 .txt{
    color : white;
}

.basket_historical .valide_0 .colb_view .basket_img_view{
    filter: hue-rotate(-25deg) invert(1) saturate(0);
}

.dont_show_1 .basket .basket_img_del{
    filter:  brightness(0) invert(1); 
    opacity: 0.9;  
}

.content-tbl-container .basket_btn_action.cant_click{
    cursor: not-allowed;  
    border-left: solid 3px #978888; 
    background-color: #978888;
}

.content-tbl-container .basket_btn_action.cant_click .btn_label{
    color: #978888;
}

/* BASKET ACTIONS */
.basket_action_display {
    display: inline-block;
}
.basket_action_hide {
    display: none;
}

#nameCustomer{
    width: calc(100% - 20px);
    padding: 2px 10px;
    margin-bottom: 10px;
}

.resetBasket{
    float: right;
    margin: 20px;
    background-color: #c3002f;
    color: white;
    padding: 10px 5px;
    cursor: pointer;
    margin-bottom: 38px;
    margin-top: 0;
}

table {text-align:center; margin-left:20px; }
table tr th {background:url(../images/ta-header-bg.png) repeat-x 0 0 #424242; height:30px; line-height:30px; vertical-align:middle;text-align: center; vertical-align:middle; font-size: 14px; color:#d9d9d9; border-left:1px solid #6c6c6c; border-right:1px solid #2d2d2d; cursor:default; }
table tr th span { display:block; padding:5px 0; line-height:18px; text-transform:capitalize; }
table tr td{vertical-align:middle; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; color:#2c2c2c; font-size: 14px; word-break:break-all; }
table tr td img { margin:4px; }
table tr td .star { background:url(../images/star-icon.png) no-repeat 0 0 transparent; display:inline-block; height:13px; margin:0 2%; width:16%; float:left; }
table tr td .txt { float:left; overflow:hidden; text-align:left; white-space:nowrap; width:80%; }
table tr:hover td .star { background:url(../images/redstar-icon.png) no-repeat 0 0 transparent; }
table tr td:first-child {border-left:1px solid #d9d9d9;}
table tr:first-child:hover { background:none; height:inherit; }
table tr:hover { background:url(../images/tbl-even-bg.png) repeat-x 0 bottom #d7d7d7; height:87px; cursor:pointer; }
/*table tr td:first-child {border-left:1px solid #d9d9d9;}
 tr.even {background:url("../images/tbl-even-bg.png") repeat-x;height:87px;} */
tr.odd, tr.even {background:url(../images/tbl-odd-bg.png) repeat-x left bottom #f0f0f0; height:87px; }
.new-small-ico {background:url("../images/new-small-icon.png") no-repeat; width:34px; height:35px;  margin: 9px 0 0 4px; display:block; float:left;}
span.star-ico {background:url("../images/star-icon.png") 0 2px no-repeat; width:13px; height:13px; padding-left:15px;}
#vehicle_image { background:#fff; bottom:0; display:none; left:330px; overflow-x:hidden; overflow-y:scroll; position:fixed; right:0; text-align:center; top:220px; }
#vehicle_image img { max-width:100%; }

/***********************accesory content****************/
.accesaory-block {width:100%; float:left; overflow-y: scroll; height: 100%;}
.top-accesaory-block {min-width:900px;width:100%; margin:0; display:inline-block; padding-bottom:5px; position:relative; background-color: #eee;}
.top-accesaory-block .img-block { width:173px; padding:0; text-align:center; display:table-cell; vertical-align:middle; margin:0.5%; background:#fff; height:117px; }
.top-accesaory-block .img-cntr { float:left; padding:5px; width:173px; margin-top:5px;}
.top-accesaory-block .img-cntr .gallery-wrap { width:auto; }
.top-accesaory-block .img-cntr .bx-wrapper { margin-bottom:0; }
.top-accesaory-block .img-cntr .bx-wrapper .bx-viewport { left:0; }
.top-accesaory-block .img-cntr .bx-wrapper .bx-viewport .bx-wrapper .bx-viewport { border:none; }
.top-accesaory-block .img-cntr .bxslider li a { display:table-cell; height:115px; text-align:center; vertical-align:middle; width:180px; overflow:hidden; }
.top-accesaory-block .img-cntr .bxslider li a img { display:inline-block; max-width:180px; }
.top-accesaory-block img, .top-accesaory-block .basket_img { vertical-align:middle; margin:0; text-align:center; max-height:115px; /* display:table-cell; */ }
.top-accesaory-block .basket .basket_img {
    cursor: pointer;
    width: 65px;
    height: 50px;
}
.top-accesaory-block .basket_img_add {
    cursor: default;
    background : url(../images/basket_add.png) no-repeat center center;
}
.top-accesaory-block .basket_img_add:hover {
    cursor: default;
    background : url(../images/basket_add.png) no-repeat center center;
}
.top-accesaory-block .new { /*background:url(../images/New2-vOK-grand.png) no-repeat 0 0 transparent; bottom:0; height:84px; position:absolute; right:0; width:84px; */}
.assecory-img {margin:12px 0 0 25px;float:left;}
ul.ref-block .liLine {
    display: block;
    width: 70px;
    height: 5px;
    margin: 2px 0 8px 0;
    background-color: #c3002f;
}
ul.ref-block {margin:15px 0 0 15px; display:inline-block; float: left; max-width: 450px;}
ul.ref-block li{width:100%; float:left;}
ul.ref-block li p{margin-left:8px; color:#454545; font-size:14px; line-height:30px; padding:0; background:inherit; text-align:left; }
ul.ref-block li.bdr-white p, ul.ref-block li.bdr-none p { line-height:18px; margin:0 0 7px 22px; }
ul.ref-block li span.icons-blk{/* background:url("../images/icons-block.png") no-repeat; */ color:#7d7d7d; font-size:16px; line-height:24px;}
ul.ref-block li.bdr-cray span.icons-blk {
    line-height: 17px;
}
/* ul.ref-block li.bdr-cray {border-bottom:1px solid #ccc;}*/
ul.ref-block li.bdr-white p { line-height:18px; margin:0 0 10px 0; border:none; color: #343434; font-weight: bold; font-size: 20px;}
ul.ref-block li.bdr-none span.argu-ico { padding-left:0; }
ul.ref-block li.bdr-none p { margin:0; border:none; }
ul.ref-block li span.setting-ico {float:left; background-position:0 5px; display:inline-block; width:100%; }
ul.ref-block li span.col-red {float:right; color:#d01334; font-size:14px; color: #343434; font-weight: bold; font-size: 14px;}
/* ul.ref-block li span.desig-ico {background-position:0px -30px; padding-left:22px;} */
ul.ref-block li span.argu-ico {background-position:0px -65px; padding-left:22px;}
ul.ref-block li.bdr-cray span.col-red {float:left;  }
ul.ref-block li.bdr-none {border:none;}
.accesory-bottom-block{margin:1px 0 0; min-width: 900px; float:left; position:relative; width: 100%; }
.accesory-bottom-block .argum { background:#eee; display:inline-block; margin:10px 3%; padding:1%; width:92%; }
.accesory-bottom-block .argum span { border:none; color:#666; font-size:14px; font-weight:bold; }
.accesory-bottom-block .argum p { border:none; font-size:14px; padding:0; background:none; color:#666; margin-top:5px; }
.accesory-bottom-block .argum ul{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;list-style: disc inside;}
.bottom-ul{margin:36px 2% 0; padding:0 0 9px; float:left; width:96%; }
.bottom-ul li {float:left; margin:7px 1.5%; font-size:14px; border-bottom:1px dotted #cdcbcb; width:97%;}
.bottom-ul li span{margin:0 0 7px 0;}
ul.product-list {margin:30px 0 0 30px; padding:0; float:left; }
ul.product-list li{float:left; margin: 0 20px 20px 0;}
ul.product-list li span{float:left; background:url("../images/icons-damage-img.png") no-repeat; font-size:14px; color:#fff; height:35px; line-height:31px; padding-left:40px; padding-right: 10px; background-color: #c3002f;}
ul.product-list li span.notice {background-position:0 0;}
ul.product-list li span.save {background-position:0 -46px;}
ul.product-list li span.tools {background-position:-1px -94px;}
ul.product-list li span.settngs {background-position:-2px -142px;}
ul.product-list li span.playr {background-position:-2px -189px;}
img.new-grand-big {float:right; display:none;}
#loadermask { position:fixed; background:#000; opacity:0.5; filter:alpha(opacity=50);height:100% !important;width:100%; display:none;z-index:999; }
/*#packaccessories .ui-accordion .ui-accordion-header .ui-accordion-header-icon {background:none !important; display:none !important;}*/
#packaccessories h3.ui-accordion-header img { float:left; height:35px; left:0; position:absolute; top:0; width:55px; }
#packaccessories h3.ui-accordion-header a { float: left;}
#packaccessories h3.ui-accordion-header {  }
h3.ui-accordion-header a{float:left; margin-left:0px;}
p.mt17 {margin:15px 0 0; border:none !important; background:none !important;}
#fancybox-wrap #fancybox-content { background:#fff !important; }

.right-side-cover {width:auto; float:right;}
ul.submenu {float:right; margin-top: 7px; padding:0; clear:both;}
ul.submenu li{float:left; padding:0; height:28px; line-height:28px; background:url(../images/submenu-bg.png) repeat-x;  margin-left: 2px;}
ul.submenu li:hover, ul.submenu li.active {background:#c3002f;}
ul.submenu li:hover a, ul.submenu li.active a{background-position:14px -2px; color:#fff; }
ul.submenu li a{color:#fff; font-size: 14px; text-decoration: none; float:left; font-weight:bold; background:url(../images/arow-icon.png) 14px -19px no-repeat; padding:0 15px 0 25px;}
span.video-alert-title{float:left; color:#c3002f; font-size:16px; font-weight: bold; text-transform:uppercase; margin:0px 0 7px 0;}
span.video-alert-title .logoLinkg {margin-right: 15px; position: relative; top: 28px;}
.video-alert-container p{float:left; color:#343434; font-size:12px; clear:both; font-weight:bold; padding-left: 60px;}
ul.icon-video-container { width:100%; margin:0 auto 20px; clear:both; padding-top:11px; display:inline-block; }
ul.icon-video-container li{padding: 1px; background-color: #eee; width:31%; height:70px; margin:11px 0 0 1.5% !important; position:relative; display: inline-block; border: solid 1px #7d7c7c;}
ul.icon-video-container li:hover {border-color: #c3002f; border-width: 2px;padding: 0;}
ul.icon-video-container li a { display:inline-block; width:100%; position:relative; }
ul.icon-video-container li a div.float-L { position:absolute; left: 70px; top: 14px; }
ul.icon-video-container li img { float:left; margin:10px 22px 10px 10px; }
ul.icon-video-container li span{float:left; clear:both; color:#343434; line-height:16px; width:100%; font-size:12px;}
ul.icon-video-container li span.ani-icon { width:32px; }
ul.icon-video-container li span b{color:#c3002f; font-weight:bold;}
.icon-video-container li a{text-decoration:none;}
.mt3 {margin-top:3px;}
.mr20{margin-right:10px;}
.inner-container.video-alert-container { bottom:0; margin:0 auto; overflow-y:scroll; padding:0 2%; position:fixed; top:219px; width:96%; }
.mt62{margin-top:62px !important;}
/* .img-block.img-center .gallery__item a.gallery__link img{margin-left:30px;} */
.img-block.img-cent .gallery__item  a.gallery__link img { margin-left:-30px; }
.top-accesaory-block .gallery__item {margin: 0;}

/*** Family Product page Start Here ***/
.family-product #accordian .prdt-family { border-bottom:1px solid #b6b6b6 !important; border-radius:0; box-shadow:0 1px 0 #fff; }
.family-product #accordian .prdt-family h3.ui-accordion-header { background:url(../images/plus.jpg) no-repeat 5px center transparent !important; margin-left:55px; padding:10px 0 10px 28px !important; width:277px; border:none !important; box-shadow:none !important; }
.family-product #accordian .prdt-family h3.ui-accordion-header.ui-accordion-header-active { background:url(../images/minus.jpg) no-repeat 5px center transparent !important; }
.family-product #detailContent .detailtbl.vehi-rem-container .ref { width: 16%; }
#packaccessories .ui-accordion-header.ui-accordion-header-active { background-color:#D11435 !important; }
/*** Family Product page End Here ***/
@media (max-width:1300px) {
    ul.submenu li a { background-position:6px -19px; font-size:12px; padding:0 15px 0 20px; }
    ul.submenu li:hover a, ul.submenu li.active a { background-position:6px -2px; }
}
/* EXPORT PDF */
#exportpdf {background:#dbdbdb;min-height:auto;font-family:arial;}
#exportpdf .area_left {
    float: left;
    width: 55%;
}
#exportpdf .area_middle {
    float: left;
    width: 15%;
    position: relative;
    left: -15px;
    margin-top: 98px;
}
#exportpdf .area_right {
    float: left;
    width: 29%;
}
#exportpdf .area_right .selectall {
    background-color: #eee;
}
#exportpdf .area_right #resultsearch {
    margin-top: 10px;
  }
#exportpdf .chkbox_choice {
    padding: 10px;
}
#exportpdf .title_colmun {
    margin: auto;
    text-align: center;
    background-color: #eee;
    text-transform: uppercase;
    padding: 20px;
}
#exportpdf .ui-state-default, #exportpdf .ui-widget-content .ui-state-default, #exportpdf .ui-widget-header .ui-state-default { background:white !important; }
#exportpdf .selecteurVehicle,
#exportpdf .selecteurFamilies,
#exportpdf .selecteurSubFamilies
{float:left;width: 30%;padding: 1%;}
#exportpdf .selecteurVehicle select,
#exportpdf .selecteurFamilies select,
#exportpdf .selecteurSubFamilies select {
    height:450px;
    width: 100%;
    border:none;
    padding:5px;
    border: solid 1px #7d7c7c;
}
#exportpdf .selecteurVehicle select option:checked,
#exportpdf .selecteurFamilies select option:checked,
#exportpdf .selecteurSubFamilies select option:checked {
    box-shadow: 0 0 10px 100px #7d7d7d inset;
}
#exportpdf .selecteurVehicle .selectall,
#exportpdf .selecteurFamilies .selectall,
#exportpdf .selecteurSubFamilies .selectall {
    padding: 10px;
    background-color: #eee;
    margin-bottom: 10px;
}
#exportpdf .selecteurResult .selectall {
    padding: 20px 10px 10px 10px;
}
#exportpdf ul.resultsearch li {
    background-color: white;
    border: solid 1px #dbdbdb;
    padding: 10px;
}
#exportpdf ul.resultsearch li.result_selected {
    background-color: #c3002f;
}
#exportpdf ul.resultsearch li.result_selected div {
    color: white;
}
#exportpdf ul.resultsearch li.rsltItemName {
    text-transform: uppercase;
    font-size: 14px;
}
#exportpdf ul.resultsearch li.rsltItemDsgn {
    font-size: 12px;
}
#exportpdf .selecteurPackage{float:left;padding:20px 0px 0px 35px;}
#exportpdf select{padding:5px;}
#exportpdf select option{padding:5px;}
#exportpdf .btnSearch,
#exportpdf .btnGenerate {
    padding: 10px;
    margin: auto;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    text-transform: uppercase;
    max-height: 35px;
}
#exportpdf .btnSearch {
    background-color: #7d7d7d;
}
#exportpdf .btnGenerate {
    background-color: #c3002f;
}
#exportpdf .area_btn_action {
    text-align: center;
}
#exportpdf .btnGenerate + .tooltiptext {
    visibility: hidden;
}
#exportpdf .btnGenerate + .tooltiptext {
    position: relative;
    top: -15px;
    left: 0;
    display: inline-block;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.25);
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s;
}
#exportpdf .btnGenerate.disabled {
    background-color: #eee;
    color: inherit;
    cursor: default;
}
#exportpdf .btnGenerate.disabled:hover + .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* PRIVACY NOTICE */
::backdrop {
    background-color: #000;
    opacity: 0.75;
}
dialog {
    border: 4px solid #525252;
    width: 70%;
    max-height: calc(100vh - 225px);
    color: #343434;
    font-family: 'Nissan Brand', Arial, Helvetica, sans-serif;
    font-size: 14px;

    /* because there is conflict with thickbox css */
    margin: 10px;
    padding: 10px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
dialog .popinAccessory_close,
dialog .popinVehicles_close,
dialog .privacy_close {
    position: sticky;
    top: 0;
    text-align: right;
    cursor: pointer;
    font-size: 20px;
}
#privacy_link {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color:rgba(0, 0, 0, 0.25);
    line-height: 3;
    text-align: center;
}
#privacy_link a {
    color: white;
    cursor: pointer;
    text-decoration: none;
}
dialog h1 {
    font-size: 25px;
    font-weight: bold;
    padding: 10px;
}
dialog h2 {
    font-size: 20px;
    font-weight: bold;
    padding: 20px 10px 10px 10px;
}
dialog p {
    padding: 10px;
    line-height: 20px;
}
dialog #popAccessoryDetails ul li {list-style: none;}
dialog ul li {
    list-style: disc;
    margin-left: 40px;
    padding-left: 10px;
}
dialog b {
    font-weight: bold;
}

.withprivacy .veh-content, .veh-content-inner.withprivacy {bottom:45px;}
.withprivacy #accordian {bottom:42px;}
#detailContent.withprivacy .detailtbl { bottom:80px;}
.withprivacy .inner-container.video-alert-container { bottom:45px;}

#accessories .content-tbl:last-child .list-block:last-child {
    margin-bottom: 70px;
}

/* ACC/PACK COMMENT */
.accesory-bottom-block .argum p {text-transform: inherit;}
.accesory-bottom-block .argum{color:var(--nissan-grey)}
.accesory-bottom-block .argum ol,
.accesory-bottom-block .argum ul {
    all: revert;
}
.accesory-bottom-block .argum li {line-height: 18px;}
.accesory-bottom-block .argum,
.accesory-bottom-block .argum p
 {line-height: 25px;}
.argum blockquote {display: table; margin: inherit; font-style: italic; border-left: solid 3px var(--nissan-red); padding: 5px 15px 7px 15px;}
.accesory-bottom-block .argum strong {font-weight: bold;color:var(--nissan-grey);}
.accesory-bottom-block .argum em {font-style: italic;}
.accesory-bottom-block .argum a {color : var(--nissan-red)}