/*=======Directory of Services Start=======*/


.directory_middle_pannel
{
	width: 988px;
	height: auto;
	border-bottom: #808080 solid 2px;
}
.directory_mid_inner
{
	width: 951px;
	height: auto;
	text-align: left;
}
.directory_cont_main
{
	width: 951px;
	padding: 0px 0px 0px 22px;
}

.directory {
  float: left;
  font-family:"Lato",​sans-serif;
  font-size: 11px;
  height: auto;
  padding: 11px 0 20px;
  width: 100%;
     text-align: center;
}
.directory ul
{
	display: block;
	list-style: none;
}
.directory ul li
{
	width: auto;
	display: block;
	margin-right: 5px;
  float: none;
    text-align: left;
      display: inline-block;
}
.directory ul li a {
  background: none repeat scroll 0 0 #717174;
  border: 1px solid #131514;
  border-radius: 20px;
  color: #fff;
  display: block;
  float: left;
  height: 14px;
  line-height: 11px;
  margin: 0 0px 6px;
  outline: medium none;
  padding: 4px 0 2px 4px;
  text-decoration: none;
  width: 222px;
}
.directory ul li a span
{
	width: 193px;
	display: none;
	width: 24px;
	height: 24px;
	text-align: right;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}
.services-li a:hover
{
	background: #a93339;

	}
.directory123
{
	display: block;
	width: 216px;
	height: 24px;
	border: 0px 0px 0px 0px;
	margin: 0px 8px 0px 8px;
	padding: 2px 0px 0px 10px;
	float: left;
	background: url(../images/button/service_btn_y.png) top left no-repeat;
	text-decoration: none;
}
.services-li a:hover span
{
	display: block;
	width: 222px;
	border: 0px 8px 0px 0px;
	position: relative;
	top: -19px;
	left: -6px;
}
.services-li a.AnchorActive
{
	background:#8C7359;
    color:#fff !important
}
.services-li a span.SpanActive
{
	display: block;
	width: 222px;
	border: 0px 8px 0px 0px;
	position: relative;
	top: -19px;
	left: -6px;
}
.services-li a span.SpanActive .icon-img {display:block;
}
.services
{
	padding: 0px 0px 0px 50px;
}
div.dataContainer
{
	color: #000000;
	float: left;
	font-size: 9px;
	line-height: 12px;
	margin-left: 6px;
	margin-right: 10px;
	margin-top: 5px;
	position: absolute;
	text-align: left;
}
.dir_req
{
	cursor: pointer;
    float: right;
    height: 1px;
    position: absolute;
    right: 20px;
    top: 195px;
}
.dir_req a {
  background: #969696;
  margin-right: 24px;
  margin-top: -50px;
  outline: medium none;
  padding: 10px !important;
  text-align: center;
  text-decoration: none;
  width: 66% !important;
}

/*.dir_req a {
  background: none repeat scroll 0 0 #799c69;
  border-radius: 12px;
  color: #ffffff !important;
  cursor: pointer;
  font-family: CALIBRI;
  font-size: 12px !important;
  height: 10px !important;
  line-height: 15px;
  margin-bottom: 0 !important;
  margin-right: 24px;
  margin-top: -21px;
  outline: medium none;
  padding: 6px 10px 10px !important;
  text-align: center;
  text-decoration: none;
  width: 90px !important;
}
    */
.dir_req a#img_0
{
	display: block;
}
.dir_req a:hover
{
	background: #b1b1b1 ;
	float: left;
	height: 21px;
	text-decoration: none;
	width: 160px;
    color: #fff !important;
}

.gallery_image {
    border: 1px solid #8c8c8c;
    float: left;
    margin: 8px 0 0 8px !important;
     background-size: 100% 100% !important;
}


 @media (min-width: 1600px) {
.directory ul { margin: 0 auto; width: 99%;}
.directory ul li a {font-size: 12px; padding: 4px 5px 4px 10px; width: 272px;}
.directory ul li { margin-right: 8px; margin-bottom:4px;}
.directory ul li a span.SpanActive { display: block; position: relative;top: -19px; width: 275px;}
.directory ul li a:hover span{width: 275px;	top: -19px;	left: -6px;}
 div.xflow {  height: 375px;  }
.dir_req a {  width: 126px !important; left: -60px;   font-size: 14px !important;height: auto !important; }    
.services-li  .imagebg img {  height: 29px;  width: 29px;}
.gallery_image { margin: 12px 0 0 10px !important; }
.vendor-wrapper .dir_req a {    margin-top: 0 !important;}    
}

 @media (min-width: 2500px) {
.directory ul li { /*margin-right: 0;*/ margin-bottom:8px;}
.directory ul { margin: 0 auto;  width: 99%;}
.directory ul li a { font-size: 14px; padding: 6px 5px 4px 8px;   width: 355px;}
.directory ul li a span.SpanActive {display: block; position: relative; top: -22px; width: 352px;}
.directory ul li a:hover span{width: 352px;	top: -22px;	left: -6px;}
.dir_req a { left: -115px;    top: 0px;  width: 165px !important;    padding: 10px 10px 17px !important; font-size: 19px !important; }
.directory .imagebg img {  height: 32px;  width: 32px;}
.gallery_image {margin: 8px 0 0 11px !important; }
}

@media (max-width: 1200px) {
.directory ul li{margin-right: 0;}
    .directory ul li a {   margin: 0 5px 8px;     width: 210px;    }
   .directory ul li a span.SpanActive {  width: 210px; }
   
.directory ul li a:hover span {
    left: -6px;
    width: 210px;
}
.dir_req a {    margin-top: -60px;}

   
}
@media (max-width: 1200px) {
    .dir_req a { margin-top: -78px; width: 70% !important; }
}
@media (max-width: 1024px) {
    .dir_req a { margin-top: -78px; width: 70% !important; }
}
@media (max-width: 991px) {
    .dir_req a {
        margin-top: -108px;
        padding: 4px 6px !important;
    }
}
@media (max-width: 860px) {
.directory ul li a { font-size: 10px; margin: 0 2px 8px;   width: 205px;   padding: 4px 0 2px 6px; }
.dir_req a { margin-top: -103px;  padding: 4px 6px !important;} 
}