@import url('https://fonts.googleapis.com/css?family=Bitter:400,400i,700');
/*@import url("reset.css");*/
*{ -webkit-appearance: none;margin:0; padding:0; outline:none; box-sizing:border-box; font-family: 'Bitter', serif;}
body{ font-family: 'Bitter', serif; font-weight:400; color:#666666;  font-size:13px; margin:0; padding:0; letter-spacing:.5px; }

ul,ol, li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{ text-decoration:none; outline:none;}
img{ border:0px; outline:none; display:block; max-width:100%;}

.left{float:left !important;}
.right{float:right !important;}
.clr{ clear:both;}

/*Animations & effects*/
/* Chrome, Safari, Opera */ 
@-webkit-keyframes mymove {0%{transform: scale(1);}50%{transform: scale(1.05)} 100%{transform: scale(1)}}
/* Standard syntax */
@keyframes mymove {0%{transform: scale(1);}50%{transform: scale(1.05)} 100%{transform: scale(1)}}
.cmn-shadow{box-shadow:0 0 10px rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);-o-box-shadow:0 0 10px rgba(0,0,0,0.2)}

header, section, footer{ float:left; width:100%;}
h1, h2, h3, h4, h5, h6{ float:left; width:100%; margin:0; padding:0;}
.wrapper{ margin:0 auto; max-width:1200px; width:100%;}
.full_row{ float:left; width:100%;}
.small_padding{ padding:10px;}

