@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;
}

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 */
.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;
}

/* 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 {width:350px; height:150px; margin:0 10px 0 10px; }
.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;
}
#searchtxt { font-size: 14px; line-height: 30px;}

/* 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: table-cell;
    vertical-align: middle;
    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;
}
.menuSup .menuSupLinks li a .linkLabel {
    color: #FFF;
    position: relative;
    top: 17px;
    display: block;
    width: 350px;
}
.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;}
.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;}
.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: #c3002f;}
.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: 669px;
    position: relative;
}
body .login img {
    width: 1050px;
    height: 669px;
}
body .login .login-form {
    float: right;
    position: relative;
    top: -350px;
}
body .login .login-txt {
    font-size: 11px;
    width: 325px;
    float: right;
    position: relative;
    top: -350px;
    clear: both;
}
.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;  }
.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;}
.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 .login-txt {
    width: 250px;
}
.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;
}
.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 .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 { width:890px; height:500px; padding:0px; margin-left:365px;  } */
.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;}
#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;
}
#invisibleBox {
    min-height: 72px;
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: #7C7C7C;
}
#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 .headr .desig { width:24.5%; }
#detailContent .detailtbl.basket_disabled .headr .desig {width:24%;}
#detailContent .detailtbl.user_type2-rem-container .headr .desig {width:24.5%;}
#detailContent .detailtbl .headr .prixd { width:9%; }
#detailContent .detailtbl .headr .temps { width:9%; }
#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 .desig { width:24.5%; }
#detailContent .detailtbl.basket_disabled .desig { width:24%; }
#detailContent .detailtbl .prixd { width:9%; }
#detailContent .detailtbl .temps { width:9%; }
#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;}
@media screen and (min-width: 1400px) {
    #detailContent .detailtbl .visuel img {max-height: 100px !important; max-width: 100% !important; }
}
#detailContent .detailtbl.trunks-cntr .ref { width:20%; }
#detailContent .detailtbl.trunks-cntr .desig { width:18%; }
#detailContent .detailtbl.trunks-cntr.basket_disabled .desig { width:25%; }
#detailContent .detailtbl.trunks-cntr .prixd { width:15%; }
#detailContent .detailtbl.trunks-cntr .temps { width:10%; }
#detailContent .detailtbl.trunks-cntr .prixc { width:11%; }
#detailContent .detailtbl.trunks-cntr .visuel { width:13%; }

#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 {  }
#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: 20%;
}
#detailContent .detailtbl.vehi-rem-container .desig {
    width: 30%;
}
#detailContent.packaccess-container .detailtbl.vehi-rem-container .desig {
    width: 40%;
}
#detailContent .detailtbl.vehi-rem-container .desig.vehi_type2 {
    width: 21%;
}
#detailContent .detailtbl.user_type2-rem-container .desig {
    width: 24.5%;
}
#detailContent .detailtbl.user_type2-rem-container .desig.vehi_type2 {
    width: 20%;
}
#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%;
}

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:200px; }
#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 .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; text-transform:uppercase; 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: 60%;
}
#exportpdf .area_right {
    float: left;
    width: 39%;
}
#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: 10px 10px 20px 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 {
    width: 300px;
    padding: 10px;
    margin: auto;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    text-transform: uppercase;
}
#exportpdf .btnSearch {
    background-color: #7d7d7d;
}
#exportpdf .btnGenerate {
    background-color: #c3002f;
}
#exportpdf .area_btn_action {
    text-align: center;
}