/* 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; }
body { line-height: 1; /*background:#1d1d1d;*/ }
ol, ul { list-style: none; }
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%; height:120px; background:url(../images/header-bg.jpg) repeat; }
.header .inner-container { height:120px; margin:0 auto; }
.header .inner-container a.logo { width:80px; height:100px; margin:0 20px; }
.header .inner-container span.logo-name { width:246px; height:auto; margin:30px 0 0 15px; }

.header .inner-container ul.mainmenu { float:right; margin:10px 0 0; clear:both; }
.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-family:Arial, Helvetica, sans-serif; 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;}
.inner-container .top-menu { width:auto; margin:10px 0 0; float:right; }
.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; font-family:Arial, Helvetica, sans-serif; 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:147px; height:21px;  }
.top-menu ul li input[type="button"] { width:16px; height:14px; background:url(../images/search-icon.png) no-repeat center center; border:none; margin:5px 0 0 6px; }
.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; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding:5px 25px 0 0;  }

.login-bg { background:url(../images/header-bg.jpg) repeat; width:958px; height:573px; margin:30px auto 0 auto; border:1px solid #313131; position:relative;  }
.login-bg .img { width:473px; }
.login { width:310px; height:274px; background:#d7d8da; border-radius:10px; margin:47px 0 0 77px; position:relative;  }
.login-lft { width:455px;}
.logo-form-con {width:476px;float:left;}
.logo-form-con a.logo { margin:0 15px 0 20px; }
.logo-form-con a.logo img { height:100px; width:80px; }
a.logo img{ margin:0; }
.inner-container a.logo img{ width:100%; height:100%; margin:0; }
span.logo-name  {margin-top:33px; }
.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; position:relative; text-align:center; width:100%;}
.login .forgot-pwd { bottom:65px; right:30px; position:absolute; /*display:none;*/ }
.login .forgot-pwd a { color:brown; text-decoration:none; font-family:Arial,Helvetica,sans-serif; 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-family:Arial,Helvetica,sans-serif; 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-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; line-height:20px; padding:0 20px; }
.login label.login-name { margin:40px 0 0 20px; }
.login label.login-name p { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#666;  }
.login label.login-name input[type="text"] { margin:14px 0 0; width:207px; height:26px; line-height:26px; background:url(../images/input-bg.jpg) repeat; border:none; border-radius:5px; color:#FFF;   } 
.login label.login-name input[type="password"] { margin:14px 0 0 0; width:207px; height:26px; line-height:26px; background:url(../images/input-bg.jpg) repeat; border:none; border-radius:5px; color:#FFF;   } 
.login .log-butt { width:51px; height:45px; background:url(../images/login.png) no-repeat 0 0; border:none; position:relative; z-index:1; margin-top:30px; cursor:pointer; }
.login .log-butt:hover {background-position:0px -53px;}
.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-family:Arial, Helvetica, sans-serif; font-size:11px; color:#777; }
.nav { width:100%; height:30px; background:url(../images/nav-bg.jpg) repeat-x; float:left; }
.nav ul { margin:0 auto; padding:0px; }
.nav ul li { list-style:none; float:left; }
.nav ul li a { float:left; padding:0 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFF; text-decoration:none; border-right:1px solid #1d1d1d; -webkit-box-shadow: 0px 0px 1px rgba(81, 81, 81, 100); box-shadow: 0px 0px 1px rgba(81, 81, 81, 100); -moz-box-shadow: 0px 0px 1px rgba(81, 81, 81, 100); height:30px; line-height:30px; }
.nav ul li:hover a, .nav ul li.active a { background:#d10042; }
/* .breadcrum-container { position:fixed; top:120px; left:758px; } */
#showbredcrum, .breadcrum, #updatebredcrum { color:#bbb; float:left; font-family:arial; 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-family: arial; 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 { background-color:#d10042 !important; font-weight:bold;}
#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-family:Verdana, Geneva, sans-serif; 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; font-family:Verdana, Geneva, sans-serif; }
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:300px; /*overflow:hidden; */ overflow-y:scroll; padding:0; position:fixed; right:0; top:150px; font-family:Arial, Helvetica, sans-serif; overflow-X:hidden;}
.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; font-family:Verdana, Geneva, sans-serif;  }
.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:150px; width:300px !important; background:#dbdbdb; }
#accordian.ui-widget { font-family:Arial, Helvetica, sans-serif; }
#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:215px; font-weight:bold; }
#accordian.ui-accordion .ui-accordion-header { padding-top:0.6em; padding-bottom:0.6em;  }
#accordian .ui-widget-content { background:none; }
#accordian.ui-accordion .ui-accordion-header a p { font-family:arial; }
.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; font-family:arial; 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; font-family:verdana; 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: #D10042; 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 .img-block { display:inline-block; text-align:center; vertical-align:middle; width:100%; }
.veh-content-inner .img-block img { max-width:100%; margin-left: auto; margin-right: auto;}
#detailContent table { margin:0; width:100%; }
#detailContent .detailtbl { bottom:0; left:300px; overflow-x:hidden; overflow-y:scroll; position:fixed; right:0; top:150px; }
#detailContent .detailtbl .headr {min-width:950px;background:url(../images/ta-header-bg.png) repeat-x 0 0 #424242; color:#D9D9D9; cursor:default; font-family:verdana; font-size:14px; left:300px; line-height:18px; min-height:30px; padding:0; position:fixed; right:17px; text-align:center; vertical-align:middle; z-index:1; }
#macid #detailContent .detailtbl .headr { right:0; }
#detailContent .detailtbl .headr span, #detailContent .detailtbl span { border-left:1px solid #2D2D2D; border-right:none; display:table-cell; padding:2px 0; vertical-align:middle; font-size:14px; /* word-break:break-all; */ }
#detailContent .detailtbl span { border-left:1px solid #ccc; border-right:none; float:left; text-align:center; display:table; height:100px; }
#detailContent .detailtbl span label { display:table-cell; vertical-align:middle; cursor:pointer; }
#detailContent .detailtbl .headr span { float:left; display:table; height:72px; }
#detailContent .detailtbl .headr span label { display:table-cell; vertical-align:middle; }
#detailContent .detailtbl .headr .ref { width:19%; border-left:none; }
#detailContent .detailtbl .headr .desig { width:17%; }
#detailContent .detailtbl .headr .prixd { width:13%; }
#detailContent .detailtbl .headr .temps { width:9%; }
#detailContent .detailtbl .headr .prixc { width:8.9%; }
#detailContent .detailtbl .headr .visuel { width:13.8%; }
#detailContent .detailtbl .ref { width:19%; border-left:none; word-break:break-all; }
#detailContent .detailtbl .desig { width:17%; }
#detailContent .detailtbl .prixd { width:13%; }
#detailContent .detailtbl .temps { width:9%; }
#detailContent .detailtbl .prixc { width:8.9%; }
#detailContent .detailtbl .visuel { width:13.8%; }
/* #detailContent .detailtbl .visuel img { max-height:100px; width:80px; } */
#detailContent .detailtbl .visuel img {  max-height: 100px;    max-width: 100%; }
#detailContent .detailtbl.trunks-cntr .ref { width:20%; }
#detailContent .detailtbl.trunks-cntr .desig { width:18%; }
#detailContent .detailtbl.trunks-cntr .prixd { width:15%; }
#detailContent .detailtbl.trunks-cntr .temps { width:10.2%; }
#detailContent .detailtbl.trunks-cntr .prixc { width:11%; }
#detailContent .detailtbl.trunks-cntr .visuel { width:14%; }

#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:950px;display:inline-block; width:100%; border-bottom:1px solid #ccc; background:url(../images/tbl-bg.png) repeat-x 0 bottom #e7e7e7; cursor:pointer; }
#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:hover { background:url(../images/tbl-even-bg.png) repeat-x 0 bottom #d7d7d7; cursor:pointer; }
#detailContent .detailtbl .content-tbl {  }
#detailContent .detailtbl .content-tbl-container { position:relative; top:76px; }
#detailContent .content-tbl p.titl { background:#F1F1F1; clear:both; color:#999; float:left; font-size:18px; font-weight:normal; line-height:35px; margin:0; padding:0 0 0 2%; width:98%; border:none; height:35px; }
#detailContent .detailtbl.vehi-rem-container .ref {
    width: 22%;
}
#detailContent .detailtbl.vehi-rem-container .desig {
    width: 21%;
}
#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-family: verdana; 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-family: verdana; 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:300px; overflow-x:hidden; overflow-y:scroll; position:fixed; right:0; text-align:center; top:150px; }
#vehicle_image img { max-width:100%; }

/***********************accesory content****************/
.accesaory-block {width:100%; float:left;}
.top-accesaory-block {min-width:950px;width:100%; background:url(../images/accesaries-bg.png) repeat-x 0 top #cbcbcb; margin:0; display:inline-block; border-left:1px solid #bbb; border-right:1px solid #ddd; box-shadow:0px 5px 5px 0 #666 inset; padding-bottom:5px; position:relative; }
.top-accesaory-block .img-block { width:173px; padding:0; text-align:center; display:table-cell; vertical-align:middle; border:1px solid #bbb; 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 { vertical-align:middle; margin:0; text-align:center; max-height:115px; /* display:table-cell; */ }
.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;}
.accesory-icons-block {width:77%; float:left; margin-left:2%;}
ul.ref-block {width:100%; margin:10px 0 0; padding:0; display:inline-block; }
ul.ref-block li{width:100%; float:left;}
ul.ref-block li p{margin-left:8px; color:#454545; font-family:arial; 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-family:arial; font-size:14px; line-height:24px;}
/* ul.ref-block li.bdr-cray {border-bottom:1px solid #ccc;}*/
ul.ref-block li.bdr-white { margin:10px 0 0 15px; }
ul.ref-block li.bdr-white p { line-height:12px; margin:0 0 10px 0; border:none; }
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 { padding-left:15px; 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; font-family:arial; padding-left:13px; background-position:0px -90px;}
/* 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 { background:url(../images/icons-block.png) no-repeat left -91px transparent; padding-left:15px; float:left;  }
ul.ref-block li.bdr-none {border:none;}
.accesory-bottom-block{ /*border-left:1px solid #cdcbcb; border-right:1px solid #cdcbcb; border-bottom:1px solid #cdcbcb; */ margin:1px 0 0; width:100%; float:left; position:relative; background:url(../images/accesory-blk-bg.png) repeat-x top left transparent; /* 0 10px 10px 0 hsl(0, 0%, 80%) inset; */ }
.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; width:193px;}
ul.product-list li span{float:left; background:url("../images/icons-damage-img.png") no-repeat;font-family:arial; font-size:14px; color:#2c2c2c; height:41px; line-height:31px; padding-left:40px; }
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: 13px 11px 0 5px; 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:#d10042;}
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; font-family:arial; 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:#676767; font-size:35px; text-transform:uppercase; font-family:arial; margin:17px 0 7px 0;}
.video-alert-container p{float:left; color:#343434; font-size:12px; font-family:arial; clear:both; font-weight:bold;}
ul.icon-video-container { width:100%; margin:0 auto 20px; clear:both; padding-top:11px; display:inline-block; }
ul.icon-video-container li{background:url(../images/Bloc-soustexte.png) repeat-x #dedede; width:31.5%; height:70px; margin:11px 0 0 1.5% !important; position:relative; float:left; border-radius:5px; box-shadow:0 0 5px #ddd; }
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:82px; }
ul.icon-video-container li img { float:left; margin:10px 22px 10px 10px; width:50px; }
ul.icon-video-container li span{float:left; clear:both; color:#343434; line-height:21px; width:100%; font-family:arial; font-size:12px;}
ul.icon-video-container li span.ani-icon { width:32px; }
ul.icon-video-container li:hover span.ani-icon { background:url(../images/fleche1-ani.gif) no-repeat 0 0 transparent; }
ul.icon-video-container li span b{color:#3e3e3e; font-weight:bold;}
ul.icon-video-container li:hover span b { color:#d11737; }
.icon-video-container li a{text-decoration:none;}
.mt3 {margin-top:3px;}
.mr20{margin-right:10px;}
span.ani-icon {background:url(../images/fleche1.png)no-repeat; width:38px; height:40px; position:absolute; top:33px; left:43px;}
.inner-container.video-alert-container { bottom:0; margin:0 auto; overflow-y:scroll; padding:0 2%; position:fixed; top:150px; 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; }
#packaccessories .ui-accordion-header.ui-accordion-header-active { background-color:#D11435 !important; }
/*** Family Product page End Here ***/
@media (max-width:1200px) {
 ul.submenu li a { background-position:6px -19px; font-size:12px; padding:0 10px 0 15px; }
 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 .inner-container{background:#dbdbdb;}
#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;
}
#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;
}
#exportpdf .selecteurVehicle .selectall,
#exportpdf .selecteurFamilies .selectall,
#exportpdf .selecteurSubFamilies .selectall {
    padding: 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: #d10042;
    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 #search_family{/*display:none;*/}
#exportpdf #search_type{}
#exportpdf .btnSearch,
#exportpdf .btnGenerate {
    width: 300px;
    padding: 10px;
    margin: auto;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}
#exportpdf .btnSearch {
    background-color: black;
}
#exportpdf .btnGenerate {
    background-color: #d10042;
}
#exportpdf .area_btn_action {
    text-align: center;
}