/**
 * Lusodev
 *
 * TEMPLATE : SCREEN
 *
 * www.lusodev.fr
**/

/******************************************/
/***************[ Ui Custom ]**************/
/******************************************/

.ui-widget-overlay { background: url(../images/zmodules/ui/bg_overlay.png) left top repeat; opacity: 1; filter:Alpha(Opacity=100); }

.ui-dialog { padding: 0; overflow: inherit; }
.ui-dialog {
	-moz-box-shadow: 0 0 4em 0 #666;
	-webkit-box-shadow: 0 0 4em 0 #666;
	-o-box-shadow: 0 0 4em 0 #666;
	box-shadow: 0 0 4em 0 #666;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666, Direction=NaN, Strength=4em);
    background: #FFF;
}
.ui-dialog .left-corner, .ui-dialog .right-corner { width: 10px; height: 50px; padding-top: 5px; top: 9px; left: -10px; background: url(../images/zmodules/ui/img_corner_top-left.png) right top no-repeat; position: absolute; }
.ui-dialog .right-corner { background-image: url(../images/zmodules/ui/img_corner_top-right.png); background-position: left top; }
.ui-dialog .corner-content { height: 50px; width: 10px; background: url(../images/zmodules/ui/bg_title.gif) left top repeat-x; display: block; }

.ui-dialog .ui-dialog-titlebar { padding: 14px 0 0 0; }