/*Custom*/
header{ background:#429DCA; border:none; border-top:#2A76AB 10px solid; color:#FFFFFF; padding:0px 0; line-height:83px;box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.25);}
header a{ color:#FFF;}
header a:hover, header a.active{ background:#2A76AB;}
header .logo{ float:left; width:15%; max-width:145px; padding:10px 0;}
header .logo a:hover{ background:none;}
header .home_icon{ float:left; width:5%; max-width:50px; }
header .home_icon a{ display:block; padding:0 13px; line-height:inherit; text-align:center;}
header .home_icon a img{ display:inline-block;}

header .PhoneMenu{ float:right;  line-height:inherit; display:none;}
header .PhoneMenu a{ float:right; width:100%; padding:0 20px; display:block; text-align:center; line-height:inherit;}
header .PhoneMenu a img{ display:inline-block; vertical-align:middle;}
header .login{ float:right; max-width:152px; width:14%; height:32px; margin:25.5px 0;line-height:32px;}
header .login.desktop{ display:block;}
header .login.mobile{ display:none; width:25px;}
header .myaccount_full{ float:right; position:relative;margin-right:10px;}
header .myaccount{ float:right; max-width:152px; padding:0 10px; padding-right:25px; height:32px; margin:25.5px 0;line-height:32px; position:relative; background:#22446E; border-radius:3px; cursor:pointer; }
header .myaccount:before{ position:absolute; z-index:1; right:10px; top:12px; content:"";width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;}
header .myaccount_full .dropdown{ position:absolute;top:58px; left:0; width:100%; background:#fff; z-index:1; overflow:hidden; display:none;}
header .myaccount_full .dropdown ul{ float:left; width:100%; margin:0; padding:0;}
header .myaccount_full .dropdown ul li{ float:left; width:100%; }
header .myaccount_full .dropdown ul li a{ float:left; width:100%; color:#429DCA; font-size:12px; line-height:25px; text-transform:uppercase;padding:10px;}
header .myaccount_full .dropdown ul li a:hover{ color:#fff;}

header .login a{ background:#22446E; display:block; text-align:center; border-radius:3px;}
header .login a:hover{ background:#2A76AB;}
header nav.desktop_menu{ float:right; max-width:69%; display:block; }
header nav.desktop_menu ul.Main_menu{ float:right; margin:0; padding:0; list-style:none; padding-right:10px;}
header nav.desktop_menu ul.Main_menu li{ float:left; margin:25.5px 0px;}
header nav.desktop_menu ul.Main_menu li a{ height:32px; line-height:32px; text-transform:uppercase; font-size:14px; display:block; padding:0 15px; border-radius:3px; text-align:center;}
.R_menu_block{ float:left; width:100%; background:#FFF; border-bottom:#429DCA 2px solid; display:none; overflow:hidden;}
.R_menu_block.active{display:block; opacity:1; visibility:visible;}
.R_menu ul.Main_menu{ float:left; width:100%; margin:0; padding:0; list-style:none; padding-right:10px;}
.R_menu  ul.Main_menu li{ float:left;  width:16.66%; padding:0px 0; display:inline-block; text-align:center; border-right:#E9EDF0 1px solid;}
.R_menu  ul.Main_menu li:first-child{border-left:#E9EDF0 1px solid;}
.R_menu  ul.Main_menu li a{  line-height:30px; color:#666666; text-transform:uppercase; padding:7px 0; font-size:14px; display:block; width:100%;}
.R_menu  ul.Main_menu li a:hover{ background:#E9EDF0;}

.Commen_header{ float:left; width:100%;}
.bannerWrap{ float:left; width:100%;}
.BnrFul, .unslider-nav{display:none;}

#demo { position:relative;}
#demo .item{ position:relative;}
#demo .item .content{ position:absolute; width:100%; text-align:center; height:200px; top:50%; left:0; margin-top:-100px; color:#fff;}
#demo .item .content .rightOverlayContent{ float:right; width:100%;}
#demo .item .content .rightOverlayContent h1{ float:left; width:100%; text-align:center; font-size:30px; font-weight:400; margin:0; padding:0; line-height:40px}
#demo .item .content .rightOverlayContent h1 span{ float:left; width:100%; font-size:35px; font-weight:300; margin:0; padding:0; text-align:center;}
#demo .item .content .rightOverlayContent a.btn{ display:inline-block; padding:10px 35px; margin-top:30px; border-radius:3px; border:#FFF 2px solid; font-size:16px; color:#fff;}
#demo .item .content a.btn:hover{ background:#fff; color:#333;}

#demo .item .Overlay{ position:absolute; width:100%; left:0; top:0; z-index:1; height:100%;background:rgba(0,0,0,0.5);}
.TableDiv{ display:table; width:100%; height:100%;}
.MiddleContent{ display:table-cell; vertical-align:middle; color:#FFF; text-align:center;}
#bannerWrap h1{ width:100%; padding:10px 25%; line-height:45px; font-size:30px; text-transform:uppercase; font-weight:400; }
#bannerWrap a{ padding:0px 30px; border-radius:3px; color:#fff; display:inline-block; clear:both; background: #0F70AD; line-height:36px; margin-top:0px;font-weight:400; color:#FFF; text-transform:uppercase;}
#bannerWrap .item img{width:100%;}

.Sections{ float:left; width:100%; padding:30px 0;}
.SearchBg{ background:#E5E5E5; padding:20px 0;}
.SearchPanel{ float:left; width:100%;}
.SearchPanel h1{ background:#429DCA; color:#FFFFFF; font-size:18px; line-height:45px; float:left; width:100%; padding-left:35px; text-transform:uppercase;}
.Search_Tab_ul{ float:left; width:100%; margin:0; padding:0; list-style:none;}
.Search_Tab_ul li{ float:left; width:33.333333%;}
.Search_Tab_ul li a{ float:left; width:100%; line-height:45px; display:block; cursor:pointer; font-size:18px; color:#FFFFFF; background:#429DCA; text-align:center;}
.Search_Tab_ul li a.active, .Search_Tab_ul li a:hover{ background:#FFFFFF; color:#429DCA;}
.SearchDiv{ float:left; width:100%; background:#FFFFFF; padding:35px}
#by_type{ display:block;}
#by_type .Search_Ul{ float:left; width:100%; margin:0; padding:0;}
#by_type .Search_Ul li.dropDown{ float:left; width:20%; padding:0 15px; margin:0%;}
#by_type .Search_Ul li.dropDown:last-child{ float:right; margin-top:13px;}
.Search_btn{ -webkit-appearance: none;float:right; padding:0 30px; font-size:15px; color:#FFFFFF; line-height:36px; border:none; border-radius:3px; text-transform:uppercase; cursor:pointer; background:#0F70AD;}
.Search_btn:hover{ background:#2A76AB;}
.Search_input{ float:left; width:100%; line-height:36px; border: #D8D7D7 1px solid; padding:0 15px;}

#by_vin .Search_Ul{ float:left; width:100%; margin:0; padding:0;}
#by_vin .Search_Ul li.dropDown{ float:left; width:50%; padding:0 15px; margin:0%;}
#by_vin .Search_btn{ float:left;}
#by_vin{ display:none;}

/*Custom Select box*/
.customselectbox{ margin:0px; float:left; font-family:arial; font-size:13px; color:#333; width:100%; position:relative; font-family: 'Bitter', serif;}
.select-full{ border:#000000 1px solid;  width:100%; padding:10px; box-sizing:border-box;}
ul,li{ list-style:none;}
.selectedVal{border: #D8D7D7 1px solid; padding:5px 10px; width:100%; float:left; height:36px; line-height:23px; box-sizing:border-box; cursor:pointer; position:relative; z-index:5; font-size:14px; color:#908f8f;}
.custom-UI{ width:100%; background:#eee; display:none; position:absolute; left:0; top:30px; z-index:99;}
.custom-UI li{ margin:0px; padding:5px 10px; box-sizing:border-box;  width:100%; float:left; line-height:35px;}
.custom-UI li:hover{ background:#ADD6EB; cursor:pointer;}
.hide{position: absolute; left: 0px; top: 0px; opacity: 0; z-index: 1;}
.selectedVal:before{width: 0; height: 0; border-left: 6px solid transparent;border-right: 6px solid transparent;content: "";	border-top: 6px solid #999999;position: absolute;    right: 8px; top: 15px;}

h2{ font-size:24px; padding-bottom:30px; line-height:30px; text-transform:uppercase; color:#333333; text-align:center;}
.Featured_Main_Ul{ float:left; width:100%; margin:0; padding:0;}
.Featured_Main_li{ float:left; width:30%; background:#fff; margin:0 2%;box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.15);;-moz-box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.15);-o-box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.15);}
.Featured_Main_li:first-child{ margin-left:0;}
.Featured_Main_li:last-child{ margin-right:0;}

.Featured_Main_li .location_details{ float:left; width:100%; padding:30px; background:#CAE8FD; display:block;}
.Featured_Main_li .location_details .Location_content{ float:right; position:relative; width:70%;}
.Featured_Main_li .location_details .Location_Img{float:left; width:28%;}
.Location_content  h4{ float:left; width:100%; text-transform:uppercase; color:#0f70ad; font-size:18px; font-weight:700; text-align:left;}
.Location_content  h4 span{ float:left; width:100%; text-transform:capitalize; color:#0f70ad; font-size:18px; font-weight:400; text-align:left;}
.Location_content a.unit_count{float:left; padding:0 20px; background:#0083BA; line-height:26px; text-transform:uppercase; color:#FFFFFF; font-size:14px; font-weight:400; text-align:left; border-radius:3px; margin:10px 0;}
.Location_content p{float:left; width:100%; font-size:14px; color:#666666; line-height:20px; margin:6px 0;}
.Truck_Ul{ float:left; width:100%;}
.Truck_li{ float:left; width:100%; padding:30px; position:relative;}
.Truck_Img{ float:left; width:100%; overflow:hidden; background:#000000; position:relative;}
.Truck_li h3{ float:left; width:100%; font-size:18px; color:#0f70ad; padding:20px 0 13px 0; text-transform:capitalize; line-height:26px; border-bottom:#CCD8E0 1px solid;}
.Truck_li h3 span.vin{ float:left; width:100%; font-size:14px; color:#666666;}
.Truck_li h5{ float:left; width:100%; font-size:14px; line-height:35px; color:#0f70ad;  border-bottom:#CCD8E0 1px solid; margin-bottom:15px;}
.Truck_li h5 span{ font-size:20px; line-height:35px; font-weight:700;}
.Truck_li p.Short_detail{ float:left; width:100%; font-size:13px; line-height:18px; color:#666666; padding-left:20px; background:url(../img/list-style_1.png) no-repeat left top;}
.Truck_li .Mobile_View_Detail{ float:left; width:100%; padding:15px; background:#CAE8FD; color:#07648b; font-size:16px; display:none; margin:10px 0;}
.Truck_li a.list_link{ float:left;  font-size:13px; line-height:26px; padding:0 20px; color:#666666; background:#E5E2E2; border-radius:5px; margin-top:10px;}
.Truck_btn_full{ position:absolute; right:30px; bottom:30px; }
.Truck_btn_full a{ font-size:20px;  color:#B5B5B5; margin:0 0 0 5px; cursor:pointer;}
.Truck_btn_full a:hover, .Truck_btn_full a.active{ color:#429DCA;}
.Truck_li:hover{ background:#E2F3FF;}
.Truck_li:hover .Truck_List_Images{ opacity:.4;}
.Truck_Hover_Details{ position:absolute; width:100%; bottom:0; left:0; padding:20px; color:#FFFFFF; font-size:18px; line-height:25px; display:none; }
.Truck_Img:hover .Truck_Hover_Details{ display:block;}
.Truck_li:hover a.list_link{ color:#FFFFFF; background:#429DCA;}

.BrowseInventory{ background:#D2ECFD;}
#InventoryList{ float:left; width:100%;}
.Inventory_Each{ float: left; width:100%; padding:10px;}
.Inventory_Each .Inventory_Image{ float:left; width:100%;}
.Inventory_Each h3{ float:left; width:100%; font-size:18px; color:#0f70ad; padding:20px 0 13px 0; text-transform:uppercase; line-height:26px; border-bottom:#CCD8E0 0px solid; text-align:center;}
.Inventory_Each .link{ float:left; width:100%; position:relative; text-align:center;}
.Inventory_Each .link a{ text-transform:uppercase; color:#666666; font-size:13px;}
.Inventory_Each .link a:hover{color:#0f70ad;} 
.Inventory_Each .link:before{ position:absolute; width:50px; top:50%; height:1px; right:30px; content:""; background:#B8CAD6;}
.Inventory_Each .link:after{ position:absolute; width:50px; top:50%; height:1px; left:30px; content:""; background:#B8CAD6;}

.ads_Each{ float:left; width:100%;  position:relative;}
.ads_overlay{ position:absolute; background:rgba(0,0,0,0.5); z-index:1; width:70%; height:100%; top:0; right:0; padding:20px 25px 0 0; text-align:right;}
.ads_overlay h2{ float:left; width:100%; text-align:right; color:#ffffff; font-size:24px; text-transform:capitalize; padding-bottom:10px;}
.ads_overlay h2 span{ float:left; width:100%; text-align:right; color:#ffff00; font-size:45px; font-weight:700;}
.ads_overlay p{ float:left; width:100%; text-align:right; color:#ffffff; font-size:12px; text-transform:uppercase; }
.ads_overlay_details{ position:absolute; background:none; z-index:2; width:70%;  bottom:0; right:0; padding:0 25px 20px 0; text-align:right;}
.ads_overlay_details p{ float:right; clear:both; padding:0 20px 0 10px; color:#ffffff; margin:1px 0; background:url(../img/list_left_arrow.png) no-repeat right center, rgba(255,255,255,0.3);}
.ads_overlay_details h3{ float:left; width:100%; text-align:right; color:#ffffff; font-size:17px; text-transform:uppercase; padding-bottom:10px; line-height:24px;}
.ads_overlay_details h3 span{ float:left; width:100%; text-align:right; color:#ffffff; font-size:30px; font-weight:700;}
.ads_overlay_details .link{ float:right; background:#FFFF5D; color:#0d4153; font-size:14px; padding:5px 20px; text-transform:uppercase;}

.engine{ background:#E5E5E5;}
.Engine_ul{ margin:0; padding:0; float:left; width:100%;}
.Engine_ul li{ float:left; width:18%; border-right:#CECECE 1px solid; height:auto; padding:10px;}
.Engine_ul li:last-child{ border-right:none;}
.Engine_ul li:nth-child(3){ width:28%;}
.Engine_ul li .Images{ float:left; width:100%; text-align:center;}
.Engine_ul li .Images img{ display:inline-block;}
.Engine_ul li h4{ float:left; width:100%; text-align:center; color:#666666; font-size:16px; text-transform:uppercase; padding-bottom:10px;}
.Engine_ul li .link{ float:left; width:100%; position:relative; text-align:center;}
.Engine_ul li .link a{ text-transform:uppercase; color:#666666; font-size:13px;}
.Engine_ul li .link a:hover{color:#0f70ad;} 
.Engine_ul li .link:before{ position:absolute; width:50px; top:50%; height:1px; right:10px; content:""; background:#C5C5C5;}
.Engine_ul li .link:after{ position:absolute; width:50px; top:50%; height:1px; left:10px; content:""; background:#C5C5C5;}

/*footer*/
footer{ background:#0F70AD; color:#98c9e8; padding:80px 0;}
footer .footer_main_left{ float:left; width:40%;}
footer .footer_main_right{ float:right; width:60%;}
footer .half_width{ float:left; width:50%; padding-right:50px;}
.footer_main_left ul{ float:left; width:100%; padding:10px; margin:0px;}
.footer_main_left ul li{ float:left; width:100%; padding:5px 0; margin:0px; list-style:disc;}
.footer_main_left ul li a{color:#98c9e8; font-size:13px; text-transform:capitalize;}
footer h6{ float:left; width:100%; text-align:left; color:#98c9e8; border-bottom:#3085BB 1px solid; margin-bottom:0px;}
footer h6 a{color:#98c9e8; font-size:14px; text-transform:uppercase; line-height:30px;}
footer h6 a:hover{ color:#ffffff;}
.footer_main_left ul li a:hover{ color:#ffffff;}
.footer_right_ul{ float:left; width:100%; margin:0; padding:0;}
.footer_right_ul li{ margin:0; padding:0; float:left; width:33.3333%; border-right:#3085BB 1px solid; padding-left:20px;}
.footer_right_ul li:last-child{ border-right:none;}
.footer_right_ul li p{ float:left; width:100%; font-size:14px; line-height:20px;}

.footer_main_right .Left_Div{ float:left; width:70%; text-align:left;padding-top:50px; padding-left:20px;}
.footer_main_right .Right_Div{ float:left; width:30%; text-align:right;padding-top:50px;}
.footer_main_right .Right_Div a{ float:right; font-size:30px; margin:0 10px; color:#98c9e8;}
.footer_main_right .Right_Div a:hover{ color:#ffffff; }
.copyRight{ float:left; width:100%; padding-left:20px; font-size:14px; text-align:left; line-height:25px; padding-top:50px;}
.copyRight a{color:#98c9e8;}
.copyRight a:hover{color:#ffffff;}

/*Inner Page Search list box*/
.Filter_left_block{ float:left; width:25%; padding:16px 0px 0 0;}
.Filter_left_block h4{ float:left; width:100%; max-width:284px; background:#E5E5E5; font-weight:400; font-size:16px; color:#666666; text-align:center; line-height:52px; margin-bottom:16px; }
.Filter_left_block h4 span{ font-size:30px; font-weight:700; color:#429dca;line-height:52px;}
.Filter_left_block .Filter_Nav_ul{ margin:0; padding:0; float:left; width:100%;}
.Filter_left_block .Filter_Nav_ul .Filter_li{float:left; width:100%;  color:#666666; position:relative; padding-right:16px;}
.Filter_left_block .Filter_Nav_ul .Filter_li:before{ position:absolute; content:""; width:34px; height:34px; top:0; right:16px; background:url(../img/filter_menu_arrow.png) no-repeat center center;}
.Filter_left_block .Filter_Nav_ul .Filter_li:hover{ background:#3F9AC7; color:#ffffff; }
.Filter_left_block .Filter_Nav_ul .Filter_li a.filterLink{ display:block; border-bottom:#EAEAEA 1px solid; cursor:pointer; font-size:14px; color:inherit;  text-transform:uppercase; line-height:34px;}
.Filter_left_block .Filter_Nav_ul .Filter_li:hover a.filterLink{ padding-left:20px; border-bottom:#3F9AC7 1px solid;}

.Filter_li .Filter_buttons{ float:left; max-width:20px; width:20%;}
.Filter_li .Filter_label{ float:left; width:80%; padding-left:10px; margin-bottom:20px; font-size:14px;}


.Expand_filter{ position:absolute; z-index:999; right:0; padding:20px; background:#3F9AC7; width:720px; color:#ffffff; display:none;}
.Filter_left_block .Filter_Nav_ul .Filter_li:hover > .Expand_filter{ display:block;}
.Expand_filter.Down{ top:0;}
.Expand_filter.Up{ bottom:0;}
.Expand_filter .Detail_filter_Ul{ float:left; width:100%; margin:0; padding:0;}
.Expand_filter .Detail_filter_Ul .Detail_filter_li{ float:left; width:33.3333%;}
.Filter_Btns_div{ float:left; width:100%;}
.Filter_Btns_div .btns{ float:right; cursor:pointer; text-transform:uppercase; background:#8CC1E0; padding:5px 15px; border-radius:3px; margin-left:10px; font-size:14px; color:#4A7083; border:none;}
.Filter_Btns_div .btns:hover{background:#C6E0ED; }

.Main_right_block{ float:left; width:75%;padding:16px 0; padding-left:40px; box-shadow: inset 5px 0px 5px 0px rgba(0, 0, 0, 0.08); -webkit-box-shadow: inset 5px 0px 5px 0px rgba(0, 0, 0, 0.08);}
.Right_block_header{ float:left; width:100%; height:52px; padding:0 25px; margin-bottom:16px; background:#E5E5E5; line-height:52px;}
.Right_block_header h3{ float:left; width:45%; font-size:20px; color:#333333; }
.Right_block_header .Grid_view{ float:right;}
.Right_block_header .Btns{ float:right; padding:0px 28px; line-height:32px; border:none; margin:10px 20px; cursor:pointer; border-radius:3px; color:#FFF; text-transform:uppercase; background:#A4A3A3; font-size:13px;}
.Right_block_header .Btns.active, .Right_block_header .Btns:hover{ background:#429DCA;}
.Main_right_block truckList_ul{ margin:0; padding:0;}
.R_Filter_menu{ display:none;}

.Main_right_block .Truck_Ul{ float:left; width:100%;}
.Main_right_block .Truck_li{ float:left; width:31%; padding:0px; position:relative; margin-right:3.5%; margin-bottom:3.5%;}
.Main_right_block .Truck_li:nth-child(3n){ margin-right:0;}
.Main_right_block .Truck_Hover_Details{ font-size:14px; line-height:20px;}
.Main_right_block .Truck_li .content{ float:left; width:100%; padding:0 20px 30px 20px;}

.InnerPage .SearchBg{ display:none;}

/*Product Detail*/
.product_detail .half_left{ float:left; width:49.5%;}
.product_detail .half_right{ float:right; width:49.5%;}

.page_back_button{ float:right; margin-bottom:20px;margin-top:20px; border-radius:3px; background:#CCC; height:32px; width:84px; line-height:32px; text-align:center; text-transform:uppercase; font-size:14px; color:#666666;}
.page_back_button:hover {background: #0F70AD; color:white;}
.greyBg{ background:#F5F5F5;}
.half_right.greyBg{ padding:20px;}
.Truck_Details h1{ float:left; width:100%; color:#333333; text-align:left; text-transform:uppercase; font-size:24px;}
.Truck_Details h1 span{ color:#666666; float:left; width:100%; text-align:left; font-size:16px;}
.Truck_Details h2{ color:#666666; float:left; width:100%; text-align:left; font-size:16px; margin-top:20px;}
.Truck_Details h2 span{ color:#0f70ad; width:100%; text-align:left; font-size:30px; font-weight:700;}
.Truck_Details h2 a.Calculator_icon{ margin-left:20px; font-size:20px; cursor:pointer; color:#666666;}
.Truck_Details h2 a.Calculator_icon:hover{ color:#0f70ad;}
.productDetailsTable{ border-collapse:inherit}
.productDetailsTable td{ font-size:16px;}
.productDetailsTable .tablelabel{ font-size:16px; color:#0f70ad;}
.horLine{margin:12px 0 12px 0;border-top:#cfcfcf solid 1px;}
.button_ul{ float:left; width:100%; margin:15px 0; padding:0;}
.button_ul li{ float:left; display:inline-block; margin-right:10px;}
.button_ul li a{ background:#9E9E9E; border-radius:3px; color:#fff; font-size:14px; text-transform:uppercase; line-height:38px;  height:38px; padding:0 9px; float:left; margin:5px 0;}

.button_ul li a:hover{ background:#0F70AD;}
.Truck_Details .socialMedia{ float:left; width:100%; text-align:right; padding-right:20px;}
.Truck_Details .socialMedia a{ float:right; margin-left:10px;}
.Truck_Details h3{ float:left; width:100%; background:#828282; line-height:40px; color:#FFF; font-size:16px; text-transform:uppercase; padding-left:70px;}
.DetailContent{ float:left; width:100%; padding:20px 20px 20px 70px;}
.DetailContent table{ float:left; width:100%;}
.DetailContent table td{ line-height:30px; vertical-align:top; font-size:14px;}
.specifications, .additionalFeature{ padding:0 !important;}
.addutionalFeatures_ul{ float:left; width:100%; margin:0; padding:0;}
.addutionalFeatures_ul li{ float:left; width:100%; text-align:left; line-height:30px; font-size:14px; display:block;}
.full_row.Truck_Details.product_detail.Sections {padding-bottom: 1%;}
.full_row.Truck_Details.product_detail.Sections{ padding-top:0;}

#paymentCalculator{ float:left; width:100%; background:#D2ECFD; margin:1% 0; padding:20px; padding-left:70px; margin-top:0;}
#paymentCalculator h2{ float:left; width:100%; text-align:left; margin:0; padding:0; color:#006699; font-size:16px; text-transform:uppercase;}
#paymentCalculator h2 span{ color:#666666; font-size:24px;}
.calculatorUl{ float:left; width:100%; margin:20px 0; padding:0;}
.calculatorUl li{ float:left; width:17.4%; display:inline-block; background:none; margin:1%;}
.calculatorUl li:nth-child(4){ width:20px;}
.calculatorUl li:first-child{ margin-left:0;}
.calculatorUl li p{ float:left; width:100%; font-size:14px; color:#666666; line-height:25px;}
.calculatorUl li .inptTxt{ float:left; width:100%; line-height:30px; border:none; background:#fff; padding:0 10px; border:#C4CFD6 1px solid;}
.calculatorUl li p.equal{ line-height:30px; font-size:20px;}
#paymentCalculator p.msg{ float:left; width:100%; font-size:14px; color:#eb0303; padding:20px 0;}
.calculatorUl li .SbtBtn{ cursor: pointer;float:left; width:100%; text-align:center; line-height:30px; border-radius:3px; border:none; color:#FFF; background:#0F70AD; text-transform:uppercase;}

/*LOGIN PAGE*/
.login_outer{ float:left; width:100%; background:#C9C9C9; padding:18px;}
.login_Div{ float:left; width:100%; background:#FFF; padding:30px;}
.login_Div .left{ float:left; width:35%; position:relative; padding-right:50px; padding-left:20px;}
.login_Div .right{ float:left; width:65%; border-left:#E0E0E0 1px solid; padding-left:50px; position:relative;}
.or{ position:absolute; width:40px; height:40px; border-radius:50%; line-height:40px; text-align:center; border:#E0E0E0 1px solid; left:0; top:0; margin-left:-20px; background:#FFF;}
.login_Div h2{ float:left; width:100%; text-align:left; font-size:16px; color:#666666; margin:0; padding:0;}
.login_Div .left h2{ color:#0f70ad;}
.login_Div .login_ul{ float:left; width:100%; margin:0; padding:0; text-align:left; padding:10px 0;}
.login_Div .login_ul li{ float:left; width:100%; margin-bottom:10px; color:#999;}
.login_Div .login_ul li .InputTxt{ float:left; width:100%; line-height:30px; border:#E0E0E0 1px solid; padding:0 10px; font-size:13px; margin-bottom:10px;}
.login_Div .login_ul li a{ color:#999999;}
.login_Div .login_ul li .submit_btn{ float:right; width:130px; height:33px; border-radius:3px; border:none; line-height:33px;  background:#0F70AD; color:#fff; cursor:pointer; text-transform:uppercase;}
.login_Div p{ float:left; width:100%; text-align:left; color:#777a7d; font-size:13px; line-height:20px; padding-right:20px;}
.login_Div .form-item-name .InputTxt{ float:left; width:100%; line-height:30px; border:#E0E0E0 1px solid; padding:0 10px; font-size:13px; margin-bottom:10px;}
.login_Div .form-actions .submit_btn{ float:right; width:190px; height:33px; border-radius:3px; border:none; line-height:33px;  background:#0F70AD; color:#fff; cursor:pointer; text-transform:uppercase; margin-left:12px;}
.register_ul{ float:left; width:100%; margin:0; padding:0; list-style:none; margin:15px 0;}
.register_ul li{ float:left; width:50%;margin-bottom:10px; color:#999;padding-right:20px;}
.register_ul li:nth-child(1), .register_ul li:nth-child(2){width:100%;}
.register_ul li .InputTxt{ float:left; width:100%; line-height:30px; border:#E0E0E0 1px solid; padding:0 10px; font-size:13px; margin-bottom:10px;}
.forgt_ul li .InputTxt{ float:left; width:100%; line-height:30px; border:#E0E0E0 1px solid; padding:0 10px; font-size:13px; margin-bottom:10px;}
.register_ul li .submit_btn{ float:right; width:130px; height:33px; border-radius:3px; border:none; line-height:33px;  background:#0F70AD; color:#fff; cursor:pointer; text-transform:uppercase;}
.forgt_ul li .submit_btn{ float:right; width:177px; height:33px; border-radius:3px; border:none; line-height:33px;  background:#0F70AD; color:#fff; cursor:pointer; text-transform:uppercase;}
p.error_msg{color:red;}

/*Profile Page*/
.Profile_left_block{ float:left; width:25%; padding:16px 0px 0 0;}
.Profile_left_block .heading{ float:left; width:100%; background:#E5E5E5; height:52px; line-height:52px;max-width:284px;}
.Profile_left_block .heading h4{ font-size:20px; color:#006699; padding:0; margin:0; float:left; width:100%; padding:0 20px; text-transform:uppercase; }
.Profile_left_block .heading h4 span{ float:right;}
.Profile_left_block .heading h4 span .editbtn{ float:right; width:50px; height:21px; line-height:21px; color:#fff; background:#B0B0B0; font-size:12px; text-align:center; margin:15px 0;}
.Profile_left_block ul.profileUl{ float:left; width:100%; margin:0; padding:0; max-width:284px; margin:20px 0;}
.Profile_left_block ul.profileUl li{ float:left; width:100%; margin-bottom:20px; padding-left:20px;}
.Profile_left_block ul.profileUl li .Profile_label{ float:left; width:100%; text-align:left; font-size:14px; line-height:20px;color:#333; margin-bottom:5px;}
.Profile_left_block ul.profileUl li .Profile_detail{ float:left; width:100%; text-align:left; font-size:16px; line-height:22px;color:#666;}
.profile_Right_block_header {float: left;width: 100%;height: 52px;padding: 0 25px;margin-bottom: 16px;background: #E5E5E5;line-height: 52px; padding-left:0;}
.profile_Right_block_header ul.tabs{ float:left; width:100%;}
.profile_Right_block_header ul.tabs li{ float:left; display:inline-block; font-size:20px; text-transform:uppercase; color:#666666; padding:0 35px; height:44px; margin-top:8px; line-height:44px; cursor:pointer;}
.profile_Right_block_header ul.tabs li.active{color:#2280af; background:#fff;}
.savedTrucks, .savedSearch{ float:left; width:100%;}
.savedSearch{ display:none;}

.profilePage .Truck_Hover_Details{ width:100%; text-align:center; height:100%; background:rgba(0,0,0,0.7); z-index:999;}
.profilePage .TruckHoverContent{ position:absolute; width:100%; top:50%; left:0; text-align:center; height:70px; margin-top:-35px;}
.profilePage .TruckHoverContent p{ float:left; width:100%; text-align:center; font-size:18px; color:#FFF;text-transform:uppercase; padding-bottom:10px;}
.profilePage .TruckHoverContent a{ display:inline-block; font-size:16px; height:38px; padding:0 20px; background:#0F70AD; border-radius:3px; line-height:38px; text-transform:uppercase; color:#FFF;}
.profilePage .Truck_li:hover .Truck_List_Images{ opacity:1;}

.contactPage h1{ float:left; width:100%; font-size:20px; line-height:35px; color:#fff; background:#429DCA; padding:7px 20px;}
.contactPage .contactMainUl{ float:left; width:100%; margin:20px 0 0 0; padding:0;}
.contactPage .contactMainUl li{ float:left; width:30%; background:#F5F5F5; min-height:100px; margin:0 2.5%; padding:20px;}
.contactPage .contactMainUl li:first-child{ margin-left:0;}
.contactPage .contactMainUl li:last-child{ margin-right:0; float:right;}
.contactPage .contactMainUl li .icon{ float:left; width:30%;}
.contactPage .contactMainUl li .content{ float:left; width:70%;}
.contactPage .contactMainUl li .content h3{ float:left; width:100%; color:#0f70ad; font-weight:700; font-size:18px; padding-bottom:5px; text-transform:uppercase;}
.contactPage .contactMainUl li .content h4{ float:left; width:100%; color:#0f70ad; font-weight:400; font-size:18px; padding-bottom:10px;}
.contactPage .contactMainUl li .content .location{ float:left; width:100%; color:#0f70ad; font-size:26px;}
.contactPage .contactMainUl li .content .location span{ float:left; margin-right:10px;}
.contactPage .contactMainUl li .content .location a{ float:left; width:103px; line-height:26px; border-radius:3px; color:#0f70ad; text-align:center; background:#E5E5E5; font-size:13px; margin-top:2px;}

.contactPage .contactMainUl li .content p.address{ float:left; width:100%; color:#666666; font-size:14px; line-height:20px; border-bottom:#BBBBBB 1px solid; padding:15px 0;}
.contactPage .contactMainUl li .content p.contactPerson{ float:left; width:100%; color:#666666; font-size:14px; line-height:20px; padding:15px 0; word-wrap:break-word;}

.contactPage .contactMainUl li .content p.contactPerson b{ font-weight:700;}

/*article home*/
.article_home h1{ float:left; width:100%; font-size:20px; line-height:35px; color:#fff; background:#429DCA; padding:7px 20px; text-transform:uppercase;}
.articleUl{ float:left; width:100%; margin:0; padding:0;}
.articleUl .articleli{ float:left; width:100%; background:#fff; margin:30px 0 0 0%; box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.15);}
.articleli .article_image{ float:left; width:30%; height:215px; overflow:hidden;}
.articleli .article_image img{ width:100%;}
.articleli .content{ float:left; width:70%; padding:20px;}
.articleli h2{ float:left; width:100%; padding:5px 20px; font-size:20px; color:#0F70AD; text-transform:uppercase; text-align:left; line-height:26px; overflow:hidden;}
.articleli h3{ float:left; width:100%; padding:0px 20px; font-size:17px; line-height:24px; color:#333; text-align:left;  overflow:hidden;}
.articleli p{ float:left; width:100%; padding:5px 20px; font-size:14px; line-height:20px; text-align:left; overflow:hidden;}
.articleli a{ float:left; margin-left:20px; margin-top:5px; text-decoration:none; margin-bottom:20px; color:#429DCA;}


/*article_detail*/
.article_detail{ float:left; width:100%; margin-bottom:40px;}
.article_detail h1{ float:left; width:100%; font-size:30px; color:#0f70ad; text-transform:uppercase; margin-bottom:10px;}
.article_detail h3{ float:left; width:100%; font-size:20px; color:#000; margin:15px 0;}
.article_detail img{ width:350px; margin:0 0 20px 20px; height:auto; float:right;}
.article_detail p{ font-size:14px; line-height:22px; margin-bottom:15px;}
.article_detail p a{ color:#429DCA;}

/*static_page*/
.static_page{ margin:15px 0;}
.static_page .banner{ float:left; width:100%;}
.static_page .banner img{ width:100%;}
.static_page h3{ float:left; /*max-width:820px;*/ font-size:20px; color:#000; margin:15px 0;}
.static_page img{ width:350px; margin:0 0 20px 20px; height:auto; float:right;}
.static_page p{ font-size:14px; line-height:22px; margin-bottom:15px;}
.static_page p a{ color:#429DCA;}
.static_page ul{ margin:0; padding:0 0 0 20px;}
.static_page ul li{ list-style:disc; width:100%; margin-bottom:10px; font-size:14px; line-height:22px;}



#edit-submit-search-list{ display:none;}
.form-checkboxes .form-item, .form-radios .form-item{ width:50%;float:left}
#edit-reset{
    /*float: right;*/
    display:none;
    cursor: pointer;
    text-transform: uppercase;
    background: #8CC1E0;
    padding: 5px 15px;
    border-radius: 3px;
    margin-left: 10px;
    font-size: 14px;
    color: #4A7083;
    border: none;
    margin-bottom: 10px;
    margin-top: 10px;
}
/* saved search list */
.savedsearch_ul {float: left;width: 100%;margin: 0;padding: 0;}
.savedsearch_li {float: left;width: 45%;border: #ccc 1px solid;padding: 10px;}
.savedsearch_li:nth-child(even) {float: right;}
a.tabledrag-handle {display: none;}
.savedsearch_li a {float: left;font-size: 20px;color: #429DCA;padding-left: 20px;text-transform: uppercase;width:80% !important;}
.savedsearch_li a.favorites-remove{ display:block; float:right !important; width:20% !important; color:#22446E; text-align:right;}
.savedsearch_ul {float: left;width: 100%;margin: 0;padding: 0;}
.savedsearch_li {float: left;width: 48%;border: #ccc 1px solid;padding: 10px; margin:13px 0; list-style:none !important;}
.savedsearch_li:nth-child(even) {float: right;}
a.tabledrag-handle {display: none;}
.savedsearch_li a {float: left;font-size: 20px;color: #429DCA;padding-left: 20px;text-transform: uppercase;width:80% !important;}
.savedsearch_li a.favorites-remove{ display:block; float:right !important; width:20% !important; color:#22446E; text-align:right;}
@media screen and (max-width: 700px) {
.savedsearch_li{ width:100%;}
}
/* saved search list */
/*edit_profile*/
.edit_profile{ float:left; width:100%; margin-bottom:30px;}
.edit_profile h2{float: left;width: 100%;font-size: 20px;line-height: 35px;color: #fff;background: #429DCA; padding: 7px 20px; text-align:left;}
.edit_profile_ul{ float:left; width:100%; margin:0; padding:0; list-style:none;}
.edit_profile_ul li{ float:right; width:48%; margin:10px 0; height:78px;}
.edit_profile_ul li:nth-child(even){ float:left;}
.edit_profile_ul li label{ float:left; width:100%; font-weight:400; margin-bottom:5px;}
input.password-confirm, input.password-field{border: 1px solid #e0e0e0;float: left;font-size: 13px;line-height: 30px;margin-bottom: 10px;padding: 0 10px;width: 100%;}
.form_action_profile{ float:right; margin:0;}
.profile_back{background: #CCC;border: medium none;border-radius: 3px;color: #666;cursor: pointer;float: left;height: 33px;line-height: 33px;text-transform: uppercase;width: 130px; text-align:center;}
@media screen and (max-width: 700px) {
.edit_profile_ul li{ width:100%; margin:2px 0;}
}
.button_ul li .active {
    background: #0F70AD;
}
#frgt1, #frgt2{width:50%;}
li.Detail_filter_li input {
   float: left;
   /*width: 50%;*/
   line-height: 25px;
   /* height: 35px; */
   margin: 10px 0 0 0;
}

li.Detail_filter_li .form-item.form-type-textfield {
   float: left;
   width: 50%;
   padding-right: 20px;
}

ul.Detail_filter_Ul select {
   float: left;
   width: 100%;
   line-height: 35px;
   height: 35px;
   margin-bottom:1%
}
/*PageNotFound*/
.PageNotFound{ float:left; width:100%; text-align:center; padding:80px 0;}
.PageNotFound .Images{ float:left; width:30%;}
.PageNotFound .content{ float:left; width:70%; text-align:left; padding:60px 40px;}
.PageNotFound .content h1{ float:left; width:100%; font-size:40px; line-height:55px; margin-bottom:15px;}
.PageNotFound .content p{ float:left; width:100%; font-size:16px; padding-left:20px; margin-bottom:10px; background:url(../img/list-style_1.png) no-repeat left top;}
.PageNotFound .content a{ float:left; padding:10px 20px; background:#429DCA; border-radius:3px; color:#FFF; margin-top:15px;}

.calculateBtn{
    cursor: pointer;
    float: left;
    width: 100%;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    border: none;
    color: #FFF;
    background: #0F70AD;
    text-transform: uppercase;
}

.calculatorUl li:last-child{float:right;}

.bef-toggle{
    float: left;
    width: 80%;
    padding-left: 0px;
    margin-bottom: 20px;
    font-size: 14px;
    color: white;
}
.bef-toggle-feature{
    float: left;
    width: 80%;
    padding-left: 0px;
    margin-bottom: 20px;
    font-size: 14px;
    color: white;
    
}
/*POPUP*/
/*PopUp CSS*/
.PopupFullBg{ position:fixed; left:0; top:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.8); z-index:99; overflow-x:hidden; overflow-y:auto;box-sizing: content-box; padding-right:20px;transform:scale(1); -webkit-transform:scale(1); opacity:0; visibility:hidden; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.PopupFullBg.active{ transform:scale(1); -webkit-transform:scale(1); opacity:1; visibility:visible;}
.PopupBg{ margin:50px auto; max-width:600px; width:90%; background:#FFFFFF; min-height:100px; display:inline-block;  position:relative; z-index:999; border-radius:10px; padding:20px;}
.PopupClose{ position:absolute; right:20px; font-size:25px; top:20px; width:25px; height:25px; line-height:25px; cursor:pointer; z-index:1;}
.PopupBg h1{ float:left; width:100%; margin:0; padding-bottom:20px; border-bottom:#ccc 1px solid; text-align:left;}
.PopupBg p{float:left; width:100%; padding:20px 0; line-height:25px; color:#666; text-align:justify; }
.popupcontent{ float:left; width:100%; padding:20px;}
/**/
.bef-feature .option{ float: left;
    margin-bottom: 20px;
    margin-left: 10px;
}
.bef-feature .icheckbox_minimal-aero{float:left}