/*	html *		{ margin: 0; padding: 0; border: 0; }	*/
/*	ul, li		{ list-style: none; }	*/
/*	input, select, textarea		{ border: 1px #ccc solid; border-color: #7f7f7f #7f7f7f #dedede #dedede; }	*/

.left		{ float: left; }
.right	{ float: right; }
.clear	{ clear: both; height: 0; line-height: 0px; border: 0px solid red; }

.clearfix:after	{
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
	}

/*	for the last 7 people on earth using IE Mac	*/
.clearfix	{ display: inline-block; }
/* Hide from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body.home a,
body.home a:visited	{ text-decoration: none; color: #0083b6; }
body.home a:hover		{ text-decoration: underline; }

body.home {
	margin: 0; padding: 0; border: 0; 	/*!!!*/
	font: 62.5%/1.2em Tahoma, Arial, Sans-Serif;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #333;
/*	text-align: center; /* IE6 centering */
	}
body.home *, #categories ul, ul#header-nav { margin: 0; padding: 0; border: 0; }

/*	=========	MASTHEAD		=========	*/
div#masthead			{
	position: relative;
	height: 125px;
	width: 100%;
	font-family: "Trebuchet MS", Verdana, sans-serif;
/*	font-size: 1.11em;*/
	font-size: 14px;
	text-align: left;
	background: transparent url(../images/bg_masthead_6x125.gif) 0 0 repeat-x;
	}


ul#header-nav		{ list-style: none; position: absolute; top: 25px; left: 200px; width:500px;}
#header-nav li		{ display: inline; text-transform: lowercase; }
#header-nav li a				{ display: block; float: left; margin-right: 30px; padding-bottom: 6px; color: #67cdff; }
#header-nav li a:hover		{ color: #fff; }
#header-nav li.current a	{ color: #fff; background: transparent url(../images/nav_current.gif) center bottom no-repeat; }

div#account					{ position: absolute; top: 26px; right: 1px; line-height: 1.11em; /*!*/ }
body.home div#account		{ right: 40px; /*!*/ }
#account .reviewer		    { float: left; color: yellow; margin-top:-2px;}
#account ul					{ list-style: none; display: inline; }
#account li					{ display: inline; text-transform: lowercase; }
#account li a				{ display: block; float: left; margin-left: 15px; color: #fff; }
#account li a:hover		{ color: #fff; }
#account li.current a	{ color: #fff; background: transparent url(../images/nav_current.gif) center bottom no-repeat; }

/*	===	MASTHEAD: SEARCH	===	*/
/*#masthead form.search-form			{ position: absolute; left: 189px; top: 87px; top: 81px; width:675px; }
*/
/*	match height of label and input ? (never mind p.eg)	*/ 
/*.search-form label.search-text-label,
.search-form label.search-city-label	{
	display: block;
	float: left;
	height: 1.5em;
	margin: .45em 0.6em 0 0;
	text-align: right;
	font-weight: bold;
	}

.search-form label.search-text-label	{ width: 3.9em; }
.search-form label.search-city-label	{ width: 2.7em; }

.search-form .input-wrapper		{ display: block; float: left; }
.search-form .input-wrapper.left	{ margin-right: 1.5em; }

.search-form input	{
	height: 23px;
	height: 1.5em;
	padding: .3em 0 0 .3em;
	font-size: .9em;
	border: 1px #ccc solid;
	border-color: #7f7f7f #7f7f7f #dedede #dedede;
	}

.search-form input.search-text	{ width: 21em; /*width: 16.5em;*/ }
.search-form input.search-city	{ width: 15em; /*width: 10.5em;*/ }
.search-form p.eg						{ clear: both; margin: .18em 0 0 .24em; font-size: .84em; letter-spacing: .03em; color: #808080; font-style: italic; }

.search-form input.submit			{ margin-left: 9px; padding: 0; width: 32px; height: 25px; border: 0; }
*/
/* wip	...
#search-form input#search-text,
#search-form input#search-city	{
	display: block;
	float: left;
	height: 23px;
	padding-top: .3em;
	border: 1px solid blue;
	}
#search-form input#search-text	{ width: 21em; }
#search-form input#search-city	{ width: 15em; }
*/

/*	=========	CONTAINER (to fix width)	=========	*/
div#kontainer	{ clear: both; width: 900px; margin: 0 auto; margin: 0 0 0 21px; text-align: center; border: 0px solid red; }

/*	=========	CITIES	=========	*/
div#cities-top-wrapper	{
	clear: both;
	display: block;
	margin-bottom: 12px;
	padding: 21px 0 15px;
	text-align: left;
	font-size: 1.2em;
	border-bottom: 1px solid #eaeaea;
	}

