#cattitle {
    font: 1.4em Raleway, arial, sans-serif;
    margin-left: 25px;
    margin-bottom: 25px;
}



/* #lhcol.link, */
#categories,
#directory {
	width: 269px;
	float: left;
	margin: 0 0 12px;	
}
#lhcol .sidebar h2 {
    float: left;
    height: auto;
    padding: 13px 20px;
    width: 269px;
    background: url(../jpg/links_col_header.jpg) no-repeat;
}
	#lhcol .sidebar ul {}
		#lhcol .sidebar li {
			list-style: none;
		}
			#lhcol .sidebar a {
				float: left;
				padding: 10px 31px;
				width: 269px;
				background: url(../jpg/links_col_a.jpg) no-repeat;
				font-size: 13px;
			}
			#lhcol .sidebar a.last {
				background: url(../jpg/links_col_bottom.jpg) no-repeat;
			}
/* #rhcol.listings {
	float: right;
	width: 900px;
} */
/* OLD STYLE DISABLED - .premium {
	float: left;
	margin: 0 0 12px;
	/* background: url(../images/premium_top.jpg) no-repeat; */
} */
.premium .middle {
	float: left;	
}
.premium .bottom {
	height: 42px;
	float: left;
}

/* OLD STYLE DISABLED - .basic {
	float: left;
	width: 100%;
	margin: 0 0 12px;
    list-style-type: none;
	
} */

/* OLD STYLE DISABLED - .premium {
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    border-radius: 10px;
    padding: 10px;
    width: 100%;
	  background-position: 0 0;	
    list-style-type: none;
    background: url(/images/whitegradsmall.png) repeat-x scroll center bottom
} */
	.premium h3 {
		/* padding: 20px 69px; */
	}
	.premium p {
		padding: 15px 20px;

	}
	.premium ul {
		margin: 0;
		float: left;
		padding: 15px 0 13px 20px;
	}
		.premium li {
			display: inline;
			float: left;
			font-size: 11px;
		}
		.premium li.ct {
			width: 360px;
			padding: 0 20px 0 0;
			text-align: left;
		}
		.premium li.vp {
		    width: 85px;
		    padding: 0 10px;
		    text-align: center;
		}
		.premium li.sm {
		    width: 91px;
		    padding: 0 10px;
		    text-align: center;
		}
		.premium li.rv {
			padding: 0 10px;
			text-align: center;
			width: 109px;
		}
		
.google_listing {
	float: left;
	width: 679px;
	margin: 0 0 12px;
	background: url(../jpg/google_listing_back.jpg) repeat-y;
}
.google_listing .top {
	height: 14px;
	float: left;
	width: 679px;
	background: url(../jpg/google_listing_top.jpg) top no-repeat;
}
.google_listing .middle {
	padding: 20px;
	width: 639px;
	float: left;	
}
.google_listing .bottom {
	height: 14px;
	float: left;
	width: 679px;
	background: url(../jpg/google_listing_bottom.jpg) bottom no-repeat;
}

		
		
/* OLD STYLE DISABLED - .basic {
	background-position: 0 -208px;	
        border-top: 1px solid #EEE;
        padding-bottom: 20px;
} */

.basic:hover {
    background-color: #f4f4f4;
}

	.basic h4{
    	padding: 20px 20px 5px;
	}
	.basic p {
		margin: 0 0 0 0px;
		overflow: hidden;
		padding: 0px 20px 20px 20px;
                text-align: justify;
                line-height: 1.6;
	}
	.basic ul {
		margin: 0;
		float: left;
		padding: 0px 0px 0px 20px;
	}
		.basic li {
			display: inline;
			float: left;
			font-size: 14px;
		}
		.basic li.ct {
			width: 100%;
			padding: 0 20px 0 0;
			text-align: left;	
		}


.flag {
    float:left;
    margin-right: 4px;
    margin-top: 2px;
}

#nav #selectcountry {
    z-index: 10;
    position: absolute;
    display: none;
    top: 36px;
    background: #EAEAEA;
    width: 177px;
}
	#nav #selectcountry ul {
		margin: 0;
		float: left;
		list-style: none;
		padding: 5px; 
	}

		#nav #selectcountry li { 
			width: 100%;
		}
	
			#nav #selectcountry a{
				display: block; 
				text-decoration: none;
				padding: 5px 5px 4px;
				color: #707070; 
				width: 100%;
				background: none;
			}
