.dropdown-cont-vertical {
     margin-top: 20px;
     margin-bottom: 20px;
     clear: both;
     float: left;
    -webkit-border-radius: 15;
    -moz-border-radius: 15;
    border-radius: 15px;
    border: 3px solid #2b3f86;
    font-family: Arial;
    min-height: 100px;
    position: absolute;
    width: 250px;
     z-index: 250;
     display: none;
     background-color: white;
}

.dropdown-cont-vertical .header {
    /* width: 300px;*/
    width: auto;
    height: 20px;
    padding-left: 5px;
    background-color: white;
    position: absolute;
    top: -18px;
    left: 40px;
}


.dropdown-cont-vertical .vehicle-widget {
    padding: 20px;
    width: 100%;
}

 .dropdown-cont-vertical p.header {
    font-weight: bold;
    text-transform: uppercase;
    font-size:25px;
}

 .dropdown-cont-vertical p.header a {
     color: #333;
     text-decoration: none;
 }

 .dropdown-cont-vertical h1.header {
     font-weight: bold;
     text-transform: uppercase;
     font-size:25px;
     top: -18px;
     left: 25px;
     padding: 0;
     margin: 0;
     width: auto;

     margin: auto;
 }

 .dropdown-cont-vertical h1.header a {
     color: #333;
     text-decoration: none;
     width: auto;
 }


 .dropdown-cont-vertical p {
    text-align: center;
}

 .dropdown-cont-vertical .action {
     font-size: 16px;
     font-weight: bold;
     color: #FF6600;
     text-transform: uppercase;
 }

.vehicle-selector {
     float: left;
     margin-left: 0px;

     margin-bottom: 15px;
     width: 100%;
 }

.vehicle-selector .dropdown-wrap {
    width: 555px;
    margin: auto;
}

.vehicle-selector .wrap {
     float: left;
     margin-left: 20px;
 }


.vehicle-selector .wrap:first-child {
     margin-left: 0;
 }
.vehicle-selector .button {
     position: relative;
     cursor: pointer;
     background-color: #efefef;
     font-weight: bold;
     padding: 6px 22px 6px 23px;
     text-decoration: none;
     border: 1px solid #1e2227;
     border-radius: 6px 6px 6px 6px;
    width: 170px;
 }




.vehicle-selector .button .label {
     font-size: 14px;
     color: #7d868a;
 }
.vehicle-selector .button .caret {
     font-size: 17px;
     color: #7d868a;
    margin-left: 0;
 }
 .vehicle-selector .button .menu-down {
     display: none;
     font-size: 40px;
     font-weight: bold;
     color: #ff9900;
     z-index: 7;
     border: 0;
     position: absolute;
     left: 37%;
     top: -43px;
     height: 23px;
     text-shadow: -1px 0 #b58969, 0 1px #b58969, 1px 0 #b58969, 0 -1px #b58969;
 }

 .vehicle-selector .button .menu-down.active {
     display: block;
 }

.vehicle-selector .button.active .label,.vehicle-selector .button.active .caret {
     color: #35383d;
 }

 .vehicle-selector .submit-cont {
     clear: both;
     float: left;
     width: 400px;
     margin-left: 10%;
     margin-top: 20px;
 }