#cities-top-wrapper h3.locale		{
	float: left;
	width: 228px;
	height: 27px;
	line-height: 27px;	/*!*/
	padding-left: 33px;
	font-size: 1.35em;
	background: transparent url(../images/star_rating_smaller.gif) left center no-repeat;
	}

div.cities						{ margin-left: 261px; font-size: 1.11em; line-height: 1.11em; }
.cities h1.city-list-hdr	{ float: left; margin-right: 9px; font-size: 1.11em; /*for IE6, 7*/ }

ul.cities		{ list-style: none; margin-bottom: 10px; line-height: 20px; padding:0;}
.cities li		{ display: inline; }
.cities li a	{ display: block; float: left; margin: 0 6px 0 0; padding: 0 6px 0 0; font-weight: bold; border-right: 1px solid #0083b6; }

.cities li.no-border a		{ border: 0; margin: 0; padding: 0; }
/*.cities li.more-cities a	{ padding-right: 12px; background: transparent url(/homestars/images/arrow_down_blu_8x7.gif) right .3em no-repeat; }*/


/*	=========	COLUMN WRAPPER, COLUMNS	=========	*/
/*
1. col-left/sidebar = 240px
2. gutter = 21px
3. main content = 639px
4. total = 900px
*/
div#column-wrapper	{
	clear: both;
	width: 900px;
	margin-bottom: 33px;
	padding-top: 10px;
	font-size: 1.2em;
	text-align: left;
	border-bottom: 1px solid #eaeaea;
	}
div.col-left			{ clear: both; float: left; width: 240px; }
div.col-right			{ width: 635px; margin-left: 261px; /* margin for non-IE */ }

/*	=========	CATEGORIES MENU	=========	*/
div#categories		{ margin-bottom: 1.5em; border: 0px solid teal; }

#categories h2	{
	margin-bottom: 17px;
	padding-bottom: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	border-bottom: 1px solid #dadada;
	color: #272727;
	}

#categories ul					{ list-style: none; font-size: 13px; }
#categories li					{
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 6px; /*apply to 'more' paragraph */
	color: #666;
	}
#categories li a				{
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	font-size: 0.99em;
	line-height: 1.89em;
	letter-spacing: .0em;
	}
/*#categories li a:hover		{ color: #000; }*/
#categories li.selected		{ padding: 6px 0 6px 6px; background: #d4f4ff; }
/* 'more categories'	*/	
#categories p				{ margin-left: 6px; }
#categories p a			{ text-decoration: underline; }
#categories p a:hover	{ color: #000; }

/*	=========	MAIN CONTENT	=========	*/
/*	===	PROMO	===	*/
div#promo			{ clear: right; margin-bottom: 15px; }
#promo img.promo	{ margin-bottom: 15px; /* match div#promo */}
#promo h1		{ font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 22px; line-height: 1.2em; color: #272727; }
#promo h1 span	{ font-size: 14px; line-height: 1.2em; color: #999; font-style: italic; }

.col-right h2			{
	margin-bottom: 13px;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	color: #333;
	border-bottom: 1px solid #ccc;
	}

