@charset "Cp1252";

body{ background: #bae8ff url(images/body-bg.gif) top repeat-x;}
	#wrapper {background:  url(images/starfield.gif) repeat-x; background-position: 0px -100px; }
	#cloud-wrap { background: url(images/cloud-layer.png) repeat-x; background-position: 5% 10px; }
	
a {	color:#017fbc;	text-decoration:underline;	cursor:pointer;}
a:hover {	color:#f7941e !important;	text-decoration: underline !important; cursor:pointer;}
a:active {	color:#fa6000 !important;}

#header { width: 960px; margin: 5px auto 10px auto;}
	#logo { float: left; margin: 10px;}
	#logo a { display: block; background: url(images/yl-sprite.gif) 0 0 no-repeat; width: 170px; height: 45px; }
	#logo a span { display: none; }	
	#search { width:758px; height: 50px; background: #2a84b7; margin: 10px 0 0 0; float: right; }
	#search form { margin: 10px 20px;}			
		#search #whatField, #search #locField,  #search input.field  { 
			background: #fff; color:#055a7d; font-size: 16px; letter-spacing:0px;
			border: 3px solid #216891; padding: 3px; margin: 0 5px 0 0;		}
		#search #whatField { width: 280px; float: left;  }
		#search #locField { width: 210px; float: left; }
	#search #nearImg { margin: 10px 0 0 0; width: 55px; height: 15px; display:block; float: left; background: url(images/yl-sprite.gif) -100px -80px no-repeat;}	
	#search #searchBttn { display: inline-block; background: url(images/yl-sprite.gif) 0 -80px no-repeat; border: none; width: 80px; height:32px; margin: 0; padding: 0; }
	
	
#body { background:#fff; }
#intro{}
	#tagLine { color:#ccc; font-size: 18px; float: right;}	
	#breadcrumb {}
	#breadcrumb a { text-decoration: none; }
	#breadcrumb .locActual { color:#777; font-weight: normal; }
	#breadcrumb .sectionTitle { color: #555; font-size: 18px; font-weight: 700; }
	
#listPage #left { width: 440px; float: left; overflow: hidden; padding: 0; margin: 10px 0 0 0;}
#listPage .listing { width: 440px; }
	
/*==================*
	Listing Page Styles
*==================*/	
	/*navigation menu & filters (See Defaults) */
	.filter .hider {background: url(images/yl-sprite.gif) 0 -320px no-repeat ; padding: 0 0 0 16px;}
	.filter .expand {background: url(images/yl-sprite.gif) 0 -300px  no-repeat !important; }

	/* Lisiting Results Main Stage */			
	#resultControls { background:#f2f8fc; padding: 5px; margin: 10px 0;}
		#resultControls .pagination { float: right; width: 400px; margin: 3px 0 0 0; }
		#resultControls #sortControl {float: left; width: 175px; }
		#resultControls #sortControl select { border: 2px solid #cce7f4; padding: 1px 5px; color:#055a7d; font-size:11px}
	
	/* Sponsored Listing Holder */
	#sponsorHold .title { color:#999; font-weight: normal; font-size: 9px; display: block; text-align: left; padding: 5px 0; margin: 0;}
	#sponsorHold {}
		
	/* Basic Listing Style - This is shared through out  */
	.listing { padding: 10px 0; }
		.listing .adr { margin: 2px 0;}
		.listing .adlet { border: 1px solid #ddd; margin: 0 0 20px 10px;  -moz-box-shadow: 2px 2px 5px #888;}	
		.listing .adletCopy { line-height:  14px; margin: 3px 0;	padding: 0; }
		.listing .tel {   width: 100px; color:#529c43; margin: 2px 0; font-size: 12px;}	
		
	
/*==================*
City Page Styling
*==================*/
#city #left { padding: 10px 0 0 10px; width: 610px;}

#city #intro { border-bottom: 2px solid #eee;  margin: 0;}
#city #breadcrumb { height:40px;}
/* breadcrumb icon based on population size */
	#locTitle { font-size: 24px; line-height: 28px; font-weight: bold; margin: 0;
							padding: 0 0 0 40px; background: url(images/yl-sprite.gif) -190px -50px no-repeat; }
	#locTitle.city { background: url(images/yl-sprite.gif) -190px 0 no-repeat; }

#browseCatList{ width: 130px; padding: 0; margin: 0 10px 0 0; display: block; float: left;}
	#browseCatList li{ font-size: 14px; margin: 10px 0; }
	#browseCatList li a { text-decoration: none; }
	#browseCatList li a:hover { text-decoration: underline; }	
	#browseCatList li.first{ margin: 0 0 10px 0; }
	#browseCatList .titleTxt{ color:#f88f34;  font-size: 14px; letter-spacing: -1px; font-weight: 700; margin: 0; padding: 0;}

#cityContent { width: 470px; padding: 0 0 20px 0; float: right;}
	#cityContent a:hover {text-decoration:underline !important;}
	#cityContent .mainTitle { color:#333; font-size: 24px; line-height: 28px; letter-spacing: -1px; font-weight: 700; margin: 0 0 10px 20px; }
	#cityContent .title { padding: 0  0 0 60px; margin: 10px 0; }
	#cityContent .title h2.titleTxt { font-size: 18px; line-height: 22px; color:#f88f34; font-weight: 700; margin: 0; padding: 0;}	
	#cityContent .title .description { font-size: 14px; color: #777; font-weight: 700;  margin: 0; padding: 0;}
	
	#featured.title { background: url(images/yl-sprite.gif) -340px -375px no-repeat }
	#local-news.title { background: url(images/yl-sprite.gif) -340px -435px no-repeat; }
	#new2city.title{ background: url(images/yl-sprite.gif) -340px -500px no-repeat; }
		
	#cityContent .adspace { border: 3px solid #eee; border-left: none; border-right: none; padding: 10px 0; }
	
	/* Article inclusion here */ 
	#cityContent .articleBox { padding: 0 20px;}
	#cityContent .articleTitle { font-size: 14px; font-weight: bold; text-decoration: none; display: block; margin: 20px 0 0 0;}
	#cityContent .date {color:#333; font-size: 11px;  }
	#cityContent .source {  font-size: 10px; color: #868686; }
	#cityContent p.description { font-size: 12px; line-height: 16px; color: #868686; }
	
	/* New to City lists */
	ul#new2cityList { margin: 0 0 0 20px; }
	#new2cityList li { margin: 5px 0; }	
	#new2cityList .titleTxt { font-size: 14px; color: #999; margin: 10px 0 0 0; padding: 0; }
	#new2cityList .busName { font-size: 16px; text-decoration: none; margin: 0 0 0 20px; }	
	#new2cityList .category { font-size: 10px; color:#b6b6b6; }
	
	/* Sponsored Listing inside citypage  */
	#sponsorCanvas.minimal { background: transparent; padding: 0 20px; margin-bottom: 20px; border-top: none; }
	#sponsorCanvas.minimal .listing { border: none;  margin: 0 0 10px 0; padding: 10px 0; width: auto; border-bottom: 1px solid #ddd; }
	#sponsorCanvas.minimal .org { font-size: 14px; padding: 0; margin: 2px 0; letter-spacing: 0; }
	#sponsorCanvas.minimal .org a {text-decoration: none !important;}
	#sponsorCanvas.minimal .adletCopy { background: none; padding: 0; margin: 5px 0 0  0;}
	#sponsorCanvas.minimal .adlet { border: 1px solid #bababa; padding: 1px; margin: 0 5px 0 0;  width: 110px; height:60px;}	
	#sponsorCanvas.minimal .adlet img { width: 110px; height:60px; }
	
	/* Right column entry of nearby cities */
	#nearby-cities { margin: 10px 0; padding:0 0 10px 0; border-top: 3px solid #eee;  border-bottom: 3px solid #eee; }	
	#nearby-cities .title  { height: 40px; padding: 0 0 0 60px; margin: 10px 0 0 0; background: url(images/yl-sprite.gif) -340px -580px no-repeat; }
	#nearby-cities .title .titleTxt { font-size: 18px; line-height: 18px; color:#f88f34; font-weight: 700; margin: 0; padding: 0;}
	#nearby-cities .title .description { font-size: 12px; color: #777; font-weight: 700;}
	#nearby-cities ul { width: 130px; padding: 10px;  float: left;}
	#nearby-cities ul li { margin: 5px 0 5px 10px; }
		#nearby-cities ul li a { font-size: 14px; text-decoration: none; }
		#nearby-cities ul li a:hover { text-decoration: underline; }

/*==================*
	Profile Page Styling
*==================*/
#flashBanner{  position: relative; z-index: 10; width: 960px; margin: -20px auto 10px auto;  }
	#flashBanner .msg { background: url(images/corner.png) 80px 0px no-repeat; padding: 15px 0 0 0;}
	#flashBanner .msg .text{ background: #fff; padding: 10px; display: inline-block; font-size: 16px; }
	#flashBanner .msg .text{ -moz-box-shadow: 3px 3px 3px #000;-moz-border-radius: 5px; }
	#flashBanner .next, #flashBanner .previous { text-decoration: none;  font-size: 14px; }
	#flashBanner .query { text-decoration: none; color:#283b4b; margin: 0 10px; padding: 0 0 0 20px; background: url(images/yl-sprite.gif) -340px -160px no-repeat; }
		
#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 { background: #f49501;color:#fff; font-weight: bold; text-align:center; display: block; padding: 3px 0 3px 0; margin: 0 0 5px 0;}
	#sponsoredAdlet ul li { margin: 0 10px 10px 10px ; 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:#529c43;}
	.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;}
	#streetview { width: 300px; height: 200px; margin: 10px 0 0 0;}
	#outro { font-size: 14px; color:#888; }
	
	/***********
	 * Add Css from plugins (tabs)
	 ***********/
	.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 { background:#e6f7ff !important; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color:#017fbc !important; cursor: normal; }
	
	.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-panel { padding: 10px; display: block; border-width: 0; background: #e6f7ff; }
	.ui-tabs .ui-tabs-hide { display: none !important;  }
	
	#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:#ddd; width: 230px; float: left; padding: 10px; }
	.contentBlock #contactBubble form { background:#f0f0f0; padding: 10px; }	
	#about .title { padding: 0; }
	
	/* Form Bubble for sponsored */
	#contactBubble .title, #contactBubble .titleTxt { color:#555; margin: 0; padding: 0; }
	#contactBubble .title	{ font-size: 21px; margin: 0 0 10px 0;}
	#contactBubble .titleTxt { font-size: 14px; line-height: 18px; margin: 0 0 10px 0; }
	#contactBubble label { font-size: 11px; color:#355c00; display: block; margin: 5px 0 2px 0; }
	#contactBubble textarea,	#contactBubble input[type=text] { padding: 3px; font-size: 14px; border: none; background:#fff; width: 200px;}
	
	/* Style Elements inside each tab */
	.contentBlock h2 { font-size: 21px; font-weight: bold; }
	.contentBlock h3 { font-size: 16px; }
	.contentBlock h3 a { font-weight: normal; letter-spacing: 0; }
	.contentBlock h4 { margin: 0 0 10px 0; padding: 0; font-size: 14px;  letter-spacing: -1px;}
	.contentBlock ul { margin: 0 0 20px 0; }	
	.contentBlock ul li {margin: 0 0 5px 0; }
	.contentBlock p { line-height: 18px; }
	.contentBlock blockquote { border-bottom: 1px solid #e3e3e3; line-height: 18px; background: url(images/yl-sprite.gif) -350px -650px no-repeat; padding: 10px 10px 10px 40px; }
	.contentBlock blockquote.special { border: none; background-color:#f0f7fb; padding-right: 20px; } 
	.contentBlock .author { text-align: right; display: block; margin: 10px 0 0 0; color:#909090; font-family: georgia; font-style: italic; font-size: 11px;}
	.contentBlock .coupon { margin: 10px 0; padding: 20px; border: 2px dashed #bababa; font-size: 18px; font-weight: 700; text-align:center; }
	
	/* Maps & Directions */ 
	.start_direction { background: url(images/yl-sprite.gif) -180px -80px no-repeat;  padding: 0 10px 10px 50px;}
	label { font-size: 10px; color:#8a8a8a; display: block; }
	#map_canvas { width: 540px; height: 400px; border: 1px solid #ccc; background:#f1f1f1;}
		
		
	/* Headings of Columns ie. "More Business Tab" */
	.title { padding: 0 60px 5px 0; margin: 0 0 10px 0;}
		.title h2{ font-size: 16px; line-height:18px; color:#f88f34; font-weight: 700; margin: 0; padding: 0;}
		.title .description { font-size: 14px; color: #777; font-weight: 700;}
	
	#sponsoredMerchant.title { padding-right: 10px;}	
	#relatedCategories.title { background: url(images/yl-sprite.gif) -80px -460px no-repeat;}		
	
	/*listing list */
	ul.listingList li { margin: 20px; }
	ul.listingList .org { font-size: 14px; font-weight: 700; text-decoration: none; display: block;}
	ul.listingList .org:hover { text-decoration: underline;}
	ul.listingList .tel { font-size: 12px; font-weight: bold; display: block; color:#333; }
	ul.listingList .adr { color: #636363; font-size: 12px; }
	
	ul.categoryList li { margin: 15px 20px; font-size: 16px; }
	ul.categoryList li a { text-decoration: none;}
	ul.categoryList li a:hover {text-decoration: underline;}
	ul.categoryList .count { font-size: 11px; color:#999; }
	
	ul.inline li { list-style-type: none;  display: inline;}
	
	/* Local.com Ads in a Profile */
	#left ul.adSpace li{ margin-left: 0; }
	#left .adSpace .line1 a { font-size: 14px; font-weight: bold; }
		#left .adSpace .copy { font-size: 11px; }
	
/*==================*
Shared Elements & Widgets
*==================*/
 .linkBack { display: block; text-align: right; font-size: 11px; } /* Ending link for right side widgets */
	
	/*Article Relevant & Recent etc. */
	.articleCanvas { background: #eee; padding: 10px; margin: 10px 0 0 0;}	
		.articleCanvas .content { background:#fff; padding: 10px;  }
		.articleCanvas .content p { font-size: 14px; line-height: 18px; color:#636363; padding: 0; }
		.articleCanvas .title { padding: 0 0 5px 60px; margin: 0 0 10px 0;}
		.articleCanvas .title h2{ font-size: 14px; color:#f88f34; font-weight: 700; margin: 0; padding: 0;}
		.articleCanvas .title h2.titleTxt { font-size: 18px; line-height: 30px; color:#777;}	
		.articleCanvas .title .description { font-size: 11px; color: #777; font-weight: 700;}
		.articleCanvas h3.titleTxt { margin: 0; padding: 0;}
				.articleCanvas h3.titleTxt span { visibility: hidden; }	
		.articleCanvas ul { font-size: 12px; margin: 0 0 10px 0; }
		.articleCanvas ul li { padding: 5px 10px; border-bottom: 1px solid #eee; }
		.articleCanvas ul li a{ text-decoration: none; }
		.articleCanvas ul li.first a{ font-weight: bold; font-size: 14px; }
		
	/* Types of Article Blocks */
	#nameit .title { background: url(images/yl-sprite.gif) -350px -220px no-repeat; }
	#articlesBlock .title { background: url(images/yl-sprite.gif) 0 -220px no-repeat; }
	
	/* Modal Box */
	#modal { background:#8dc63f; padding:10px;}
	#modal .title { margin: 0; padding: 0; }
		#modal #modalTitle { float: left; color:#fff; margin: 0 0 10px 0; padding: 0;} 
		#modal #hideModal {font-size: 14px; font-weight: bold; color:#000; text-decoration: none; float: right; }
	#modal form { background:#d1edaa; padding: 10px; }	
	#modal label { font-size: 11px; color:#355c00; display: block; margin: 5px 0 2px 0; }
	#modal textarea,	#modal input[type=text] { padding: 3px; font-size: 14px; border: none; background:#fff;}
	#modal #smbttn { display: block;margin: 10px 0 0 0; font-family: "Arial"; background:#f88f34; border: 3px solid #f7ba5a; color:#fff; font-size: 12px; font-weight: bold; padding: 3px;}
		.emailtb { padding: 0 0 0 20px; }
	
	/* submission buttons - INHERITED */
	#bttn {}
	#bttn:hover { color:#599025; background:#9bcc18; border:1px solid #98cd3d; border-bottom: 1px solid #70c023; text-decoration: none !important;} 
	
	/* Special icon on the bubble for sponsored listings. */
	#bubble { background:url(images/map-bubble.png) bottom right;}
	#bubble h3 { margin: 0 0 5px 0; padding: 0; color:#86c9ef; font-weight: normal; letter-spacing: 0; padding: 0;}	
	#bubble .sponsored { padding: 0 25px 0 0; }
	#bubble .sponsored a{ color:#f7941e; }
	#bubble .address { color:#ccc; !important; font-size: 11px;}	
	#bubble .phone { font-size: 14px; font-weight: bold; color:#fff; margin: 5px 0 0 0; display: block; }

	#outro { padding: 10px; text-align: center;  }
		#outro.search {color:#868686; font-size: 16px;  text-align: left;   }
		#outro.search  #what, #outro.search  #where, #outro.search .field{ font-family: Arial; color: #333; background: #fff; border: 3px solid #cce7f4; padding: 5px; font-size: 14px;  }
		#outro.search #searchBttn2 { font-family: "Arial"; background:#f88f34; border: 3px solid #f7ba5a; color:#fff; font-size: 14px; font-weight: bold; padding: 3px;}

/*==================*
	MISC Pages 
*==================*/		
#singleArticle.error { background: url(images/error.gif) top left no-repeat; padding: 0 0 200px 220px; color:#868686; font-size:14px;  }
	#singleArticle.error .alertFlash {font-size: 84px; font-weight: bold; color:#777; margin: 40px 0; }
	#singleArticle.error h3 { color:#33a4c3; line-height: 24px; font-size: 18px; }	

#home {background-position: 0px -50px; background-color:#77c46e;}
	#home #header {  padding-top: 70px; padding-bottom: 10px;}
	#home #homeBody {  padding: 0 0 100px 0; margin: 0 auto; width: 960px; }
	#home #homeBody #hBubble {  position: relative; z-index: 10; background: url(images/corner.png) 400px 0px no-repeat; padding: 20px 0 0 0; width: 620px; margin: 0 0 0 250px;  }
	#home #homeBody #hBubble .content { background:#fff; padding: 10px; margin: 0; }
	#home #homeBody #hBubble .title .titleTxt { margin: 0 0 3px 0; }	
	#home #homeBody #hBubble .title a { text-decoration: none; }	
	#home #nearby-cities { border: none !important; }
	
	#home #aboutYodleLocal,	#home #footer strong { color:#c9e5f3 !important; }
	#home	#aboutYodleLocal h4, #home #footer a { color:#fff; }

/* Footer */	
#footer { background: url(images/footer.gif) bottom repeat-x; padding: 10px 0 250px 0; width: 100%; border-top: none; margin-bottom: 0; }
	#footer #yodleFooter{ width: 975px; margin: 0 auto; }
	#aboutYodleLocal { width: 300px; margin: 10px; float: right; color:#668fa4; }
	#aboutYodleLocal h4 	{ color: #80a9bd; font-size: 14px; font-weight:bold; letter-spacing: -1px; margin: 0 0 5px 0;}
	#footLinks {margin: 10px 20px;}
	#footLinks p { line-height: 18px; font-size: 11px; color:#80a9bd; }
	#footLinks a { margin: 0 5px  0 0; text-decoration: none; }
	#footLinks strong { color: #80a9bd; font-size: 14px; font-weight:bold; letter-spacing: -1px; display: block; margin: 0 0 5px 0;}

/*==================*
	IE6 browser hack fixes
*==================*/		
*html #modal .title { padding: 0 0 5px 0; }
*html #modal input.field { border: none; }
*html #contactBubble #fieldComment { width: 200px; }

/*==================*
	CSS3 Special effects for Webkit + Safari
*==================*/		
#search .field { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#body, #search, .rounded, .contentBlock { -moz-border-radius: 10px; -webkit-border-radius:10px; }
#listingHolder, .tab { -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius:10px; }