.vlist { clear: both;}
.vlist h1{margin: 0; padding-right: 10px;}
.vlist p{margin: 10px 0;}
.vlist p span{color: #00ABEF;}
div.vehicles{ clear:both; }
ul.breadcrum{margin:0; padding: 0; list-style:none; }
ul.breadcrum li{margin:0; padding: 0; list-style:none; float:left; width: 32%; line-height:30px;}
ul.breadcrum li:nth-child(1){border-bottom: 5px solid #EEEEEE;}
ul.breadcrum li:nth-child(2){border-bottom: 5px solid #00ABEF; margin:0 2%;}
ul.breadcrum li:nth-child(3){border-bottom: 5px solid #AAAAAA;}
ul.breadcrum li.step1 u{cursor: pointer; }
ul.sortby{margin:0; padding: 0; list-style:none; }
ul.sortby li{margin:0; padding: 0 0 0 10px; list-style:none; float:right; line-height: 40px;}
ul.sortby li a{color: #00ABEF; cursor: pointer;}
ul.sortby li.active a{text-decoration: underline;}
ul.specs{ margin:0; padding:0; list-style:none;}
ul.specs li{ line-height: 18px; min-height: 18px; margin:7px 0 0 0; padding:0; clear:both;}
ul.specs li i.gicons{ line-height: 20px; font-size:1.4em; color:#00B4F1; opacity:1; float:left; margin-right: 10px; }
ul.specs li i.gSymbols{ line-height: 20px; font-size:1.4em; color:#00B4F1; opacity:1; float:left; margin-right: 10px; }
ul.specs li span{ line-height: 20px; display:inline-block;}

div.rental form{ background: #f3f3f3;  box-shadow: 0 0 5px #808080;  }
div.vehicles ul{ margin:0; padding:0; list-style:none; }
div.vehicles > ul > li{ box-shadow: 0 0 5px #808080; margin-bottom: 15px; padding: 10px;}
div.vehicles > ul > li > div > h3{ line-height:1em; margin: 0; }

div.vehicles > ul > li > div > div.vinfo > div.vdesc{ clear:both; display:none; padding-bottom: 10px;}
div.vehicles > ul > li > div > div.pnow{ float:right; text-align:right;}
div.vehicles > ul > li > div > div.ppic{ float:right; text-align:right;}
.ppic img{ height: 150px; }

div.vehicles .ccode{  text-transform: uppercase; }
div.vehicles h4{ margin: 0 0 5px; padding-bottom: 5px; }
ul.price span.cost{ font-size:2.5em; color:#0c7e40; font-weight:bold; line-height:30px;} 
ul.price span.org{ clear:both; display:block; line-height:30px;}
ul.price span.org i{ text-decoration:line-through; }
ul.price a.lbtn{ height: 40px; line-height:40px; font-size:1.2em; color: #00B4F1; background: #def; display:block; float:right; padding: 0 10px; border-radius: 2px; }
ul.price a.pbtn{ height: 40px; line-height:40px; font-size:1.2em; color: #FFF; background: #00B4F1; display:block; float:right; padding: 0 10px; border-radius: 2px; }
ul.price a.lbtn:hover,
ul.price a.pbtn:hover{ color: #FFF; background: #00B4F1; text-decoration: none; box-shadow: 0 0 5px #808080; }
ul.price .more{ clear:both; margin: 5px 0;}
ul.price .promo span{ background:#ffffBB; padding: 5px 10px;}
ul.price .butn{ height:40px; clear:both; }
ul.price .promo{ clear:both; }
ul.price .priceBtn{ line-height:25px; }
div.vehicles ul.price ul.pdetails{ display:none; }
div.vehicles ul.price ul.pdetails{ margin: 5px 0 5px 5px; width: 250px;  float:right; background:#eeeeee; font-size: 0.9em;}
div.vehicles ul.price ul.pdetails li{ text-align: left; padding: 0 5px; }
div.vehicles ul.price ul.pdetails li:last-child{ font-weight:bold; border-top:1px dotted #888;}
div.vehicles ul.price ul.pdetails li span{ float:right; margin-left: 10px; text-align:right; }


p.milesinfo{  margin:0; clear:both; }

#loginForm .HM{display:none;} 
.loginForm .HM{display:none;} 

div.vehicles .expEligible{float: right;font-size: 0.7em;font-weight: normal;font-style: italic;color:#0C7E40;}
.sortby  .nxpSwitch{margin: 0;padding: 0 0 0 10px;list-style: none;float: left;line-height: 40px;}
.sortby  .nxpSwitch input[type="checkbox"]{display: none;}
.sortby  .nxpSwitch i{position: relative;display: inline-block;margin-right: 5px;width: 38px;height: 19px;background-color: #ff4d4d;border-radius: 23px;vertical-align: text-bottom;transition: all 0.3s linear;}
.sortby  .nxpSwitch input:checked +i{background-color: #4BD763;}



.gBtn{ line-height: 40px; cursor:pointer; float:left;}
.gBtn .gicons{ font-size: 3em; opacity: 1; float: left; line-height: 40px; margin-right: 5px; transition: all 0.3s linear; }
.gBtn .gicons.on:after{ content:'toggle_on'; color: green; }
.gBtn .gicons.off:after{ content:'toggle_off'; color: red; }

@media only screen and (min-width: 0) and (max-width: 500px) {
    div.vehicles > ul > li > div > div.pnow{ width: 100%; margin-top: 10px;}
    div.vehicles > ul > li > div > div.ppic{ width: 100%; margin-top: 10px;} 
    
    div.vehicles > ul > li > div > div.vinfo > div.vimg{ width:300px; margin:0 auto; }
    div.vehicles > ul > li > div > div.vinfo > div.spec{ width:300px; margin:0 auto; }
    
}
@media only screen and (min-width: 501px) and (max-width: 550px) {
    div.vehicles > ul > li > div > div.pnow{ width: 100%; margin-top: 10px;}
    div.vehicles > ul > li > div > div.ppic{ width: 100%; margin-top: 10px;} 
    
    div.vehicles > ul > li > div > div.vinfo > div.vimg{ width:300px; float:left; }
    div.vehicles > ul > li > div > div.vinfo > div.spec{ width:calc(100% - 310px); float:left; margin-left:10px; }    
}
@media only screen and (min-width: 0) and (max-width: 800px) {
    .rentalInfo div{float:left; }
    .rentalInfo div h2{margin: 5px 0 0 0; line-height: 25px;}
    .rentalInfo p{float:right; text-align:right; padding-left: 20px;}
    div.vehicles > ul > li > div > div.vinfo{ width:100%;  }
    div.vehicles > ul > li > div > div.pnow{ clear:left; }
}
@media only screen and (min-width: 801px) {
    .vlist .rentalInfo{float:right; text-align: right;}
    .vlist h1{float:left;}
    div.vehicles > ul > li > div > div.vinfo{ width:450px; float:left; }
    div.vehicles > ul > li > div > div.vinfo > div.vimg{ width:300px; float:left; }
    div.vehicles > ul > li > div > div.vinfo > div.spec{ width:120px; float:left; margin-left:20px; }
    div.rental form{ float:left; }
}
@media only screen and (min-width: 551px) and (max-width: 800px) {
    div.vehicles > ul > li > div > div.pnow{ width: calc(50% - 5px); margin-left:10px; }
    div.vehicles > ul > li > div > div.ppic{ width: calc(50% - 5px); }    
    div.vehicles > ul > li > div > div.vinfo > div.vimg{ width:300px; float:left; }
    div.vehicles > ul > li > div > div.vinfo > div.spec{ width:calc(100% - 310px); float:left; margin-left:10px; }    
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
    div.sortBox{width: calc(90% - 220px); position: absolute; margin-top: -85px; }
    div.sortBox .line{display:none;}
    div.vehicles > ul > li > div > div.pnow{ width: calc((100% - 450px) - 20px); }
    div.vehicles > ul > li > div > div.ppic{ width: calc((100% - 450px) - 20px); margin-top: 10px; clear:right;}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    div.sortBox{width: calc(95% - 220px); position: absolute; margin-top: -85px; }
    div.sortBox .line{display:none;}
    div.vehicles > ul > li > div > div.pnow{ width: calc((100% - 450px)/2 - 20px); margin-left:20px; }
    div.vehicles > ul > li > div > div.ppic{ width: calc((100% - 450px)/2 - 20px); margin-left:20px;  }
}
@media only screen and (min-width: 1281px) {
    div.sortBox{width: 1040px; position: absolute; margin-top: -85px; }
    div.sortBox .line{display:none;}
    div.vehicles > ul > li > div > div.pnow{ width: calc((100% - 450px)/2 - 20px); margin-left:20px; }
    div.vehicles > ul > li > div > div.ppic{ width: calc((100% - 450px)/2 - 20px); margin-left:20px; }
}