.vehicle-selector .button.submit {
    width: auto;
    background-image: linear-gradient(to bottom, #ff9900, #ff8400);
    border: 1px solid #ff6600;

    padding: 2px 8px 2px 8px;

 }
 .vehicle-selector .button.submit:hover {
     background-image: linear-gradient(to bottom, #ffa723, #ff6600);
 }

 .vehicle-selector .button.submit .label {
     font-size: 24px;
     font-weight: bold;
     color: white;
     text-shadow: -1px 0 #b58969, 0 1px #b58969, 1px 0 #b58969, 0 -1px #b58969;
 }

 .vehicle-selector .button.submit .label .glyphicon {
     font-size: 14px;
     font-weight: bold;
     color: white;
 }
.vehicle-selector .overlay {
     display: none;
     position: absolute;
     left: 0px;
     margin-top: 20px;
     z-index: 6;
     width: 100%;
     height: auto;
     border: 1px solid #2b3f86;
     border-radius: 6px 6px 6px 6px;
     box-shadow: 3px 3px 5px #535353;
     background-color: white;
     font-size:14px;
    height: 300px;
    overflow-y: auto;
 }
 .vehicle-selector .overlay:before {
     content: "";
     position: absolute;
     bottom: -20px;
     left: 40px;
     border-width: 20px 20px 0;
     border-style: solid;
     border-color: #2b3f86 transparent;
     display: block;
     width: 0;
 }

 .vehicle-selector .overlay:after {
     content: "";
     position: absolute;
     bottom: -13px;
     left: 47px;
     border-width: 13px 13px 0;
     border-style: solid;
     border-color: #fff transparent;
     display: block;
     width: 0;
 }

 /* creates the larger triangle */
 .vehicle-selector .overlay.top:before {
     top: -20px;
     bottom: auto;
     left: auto;
     right: 40px;
     border-width: 0 20px 20px;
 }

 /* creates the smaller  triangle */
 .vehicle-selector .overlay.top:after {
     top: -18px;
     bottom: auto;
     left: auto;
     right: 47px;
     border-width: 0 19px 19px;
 }


 .vehicle-selector .year-cont .overlay:before {
     left: 157px; /* controls horizontal position */
 }
 .vehicle-selector .year-cont .overlay:after {
     left: 158px; /* value = (:before right) + (:before border-right) - (:after border-right) */
 }

 .vehicle-selector .make-cont .overlay:before {
     left: 342px; /* controls horizontal position */
 }
 .vehicle-selector .make-cont .overlay:after {
     left: 343px; /* value = (:before right) + (:before border-right) - (:after border-right) */
 }

 .vehicle-selector .model-cont .overlay:before {
     left: 527px; /* controls horizontal position */
 }
 .vehicle-selector .model-cont .overlay:after {
     left: 528px; /* value = (:before right) + (:before border-right) - (:after border-right) */
 }


 .vehicle-selector .overlay ul {
     display: block;
     float: left;
     list-style-type: none;
     padding-right: 20px;
     padding-left: 0;
     margin-top: 10px;
 }
.vehicle-selector .overlay ul:first-child {
     padding-left: 10px;
 }
.vehicle-selector .overlay ul:first-child {
     padding-right: 10px;
 }
.vehicle-selector .overlay ul li {
     margin-top: 5px;
     color: black;
     cursor: pointer;
     padding-left: 3px;
 }
.vehicle-selector .overlay ul li:hover {
     color: #fff;
     background-color: #7d868a;
     opacity: 1;
     filter: alpha(opacity=100);
     border-radius: 6px 6px 6px 6px;
 }
.vehicle-selector .overlay ul span {
     font-size: 97%;
     font-weight: bold;
     display: block;
     clear: both;
 }









 .vehicle-selector .wrap {
     margin-top: 10px;
     margin-left: 0;
     clear:both;

 }

 .vehicle-selector .button {
     clear:both;
     width: 210px;
 }

 .vehicle-selector .submit-cont .button {
     height:50px;
     width: 210px;
     height:auto;
     margin-top:10px;
 }


 .vehicle-selector .button .menu-down {
     position: absolute;
     left: 0;
     top: 8%;
     -ms-transform: rotate(-90deg); /* IE 9 */
     -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
     transform: rotate(-90deg);
     font-size: 25px;
 }

 .change-vehicle-cont .vehicle-selector .button .menu-down {
     top: 5px;
 }

 .vehicle-selector .year-cont .overlay:before,
 .vehicle-selector .make-cont .overlay:before,
 .vehicle-selector .model-cont .overlay:before
 {
     left: 40%; /* controls horizontal position */
 }
 .vehicle-selector .year-cont .overlay:after,
 .vehicle-selector .make-cont .overlay:after,
 .vehicle-selector .model-cont .overlay:after
 {
     left: 40.5% ; /* value = (:before right) + (:before border-right) - (:after border-right) */
 }

 .vehicle-selector .overlay {
     width: 100%;
     left:0px;
 }

 .vehicle-selector .overlay ul {
     padding-left: 10px;
 }



 .part-finder .dropdown-cont-vertical {
     left: -55px;
     top: 20px;
 }


 @media screen and (max-width: 776px) {

     .dropdown-cont {
         width: 100%;
         clear:both;

     }


     .dropdown-cont .header {
         /* width: 300px;*/
         width: 90%;
         height: 40px;
         padding-left: 0px;
         background-color: white;
         position: absolute;
         top: -3vw;
         left: 4vw;

     }

     .dropdown-cont p.header {
         font-size:3vw;
     }

     .dropdown-cont h1.header {
         font-size:3vw;
     }


     .vehicle-selector .dropdown-wrap {
         width: 100%;
         clear:both;
     }

     .vehicle-selector .wrap {
         width: 100%;
         clear:both;
         margin-top: 2vw;
         margin-left: 0;
     }

     .vehicle-selector .button {
         width: 100%;
         clear:both;
         height:50px;
     }

     .vehicle-selector .submit-cont .button {
         height:50px;
     }

     .vehicle-selector .button .menu-down {
         position: absolute;
         left:0;
         top:13px;
         -ms-transform: rotate(-90deg); /* IE 9 */
         -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
         transform: rotate(-90deg);
         font-size: 30px;
     }


     .change-vehicle-cont .vehicle-selector .button .menu-down {
         top: 13px;
     }


     .vehicle-selector .year-cont .overlay:before,
     .vehicle-selector .make-cont .overlay:before,
     .vehicle-selector .model-cont .overlay:before
     {
         left: 45%; /* controls horizontal position */
     }
     .vehicle-selector .year-cont .overlay:after,
     .vehicle-selector .make-cont .overlay:after,
     .vehicle-selector .model-cont .overlay:after
     {
         left: 45.5% ; /* value = (:before right) + (:before border-right) - (:after border-right) */
     }

     .vehicle-selector .overlay {
         width: 100%;
         left:0px;
     }

     .vehicle-selector .overlay ul {
         padding-left: 10px;
     }

     .vehicle-selector .submit-cont {
         clear: both;
         width: 100%;
         margin-top: 20px;

     }



     .dropdown-cont .action {
         position: relative;
         top: 15px;
     }

     .part-finder .dropdown-cont-vertical {
         left: 0;
     }

     .vehicle-selector .overlay {
         height: auto;
         max-height: 300px;
     }

     .vehicle-selector .overlay ul:first-child {
         padding-right: 20px;
     }



 }

 @media screen and (max-width: 600px) {
     .dropdown-cont p.header {
         font-size:4vw;
         background-color: white;
     }

     .dropdown-cont h1.header {
         font-size:4vw;
         background-color: white;
     }

     .vehicle-selector .year-cont .overlay:before,
     .vehicle-selector .make-cont .overlay:before,
     .vehicle-selector .model-cont .overlay:before
     {
         left: 42%; /* controls horizontal position */
     }
     .vehicle-selector .year-cont .overlay:after,
     .vehicle-selector .make-cont .overlay:after,
     .vehicle-selector .model-cont .overlay:after
     {
         left: 42.5% ; /* value = (:before right) + (:before border-right) - (:after border-right) */
     }
 }

 @media screen and (max-width: 450px) {
     .dropdown-cont p.header {
         font-size:5.3vw;
         background-color: white;
         top: -5vw;
     }

     .dropdown-cont h1.header {
         font-size:5.3vw;
         background-color: white;
         top: -5vw;
     }

     .vehicle-selector .year-cont .overlay:before,
     .vehicle-selector .make-cont .overlay:before,
     .vehicle-selector .model-cont .overlay:before
     {
         left: 40%; /* controls horizontal position */
     }
     .vehicle-selector .year-cont .overlay:after,
     .vehicle-selector .make-cont .overlay:after,
     .vehicle-selector .model-cont .overlay:after
     {
         left: 40.5% ; /* value = (:before right) + (:before border-right) - (:after border-right) */
     }


     .vehicle-selector .wrap {
         margin-top: 5vw;
     }

     .vehicle-selector .submit-cont .button {
         height:50px;
     }


 }