.heading{border-bottom: 1px solid #eaeaea; }
.heading h2{ font-size:1.5em;}
.heading h3{ margin:0; height:30px; line-height:30px; font-size:1.2em;}
.heading h3 i{ float:left; color:#00B4F1; opacity:1; font-size:1.2em; line-height:30px; margin-right:5px;}
.rbox{ width: 300px; }
.hop{ width: 100%; box-shadow: 0 0 5px #888; margin-top: 15px; padding: 0 0 10px 0;}
a.salesURI{ width: 100%; display:block; line-height: 40px; margin:0; height:40px; text-align:center; margin-top: 20px; font-size: 1.3em; color: #fff; text-decoration: none; background: #44B3E6; color: #fff; cursor: pointer;  border-radius: 2px;  }
a.salesURI:hover{ box-shadow: 0 0 5px #888;  }
.hop h2{ padding: 0 10px; line-height: 40px; margin:0; height:40px;}
.hop ul{ margin:0; padding: 0; list-style:none;}
.hop ul li{ margin:0; padding: 0 10px; list-style:none; height: 30px;line-height: 30px; clear:both;}
.hop ul li span:first-child{ float:left; }
.hop ul li span:last-child{ float:right; }
.hoptxt li{ line-height:normal!important; height:unset!important;}
.content{ clear:left; padding-top: 10px;}
.content h1,
.content h2,
.content h3,
.content h4{ line-height: normal !important; }
h1{ margin: 0; }
h2{ margin: 0; font-size: 1.5em; line-height: 30px; }
ul.rating{ list-style:none; margin:0; padding:0; height:25px;}
ul.rating li{ list-style:none; margin:0; padding:0; float:left; height:25px;}
ul.rating li i{ color: #e7711b; opacity:1;}
div.rental form{ background: #f3f3f3;  box-shadow: 0 0 5px #808080; }
div.reviewsT{ padding: 10px; background:#eee; clear:both;}
div.reviewsS{ border-top: 1px solid #eee; padding: 10px 0; clear:both;}
div.reviewsS .reviewsB{ float:left; width: 150px; padding: 10px 0;}
div.reviewsS .reviewsB span{ display:block; }
div.reviewsS .reviewsN{ float:left; width: 120px; }
div.reviewsS .reviewsM{ float:left; }

@media only screen and (min-width: 0) and (max-width: 800px) {
    div.reviewsS .reviewsM{ width: calc(100% - 150px); padding: 0 0 10px 0; }
    div.reviewsS .reviewsN{ padding: 10px 0 0 0;}
}
@media only screen and (min-width: 801px){
    div.rental form{ float:left; }
    .heading{float:left; width:calc(100% - 310px);}
    .rbox{float:right; margin-left: 10px; margin-bottom: 10px; }
    div.reviewsS .reviewsM{ width: calc(100% - 270px); padding: 10px 0; }
    div.reviewsS .reviewsN{ padding: 10px 0;}
}

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 span{ line-height: 20px; display:inline-block;}

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;}

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;} 

.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; }
.sortBox p{ display:block; float:right; text-align:right; width:250px;}
.sortBox p span{ color:#00B4F1;}
.sortby{ float:left; list-style:none; margin:0; padding:0;}
.sortby li{ float:right; margin-right:10px; }
.sortby li.active{ text-decoration:underline; }

.policiesList{ list-style:none; margin:0; padding:0;}
.policiesList > li{ list-style:none; margin:0; padding:0 0 20px 0;}

@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) {
    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) {
    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; }
}
@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.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.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.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; }
}