@import url(https://fonts.googleapis.com/css?family=Oswald);

@import url(https://fonts.googleapis.com/css?family=Lato);



/* color used 



right h3: 000 new: 000

right hover: 9b9fa1 new: 9b9fa1

a link: 9b9fa1   new: 9b9fa1





*/



/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption  

{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;	font-size: 100%;font-family: inherit;	vertical-align: baseline;}

:focus {outline: 0;}

ol, ul {list-style: none;}

.clear {	clear: both;}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;}

html {  -webkit-text-size-adjust: 120%; /* Prevent font scaling in landscape while allowing user zoom */ }



.url { width:100%;float:left;}



body {background: #FFFFFF;	color: #333333;	font-family: 'Lato', Arial, sans-serif;	font-weight:400;	font-size: 15px;}

a {	color: #9b9fa1;	text-decoration: none;}





h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #9b9fa1}

h1, h2, h3, h4, h6 {		font-family: 'Oswald', Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, Helvetica Inserat, Bitstream Vera Sans Bold, Arial Black, sans serif;

}

h5 {font-size:11px;margin-bottom:10px;margin-top:5px;	font-family: Arial, sans serif;	font-weight:400;}





/* main */



/*-------------------------------------header_container------------------------------------*/

#top {width:100%;max-width:1170px;margin:auto;background-color:#fff;-webkit-box-shadow: 0 8px 6px -6px grey;

	-moz-box-shadow: 0 8px 6px -6px grey;	box-shadow: 0 8px 6px -6px grey;}

	

#header {overflow: hidden;	padding: 10px 0px 3px;margin: 0 auto;	max-width: 1170px;width: 100%;}

#header h1 {font-family:Arial;font-size: 14px;color: #fff;	margin-bottom: 8px;font-family: 'Roboto', sans-serif;	display:inline-block;

	margin-right:20px;font-weight: normal;}

#header h2 {font-family:Arial;font-size: 14px;color: #9b9fa1;font-weight: normal;font-family: 'Roboto', sans-serif;	display:inline-block;}



.fix {position:fixed;	top:0;width:100%;background-color:#fff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);z-index:999;}



.header_top {width:100%;float:left;background-color:#9b9fa1;padding:5px 0;}

.header_top #header h2 {color:#fff;}





#logo {width: 26%;float: left;padding:15px 0;}

#logo img {max-width: 100%;display: block;	height: auto;width:240px;}





#navcontainer {	overflow: hidden;float:left;max-width: 840px;width: 100%;}

#navcontainer ul {}

#navcontainer ul li {	float: left;background:url(images/nav_divider.gif) left top no-repeat;}

#navcontainer ul li:first-child {background:none;}

#navcontainer ul li a {font-size: 14px;color: #333;padding: 26px 9px 36px;	display: block;font-weight: bold;text-transform:uppercase;	font-weight:400;

	font-family: 'Oswald', Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, Helvetica Inserat, Bitstream Vera Sans Bold, Arial Black, sans serif;}

#navcontainer ul li:first-child a {margin-left:0;}

#navcontainer ul li:last-child a {margin-right:0;}

#navcontainer ul li a:hover {background-color:#9b9fa1;color:#fff;}



#bread_crum {padding: 20px 0 10px 0;	color: #9b9fa1;	width:100%;float:left;}

#bread_crum a {color: #9b9fa1;font-weight: bold;font-size: 13px;}







/*--------------------------------banner_container-------------------------------------------------*/



#index-header {	background:url(../images/hsplash.jpg) top left repeat;	width:100%;	float:left; border:0px solid #ddd}

.topbanner {	width: 100%;background:rgba(55, 64, 55, 0.65);padding:90px 0;}
.topbanner h4 {font-size:50px;color:#fff;	text-transform:uppercase;text-align:center; font-weight:400;line-height:42px;margin-bottom:40px}
.topbanner h5 {	font-size:30px;color:#fff;text-transform:uppercase;text-align:center;	font-weight:400;line-height:52px;}
.topbanner p {font-size: 15px;color: #fff;	line-height: 1.5;font-weight: normal;	font-family: 'Roboto',sans-serif;width:100%;margin:0px 0 20px;text-align:center;}

.topbanner p a {background:#00a03e url(images/button.jpg) right top no-repeat;color: #fff;cursor: pointer;display: inline-block;font-size: 18px;
	margin:0;	padding: 13px 0px 13px 20px;	text-align: left !important;	text-transform: uppercase;	width: 180px;
	font-family: 'Oswald', Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, Helvetica Inserat, Bitstream Vera Sans Bold, Arial Black, sans serif;font-weight:400;}
.topbanner p a:hover {	background-color:#0588b3;}
.topbanner p.phone {font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, Helvetica Inserat, Bitstream Vera Sans Bold, Arial Black, sans serif;
	font-size: 64px;margin-top: 5px;}

#category-header {background:url(../images/hsplash.jpg) center top repeat;	width:100%;	float:left; border:0px solid #ddd}

#category-header h4  {font-size:90px;color:#fff;	text-transform:uppercase;text-align:center; font-weight:400;line-height:42px;margin-bottom:40px}

#category-header h5 { font-size:60px;color:#fff;text-transform:uppercase;text-align:center;	font-weight:400;line-height:52px;}

#category-header p {	color:#fff;}



#page-header {	background:#9b9fa1 url('images/bg-pattern.png') repeat 0 0; margin: 0 auto; overflow: hidden;	width: 100%;border-top:0px solid #ddd;border-bottom:2px solid #ddd;float:left;}

#page-header .topbanner {	background:none;}

#page-header h5 {font-size:50px !important;color:#fff;}

#page-header p {color:#fff;}



/*banner_option2*/



.banner_sec {width:100%;	margin: 5px auto;	max-width: 1170px;}

.banner_sec_left {width:50%;	float:left;}

.banner_sec_left .topbanner h5 {font-size:75px;}

.banner_sec_left .topbanner h5 span {	font-size: 38px;}

.banner_sec_left .topbanner p {	margin: 20px 0;	width: 100%;}

.banner_sec_left .topbanner {	margin: 0 auto;	max-width: 100%;width: 100%;}

.banner_sec_left .topbanner p a {border-radius: 8px;	font-size: 17px;	padding: 8px 15px;}

.banner_sec_right {width:50%;float:right;}

.banner_sec_right img {width:100%;	height:auto;}



/*banner_option2_end*/



/*banner_option3*/

#index-header2 {width:100%;float:left;margin-top:30px;}

#index-header2 .banner_thir_inn {width:1170px;margin:0 auto;}

#index-header2 .banner_sec {background-color:#f5f3f3;	padding:20px 20px;float:left;-webkit-border-radius: 10px;	-moz-border-radius: 10px;

	border-radius: 10px;	-webkit-box-shadow: 0 8px 6px -6px grey;-moz-box-shadow: 0 8px 6px -6px grey;box-shadow: 0 8px 6px -6px grey;}

#index-header2 .banner_sec .banner_sec_right img {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}



/*--------------------------------banner_end-------------------------------------------------*/



/*Search bar and social bookmark*/



#searchsocial {	background-color:#eef3f3;height: 70px;width:100%;}

#searchsocial input, textarea {padding: 10px;border: none;	-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;margin-top:-3px;}



.search-area {float: none;	height: 40px;	margin: 0 auto;	max-width: 1170px;	padding: 5px 0 0;width: 100%;}

.search-area form {width:100%;	padding-top:12px;}

.search-area form input[type=text] {	font-size: 12px normal Arial;width:46%;padding:8px 5px;margin-left: 2%;border:none;background:#FFF;}

.search-area form input[type="submit"] {background: #9b9fa1 url(images/search_btn.png) center top no-repeat;text-indent: -9999px;width: 40px;border:none;}

.search-area form input[type="submit"]:hover {background: #0588b3 url(images/search_btn.png) center top no-repeat;}





.socialbookmark {float:right;margin-top:-2px;}

.counter-google-one {	float: left;margin-left:0.0em;}

.counter-fb-like {float: left;margin-left:-1.7em;}

.counter-twitter {float: left;margin-left:0.5em;}

.submit {loat: right;width: 38px !important;}



/* Main Body */



#contant-bg { }

#wrapper { margin-top: 135px; padding-top: 0;}

#content {	margin: 0px auto;max-width: 1170px;width: 100%;	background: #FFF}

#inside {	padding: 15px 0;}



.middle {	width: 70%;	float: left;}

.right {	width: 26.3%;	float: right;}



.list {	width: 100%;	float: left;}



.inner {	margin: 0 auto;	max-width: 1170px;	width: 100%;	background: #FFF}



.inner h1 {font-size: 30px;margin-bottom: 12px;	line-height: 1.1;font-weight:400;}

.inner h2 {font-size: 30px;margin-bottom: 12px;	line-height: 1.1;font-weight:400;}

.inner h3 {font-size: 25px;margin-bottom: 9px;  line-height: 1.1;font-weight:400;}

.inner h4 {font-size: 22px;margin-bottom: 9px;	line-height: 1.0;font-weight:400;}

.inner p {	line-height: 22px; margin-bottom: 20px;}

.inner ul {padding: 0 0 10px 0px; }

.inner ul li {padding-bottom: 10px;padding-left: 20px;line-height: 1.6;list-style: none inside none;	position: relative; color:#000;}

.inner ul.no-link li {background: url('images/arrow.png') no-repeat left 1px;padding-left: 25px; color:#004b89;}

.inner ul li a {background: url('images/arrow.png') no-repeat left 5px;padding-bottom: 10px;padding-left: 25px;line-height: 1.8;	list-style: none inside none;position: relative;}



.left-box {margin-bottom: 20px; border:1px solid #eee}



.right h3 {color: #000;padding: 10px;	font-size: 18px;font-weight:400;}

.right ul {padding: 0px 10px;background: #ffff;/*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);*/}

.right ul li {line-height: 1.3;	background: url('images/arrow.png') no-repeat left 10px;	padding:8px 30px;list-style: none inside none;

	position: relative;border-bottom:1px #dddddd dotted;}

.right ul li:last-child {/*padding-bottom: 0;*/border-bottom:none;}

.right ul li a {color: #666666;font-size: 13px;}

.right ul li a:hover {color: #9b9fa1;}



.greybox {	padding: 30px 0;overflow: hidden;max-width:1170px;margin:auto;}

.greybox h3 {font-size: 24px;margin-bottom: 9px;line-height: 1.3;font-weight:400;text-transform:uppercase;}

.greybox ul {overflow: hidden;padding: 0;}

.greybox ul li a {font-size: 13px;transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}

.greybox ul li a:hover {text-decoration:underline;padding-left:5px;transition:All 1s ease;	-webkit-transition:All 1s ease;	-moz-transition:All 1s ease;	-o-transition:All 1s ease;}





#footer-splash-content {margin-top:0px;border-top:solid 5px #0588b4;background:#9b9fa1;}

#footer-splash-content .greybox h3 {	color:#fff;}

#footer-splash-content .greybox ul li a {	color: #fff;background: url('images/sidearrow.png') no-repeat left 1px; padding-left: 20px;}

#footer-splash-content .greybox ul li {line-height: 1.3;	padding-bottom: 10px;	padding-left: 20px;}





#footer-content {background: #FFF;}

.footer {	padding: 30px 0;	background: #000;}

.footer a {	color: #FFFFFF;}

.footer a:hover {text-decoration:underline;}





.bottom-content {text-align: center;font-size: 13px;color: #FFFFFF;line-height: 1.3;}

.bottom-content ul {width: 100%;padding-bottom: 10px;	text-align: center;}

.bottom-content ul li {display: inline;line-height: 1.3;list-style: disc inside none;	color: #FFFFFF;}

.bottom-content ul li:first-child {list-style: none inside none;}

.bottom-content ul li a {padding: 0 15px 0 10px;display: inline-block;color: #FFFFFF;	font-size: 13px;text-decoration:none;}

.bottom-content ul li a:hover {text-decoration:underline;}

.bottom-content p {	padding-bottom: 20px;}





/* footer header*/



.footer_outer {	width:100%;display:inline-block;padding:50px 0;}

.footer_outer {  margin: 24px 0 0;}



.footer_inner {	width:1040px;margin:auto;}

.footer_column1 {	width:32%;	float:left;	margin-right:20px; background-color:#fff; margin-bottom:20px;border: 2px solid; padding: 29px 6px; border:2px solid#9b9fa1;}

.footer_column1:hover{ background-color:#fff!important;transition: all 0.3s ease-in-out 0s;transition:all 1s ease 0s;}



.footer_column1:last-child {margin-right:0px;}



.img_left {background-color: #004c88;	border-radius: 50%;float: none;	height: 100px;	line-height: 134px;margin: 0 auto;text-align: center;	width: 100px;}

.footer_column1:hover .img_left {transform: rotate(-360deg);-webkit-transform: rotate(-360deg);	-moz-transform: rotate(-360deg);-o-transform: rotate(-360deg) ;	transition: all 0.8s ease-in-out 0s;	-webkit-transition: all 0.8s ease-in-out 0s;-moz-transition: all 0.8s ease-in-out 0s;	-o-transition: all 0.8s ease-in-out 0s;}

.foo_right {float: left;margin-top: 16px;	padding-left: 0;text-align: center;width: 100%;}

.foo_right h3 {	color: #004c88;font-size: 17px;	line-height: 1em;margin-bottom: 5px;font-weight:400;font-family: 'Oswald', Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, Helvetica Inserat, Bitstream Vera Sans Bold, Arial Black, sans serif;}

.foo_right p {font-size:14px;color:#000;line-height:22px;}









/* City and category Part */





#category {margin-left:0px;}

.category .greybox h3 {background: #0588b4 none repeat scroll 0 0;color: #ffffff;font-weight: normal;	padding: 4px 0px 4px 10px;	position: relative;cursor: pointer;}

.category .greybox h3:after {content: '+';	padding-left: 5px;font-weight: bold;font-size: large;	line-height: 10px;position: absolute;	right: 15px;top: 15px;font-size: 24px;}

.category .greybox h3.opened:after {content: '-';}

.category .category-state h4 {background: #0588b4 none repeat scroll 0 0;color: #ffffff;font-weight: normal;padding: 6px 0 8px 10px;position: relative;cursor: pointer;}

.category .category-state h4:after {content: '+';padding-left: 5px;font-weight: bold;	font-size: large;line-height: 10px;position: absolute;right: 10px;top: 10px;font-size: 24px;}

.category .category-state h4.opened:after {content: '-';}

.category .category-state li a { font-size: 14px;}



.category .cityad {	width:100%;	float:left;}



.list a { color:#000;}

.list a:hover { color:#2B80D5;}



.cities-cat {margin-bottom: 15px;}

.cityfeature .list  {width: 100%;float: none;}

.citypopular .list  {width: 100%;float: none;}

.city-feature .list {	width: 100%;float: none;}

.page-feature .list {	width: 100%;float: none;}

.citylist .list     {width: 50%;}

.category-state .list {width: 48%;}

.city-right-content {	line-height: 1.5;margin-bottom: 30px;}

.greybox .list {width: 25%;}

.sublist {	width: 300px;float:left;display:block}

.clist    {float:left;width: 50%;}



.clist .list {	padding: 0 10px;}

.cityall .list {	width: 50%; padding: 0 10px;}



.storecategory .list {width:50%;padding:0}


.cityheader  h3, .citycompany h3{  font-size:18px; color: #666113 }

.nationwide {height:100%;width:100%;}

.nationwide .citylist {width:50%;float:left;}



.category-citysearch .citylist {width:50%;	float:left;}

.citypopular, .citycounty , .cityfeature {	background-color:#f5f3f3; margin-bottom:10px}

.citypopular h3, .citycounty h3, .cityfeature h3{	font-size:18px; background-color: #9b9fa1;color: #fff;padding: 8px 20px;}

.cityfeature .list, .citypopular .list , .citycounty .list {	padding: 0 10px;}



.city-content-2 {border-bottom: 1px solid #DDDDDD;margin-bottom: 25px;}

.city-content-2 h4, .cityfeature h4 {	font-size:18px; background-color: #9b9fa1;color: #fff;padding: 8px 20px;}







.cities-cat h4 {font-size: 20px;}

.cities-cat h4 a {}



.subcategory {float:left;}

.cities-demographic { border-bottom: 1px solid #ddd;}





.citylist h3 { font-size:18px;}

.categorycity {	margin-top: 10px;}

.categorycity h3 a {	}

.categorycity {	margin-top: 10px;}





.Address, .address {margin-bottom: 12px;padding: 12px;border: 0px solid #DDDDDD;line-height: 1.5; }

.Address {	border: 1px solid #DDDDDD; }

.Address:hover {-webkit-box-shadow: 0 8px 6px -6px grey;-moz-box-shadow: 0 8px 6px -6px grey;box-shadow: 0 8px 6px -6px grey; -webkit-transition: .5s ease-in-out;

			 -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;	border: 1px solid #9b9fa1;}



.address {	padding-bottom: 0;	margin: 10px 0;}

.Address a {font-weight: bold;font-size: 14px;}



.adr {color: #111!important;}



.vcard {overflow: hidden;	position: relative;}

.vcard .url a {	color:#9b9fa1;}



.tel {overflow: hidden;padding-left: 0px;display:inline-block;	padding-bottom:5px;	margin-top:5px;	min-height:24px;	width:100%; }

/*.tel img {	float: left;margin-right: 1px;	position: relative;	top: 4px;}*/

.tel img {  background-color: #6499e5;  float: left;  margin-right: 10px;  padding: 4px;  position: relative;  top: 1px;  width: 18px;}

.tel2 {clear: right;	float: left;width: 100%;}

.mileage {	position: absolute;	top: 0;	right: 0; }



/* company page */



.inner ul li {padding-left: 0;}

.company-text {	width:auto;float:left;padding:15px; border: 1px solid #E8EFF4;overflow:hidden;margin-right: 5px;margin-bottom: 10px;	background: #FFF;}

.company-text {width:100%;}

.company-text ul li { color: #336699; margin-bottom: 5px }

.company-text br {margin-bottom: 10px;}



.company-header, .company-middle, .company-footer {width:100%;color: #4D4D4D;padding:10px;	margin-bottom: 5px;border:1px solid #E8E8E8}

.company-header {	width:100%;}



.company-featured-paid {  margin-bottom:15px; 	color: #fff;}

.company-featured-paid .Address {	border: 0px solid #f56;  background-color: #9b9fa1;	color:#fff;}

.company-featured-paid  .adr {color: #FFF!important;}



.company-featured-paid a {	color: #fff;}

.company-featured-paid .description{  }

.company-featured-paid  .vcard .org a{font-size:15px}

.company-featured-paid  .tel {}

.company-featured-paid  .mileage {}



.citycompanylistingside { }

.right .Address { background-color: #eef3f3;;	color:#111; border:0px solid #004b87; }

.right .Address a {color:#0588b4; }

.right  .vcard .org a {font-size:16px}



.citysysmessage  { background-color:#FFF ; border:0px solid #f56}



.company-nearby {width:47%;float:left;padding: 10px;border: 1px solid #E8EFF4;overflow:hidden;margin-right: 0px;margin-bottom: 10px;	background: #F4F4F4;}

.company-nearby h4 {	font-size:16px; background-color: none;padding: 8px 20px;}



.borderbox4, .borderbox7 {	width: 100%;float:none;padding: 5px;border:1px solid #E8EFF4;overflow:hidden;margin-right: 0;margin-bottom: 10px;	background: #FFF;}

.borderbox5, .borderbox8 {	width: 49%;float:left;padding: 4px; border: 1px solid #E8EFF4;	overflow:hidden;margin-right: 5px;	margin-bottom: 5px;margin-top: 0px;background: #FFF;}

.borderbox5, .borderbox8 {width:100%;}



.borderbox7 .vcard .org {font-size:22px;}



.borderbox8, .borderbox6 {width: 47%;	float:left;padding: 10px;	border: 1px solid #E8EFF4;	overflow:hidden;	margin-right: 38px;	margin-bottom: 10px;	background: #F4F4F4;}

.borderbox8 h4 , .borderbox6 h4 {font-size:16px; background-color: none; padding: 8px 20px;}

.company-nearby ul li , .borderbox6 ul li , .borderbox8  ul li {	padding-left: 10px}

.company-nearby ul li a, .borderbox6 ul li a, .borderbox8  ul li a{	color:#3B3B3B; }

.company-nearby ul li a:hover, .borderbox6 ul li a:hover, .borderbox8  ul li a:hover{	color:#9b9fa1; }



.driving-directions a { background: url(images/directions.jpg) right top no-repeat;display: inline-block;	padding: 13px 0px 13px 20px;	width: 93px; margin-top:10px}

.driving-directions a:hover { border:1px solid #FFEBCC}





/* job */

.joblogo {	float:right;	width:100px;	length:100px}

div[itemtype="http://schema.org/JobPosting"] > span[itemprop="title"] a {font-size: 130%;border: 0px solid #ccc;margin-bottom:10px;color: #f77;}

div[itemtype="http://schema.org/Organization"] > span[itemprop="hiringOrganization"] {font-size: 130%;border: 1px solid #ccc;margin-bottom:10px;color: #f77;}

div[itemtype="http://schema.org/PostalAddress"] > span[itemprop="addressLocality"] {font-size: 130%;border: 1px solid #ccc;margin-bottom:10px;}

.joblistings {display:block;float:left;clear:right;padding:3px 0 3px 0;margin-right: 0px;	margin-bottom: 10px;	border:1px solid #eee;border-radius:5px;-moz-border-radius:5px;

	-webkit-border-radius:5px;	margin:5px 0;	background: #F1F8FD;}



 /* rating css  */

.tnt_ratings {float: right; font-family:Arial, Helvetica, sans-serif; font-size:9px; display:block; width:10px; height:40px;}

.rating_stars {	margin-bottom:5px;}

.rating_star {padding:2px;	color:#F00;	float:left;	cursor:pointer;}

.rating_message_1 {color:#000;display:block;float:left;clear: right;font-size:11px;  /* this is needed to go to next line in IE */	line-height:1.1em;margin-left:2px;}

.rating_message_2 {color:#666;display:block;float:right;font-size:11px;  /* this is needed to go to next line in IE */line-height:1.5em;margin-right:20px;}

.right .left-ads {padding-left:0px;margin-bottom:10px;}







/* pagination */



.pagination {border-bottom: 0px solid #DDDDDD;line-height: 1;margin-bottom: 5px;padding: 5px 0 5px;text-align: center;color:#000;}

.pagination span {display: inline-block;padding: 5px 8px;	background-color:#ccc;	color:#fff;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;cursor:wait;}

.pagination-bottom {line-height: 1.1;	margin-top: 5px;	border-bottom: 1px solid #DDDDDD	}

.pagination a {	padding: 4px 8px;	background-color:#9b9fa1;	color:#fff;	-webkit-border-radius: 2px;	-moz-border-radius: 2px;	border-radius: 2px;}

.pagination a:hover {	background-color:#5db0cf;}

.currentpage {float: left;	font-size:90%;	margin-right: 20px;	margin-top: 1px;margin-bottom: 15px;	padding: 10px; }

.pagenumber {	float:right;	font-size:90%;	margin-top: 1px;	margin-right: 20px;margin-bottom: 15px;	padding: 10px;}





/* ****************  Misc *******************/



/* ads */



.advertiserleft {width:48%;}

.city-ads, .left-ads, .cat-ads, .city-ads-2, .company-ad, .company-ad-2, .static-ads   {padding-left: 10px;padding-bottom:10px;border-top: 1px solid #9b9fa1;	border-bottom: 1px solid #9b9fa1;margin-top:15px;margin-bottom:5px}

.ad-area {border-bottom:solid 1px #EFEFEF;	border-top:solid 1px #EFEFEF;background:#FDFDFD;margin-top:5px;margin-bottom:5px;padding:5px}



.left-ads {margin-bottom:15px}

.right .left-ads {padding-left:0px;margin-bottom:10px;}


.cityad  {clear:both; background: #EEEDE3;padding:10px 10px;margin-bottom:10px }
.cityad h2 a { color: #4E4A0D;  }

.cityad h2 {width:74%;	float:left; color: #1111; font-size:25px; }
.cityad h3 {font-size:15px; color: #B61F38}

.category-content p {	width:100%;float:left;}

/* .category-content p {	width:64%;	float:left;} */ /* if image is displayed */



.company_ad {float:left;padding-left:10px;}

.cityad .topbanner p a {text-transform:uppercase;background-color:#9b9fa1;	padding: 15px 17px;margin: 0px 15px 0px 0px;font-size: 17px;float: left;cursor: pointer;color:#fff;}

.cityad .topbanner p a:hover {background-color:#0588b4;}



/* FORMS */



.inner .form h2 {color: #FFFFFF;margin-bottom: 25px;}

pre {	font-family: Arial;	display: block;	white-space: pre-wrap; /* css-3 */	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */	white-space: -pre-wrap;      /* Opera 4-6 */	white-space: -o-pre-wrap;    /* Opera 7 */	word-wrap: break-word;       /* Internet Explorer 5.5+ */}



.form {	width: 30%;float: left;background: #178FBB;	padding: 20px;}

.form input[type="text"], .form input[type="email"] {	padding: 6px;border: 0;width: 100%;margin-bottom: 24px;}

.form input[type="submit"] {background: #9b9fa1;color: #FFFFFF;	font-size: 26px;display: block;	padding: 8px 20px;border: 0;cursor: pointer;margin: 0 auto;}



input[type=submit] {background:#9b9fa1;border:none;max-width: 100%;margin-left:1px;	color:#FFF;cursor:pointer;	font-size:14px;	font-weight:bold;padding:8px 4px;	text-transform:uppercase;	width:150px; }

input[type=submit]:hover {	background:#0588b3;}

input[type=submit]:focus {	background:#0588b3;}

#submit-element > input:hover{ background-color:#0588b3;}





label {float: left;width: 220px;margin-right:0px;	margin-left:10px;font-size:14px;color: #666;clear:both;overflow:hidden;display:inline;font-family: 'Roboto', sans-serif;}

input, textarea {margin-bottom: 15px;	margin-top: 0px;padding: 8px;border: 1px solid #cecece;-webkit-border-radius: 5px;-moz-border-radius: 5px;	border-radius: 5px;font: light 12px Arial, Helvetica, sans-serif;}



input[type="hidden"] {display: none;	line-height:0;}



label[for=ReasonForChange] {width: 100%;font-size:80%}

label[for=AgreeToTerms] { width: 100%;font-size:90%;}

label[for=SpamQuestion] { width: 100%;font-size:90%;	margin-bottom:5px}

label[for=URL]          { width: 100%;font-size:80%;	margin-bottom:5px}

label[for=ActionToTake] {	margin-top:10px}

label[for=company_header] {width: 100%;font-size:80%}

label[for=company_middle] {width: 100%;font-size:80%}

label[for=company_footer] {width: 100%;font-size:80%}

label[for=listing_comments] {width: 100%;font-size:80%}

input[type="checkbox"] { width:119px;	height:19px;margin:10px 4px 0 0;vertical-align:middle;background: #fff;cursor:pointer;}


#AgreeToTerms-label {	float: left;}

#AgreeToTerms-element input[type="checkbox"] {margin: -3px 4px 10px 0;}

#captcha-element { float: left; font-size:15px; width:100%; }


select {width:350px;padding: 8px;background-position: center right;clear:both;margin-top: 0px;border: 1px solid #cecece;font: bold 14px Arial, Helvetica, sans-serif;	margin-bottom:15px}

textarea {	float: left;	height: 150px;width:393px;font-family: "Roboto", sans-serif;}



.error {color:#44444;}

ul.errors {list-style:none;border:2px solid #f56;color: #FF0000;background: #FFE8E8;	padding:0 0 0 10px!important;margin-bottom:10px;width:100%;display:inline-block;}

ul.errors li {padding-bottom:0px;line-height:30px;}



.required {color: #666;font-family: 'Roboto', sans-serif;}

.required:after {content:" *";color:#FF0000;padding:0}



p.description {	color: #59ACFF;	margin-left:45px;padding:0}



.hint {color: #3366FF;}

.short {width: 350px;}

.short2 {width: 250px;}

.long {/*width: 250px;*/width:350px;}

.long2 {width: 450px;}

.text-wide {width:400px}

textarea.short {width:90%;	height:140px;	margin-top: 10px;}

textarea.short2 {width:90%;height:170px;	margin-top: 10px;}

textarea.long {	width:90%;	height:170px;	margin-top: 10px;}

textarea.long2 {width:90%;	height:150px;	margin-top: 10px;}
textarea.wide-short {width:90%;	height:150px;	margin-top: 10px;}



/* *******************  form ends *********************************/



/* for paid module */



#thumbwrap {margin:75px auto;width:252px;	height:252px;}

.thumb {float:left; /* must be floated for same cross browser position of larger image */position:relative;margin:3px;}

.thumb img {border:1px solid #eee;vertical-align:bottom;}

.thumb:hover {border:0; /* IE6 needs this to show large image */z-index:1;}

.thumb span {position:absolute;	visibility:hidden;}

.thumb:hover span {visibility:visible;top:45px;	right:5px;}





/* Custom for theme */



#index-header br{ display:none;}





/* *********************  Mobile Menu Start ************************** */



#mobile-slide {display: none;background-color:#178FBB;	float: right;	width: 40px; padding: 12px 8px;text-align: center;	}

#mobile-slide img { background-color: none; width: 100%;	display: block;	height: auto;	max-width: 35px;	margin: 0 auto;}

#mobile-slide a {color: #FFFFFF;display: block;	font-size: 24px;}

#mobile-menu {	top: 53px!important;    position: absolute;    width: 100%;}

#mobile-menu ul li a {display: block;	padding: 10px 20px;background: #178FBB;color: #FFF;border-bottom: 1px solid #023865;position: relative;	text-align: center;font-weight: bold;}

#mobile-menu ul li a:hover{ background-color:#306898;}

#mobile-menu ul li ul {display:none;}

#mobile-menu ul li.opened ul {	display: block;}

#mobile-menu ul li ul li a {padding-left: 20px;}

#mobile-menu li.menu-item-has-children > a:after {content: '+';	padding-left: 5px;font-weight: bold;	font-size: large;line-height: 10px;position: absolute;right: 10px;top: 12px;font-size: 20px;}

#mobile-menu li.menu-item-has-children.opened > a:after {content: '-';}



/*--------------   Mobile Stuff -  Responsive Css   -------------------------*/



/* use only if logo and menu side by side, it will still display desktop menu */

/*

@media (min-width:980px) and (max-width: 1300px) 

{

	* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}

	#wrapper {width: 980px;}

	#index-header {float: right;width: 68%;}

	#header {max-width: 95%;width: 100%;}

	#category-header {  width: 68%;}



	.footer_inner { margin: auto;width: 99%;}

	.footer_column1 { width:31.4% !important; margin: 0 1%;}

}



*/







/*----------------Max 989 -----------------*/

/*

@media screen and (max-width :989px) 

{

	#wrapper {width:100%;}

	#header {max-width: 95%;width: 100%;}

	#index-header {float: right;width:63%;}

	.topbanner {padding: 0px 0 34px; width: 100%;}

	#category-header {width: 63%;}

	.topbanner p {color: #fff;}

	.middle {width: 62%;}

	.table_box td {  float: left;  text-align: left;  width: 100%;}

	.footer_column1 { width:31.4% !important; margin: 0 1%;}

	.footer_inner { margin: auto;width: 99%;}

}



*/





/*----------------Min 961 MAx 1169 theme2 -----------------*/



@media (min-width:961px) and (max-width:1100px) 

{

 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}

	#navcontainer {display: none;}
	#mobile-slide {	display: block;padding: 12px 8px;}

  .mobile-clear { clear: both;}   


 #logo img {display: block; height: auto; max-width: 100%; width: 210px; padding: 10px 0 0 10px !important;}

 #navcontainer ul li a { font-size: 12px; padding: 36px 8px;} 



#contant-bg .left-ads img { width: 100%;}

 .footer_inner { width: 100%;}

 #contant-bg #inside { padding: 15px 1%;}

 #contant-bg .search-area form { padding: 12px 1%;}

 #contant-bg .search-area form input[type="text"] { width: 45% !important;}

 #footer-splash-content { padding: 0 1%;}

 .footer_column1 { margin: 0 1%; width: 31%;}

 #navcontainer { max-width: 710px;}

 #navcontainer ul li a { padding: 36px 6px;}

 #header h1 { margin-left: 10px;}

}



/*----------------Max 960 theme2 -----------------*/



@media screen and (max-width :960px) {

	#navcontainer {display: none;}
	#mobile-slide {	display: block;padding: 12px 8px;}

  .mobile-clear { clear: both;}   


 #header { max-width: 100%; padding: 10px 1% 3px;}

 #navcontainer ul { max-width: 100%; padding: 6px 1%;}

 #navcontainer ul li a { font-size: 10px; margin: 0 9px;}

 #navcontainer ul { float: none; margin: auto; max-width: 848px; width: 848px !important; padding: 0;}

 #bread_crum { padding: 20px 1% 10px;}

 #searchsocial { padding:0 10px;}

 #wrapper { margin-top: 135px; padding-top: 0;}

 #index-header { padding:0 2% 20px;}

 .topbanner { padding: 0;}

 .topbanner h4 { margin-top: 0 !important;}

 .topbanner h5 { margin-top: 0 !important;}

 .banner_sec { max-width: 100%; padding: 0 15px;}

 #index-header2 .banner_thir_inn { width: 100%;}

 #index-header2 { margin-top: 10px;}

 #content { max-width: 100%; width: 100%; padding: 0 10px;}

 #inside { padding: 10px 1% 0;}

 .inner h2 { font-size: 18px; line-height: 25px;}

 .inner h3 { font-size: 18px;}

 .inner p { font-size: 13px; line-height: 22px; margin-bottom: 10px;}

 .inner ul { padding: 0 0 10px;}

 .inner h4 { font-size: 18px;}

 .company-text, .inner ul li { font-size: 13px;}

 #page-header { padding: 0 1%;}

 .company-content .company-text { padding:10px 2% !important;}

 .bottom-content { padding: 0 1%;}

 #category-header .topbanner { padding:0 2%;}

 #category-header { padding: 10px 0;}

 .address_outer .company-text { width: 100%;}

.footer_inner { width: 100%; padding:0 10px;}

 .foo_right { padding-left: 0px; width: 100%;}

 #footer-splash-content .greybox { max-width: 100%; padding: 30px 1%;}

.footer_column1 {  margin: 0 1%;  width: 31%;}

 .img_left { float: none; height: 120px; line-height: 155px; margin: auto; width: 120px;}

 .left-ads img { width: 100%;}

 #contant-bg .topbanner p { width: 100%;}

 #logo img { width: 200px;}

 #navcontainer ul li a { font-size: 9px !important; margin: 0 !important;}

 #logo { padding: 25px 0 0 10px;}

 .topbanner h4 { font-size: 60px; padding-top: 10px;}

 .topbanner h5 { font-size: 40px; padding-top: 10px;}

  .search-area form input[type="text"] { width: 45% !important;}

 #index-header { padding: 0; background: #86D7F8}

 #index-header .topbanner { padding:5px 0 5px !important;}

 #navcontainer {  max-width: 625px;  }




}





/*----------------Max 860 -----------------*/



@media screen and (max-width :860px) 

{



	#navcontainer {display: none;}
	#mobile-slide {	display: block;padding: 12px 8px;}

  .mobile-clear { clear: both;}   

	#header h1 { display:none;}

	#header h2 { display:none;  padding: 10px; color: #fff;}

	.socialbookmark { display:none;}








	h1 { font-size: 12px; text-align: left; padding: 15px 5px 0}



	#top {padding-top:0px;  width:100%;  max-width: 100%;}

  #header { max-width: 100%; padding: 8px 1% 8px !important; background: #242424; border-bottom:1px solid #85A3E0;}

  #header h2 { padding: 10px;} 

  #header .inner p, #header .inner h2 { text-align: center;}



	#contant-bg { padding-top: 0 !important;}

   #wrapper { margin-top: 0px; padding-top: 0;}

	

	.header_top { position: relative;  width: 100%;  z-index: 99;}

	

	#logo {left: 0; padding: 0px 0 0 0px; width: 300px !important; position:absolute; top:1px;  z-index:999;}

	#logo img {width: 280px;float:none;margin-top:12px;margin-left:12px; }

	#logo, .form, .banner, .middle, .right { float: none;width:100%;}





  #index-header {  width: 100%; }

	.topbanner { padding: 5px 2% 5px; margin-top: 0 !important;max-width: 100%; width: 100%; height:auto;  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;}

	.topbanner h4 { line-height:normal; font-size:40px;color: #fff; margin-top:30px;line-height:42px;margin-bottom:15px}

	.topbanner h5 { line-height:normal; font-size:30px;color: #fff; margin-top:0px;}

	.topbanner p { font-size: 14px; margin:10px 0 0 !important; width:100%; color:#fff;}

	.topbanner p a {  font-size: 15px; padding: 10px 16px; margin-top: 10px;}



  #page-header { width: 100%;  padding: 20px 1% 10px!important;}

	#page-header h5 { font-size:30px !important;}



	#category-header {width: 100%; background-repeat:no-repeat;background-size: 100% auto; padding:0;}

	#category-header .topbanner{ padding:0 2%; min-height:300px;}

	#category-header h5 {  font-size: 28px  !important;  margin-top: 0px; padding-top:80px;}

	





	#content { max-width: 100%; width: 100%; padding: 30px 10px;}

	#bread_crum { padding:8px 1% 10px; width:100%;}

	#bread_crum a { font-weight: normal; font-size: 11px;}

	

	.search-area form input[type="text"] { width: 100%; margin-left:0px;}

	.search-area form input[type="text"] { width:100% !important;}



	 form input[type="submit"] { margin-left:0px;}

	.search-area form { float: left;}

	.form input[type="text"], .form input[type="email"] { margin-bottom: 8px;}

	.inner .form h2 { margin-bottom: 12px;}

	 #submit-element #submit { margin-left:0 !important;}





	.right { float:left;}

	#inside { padding: 0px 1% 0;}

	.middle { margin-bottom: 10px;}

	

	.inner h1 { font-size: 24px; margin-bottom: 12px; line-height: 1.1; font-weight: normal;}

	.inner h2 { font-size: 18px; line-height: 25px;}

	.inner h3 { font-size: 18px;}

	.inner p { font-size: 13px; line-height: 22px; margin-bottom: 10px;}

	.inner ul { padding: 0 0 10px;}

	.inner h4 { font-size: 18px;}



	.left-box { margin-bottom: 10px;}



	.greybox { padding: 0 15px;}

	.greybox h3, .category-state h4 { background: #9b9fa1; color: #ffffff; font-size: 15px; font-weight: normal; padding: 10px!important; position: relative; cursor: pointer;}

	.greybox h3.opened:after, .right h3.opened:after, .category-state h4.opened:after { content: '-';}

	.greybox .list { width: 50%; float: left;}

	.greybox ul li a { padding: 0; background: none;}

	.greybox h3:after, .right h3:after, .category-state h4:after { content: '+'; padding-left: 5px; font-weight: bold; font-size: large; line-height: 10px; position: absolute;

				right: 18px!important; top: 15px!important; font-size: 24px;}  



	.list-wrap, .right ul { display: none;}

	.list-wrap { padding: 0 15px; background: #EEEEEE;}



	.right h3 { position: relative; cursor: pointer; font-weight: normal;}

	

	.required, .optional { margin-left:0 !important;}

	.short { margin-top: 12px; width: 100%; margin-left:0;}

	.long { width: 100%; margin-top: 12px; margin-left:0;}



	.company-box {  padding-top: 15px;}

	.company-text, .inner ul li { font-size: 13px;}



	.company-nearby { width: 100%;}



	.borderbox4, .borderbox5, .borderbox6, .company-text { width:100%}

	.borderbox4 { text-align: center; width: 100%;}

	.borderbox4 img { width:280px;}

	.borderbox5 a img {  margin: auto;  width: 280px;}



	#contact_description { width: 100%; margin-top: 12px; float:right;}



	.table_box{ width:100%; float:left;}

	.img_left { float: none; height: 120px; line-height: 155px; margin: auto; width: 120px;}



	.left-ads{ border-top:none;}

	.left-ads img { width: 100%;}

	.left-ads img { float: none !important; margin: auto !important; width: 280px !important;}

	.right .left-ads { text-align: center;}



	#ReasonForChange-label label { overflow: visible;}

	#URL-label label { overflow: visible;}

	#AgreeToTerms-label label { overflow: visible;}



	.middle .page-feature .list ul li { padding-bottom: 6px;}

	

	

	#footer-splash-content { padding-top: 8px;}

	#footer-splash-content .greybox { max-width: 100%; padding: 5px 0 0; margin:0 1%;}

	#footer-splash-content .greybox h3 {	color:#fff !important; font-size:15px}



	#footer-splash-content .greybox .list-wrap { background:none;}

	#footer-content { margin-top: 20px;}

	.bottom-content { padding: 0 1%;}



	.footer_outer { padding: 30px 0 10px;}

	.footer_inner { width: 100%; padding:0 10px;}

	.footer_column1 { width: 100% !important; text-align:center; margin: 0 0 20px !important;}

	.foo_right { padding-left: 0px; width: 100%;}



}





/*----------------Max 568-----------------*/



@media screen and (max-width : 568px)

{

	.list { float: left; width: 50%; }

	.nationwide .citylist { width: 100%;}

	.category-state .list { width: 100%;}

	.clist {		width: 100%; padding: 0 10px;}

  .cityall .list {	width: 100%; padding: 0 10px;}

	.citycounty .list {	width: 100%; padding: 0 10px;}

	

	.category-state .list ul li { padding-left: 0px;}

	.category .greybox { padding: 0;}

	.bottom-content ul li { width: 100%; float: left; text-align: center; margin-bottom: 10px;}

	.company-content .borderbox6 { width: 100%;}

	.pagination div { width:100%!important; float:none!important;}

	.pagination a { display: inline-block;margin-bottom: 6px;}

	.pagination { margin-bottom: 0; padding: 5px 0 0;}



	#page-header h5 { font-size:30px !important;}





	#contant-bg .company-content .borderbox6 { width:100%;}

	.citycompany .mileage { position: static; float:left; clear:both; margin-top: 2px; font:Arial, Helvetica, sans-serif;}

   .company-featured-paid .mileage { position: static; float:left; clear:both; margin-top: 2px; font:Arial, Helvetica, sans-serif;}

}



/*----------------Max 500-----------------*/



@media screen and (max-width : 500px) 

{ 

	.page-content h1 { font-size: 20px;}

	#category-header { background-size:auto auto;}

	#contact_description { width:100%; margin-top:10px;}

	.short { margin-top: 10px; padding: 6px; width: 100%;}

	.long2 { width: 100%;}

	select { width: 100%!important;}



}



@media screen and (max-width :440px) 

{

	#header { padding-left: 10px; padding-right: 10px;}

	#page-header h5 { font-size:30px !important;}

	.citypopular h3 { font-size: 16px;}

}



@media screen and (max-width:350px) 

{

	#page-header h5 { font-size: 24px !important; line-height: normal;}

	.right .left-ads { overflow-x:scroll;}

}