/*---- business list page style----------------------------------------------------------start---*/



.lainhr{margin-bottom: 15px;border: 0; height: 1px; background: #e1e8ed; background-image: linear-gradient(to right, #a7a2a300, #7a7b7c40, #a7a2a300);}
.approveditem {text-align: center; margin-bottom: 20px; border: 1px solid #e6e6e6; width: auto; padding: 5px 10px; border-radius: 5px; }
.not-approveditem {text-align: center; margin-bottom: 20px; border: 1px solid #e6e6e6; width: auto; padding: 5px 10px; border-radius: 5px; background: #dd000026;}
.approved { color: #dd00007a;text-align: center; margin-bottom: 20px;font-size: 15px;font-weight: bold;}
.not-approved { color: #d00;text-align: center; margin-bottom: 20px;font-size: 15px;font-weight: bold;}
.bord-approved{padding: 20px; background: #f6f6f4; margin: 0 0 15px;font-size: 15px;background: #6eb1f56b; border-radius: 5px; border: 1px solid #6eaef466;}
.maximum-image {margin: 5px 8px 0; font-size: 13px; font-weight: bold; color: #dd00007a;}
.change-user-business {background: #ffffffad; height: 40px; line-height: 17px; padding: 10px 20px; border-radius: 5px;}
.upload-user-business {text-align: center; padding-top: 50px;}
.custom-user_business {width: 100%; height: 125px;border-radius: 5px;}
.conf-logo {width: 125px; height: 60px;}
.description {border: 1px solid #e6e6e6; box-shadow: 0 5px 18px rgb(0 0 0 / 13%); border-radius: 5px;padding: 5px 10px; margin: 5px 4px 20px;text-align: right;}
.social {position: absolute;margin-top: -107px;}
.twitterb {background: #ffffff30;color: #000; font-size: 19px; border: 1px solid #2824246e; border-radius: 5px; padding: 3px 4px 0;}
.twitterb:hover{transition: 0.3s;background: #ffffff63;color: #000}
.facebook {background: #ffffff30;color: #0d74cc; font-size: 19px; border: 1px solid #2824246e; border-radius: 5px; padding: 3px 4px 0;}
.facebook:hover{transition: 0.3s;background: #ffffff63;color: #0d74cc;}
.linkedin {background: #ffffff30;color: #0d9ecc; font-size: 19px; border: 1px solid #2824246e; border-radius: 5px; padding: 3px 4px 0;}
.linkedin:hover{transition: 0.3s;background: #ffffff63;color: #109cc9;}
.Workza{width: 50%;float: right;padding: 20px 0;text-align: center;}
.Workzb{width: 50%;float: left;padding: 20px 0;text-align: center;}
.trg{border: 1px solid #e6e6e6;box-shadow: 0 5px 18px rgb(0 0 0 / 13%); border-radius: 5px;width: 24%; float: right; margin: 5px 4px;}
.trg-img{border-top-left-radius: 4px; border-top-right-radius: 4px;width: 100%; height: 160px;}
.deall-price{height: 25px;margin-top: 5px;}
.premium-deall{border-bottom-left-radius: 4px;position: absolute;background: #ffffff;}
.dealer_sort-by{padding: 6px 6px 6px;float: right;}
.dealllocation{font-weight: normal;font-size: 12px;float: right;padding: 10px 0 10px;}
.dealldate{font-weight: normal;font-size: 12px;float: left;padding: 10px 0 10px;}
.dlr_sort_menu {border:1px solid #e6e6e6;margin-bottom: 5px;background: #f5f5f5;padding:5px 0 5px 5px;color: #000;font-size: 14px;}
.dlr_sort_menu select-box select{height:30px !important;line-height:30px !important;}
.dlr_sort_menu a{ text-decoration:none; padding:3px 0px 0px 0px;}
.sortbyalpha {color: #555655;font: 12px/23px Verdana,Geneva,Arial,Helvetica,sans-serif;height: 1%;padding: 20px 0;}
.sortbyalpha h2.alpha { color:#0B7FBC; font-size:1.8em; border-bottom:1px solid #EBEBEB;  line-height: 1.5em; font-weight:normal; margin: 0 0 0.5em; clear:both; }
.sortbyalpha ul.side-by-side { list-style:none outside none; width:100%;}
.sortbyalpha ul.side-by-side li{ display:inline; width:250px; float:right; padding:0 22px 22px 22px;}
.sortbyalpha ul.side-by-side li img { margin-left:5px;}
.store-name { margin:5px;}
.business-display tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start; /* أو flex-end حسب اتجاه RTL */
}
.business-display .even,
.business-display .odd {
    width: 186px;
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.13);
    padding: 0;
    margin: 0; /* لأننا نستخدم gap الآن */
}
.business-display .odd:hover , .even:hover {background:#fff8f0;}
.business-display tr.even td{padding: 0;width: 100%;float: right;}
.business-display tr.odd td{padding:0 ;width: 100%;float: right;}
.business-display .dealer_img { width:140px;}
.business-display .dealer_img div.thumb{border-top-left-radius: 4px; border-top-right-radius: 4px;background-color:#FFFFFF;border: 1px solid #ccc;height: 100%;text-align: center;width: 100%;}
.thumb_img{border-top-left-radius: 4px; border-top-right-radius: 4px;width: 100%; height: 125px;}
.business-display td.dlrcount {width: 30px;color: #000;border-top: 1px solid #FFFFFF;text-align: center;}
.business-display span.serial_count {height:16px; width:16px; border:1px solid #A10D20; background-color:#EF481C; color:#FFFFFF; padding:3px; margin-left:5px;}	
.business-display td.dealer_info { vertical-align:top; padding:0 0 0 10px;}
.business-display td.dealer_info a{text-decoration: none;color: #007fb2;font-size: 14px;letter-spacing: normal;font-weight: bold;}
.business-display td.dealer_info a:hover{ text-decoration:underline; color:#333333; font-weight:bold;}
.business-display td.dealer_info span.dlrphone {float: right;width: 150px;text-align: right;padding: 10px 0 0 0;font-size: 13px;line-height: 12px;}
.business-display td.dealer_info span.mobileicon { background:url(images/1382551610_phone.png)}
.business-display div.dlrdescription { font-size:14px;line-height:20px;}
.attt{color: #999;font-size: 12px;letter-spacing: 1px;margin: -5px 0 0 0;line-height: 20px;}
span.dlrmobile{width:120px;display:block;line-height:20px;text-align:left;}
span.dlrland{width:120px;display:block;line-height:20px;text-align:left;}
span.dlrimg{float:left;width:30px}
#header .nav li a#dealer_link {font: normal bold 13px 'pt sans', Arial, Helvetica, sans-serif;background: transparent url(images/dealer.png) no-repeat 0px 5px;
padding: 14px 0 10px 26px;text-decoration: none;height: 36px;line-height: 36px;border: 0px red solid;color: #989898;text-transform: uppercase;letter-spacing: 1px;}
/*---- business list page style----------------------------------------------------------end---*/

/*---- dealer items page style----------------------------------------------------------start---*/
.dealer_content { width:100%;}
.dealer_sidebar {padding:0px;margin: 0 0 10px 0;background: #fff;width:100%; border:solid 1px #e6e6e6; float:left; display:inline;}
.dealer_main {  width:100%; display:inline; float:right;  margin-left:5px;}
.dealer_sidebar .heading {color: #666;text-align:center;padding:0 15px;font-size: 15px;font-weight: bold;}
.dealer_sidebar .dealerinfo { display:block;}
.dealer_sidebar h1 { color:#006699; font-size:16px; font-weight:bold; margin:10px 0;color: #0066DD;text-decoration: none;text-decoration: none;
color: #007fb2;letter-spacing: normal;font-weight: bold;}
.dealer_sidebar .dealerinfo { width: 100%; float: right;padding:20px;}
.dealerlogo { width: 20px; float: right;margin:20px;}
.businesslogo {}
.profileimg {vertical-align:top;margin-top: 20px;width: 90px; height: 90px;}
.businessimg {width: 100%; height: 230px;border-top-left-radius: 4px; border-top-right-radius: 4px;}
.listing-basicinfo a{text-decoration:none; color:#007fb2; font-size:13px;font-size: 15px; letter-spacing:normal; font-weight:bold;}
.listing-basicinfo a:hover{text-decoration:underline; color:#000;}
.dealerimg {width: 180px;height: 180px;}
.dealerinfo ul {vertical-align:top; width: auto;margin: 10px 10px;list-style:none; font-size:13px;padding:0px;margin:10px 20px;}
.dealerinfo ul li { padding-top:5px;}
.dealerinfo ul li b { font-size:13px; color:#007fb2; font-weight:bold;}
#map_canvas {width: 230px;height: 230px;border: 2px solid #ccc;margin:20px auto;}
.dealerinfo  div.map_location { margin:10px;}
.show_search { background:#f5f5f5; width:100%; border:solid 1px #e6e6e6; color:black; padding:0 10px;}
.showsort { float:right;}
.showsorta {text-align: center;}
.delete{ background:none repeat scroll 0 0 transparent;border: medium none;cursor: pointer;margin-left: 10px;padding-left: 5px;}
.close{ background:url(images/Cross-icon.png);}
#fav_listings td {vertical-align: top;}
#fav_listings tr:hover {background:#fff8f0;}
td.check {text-align: center;width: 5%;}
#fav_listings td.favimg {text-align: center;width: 100%; display: inline-block;}
td.iteminfo {padding: 10px;display: block;}
.iteminfo {padding: 5px;}
td.price {text-align: center;}
td.iteminfo a {font-size: 1.3em;/*color: #0066DD;*/text-decoration: none;text-decoration: none;color: #007fb2;font-size: 13px;font-size: 15px;letter-spacing: normal;font-weight: bold;}
td.iteminfo h3 {    font-size: 14px;	color: #0066DD;    text-decoration: none;padding:0px;margin:0px;line-height:20px;}
td.iteminfo a:hover { text-decoration:underline;}
.dealloc{color: #999;font-size: 12px;letter-spacing: 1px;margin:0;line-height: 30px;}
.deallocp{padding:0px;margin:5px 0;font-size: 13px;}
.price-wrap{ border:0px red solid; overflow:hidden; height:29px; float:right}
span.tag-head {float: left;background: url(../images/price-tag-head.png) no-repeat scroll left top transparent;height: 25px;margin: 0;padding: 0;width: 33px;}
.post-price {background-color: #6bba70 !important;float: left !important;font:normal normal 11px Arial,Helvetica,sans-serif !important;margin: 0 2px 0 0 !important; color:#fff;padding: 5px;text-shadow: 0 1px 0 #FFFFFF !important;-khtml-border-radius: 0 4px 4px 0 !important;-moz-border-radius: 0 4px 4px 0 !important;-webkit-border-radius: 0 4px 4px 0 !important;border-radius: 0 4px 4px 0 !important;-moz-box-shadow: 1px 1px 5px #B7B7B7 !important;-khtml-box-shadow: 1px 1px 5px #B7B7B7 !important;-webkit-box-shadow: 1px 1px 5px #b7b7b7 !important;box-shadow: 1px 1px 5px #B7B7B7 !important; border:0px red solid; height:15px; line-height:25px;font-weight:normal !important;}
select#sortmethod{margin-bottom: 0px;height: 40px;}
select#sortmethod option{font-size:12px;line-height:30px;padding:10px;}

/*---- dealer items style----------------------------------------------------------end---*/
.searchdealer{height:25px;line-height:25px;}
.dealer_name{padding: 10px 0 0; text-align: center;}
.vote-name{height:30px;width:400px;float:left;clear:both;margin: 0 0 0 30px;}
.attt{clear:both;}
.dlrdescription{padding:0 0 0 30px;margin:10px 0;}
table.business-display tr td{padding:10px 0 0 0;}
.dlrcount,.dealer_img,.dealer_info{padding:10px 0;}
.all-by{margin: 5px 15px 0;}
.all-by-a{padding: 7px 15px 0;float: right;}
.a-z-index{margin: 5px 15px 0;float: right;}
.bx-size{font-size: 15px;}
.by-name{margin: 0 10px 0;}
.dlr-cat{padding: 7px 15px 0; ;float: right;}
.search-butt{margin: 0px 10px 0px; height: 35px;border: 1px solid #E5E5E5;background: #fea116;}
.search-butt:hover{background: #e38d0c;}
span.post_count {font-size: 13px;width: 100%;margin: 0 5px 0 0px;padding: 15px 5px 0 0; float: right; text-align: right;color: #555;}
span.categolisting{font-size: 13px;margin: 0 5px 0 0px;padding: 5px 5px 0 0; float: right; text-align: right;color: #555;}
span.locationlisting{font-size: 13px;margin: 0 5px 0 0px;padding:0;text-align: right;clear: both;float: right;color: #555;}

@media only screen and (max-width: 420px) {
.business-display .odd {
    width: 100%;
}
}