#nav #selectcountry a:hover{
	background: #fff;
	color: #000;
}
/* Comment data */

.commentbox {
    clear:both;
}

.commentdate {
    float: right;
    color: #707070;
}

.disclaimer {
    clear:both;
}

.button a{
    text-decoration: none;
}

div.outer_pagination {
  display: block;
}

div.outer_pagination div.pagination {
  padding: 3px;
  margin: 0;
  font-size: 11px;
  font-family: Tahoma, Arial, Verdana, sans-serif;
}

div.outer_pagination div.pagination span {
  display: inline-block;
  padding: 1px 0px;
  background-color: #137bb1;
  text-shadow: 1px 1px #3d3b3b;
  border: 1px solid #0c5980;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

div.outer_pagination div.pagination span:hover {
  border: 1px solid #1474a6;
  background-color: #1e98d7;
}

div.outer_pagination div.pagination span.selected {
  display: inline-block;
  margin: 0;
  padding: 1px 5px 1px 5px;
  text-shadow: 1px 1px #3d3b3b;
  text-decoration: none;
  color: #fff;
  border: 1px solid #2086bb;
  background-color: #38afec;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

div.outer_pagination div.pagination span a {
  display: inline;
  width: 100%;
  text-decoration: none;
  padding: 0px 5px;
  color: #fff;
  /*border: 1px solid #2896c3;*/
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

div.outer_pagination div.pagination span.selected a {
  border: 1px solid #39afe1;
}

div.outer_pagination div.pagination span:hover a {
  border: 1px solid #58c1f1;
}

div.outer_pagination div.pagination a:active, div.pagination a:focused {
  text-decoration: none;
  border: 1px solid #1474a6;
  background-color: #1e98d7;
}

div.outer_pagination div.pagination span.disabled {
  color: #fff;
  padding: 1px 6px;
  background-color: #1e98d7;
}

div.outer_pagination div.pagination form {
  margin: 5px 0px;
  right: 0;
}

/* ORANGE */

div.outer_pagination div.orange span {
  background-color: #dc9232;
  border: 1px solid #af7325;
}

div.outer_pagination div.orange span:hover {
  border: 1px solid #d18a30;
  background-color: #ea9e3c;
}

div.outer_pagination div.orange span.selected {
  border: 1px solid #d59848;
  background-color: #f1b05b;
}

div.outer_pagination div.orange span a {
  border: 1px solid #e5aa52;
}

div.outer_pagination div.orange span.selected a {
  border: 1px solid #f5c27a;
}

div.outer_pagination div.orange span:hover a {
  border: 1px solid #efb45c;
}

div.outer_pagination div.orange a:active, div.orange a:focused {
  border: 1px solid #d18a30;
  background-color: #ea9e3c;
}

div.outer_pagination div.orange span.disabled {
  background-color: #ea9e3c;
}

/* PURPLE */

div.outer_pagination div.purple span {
  background-color: #af22b4;
  border: 1px solid #821786;
}

div.outer_pagination div.purple span:hover {
  border: 1px solid #a224a6;
  background-color: #cb35d0;
}

div.outer_pagination div.purple span.selected {
  border: 1px solid #ce3cd3;
  background-color: #e34be8;
}

div.outer_pagination div.purple span a {
  border: 1px solid #c13fc5;
}

div.outer_pagination div.purple span.selected a {
  border: 1px solid #ea6bee;
}

div.outer_pagination div.purple span:hover a {
  border: 1px solid #d855db;
}

div.outer_pagination div.purple a:active, div.purple a:focused {
  border: 1px solid #a224a6;
  background-color: #cb35d0;
}

div.outer_pagination div.purple span.disabled {
  background-color: #cb35d0;
}

/* BLACK */

div.outer_pagination div.black span {
  background-color: #262626;
  border: 1px solid #000;
}

div.outer_pagination div.black span:hover {
  border: 1px solid #212121;
  background-color: #444444;
}

div.outer_pagination div.black span.selected {
  border: 1px solid #595959;
  background-color: #7f7f7f;
}

div.outer_pagination div.black span a {
  border: 1px solid #444444;
}

div.outer_pagination div.black span.selected a {
  border: 1px solid #9a9a9a;
}

div.outer_pagination div.black span:hover a {
  border: 1px solid #646464;
}

div.outer_pagination div.black a:active, div.black a:focused {
  border: 1px solid #212121;
  background-color: #444444;
}

div.outer_pagination div.black span.disabled {
  background-color: #444444;
}

/* WHITE */

div.outer_pagination div.white span {
  background-color: #dfdfdf;
  border: 1px solid #aeaeae;
  color: #717171 !important;
  text-shadow: none !important;
}

div.outer_pagination div.white span:hover {
  border: 1px solid #c0c0c0;
  background-color: #eaeaea;
}

div.outer_pagination div.white span.selected {
  border: 1px solid #d5d5d5;
  background-color: #f8f8f8;
}

div.outer_pagination div.white span a {
  border: 1px solid #ccc;
  color: #717171 !important;
}

div.outer_pagination div.white span.selected a {
  border: 1px solid #fafafa;
}

div.outer_pagination div.white span:hover a {
  border: 1px solid #efefef;
}

div.outer_pagination div.white a:active, div.white a:focused {
  border: 1px solid #c0c0c0;
  background-color: #eaeaea;
}

div.outer_pagination div.white span.disabled {
  background-color: #eaeaea;
}




.paginationlc {
    display: block;
    text-align: center;
    margin: 30px 0;
    clear: both;
    overflow: hidden;
}

.paginationlc span {
    display: inline-block;
    margin: 0 4px;
    border: none;
    padding: 0;
    background: none;
}

.paginationlc a {
    color: black;
    display: inline-block;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    background: white;
}

.paginationlc a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

.paginationlc a:hover:not(.active) {background-color: #ddd;}
.paginationlc a:hover:not(.elipsis) {background-color: #ddd;}

.elipsis {
    color: white;
    float: left;
    text-decoration: none;
    border: 1px solid #fff;
    margin: 0 4px;
}


.clearfix{clear:both;content:'';}
/***************search page start*********************/
#wrapper.search-wrapper{}
#profiles {
border:1px solid #CCCCCC;
font-size:14px;
padding:20px;
margin-bottom:auto;
margin-top:auto;
text-align:center;
-moz-border-radius:10px 10px 10px 10px;
background: url("../png/whitegradsmall.png") repeat-x scroll center bottom #FFFFFF;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
width: 300px;
}
.businessmatch {
    border: 1px solid #CCCCCC;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    -moz-border-radius: 10px 10px 10px 10px;
    background: url(../png/whitegradsmall.png) repeat-x scroll center bottom #FFFFFF;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
    }
#rhcol.listings.list-srch{
}
.business-table{margin-bottom: 50px;}
.business-table .businessmatch tr td:nth-child(1) img {width:70%; height:70%;}
.list-srch .s-us,.list-srch .s-uk,.list-srch .s-ca,.list-srch .s-cn{float:left; margin-right: 4px;}



/***************media query start*********************/
@media(max-width:991px){
#lhcol.link{width:29%;float:left;}
#categories, #directory{width:auto;float:none;}
/* #rhcol.listings {
    float: right;
    width: 69%;
    margin: 0;
}
.premium,.premium .bottom{
    float: none;
    width: auto;
    background: none;
}

/* OLD STYLE DISABLED - .basic {
        width: auto;
        background: none;
    } */

.premium .bottom{background: none;
    border: 1px solid #ccc;
    border-radius: 0px 0px 10px 10px;background: #f4f4f4;}
.premium ul{float:none;}
.premium li.ct {width: auto;}
#lhcol .sidebar h2, #lhcol .sidebar a {
    float: none;
    width: auto;
    display: block;
    background: none;
    border: 1px solid #ccc;
}
 #lhcol .sidebar a {border-top:none;}
 #lhcol .sidebar h2{border-radius:10px 10px 0 0}
 .premium h3 {
    padding: 15px 20px;
    border: 1px solid #ccc;
    border-radius: 10px 10px 0 0;background: #f4f4f4;
}
#wrapper.search-wrapper {
    width: 100%;
}
#lhcol.link.link-srch{width:100%;}
#rhcol.listings.list-srch {
    width: 100%;
}
.list-srch .premium .middle{float: none;}
}


@media(max-width:767px){
#lhcol.link {
    width: 100%;
    float: left;
}
/* #rhcol.listings {
    float: right;
    width: 100%;
    margin:20px 0 0 0;
}
.premium h3{font-size:16px;}
.bottom ul li{float:none;}
.premium .bottom{height:auto;}
.premium li.ct{padding:0;}
h4 {font-size: 16px;}
.business-table{overflow-x:auto;width:100%;}
.business-table .businessmatch tr td img{max-width: 15px;}
.business-table .businessmatch tr td:nth-child(1) img{width: auto;
    height: auto;
    max-width: 40px;}
}
@media(max-width:480px){
.paginationlc a{padding: 4px 10px;}
}
@media(max-width:400px){
.basic li {float: none;}
.basic ul {float: none;padding: 0px 0px 0px 0px;}
.basic{padding:0;}
.basic p{padding: 0px 0px 20px 0px;}
.basic h4 {
    padding: 20px 0px 5px 0;
}
}

/* Modern Directory Page Styles - World Class Design */
.premium-cta {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 25px;
    border-radius: 12px;
    margin: 30px 0;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.premium-cta h3 {
    color: white;
    font-size: 20px;
    margin: 0;
    font-weight: 600;
}

.premium-cta a {
    color: #ffd700;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.premium-cta a:hover {
    color: #fff;
}

/* Enhanced Premium Listings */
/* OLD STYLE DISABLED - .premium {
    background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);
    border: 2px solid #e3e8ef;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
} */

.premium:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
    border-color: #667eea;
}

.premium h3 {
    color: #2c3e50;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}

.premium h3 a {
    color: #667eea;
    transition: color 0.3s ease;
}

.premium h3 a:hover {
    color: #764ba2;
}

.premium p {
    color: #5a6c7d;
    line-height: 1.7;
    font-size: 15px;
}

/* Enhanced Basic Listings */
/* OLD STYLE DISABLED - .basic {
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
} */

.basic:hover {
    background-color: #f8f9fa;
    border-left-color: #667eea;
    padding-left: 17px;
}

.basic h4 {
    color: #2c3e50;
    font-size: 18px;
    font-weight: 600;
}

.basic h4 a {
    color: #00498f;
    transition: color 0.3s ease;
}

.basic h4 a:hover {
    color: #667eea;
}

.basic p {
    color: #5a6c7d;
    line-height: 1.7;
}

/* Logo Images */
.premium img[alt="Logo"], .basic img[alt="Logo"] {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    max-width: 120px;
    height: auto;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

/* Country Flags and Meta Information */
.premium .bottom ul, .basic ul {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.premium .bottom ul li, .basic ul li {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #6c757d;
}

/* Review Links */
.premium .bottom ul li.rv a, .basic ul li a[title="submit a review"] {
    background: #667eea;
    color: white;
    padding: 6px 14px;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
}

.premium .bottom ul li.rv a:hover, .basic ul li a[title="submit a review"]:hover {
    background: #764ba2;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
}

/* Sidebar Enhancements */
#lhcol .sidebar {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
}

#lhcol .sidebar h2 {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 20px;
    margin: 0;
}

#lhcol .sidebar a {
    color: #2c3e50;
    padding: 12px 20px;
    transition: all 0.2s ease;
    border-bottom: 1px solid #f0f0f0;
}

#lhcol .sidebar a:hover {
    background: #f8f9fa;
    color: #667eea;
    padding-left: 25px;
}

/* Responsive Enhancements */
@media(max-width:991px){
    .premium-cta {
        padding: 20px;
    }
    
    .premium-cta h3 {
        font-size: 18px;
    }
}

@media(max-width:767px){
    .premium h3 {
        font-size: 18px;
    }
    
    .basic h4 {
        font-size: 16px;
    }
    
    .premium img[alt="Logo"], .basic img[alt="Logo"] {
        max-width: 80px;
        margin-right: 10px;
    }
}