.ui-dialog .ui-dialog-titlebar .btn-nav { height: 30px; margin: 10px 70px 10px 0; font-weight: normal; float: right; }
.ui-dialog .ui-dialog-titlebar .a-link.a-prev, .ui-dialog .ui-dialog-titlebar .a-link.a-next { width: 115px; padding: 0 0 0 40px; line-height: 30px; color: #FFF; text-decoration: none; background: url(../images/zmodules/ui/icn_btn-nav.gif) left 0 no-repeat; float: left; }
.ui-dialog .ui-dialog-titlebar .a-link.a-next { padding: 0 40px 0 0; text-align: right; background-position: right -30px; }

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { width: 50px; height: 50px; padding: 0; margin: -18px 0 0 0; display: block; }
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon { width: 50px; height: 50px; margin: 0; background: url(../images/zmodules/ui/icn_close.png) center center no-repeat; }

.ui-dialog .ui-dialog-title { height: 50px; margin: 0; padding: 0 0 0 10px; font-size: 2.1em; font-family: Arial, Helvetica, sans-serif; letter-spacing: -.06em; line-height: 50px; float: none; display: block; color: #FFF; background: url(../images/navigation-container/bg_navigation-container.jpg) left center repeat-x; }
.ui-dialog .ui-dialog-title strong { font-family: "Arial Black", Gadget, sans-serif; font-weight: normal; /*text-transform: uppercase; letter-spacing: -.08em;*/ letter-spacing: -.05em; }

.ui-dialog .ui-dialog-content {
	padding: 15px 20px;
	border-width: 0 5px 5px 5px;
	-moz-border-radius-bottomleft: 7px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 7px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 7px/*{cornerRadius}*/; border-bottom-left-radius: 7px/*{cornerRadius}*/;
	-moz-border-radius-bottomright: 7px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 7px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 7px/*{cornerRadius}*/; border-bottom-right-radius: 7px/*{cornerRadius}*/;
}
.ui-dialog .ui-dialog-content .dialog-content { padding: 2em 10px 2.5em 10px; }

.ui-dialog .ui-resizable-se { bottom: 8px; right: 8px; }

/* Dialog Concession */
.concession-dialog {}
.concession-dialog .map-location { width: 110px; height: 140px; top: -35px; right: 50px; position: absolute; background: url(../images/zmodules/ui/img_map-concessions.png) 0 0 no-repeat; z-index: 1; }
.concession-dialog .map-location.location-briancon {}
.concession-dialog .map-location.location-gap { background-position: 0 -140px; }
.concession-dialog .map-location.location-volx { background-position: 0 -280px; }
.concession-dialog .col2-set {}
.concession-dialog .col2-set .col-map {}
.concession-dialog .col2-set .col-map p { margin: 1.5em 0 0 0; }
.concession-dialog .col2-set .col-content { margin: 0; }
.concession-dialog .col2-set .col-content .opening-hours { padding: .5em; background-color: #E1E2E4; }
.concession-dialog .col2-set .col-content ul { margin: 1.5em 0 0 0; list-style: none; border-bottom: 1px solid #FFF; }
.concession-dialog .col2-set .col-content ul li { padding: 1em 0; margin: 0; border-top: 1px solid #FFF; border-bottom: 1px solid #BFC3C4; }
.concession-dialog .col2-set .col-content ul li.first { border-top: none;}
.concession-dialog .col2-set .col-content ul li.address-data {}
.concession-dialog .col2-set .col-content ul li.phone-data { padding-left: 24px; font-size: 1.3em; color: #333; font-weight: bold; background: url(../images/icn_phone_black.gif) left center no-repeat; }
.concession-dialog .col2-set .col-content ul li.email-data { padding-left: 24px; color: #333; background: url(../images/icn_email_black.gif) 1px center no-repeat;  }
.concession-dialog .col2-set .col-content ul li.fax-data { padding-left: 24px; font-size: 1em; color: #333; font-weight: normal; background: url(../images/icn_fax_black.gif) left center no-repeat; }

/* Dialog Vehicules */
.vehicules-dialog {}
.vehicules-dialog .col2-set {}
.vehicules-dialog .col2-set .col-images { width: 326px; padding: 2em 15px 2.5em 10px; background-color: #FFF; }
.vehicules-dialog .col2-set .col-images {
	-moz-box-shadow: 0 0 1em 0 #BBB;
	-webkit-box-shadow: 0 0 1em 0 #BBB;
	-o-box-shadow: 0 0 1em 0 #BBB;
	box-shadow: 0 0 1em 0 #BBB;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#BBB, Direction=NaN, Strength=1em);
}
.vehicules-dialog .col2-set .col-images .arrow-details { width: 23px; height: 40px; margin: -.2em 0 0 341px; background: url(../images/zmodules/ui/img_arrow-details.png) left top no-repeat; position: absolute; z-index: 1; }
.vehicules-dialog .col2-set .col-images .details { margin: .8em 0 0 0; color: #999; font-size: 1.2em; text-align: right; float: right; }
.vehicules-dialog .col2-set .col-images .details .a-date { display: block; }
.vehicules-dialog .col2-set .col-images .details .a-price { margin-top: .4em; font-size: 1.4em; display: block; }
.vehicules-dialog .col2-set .col-images h2 { padding: 0 15px; }
.vehicules-dialog .col2-set .col-images .a-model { padding: .5em 15px; margin-bottom: .5em; color: #666; font-weight: bold; background: url(../images/bg_stripes.gif) left top repeat; }
.vehicules-dialog .col2-set .col-images .link-zoom { width: 28px; height: 28px; margin: 210px 0 0 290px; font-size: .5em; line-height: .5em; overflow: hidden; text-indent: -99999em; background: url(../images/zmodules/ui/icn_zoom.gif) center center no-repeat; position: absolute; z-index: 1; }
.vehicules-dialog .col2-set .col-images .action-links { margin: .5em 0 .2em 0; font-size: .85em; }
.vehicules-dialog .col2-set .col-images .action-links a { color: #2B3132; text-decoration: none; display: block; }
.vehicules-dialog .col2-set .col-images .action-links a:hover { color: #4678D2; }
.vehicules-dialog .col2-set .col-images .action-links ul { margin: 0; list-style: none; }
.vehicules-dialog .col2-set .col-images .action-links ul li { height: 16px; margin: 0; line-height: 16px; float: right; }
.vehicules-dialog .col2-set .col-images .action-links ul li.icon-pdf a { padding-left: 20px; background: url(../images/icn_pdf.gif) left center no-repeat; }
.vehicules-dialog .col2-set .col-images .more-views {}
.vehicules-dialog .col2-set .col-images .more-views p { margin: 0; }
.vehicules-dialog .col2-set .col-images .more-views p strong { color: #2B3132; }
.vehicules-dialog .col2-set .col-images .more-views ul { margin: 0; list-style: none; }
.vehicules-dialog .col2-set .col-images .more-views ul li { width: 106px; height: 81px; padding-top: 18px; margin: 0 4px 0 0; background: url(../images/zmodules/ui/img_layer_min.gif) left top no-repeat #D9DCDD; float: left; cursor: pointer; }
.vehicules-dialog .col2-set .col-images .more-views ul li:hover { background-color: #EDD92A; }
.vehicules-dialog .col2-set .col-images .more-views ul li.current { background-image: url(../images/zmodules/ui/img_layer_min-current.gif); background-color: #4778D3; }
.vehicules-dialog .col2-set .col-images .more-views ul li.last { margin-right: 0; }
.vehicules-dialog .col2-set .col-images .more-views ul li img { border-top: 1px solid #FFF; }
.vehicules-dialog .col2-set .col-images .more-views ul li img {
    filter: url(filters/filters.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}.vehicules-dialog .col2-set .col-images .more-views ul li.current img {
    filter: none;
    -webkit-filter: grayscale(0);
}
.vehicules-dialog .col2-set .col-content { width: 350px; margin: 0; padding: 2em 30px 2.5em 0; overflow-y: scroll; }
.vehicules-dialog .col2-set .col-content .group { margin-bottom: 2.5em; }
.vehicules-dialog .col2-set .col-content .group.first { margin-top: .6em; }
.vehicules-dialog .col2-set .col-content .group.group-active {}
.vehicules-dialog .col2-set .col-content .group h3 { padding-bottom: .5em; margin: 0; color: #9FA1A3; font-weight: bold; border-bottom: 1px solid #9FA2A3; background: url(../images/zmodules/ui/icn_group_open.gif) right center no-repeat; cursor: pointer; }
.vehicules-dialog .col2-set .col-content .group ul, .vehicules-dialog .col2-set .col-content .group .ul { display: none; }
.vehicules-dialog .col2-set .col-content .group .ul { margin: .5em 0; }
.vehicules-dialog .col2-set .col-content .group.group-active ul, .vehicules-dialog .col2-set .col-content .group.group-active .ul { display: block; }
.vehicules-dialog .col2-set .col-content .group.group-contact h3 { color: #2B3132; background-image: url(../images/zmodules/ui/icn_group_open-black.gif); }
.vehicules-dialog .col2-set .col-content .group.group-contact .form-group { padding: 0; margin-top: 1.5em; background-color: #FFF; }
.vehicules-dialog .col2-set .col-content .group.group-contact .form-group fieldset {}
.vehicules-dialog .col2-set .col-content .group.group-contact .form-group fieldset ul { border-top: 1px solid #9FA2A3; }
.vehicules-dialog .col2-set .col-content .group.group-contact .form-group fieldset ul li.first {}
/*.vehicules-dialog .col2-set .col-content .group.group-contact .form-group fieldset ul li.separator-li { height: 1px; line-height: 1px; padding: 0; border-top: 0; background-color: #9FA2A3; }*/
.vehicules-dialog .col2-set .col-content .group.group-contact .form-group fieldset ul li label { width: 110px; padding: 0 10px; margin-right: 0; }
.vehicules-dialog .col2-set .col-content .group.group-contact .form-group fieldset ul li .input-box { width: 185px; padding: 0 10px; float: left; }
.vehicules-dialog .col2-set .col-content .group.group-contact .form-group fieldset ul li.stripes-li { color: #FFF; background-color: #9FA2A3; }
.vehicules-dialog .col2-set .col-content .group.group-contact .form-group fieldset ul li.block-li { padding-bottom: 1.5em; }
.vehicules-dialog .col2-set .col-content .group.group-contact .form-group fieldset ul li.block-li label, .vehicules-dialog .col2-set .col-content .group.group-contact .form-group fieldset ul li .input-box { width: auto; margin-right: 0; float: none; }
.vehicules-dialog .col2-set .col-content .group.group-contact .form-group fieldset ul li.block-li .medium { width: 90%; }
.vehicules-dialog .col2-set .col-content .group.group-active h3 { color: #4778D3; border-color: #4778D3; background-image: url(../images/zmodules/ui/icn_group_close.gif); }
.vehicules-dialog .col2-set .col-content .group ul { margin: 0; list-style: none; display: none; }
.vehicules-dialog .col2-set .col-content .group.group-active ul { display: block; }
.vehicules-dialog .col2-set .col-content .group ul li { padding: .5em 0; margin: 0; border-top: 1px solid #FFF; border-bottom: 1px solid #9FA2A3; }
.vehicules-dialog .col2-set .col-content .group ul li .txt-value { float: right; }