/*	===	CALL TO ACTION (main content column = 639px)	===	*/
div.call-to-action	{ clear: right; margin: 18px 0; padding-bottom: 14px; border-bottom: 1px solid #ccc; }
.call-to-action h2	{ padding-bottom: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333; }
.call-to-action p		{ width: 496px; margin-left: 143px; line-height: 1.5em; }


/*	===	'THE GOOD', 'THE BAD' (main content column = 639px)	===	*/
div.good-and-bad		{ display: block; float: left; /*clear: right;*/ margin-bottom: 18px; }

div.col-the-good		{ display: block; float: left; width: 260px; border: 0px solid teal; }
div.col-the-bad		{ display: block; width: 260px; margin-left: 320px; border: 0px solid teal; }

.good-and-bad h3	{
	margin-bottom: 8px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 16px;
	font-size: 19px;
	line-height: 1.29em;
	color: #757575;
	}

img.good-bad		{ width: 190px; margin-bottom: 15px; padding: 4px; border: 2px solid #c7c7c7; }

.good-and-bad h4			{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 6px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #757575;
	}

.good-and-bad h4 span	{
	display: block;
	float: left;
	width: 36px;
	height: 35px;
	line-height: 42px;
	margin-top: -7px;
	margin-right: 12px;
	text-align: center;
	font-size: 0.9em;
	color: #000;
	background: transparent url(../images/star_rating_36px.gif) 0 0 no-repeat;
	}

.good-and-bad p					{ line-height: 1.5em; }
.good-and-bad p span.reviewer	{ font-weight: bold; }


/*	=========	REVIEWS		=========	*/
div#reviews			{ clear: right; margin-bottom: 33px; }
#reviews h2			{ margin-bottom: 18px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; color: #333; }
#reviews h2 span	{ float: right; font-size: 12px; color: #666; }

div.review		{ margin-bottom: 15px; line-height: 1.2em; }
/*	the rating star	*/
.review h5		{
	float: left;
	margin: 0 12px 12px 0;
	width: 36px;
	height: 35px;
	line-height: 36px;
	font-size: 0.96em;
	text-align: center;
	background: transparent url(../images/star_rating_36px.gif) 0 0 no-repeat;
	}

.review h4				{ margin-bottom: 9px; }
.review p				{ font-style: italic; line-height: 1.5em; }
.review p .reviewer	{ font-style: normal; font-weight: bold; color: #333;  }


/*	=========	FOOTER (still inside div#kontainer, re: centering between header/footer		=========	*/
div#footer-top	{
	clear: both;
	display: block;
	padding-bottom: 14px;
	font-size: 1.2em;
	border: 0px solid teal;
	text-align: center;
	}

#footer-top img#logo2	{ margin: 24px 0 12px 0; }
#footer-top p				{ margin-bottom: 9px; font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; line-height: 1.2em; color: #333; }

div#footer-bottom	{
	clear: both;
	display: block;
	padding: 18px 0;
	font-size: 1.2em;
	text-align: center;
	background: #ebebeb;
	border-top: 1px solid #c7c7c7;
	}

#footer-bottom ul		{ list-style: none; display: block; margin: 0 auto; width: 60em; }
#footer-bottom li		{ display: inline; }
#footer-bottom li a	{ display: block; float: left; margin-right: 20px; margin-right: 1.5em; color: #0083b6; }




/*	=========	WRITE A REVIEW PAGE		=========	*/
div#write-review	{ clear: right; }
#write-review h1	{ margin-bottom: 9px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 22px; color: #000; }
#write-review p	{ line-height: 1.35em; }

div#review-steps		{ display: block; margin: 21px 0 30px 0; padding-bottom: 9px; color: #333; border-bottom: 1px solid #ccc; }
#write-review h3		{ float: left; margin-right: 9px; font-size: 1.2em; /*for IE6, 7*/ }
#write-review h4		{ display: block; margin-bottom: 6px; font-size: 1.2em; color: #000; }

#review-steps ol		{ display: block; font-size: 1.2em; }

#review-steps ol li				{ display: inline; margin-right: 2.1em; }
#review-steps ol li a			{ font-weight: bold; color: #999; }
#review-steps ol li.current a	{ color: #333; }


/*	=========	SEARCH-FOR-A-COMPANY FORM (RITE REVIEW PAGE)		=========	*/
#write-review form.search-form	{ margin: 0 0 30px 0; padding: 15px 9px 18px 0; background: #ddd; border: 4px solid #e4e4e4; }

/*	'Company Name' is longer than 'Search'	*/
#write-review .search-form label.search-text-label	{ width: 9em; }
#write-review .search-form .input-wrapper.left		{ margin-right: .75em; }

#write-review .search-form input.search-text	{ width: 24em; }
#write-review .search-form input.search-city	{ width: 12em; }

#write-review .search-form input.submit			{ margin-left: 9px; padding: 0; width: 32px; height: 25px; border: 0; }


/*	=========	FIND/SELECT A COMPANY TABLE WRAPPER; (col-right is 639px)	=========	*/
div#company-find-select	{ clear: right; width: 631px; margin-bottom: 3em; border: 4px solid #e4e4e4; }

#company-find-select form.search-form	{ border: 0; }

div#review-sample-hdr		{ margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #ccc; } 
#review-sample img.sample	{ width: 240px; margin: 0 0 15px 3em; padding: 6px; border: 4px solid #c7c7c7; }
#review-sample img.rating-star	{ float: left; width: 27px; margin: -7px 6px 0 0; }
#review-sample h5	{
	margin-bottom: 6px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #333;
	border: 1px solid #fff;
	}
