/* RESET & conform all CSS Elements */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}a{outline:none}table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym,fieldset,img{border:0}html{min-height:100%;height:auto}
/* Restyle Common Elements */
h1 {	font-size:21px;}
h2 {	font-size:18px;	margin-bottom:15px;}
h3 {	font-size:16px;	font-weight:700;	margin-bottom:15px;	letter-spacing:-1px;}
h4 {	font-size:14px;	font-weight:700;	margin-bottom:15px;}
h5	{ font-size: 12px; font-weight: 700; margin: 0 0 10px 0;}

img {	border:none;}

.hide {	display:none;}
.show {	display:block;}
.reset {	margin:0;	padding:0;	font-weight:400;	text-decoration:none;}
.clear {	height:0;	clear:both;	margin:0;	padding:0;	line-height:0;}
.clearfix:after {  content: ".";  display: block;  height: 0;  clear: both; visibility: hidden;   }

input[type=submit],label,select,.pointer    { cursor:pointer; }

a {	color:#2d5f8e;	text-decoration:underline;	cursor:pointer;}
a:hover {	color:#f7941e !important;	cursor:pointer;}
a:active {	color:#fa6000 !important;}

::-moz-selection  { background:#c3effd; color:#000; /* Firefox */ }

p {	margin:0 0 15px;	line-height:18px;}

.center {	text-align:center;}
strong {	font-weight:700;}
.grey {	color:#868686;}
	hr.grey {	border:none;	height:1px;	border-top: 3px solid #eee;	margin:10px 0;}

.float-left { float: left; margin: 0 10px 10px 0; }
.float-right { float: right; margin: 0 0 10px 10px; }

ol li { list-style-type: decimal; margin: 0 0 10px 20px; }
ul.roman li{ list-style-type: upper-roman;  margin: 0 0 10px 20px;}
ul.disc li { list-style-type: disc; margin: 0 0 10px 20px;}
ul.dot li { list-style-type: circle; margin: 0 0 10px 20px;}
.font11px { font-size: 11px; }
/* CSS of the Page */	
body {  font-family: "helvetica"; font-size: 12px; margin: 0; padding: 0;}
#wrapper { margin: 0; }

/* Minimal usage of these Elements Reused in the themes */
#header { width: 940px; margin: 0 auto 20px auto;} 
#footer {width: 940px; margin: 20px auto; padding: 10px 0 0 0;  border-top: 1px solid #eee;}

/* Customized page elements */
#body { width:940px; margin: 0 auto !important; padding: 10px; }

	#intro, #outro { }
	#intro {  padding: 0 10px;  }
	#intro #tagLine { float: right; color:#777 }
	#outro { clear: both;}
		
	#breadcrumb { float: left; font-size: 11px; color: #7c7c7c; }
	#navigation { margin: 10px 10px 0 10px; padding: 0; width: 170px; float: left; padding: 0 0 0 10px; margin: 10px 0;}
	.filter h3 { margin: 0; padding:0; font-size: 14px;	color: #f88f34; }
	.filter h3 a {	font-size:10px;	font-weight:400;	letter-spacing:0;}

	.filter p {	color:#999;}
	.filter ul { margin: 0 0 20px 0; }
	.filter ul li {	margin:5px 0;}
	.filter ul li a { color:#2d5f8e; text-decoration: none;}
	.filter .count {	margin:0 0 0 3px;	color:#999;	font-size: 10px;}
	.filter .hider {}
	.filter .expand {}
 	.filter .hider a { font-size: 11px; color:#56a3e1; }
 	
 	/*selected items */	
	.filter ul li.on { display: block !important; }
	.filter ul li.on .count { display: none; }
	.filter ul li.on a { text-decoration: none !important; font-weight:700;	color:#000 !important;}
											 
	#geoCollide.filter h3{ font-size: 12px; font-weight: normal; letter-spacing: 0; }	
	#left {  width: 600px; padding: 10px; float: left; }	
		#listPage #left {  width: 420px; padding: 10px; float: left; }	

	#right { width: 300px; padding: 10px; float: right;}
	
/* Sponsored Listing Holder */
#sponsorHold {  background: none; padding: 0; }
	#sponsorHold .title { display: block;  border-top: 1px solid #e9e9e9; text-align: left; background:#f4f4f4; color:#aaa; padding: 5px !important;  font-family: "Georgia"; font-style: italic; font-weight: normal; font-size: 10px;}
	#sponsorHold .listing	.adlet img { width: 100px; height: 56px;  }
	#sponsorCanvas { background:#fff; border-top: 1px solid #ddd; padding-bottom: 0px;}	
	
/* Sponsored Listing inside results */
#left .adSpace  { border-bottom: 1px solid #ddd; }	

#results { float: left;  margin: 0 0 10px 0 !important; border-top: 5px solid #f1f1f1; }
	#results .adSpace { padding-bottom:10px; border-bottom: 1px solid #eee; }
	.pagination {  color:#999; font-size: 12px; text-align: right; }
	.pagination a { text-decoration: none; padding: 0 2px;}
	.pagination a:hover {text-decoration: underline; }
	.pagination a.on { color: #333 !important; text-decoration: none; font-weight: bold;  }	

/* Lisiting Results Control */	
#resultControls { padding: 5px; margin: 10px 0;}
	#resultControls .pagination { float: right; width: 300px; margin: 3px 0 0 0; text-align: right; }
	#resultControls #sortControl {float: left; width: 125px; }

/* Default Controls for Listing */
.listing { width: auto; border-bottom: 1px solid #ddd; padding: 5px 0; margin: 0; }
	.listing .tel { font-size: 14px;  font-weight: bold; color:#87c73b; display: block; margin: 3px 0; padding: 0;}
	.listing .adlet { float: right; border: 1px solid #ddd; margin: 0 0 20px 10px; padding: 3px; }			
	.listing .adlet img { width: 120px; height: 67px;  }			
	.listing .org { font-size: 14px; line-height: 18px; letter-spacing: 0; margin: 0; font-weight: bold;  }
	.listing .org a { text-decoration: none !important; border-bottom: 1px solid #017fbc;}
	.listing .org a:hover { text-decoration: none !important; border-bottom: 1px solid #f88f34;}
	.listing .adr {  font-size:12px; color:#333; }
	.listing .businessCategory {  font-size: 11px; display: block; margin: 5px 0; color:#555; }	
	.listing .adletCopy { font-size: 11px; line-height: 14px; color:#636363; margin: 0; }
	.listing .extraLinks { margin: 10px 0 0 0; padding: 0; line-height:11px; text-align: right; }
	.listing .extraLinks a { font-size: 11px; text-decoration: none; display: inline-block; float: none;  } 
	
.active {background:#f2f8fc; border-bottom: 1px solid #2a84b7; }
	.active .extraLinks { visibility: visible;}	

/* PROFILE ITEMS */
#listingHolder{ background:#eee; padding: 10px; margin: 0;}
	#listingHolder .listing { background: #fff; padding: 10px; color:#555; width: auto !important;}
		#listingHolder .listing .adlet { width: 196px; height: 110px; display: block; float: right; overflow:hidden;  border: none; }
		#listingHolder .listing .adlet img { width: 196px; height: 110px;}			
	#listingHolder .listing .org { font-size: 24px; margin: 10px 0;}
	#listingHolder .listing .tel { font-size:14px; font-weight: bold; display: block; margin: 5px 0; background: none; }
		#listingHolder.sponsored .tel {background: url(images/yl-sprite.gif) 0 -130px no-repeat; padding: 0 65px 0 0; width: 100px; display: block !important; }	
	#listingHolder .listing .adr { font-size: 12px; line-height: 18px;}
	#listingHolder .listing .url { font-size: 14px; color:#77c46e; display: block; margin: 5px 0;}	
		#listingHolder .listing .url:hover {text-decoration: underline; }
	#listingHolder .listing .extraLinks { clear:both; visibility: visible; margin: 20px 0 0 0; padding: 0;}
	#listingHolder .listing .extraLinks a { font-size: 12px; line-height: 16px; font-weight: bold; padding: 0 0 0 20px; margin: 0 0 0 20px; }	
	#listingHolder .listing .extraLinks a:hover { text-decoration: underline; }	

	#listingHolder .listing .extraLinks a.menuLink {font-weight: normal; background: url(images/yl-sprite.gif) 0 -440px no-repeat; }	
	#listingHolder .listing .extraLinks a.reserveTable { font-weight: normal; background:url(images/yl-sprite.gif) 0 -401px no-repeat; }
	#listingHolder .listing .extraLinks a.print { background: url(images/yl-sprite.gif) 0 -420px no-repeat; }
	
/* add an add into unsposonred listing in profile */
#listingHolder #sponsoredAdlet	{ width: 200px; height: 110px; float: right; margin: 0 0 0 10px; overflow: hidden; }
	#sponsoredAdlet	.title { font-weight: bold; text-align:left; display: block; padding: 3px 0 10px 0; margin: 0;}
	#sponsoredAdlet ul li { margin: 0 10px 10px 0 ; font-weight:  bold; font-size: 11px;}	
	#sponsoredAdlet ul li a { text-decoration: none; }
	#sponsoredAdlet .tel { font-size: 11px !important; margin: 0 !important; padding: 0;}
	cite, .green { color:#4f8801;}.csItem { margin: 0 0 10px 0 !important; }
	
	#YodleSignUp { width: 320px; margin: 0 auto; padding: 10px; }
	#YodleSignUp .title { font-weight: bold !important; margin: 5px 0 0 0; font-size: 14px; letter-spacing: 0;  }	
	#YodleSignUp label { font-weight: bold !important; margin: 10px 0 3px 0; font-size: 11px; }
	#YodleSignUp .field { width: 320px; border: 1px solid #eee; border-top: 1px solid #bbb; border-left: 1px solid #ccc; font-size: 14px; padding: 3px; }
	#YodleSignUp .bttn { display: block; margin: 5px 0 0 0; padding: 5px; }	
	
	body#profile #mapCanvas { height: 190px; cursor: pointer;}
	#outro { font-size: 14px; color:#888; }

	.ui-tabs { padding: 0; }
	.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0;}
	.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 5px 0 0; padding: 0;  background: #d8d8d8; }
	.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 10px;  font-size: 14px; font-weight: bold; color:#777;}
	
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,	.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
	.ui-tabs .ui-tabs-nav li a,	.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
	
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:#fff !important; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color:#000 !important; cursor: normal; }
	
	.ui-tabs .ui-tabs-panel { padding: 10px; display: block; border-width: 0; }
	.ui-tabs .ui-tabs-hide { display: none;  }
	#tabNav { background: #eee;}

/* Content inside the tabs */
.contentBlock { background: #fff; color:#333; padding: 20px;}
	.contentBlock .column { width: 250px; float: left; padding: 10px 0; }
	.contentBlock .left { margin: 0 40px 0 0;}
	.contentBlock .right { float: right;}	
	.contentBlock .adspace { clear:both; padding: 10px; border-top: 5px solid #ddd;  }	
	.contentBlock #contactBubble { background:#8dc63f; width: 230px; float: left; padding: 10px; }
	.contentBlock #contactBubble form { background:#d1edaa; padding: 10px; }	
	#about .title { padding: 0; }

/*city content */
#browseCatList{ width: 130px; padding: 0; margin: 0 10px 0 0; display: block; float: left;}
	#browseCatList li{ font-size: 14px; margin: 10px 0; }
#cityContent { width: 450px; padding: 0 0 20px 0; float: right;}

	
/*Right Column Items */
#mapCanvas { width: 300px; height: 300px; border: 1px solid #ccc; overflow:hidden;}
	/* Map's Custom Bubbles */
	#bubble {
		margin:0;
		z-index:100;
		padding: 10px;
		width:220px;
		height:100px;
		position:absolute;
		bottom:0;
		left:0;
		display:none;
		background: #fff;
	}
.adSpace, .mediaSpace { margin: 10px 0 0 0; }
	.adSpace .title { margin: 0 !important; padding: 0; font-size: 10px; color:#fa8e34; }
	.adSpace .ad { margin: 5px 10px 10px 20px; }
	.adSpace .line1 { margin: 0; font-size: 16px; line-height: 20px; }
	.adSpace .line1 a { text-decoration: none; }
	.adSpace .address { color:#333; display: block; }
	.adSpace .copy { color:#777; }
	.adSpace cite { font-size: 11px; color:#74c412; display: block; } 
	.adSpace cite a { color:#74c412; text-decoration: underline; }
	
#resultsFoot { font-size: 11px; }
	.moreResults { float: left; margin: 0; padding: 0; color: #999; }
	.moreResults .moreListings{ padding: 0 0 0 17px; line-height: 16px; margin: 0 10px 0 0; font-size: 10px; text-decoration: none;}
	.show15 { background: url(../images/num-listing-ico.gif) -15px 0 no-repeat; }
	.show30 { background: url(../images/num-listing-ico.gif) -15px -15px no-repeat; }
	.moreResults span.moreListings{ font-weight: bold; color:#555; background-position:  0 0; }
	.moreResults span.moreListings{ font-weight: bold; color:#555; background-position:  0 0; }
	.moreResults .on { color:#777; font-weight: bold; font-size: 11px; }

/* Specialized Items */			
#singleArticle { width:600px; margin: 60px auto;}
	#singleArticle .title { color:#0a5598; font-size: 18px; }
	
/* Site Map Specifici Pieces */
.sitemap {padding: 20px 10px; margin: 0 auto;}	
	.sitemap h2 { color:#555; margin: 10px 0; padding: 5px 0; font-weight: bold; font-size: 14px; letter-spacing: -1px; border-bottom:1px solid #eee; }
	.sitemap h2.title { margin: 40px 0 10px 0;	}
	.sitemap h3 {	font-size:14px;	color:#868686;	border-bottom:1px solid #eee;	margin:30px 0 15px;	padding:0 0 3px;	width:200px;}

	.sitemap ul {	width:200px;	float:left;	margin:0 15px 0 0;}
	.sitemap li {	padding:4px 0; font-size: 12px;}
	
	.sitemap p.alphakey { margin: 0; font-size: 14px; text-align: center;}
	.sitemap p.alphakey a { margin: 0 3px; font-size: 18px; font-weight: bold; text-decoration: none;}
	.sitemap p.alphakey a:hover { border-bottom: 1px solid #000; }		
	 
 	.sitemap .inlineList { width: auto; float: none; margin: 0 10px 20px 10px;}
	.sitemap .inlineList li { display: inline; margin: 0 5px 0 0; }
	.sitemap .inlineList h3 { font-size: 24px; border: none; margin: 40px 0 5px 0; padding: 0;}
	.sitemap .inlineList h3 a{ color:#000;  text-decoration: none; }
	
	#tabNav { }
		#tabNav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 5px 0 0; padding: 0;  background: #d8d8d8; }
		#tabNav li a { float: left; text-decoration: none; padding: 10px;  font-size: 14px; font-weight: bold; color:#777;}

/***********
 * Add Css from plugins (Sliding Box)
 ***********/
 
/* Each Column in the filter Block Specific to FilterList */
.filterList h4.title { margin: 0 0 4px 0; font-size: 14px; font-weight: bold; color: #555;}
	.subItem { display: block; font-size: 11px; margin: 0 0 2px 0; width: 200px; padding: 0; }
	.subItem a { text-decoration: none; color:#3198d3;}
	.subItem a:hover { text-decoration: underline;}
	.subItem .count { font-size: 10px; color:#999;}

#modal { 	background:#fff; padding: 20px; display: none;
					z-index: 130; position: absolute;
				  top: 100px; margin-left: 290px; width: 365px; }
	#modal #msgFlash { text-align: center;  font-size: 16px; font-weight: normal; padding: 10px 0; display: none; }	  
		
	#modal.fail{ background:#fcc7c7} 
	#modal.fail #msgFlash { color:#981b1e;}
	#modal.success { background:#d1edaa; }
		#modal.success .title{ display: none;}
		#modal.success #msgFlash {color:#39561e; font-size: 21px; font-weight: bold;}
		#modal.success form{ display: none;}
				  
*html #modal { margin-top: 10px; }