/* Quick Quote Widget Container                      */
/*-------------------------------------------------- */
.quick-quote-default { padding: 0 5px; color: #333; }
.quick-quote-default:after,
.quick-quote-default form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* Form                                              */
/*-------------------------------------------------- */
/* Prevent flash of unstyled content (FOUC) caused by JS manipulation */
.quick-quote-default form { visibility: hidden; }
.quick-quote-default form.initialized { visibility: visible; }

/* First fieldset - Step 1: Choose your Vehicle */
.qq-choose-vehicle { float: left; min-width: 220px; width: 60%; max-width: 480px; }
.qq-choose-vehicle select { width: 100%; }
.qq-choose-vehicle label span { display: none; }

/* Second fieldset - Step 2: Enter Your Information */
.qq-enter-info { float: right; min-width: 220px; width: 30%; margin-bottom: 40px; }

/* Stacked Classes added via widget.js if in narrow container */
.quick-quote-default .fieldset-stacked { float: none; width: 100%; }

/* Form Misc */
.qq-choose-vehicle .mod { margin: 0; }
.qq-choose-vehicle select { width: 96%; margin: 0 auto; min-width: 5.25em; }
.quick-quote-default select.autoselected { opacity: .5; }


/* Vehicle Image Showcase                            */
/*-------------------------------------------------- */
#showcase { float: left; width: 100%; margin-top: 10px; text-align: center; }
#qq-vehicle-picture { min-height: 360px; width: 100%; background: #fff url('../images/showcase_bg.jpg') no-repeat 50% 50%; border: 1px solid #cecece; }
#qq-vehicle-picture.qq-default-bg { background-size: 75% }
#qq-vehicle-picture a { display: block; width: 100%; line-height: 0; text-indent: -9999px; }
#qq-vehicle-picture img { display: block; width: 100%; }
#qq-color-info { display: inline-block; margin: 10px; padding: 5px; overflow: auto; text-align: center; }
#qq-color-info .swatches { display: inline-block; }
#qq-color-label { margin-bottom: 5px; }
.swatches .color { float: left; margin: 0 2px; padding: 0; list-style: none; }
.swatches a span { display: block; width: 36px; height: 30px; margin: 0 3px 0 0; background: #888 url('https://www.parkwaybuickgmcvalencia.com/static/v9/widgets/quick-quote/default/v1/images/swatch.png') no-repeat scroll 50% 50%; text-indent: -9999px; }
.swatches a:hover span { background: transparent url('https://www.parkwaybuickgmcvalencia.com/static/v9/widgets/showroom/default/v1/images/swatch-hover.png') repeat scroll 0 0; }
.qq-media { text-align: center; }
.no-image { display: block; width: 100%; height: 1.5em; margin: 30% auto 0; text-align: center; background-color: #fff; }


/* Mobile                                            */
/*-------------------------------------------------- */
.mobile #qq-vehicle-picture { min-height: 270px; }