div.rating-rater	{ border: 1px solid #ccc; }

/*
#company-find-select ul.pagination		{ display: block; width: 585px; width: auto; height: 1.5em; margin: 0 0 1.5em 15px; border: 0px solid #0ff; }
#company-find-select .pagination li		{ display: inline; }
#company-find-select .pagination li a	{
	display: block;
	float: left;
	margin-right: 9px;
	padding: 2px 5px;
	text-decoration: none;
	background: #fafafa;
	border: 1px solid #e1e1e1;
	}
#company-find-select .pagination li a:hover		{ background: #007fb1; color: #fff; border: 1px solid #007fb1; }
#company-find-select .pagination li.current a	{ background: #000099; color: #fff; }
*/
ul.pagination			{ display: block; width: 585px; width: auto; height: 1.5em; margin: 0 0 1.5em 15px; }
/*	alt vsn, to accommodate inline 'sort by' form in category search results page	*/
ul.pagination.alt		{ display: block; float: left; width: 22.5em; margin-right: .75em; }


.pagination li		{ display: inline; }
.pagination li a	{
	display: block;
	float: left;
	margin-right: 9px;
	padding: 2px 5px;
	text-decoration: none;
	background: #fafafa;
	border: 1px solid #e1e1e1;
	}
.pagination li a:hover		{ background: #007fb1; color: #fff; text-decoration: none; border: 1px solid #007fb1; }
.pagination li.current a	{ background: #000099; color: #fff; }
.pagination li.no-margin a	{ margin: 0; }


#company-find-select h2	{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 0 15px; border: 0; }

/*	=========	SEARCH RESULTS TABLE (WRITE REVIEW PAGE)		=========	*/
#company-find-select table#search-results		{ width: 599px; margin: 0 15px 1.5em 15px; border-collapse: collapse; }

#search-results th	{
	padding: .75em 0;
	font-size: 11px;
	text-transform: uppercase;
	color: #878787;
	border-bottom: 1px #e4e4e4 solid; 
	}

#search-results td 		{ vertical-align: middle; padding: .75em 0; border-bottom: 1px #e4e4e4 solid; }
#search-results td.btn	{ width: 48px; }
	
#search-results td.company_name,
#search-results th.company_name	{ font-weight: bold; padding-left: 10px; width: 50%; }

#add_business	{
	padding: 15px;
	background: #fcfcf2;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	width: auto;
	}
#search-results-category #add_business	{ margin-bottom: 3em; }



.btn_add_business	{
	display: block;
	width: 88px;
	height: 21px;
	background: #fff url(/images/btn_add_business.gif) 0 0 no-repeat;
	letter-spacing : -1000em;
	text-indent: -1em;
	}






/*	=========	CATEGORY SEARCH RESULTS PAGE		=========	*/
ul.sponsored	{
	list-style: none;
	margin: 0 0 2.1em 12px;
	padding-right: 18px;
	background: #fff url(/images/sponsored_link_heading.gif) right top no-repeat;
	}

.sponsored li	{
/*	display: block;*/
	height: 1.5em;
	line-height: 1.5em;
	height: 27px;
	line-height: 27px;
	margin-bottom: 3px;
	background: #f4f4f4;
	}

.sponsored li .rating	{
	display: block;
	float: left;
	width: 31px;
	height: 27px;
	margin-right: 15px;
	text-align: center;
	background: #f4f4f4 url(/images/star_rating_sponsored.gif) 0 0 no-repeat;
	font: bold 11px/27px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

div#search-results-category	{}

#search-results-category h1	{ margin-bottom: 9px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 22px; color: #000; }
#search-results-category p		{ line-height: 1.35em; }
#search-results-category h2	{ margin: 12px 0; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 18px; color: #000; }
#search-results-category h3	{}

/*	======	SORT RESULTS FORM	======	*/
/*form.results-sorter	{ margin: -.75em 0 30px 15px; padding: 9px; height: 1.5em; border-bottom: 1px solid #ccc; }	*/
form.results-sorter		{ margin: 0 0 1.5em 23.25em; padding: 0px; height: 1.5em; line-height: 1.5em; border: 0px solid #ccc; /*border-width: 1px 0; */}

div.select-wrapper		{ float: left; margin-right: 15px; border: 0px solid teal; }
label.sort-method-label	{
	display: block;
	float: left;
	width: 4.5em;
	height: 1.5em;
	line-height: 1.65em;
	margin-right: .3em;
	font-weight: bold;
	}

select.sort-method			{ width: 7.8em; width: 9.9em; border: 1px solid #999; }
select.sort-method option	{ padding-left: 3px; }

div.checkbox-wrapper		{ float: left; border: 0px solid teal; }
input.checkbox				{}
label.fotos-only-label	{ height: 1.5em; line-height: 1.5em; margin-left: .3em; font-weight: bold; }


/*	======	CATEGORY SEARCH RESULT MODULE	======	*/
div.result-wrapper				{ padding: 15px 9px; background: #edf6fa; border-top: 1px solid #e1e1e1; }
div.result-wrapper.last			{ margin-bottom: .9em; border-bottom: 1px solid #e1e1e1; }
.result-wrapper img.right		{ margin: 0 0 .6em .6em; padding: 2px; }
.result-wrapper a img.right	{ border: 1px solid #0083b6; }

div.rating-star {
	float: left;
	width: 75px;
	text-align: center;
	font-size: .9em;
	font-style: italic;
	color: #666;
	}
.rating-star span {
	display: block;
	width: 53px;
	height: 50px;
	line-height: 55px;
	margin: 0 auto 6px auto;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	background: transparent url(../images/star_rating_searchPrem.gif) 0 0 no-repeat;
	}
	
	
div.review-wrapper	{ margin-left: 90px; border: 0px solid #000; }
.review-wrapper h3	{ font-family: Arial, Helvetica, sans-serif; font-size: 1.29em; line-height: 1.32em; }
.review-wrapper h4	{ margin-bottom: .75em; font-size: 1.11em; line-height: 1.11em; }

.review-wrapper p.company-info	{ float: left; width: 16.5em; font-size: 1.05em; line-height: 1.05em; }

div.testimonial					{ margin-left: 17.1em; font-size: 1.05em; line-height: 1.05em; }
.testimonial p.quote				{ margin-bottom: .45em; font-style: italic; }
.testimonial p.byline			{ font-weight: bold; color: #333; }
.testimonial p.byline span		{ border: 0px solid red; }