/*#####################################basic#####################################*/
body{background:#ffffff;font-family: lucida grande, tahoma, verdana, arial, sans_serif; font-size: 11px;margin: 0px;padding: 0px;text-align: left;}
h1{font-size:26px;color:#000000;margin:0px;padding:0px;}
h2{font-size:18px;color:#000000;margin:0px;padding:0px;}
h3{font-size:13px;color:#333333;margin:0px;padding:0px;}

p {
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
font-size: 11px;
text-align: left; 
}

a, a:visited, a:active {
cursor: pointer;
color: #3b5998;
text-decoration: none;
}

a:hover {
text-decoration: underline; 
}
img{border:0px;}

select {
border:1px solid #BDC7D8;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:15px;
padding:2px;
}

td
{
font-size: 11px;
text-align: left; 
}
.imgnav img{
cursor:pointer;
}
.hidden_help_a{
background-color:#eeeeee;
border:1px dotted #7f93bc;
}

.missing_info{
font-size:22px;
}
/*#####################################end basic#####################################*/


.even {background-color: #eee;cursor: pointer;}
.odd {background-color: #d8dfea;cursor: pointer;}

.productinfo{cursor: pointer;}


/*#####################################begin of div headers#######################################*/
.tnavbck {background-color:#3b5998;background-image:url('http://www.businessthree0.com/apps/fb/images/main_logo.gif');background-repeat: no-repeat;}
.tnav,.tnav a,.tnav a:visited,.tnav a:active{font-size:16px;color:#ffffff;background-color:#3b5998;}
.tnavt{background-color:#7f93bc;height:3px;font-size:3px;}
.tnav a:hover{color:#cccccc;text-decoration:underline;}
.tdh{background-color:#3b5998;height:1px;font-size:0.5px;}
.tdht{background-color:#d8dfea;font-size:11px;color:#3b5998;font-weight: bold;padding: 3px 5px 2px 5px;}
.subdiv{background-color:#eee;color:#444;padding: 2px 8px 2px 8px;border-top: solid 1px #ccc;}
/*#####################################end of div headers#######################################*/

/*#####################################begin of result boxes#######################################*/
.productbox {width:135px;height:190px;background-color:#eeeeee;border:1px solid #7f93bc;float:left;padding:5px;margin:2px;overflow:hidden;}
.productboxinfo{height:15px;}

.bizbox {width:135px;height:190px;background-color:#eeeeee;border:1px solid #7f93bc;float:left;padding:5px;margin:2px;overflow:hidden;}
.bizboxinfo{height:15px;}

/*#####################################end of result boxes#######################################*/


/*#####################################begin of forms#######################################*/
form {
margin: 0px;
padding: 0px; 
}




textarea {
border: 1px solid #bdc7d8;
padding: 3px;
font-size: 11px;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif; 
}


label {
  cursor: pointer;
  color: #666666;
  font-weight: bold; }
  
input.button{font-size:12px;color:#FFFFFF;background-color:#3b5998;border:0px;}

.input_search {
background: white url('http://www.businessthree0.com/images/search.png') no-repeat 3px 4px;
padding-left: 17px; 
font-size: 14px;
vertical-align:middle;
}

.fp_search {
background: white url('http://www.businessthree0.com/images/search.png') no-repeat 3px 4px;padding-left: 17px; 
font-size: 14px;
border: 1px #7f93bc solid;
vertical-align:middle;
}

.inputbutton,
.inputsubmit {
  padding: 2px 15px 3px 15px;
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-top-color: #D9DFEA;
  border-left-color: #D9DFEA;
  border-bottom-color: #0e1f5b;
  border-right-color: #0e1f5b;
  background-color: #3b5998;
  color: #FFFFFF;
  font-size: 11px;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  text-align: center; 
 
}
 

/*#####################################end of forms#######################################*/


/*#####################################begin of sorters#######################################*/
.business_name_business_name, .business_price_business_price, .business_rating_business_rating, .serp_rank_serp_rank{
color:#3b5998;
font-weight:bold;
text-decoration:underline;
pointer:cursor;
}

/*#####################################end of sorters#######################################*/



/*#####################################SpryTabbedPanels#####################################*/

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	background-color: #eeeeee;
	border-top: solid 0px #7f93bc;
	
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #eeeeee;
	list-style: none;
	border-left: solid 0px #CCC;
	border-bottom: solid 1px #7f93bc;
	border-top: solid 0px #999;
	border-right: solid 1px #7f93bc;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color:#444;
}


.TabbedPanelsTabHover {
	background-color: #CCC;
}


.TabbedPanelsTabSelected {
	background-color: #ffffff;
	border-bottom: 0px solid #7f93bc;
}


.TabbedPanelsTab a,.TabbedPanelsTab a:visited,.TabbedPanelsTab a:active; {
	color: #444444;
	text-decoration: none;
}


.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 0px #7f93bc;
	border-bottom: solid 0px #7f93bc;
	border-top: solid 0px #7f93bc;
	border-right: solid 0px #7f93bc;
	background-color: #ffffff;
}


.TabbedPanelsContent {
	padding: 4px;
}


.TabbedPanelsContentVisible {
}
/*#####################################SpryTabbedPanels#####################################*/


/*#####################################SpryAutoSuggest#####################################*/
.hideSuggestClass{
	border: 1px solid #7f93bc;
	background-color: #eeeeee;
	height: 100px;
	overflow:auto;
	display:none;
	width: 300px;
	margin: 0px;
	cursor: pointer;
	z-index: 1011;
}

.showSuggestClass .hideSuggestClass{
	display: block !important;
}

.showSuggestClass .hoverSuggestClass{
	background-color: #d8dfea !important;
}

.iframeSuggest
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/*#####################################SpryAutoSuggest#####################################*/

/*#####################################SpryHTMLPanel#####################################*/
.HTMLPanelLoading {
	background-image:url('http://www.businessthree0.com/apps/fb/images/ajax-loader-big clock.gif');
	background-position:center;
	background-repeat:no-repeat;
	height:100px;

}

.HTMLPanelLoadingContent{
	display: none;
}

/* boxes/fp/product.box.php */
.latest_prods_trigger{
	background-color:#ffffff;  
	height:20px;
	width:350px;
	padding-left:10px;
	padding-top:5px;
	text-decoration:none;	
	margin-top: 1px;
}
#latest_prods_tooltip{
	background-color:#eeeeee;  
	width: 200px;
	border-left: 1px dotted #7f93bc;
	border-right: 1px dotted #7f93bc;
	border-bottom: 1px dotted #7f93bc;
	padding-left: 0px;
	padding-top: 0px;
}
.random_prods_trigger{
	background-color:#ffffff;  
	height:20px;
	width:350px;
	padding-left:10px;
	padding-top:5px;
	text-decoration:none;	
	margin-top: 1px;
}
#random_prods_tooltip{
	background-color:#eeeeee;  
	width: 200px;
	border-left: 1px dotted #7f93bc;
	border-right: 1px dotted #7f93bc;
	border-bottom: 1px dotted #7f93bc;
	padding-left: 0px;
	padding-top: 0px;
}
/*#####################################SpryHTMLPanel#####################################*/


/*#####################################SpryAccordion#####################################*/

.Accordion {
	border-left: solid 0px gray;
	border-right: solid 0px black;
	border-bottom: solid 0px gray;
	overflow: hidden;
}


.AccordionPanel {
	margin: 0px;
	padding: 0px;
}


.AccordionPanelTab {
	background-color: #eeeeee;
	border-top: solid 0px black;
	border-bottom: solid 0px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	height:16px;
	
		background-image:url('http://www.businessthree0.com/apps/fb/images/list-add.png');
	background-position:right;
	background-repeat:no-repeat;
}


.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
        height:135px;
}


.AccordionPanelOpen .AccordionPanelTab {
	background-color: #d8dfea;
	background-image:url('http://www.businessthree0.com/apps/fb/images/list-remove.png');
	background-position:right;
	background-repeat:no-repeat;
}


.AccordionPanelTabHover {
	color: #000000;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #000000;
}


.AccordionFocused .AccordionPanelTab {
	background-color: #eeeeee;

}


.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #d8dfea;
}

/*#####################################SpryAccordion#####################################*/


/*#####################################feed reader#####################################*/
#LeftColumn {

  padding:0;
  width: 140px;
  float: left;
}
#LeftColumn, #articles {
  border-left: solid 0px #404040;
  border-right: solid 0px #404040;
  border-bottom: solid 0px #404040;
  width: 140px;
}
#articles {	margin-bottom: 10px; }

#RightColumn {
	margin:0;
	padding:0;
	height: 600px;
	float: left;
	width: 200px;
}

.SpryHiddenRegion {
   visibility: hidden;
   
}



#RSSFeedsList{ 
  height: 219px;
  width:  140px;
  overflow: auto;
}
#MovieTitle h2, #RSSFeedsTitle h2, #RSSChannelTitle h2 {
	color: #fff;
	font-size: 110%;
	text-transform:uppercase;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color: #cccccc;
	border-top: solid 0px #999;
	border-bottom: solid 0px #3a3a3a;
	margin: 0;
	height: 20px;
	padding-left: 3px;
}
#columnHeadings {
	background: url('') repeat-x;
	color: #333333;
	font-weight: bold;
	width:100%;
	height: 21px;
	
	margin: 0;
	padding: 0;
	border-top: solid 1px #7f93bc;
	border-bottom: solid 1px #7f93bc;
	cursor: pointer;
}
#SubjectTitle, .SubjectColumn { width: auto; margin: 0; }
#PubDateTitle, .PubDateColumn {	width: auto; margin: 0; }
.ListBoxItemGroup .ListBoxItem { padding:3px 0 5px 0.25em; }

#SubjectTitle, #PubDateTitle, .SubjectColumn, .PubDateColumn { 
	padding:3px 0 5px 0.25em; 
	float: left;
 	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#RSSItemsList {
  width: 100%;
  height: 195px;
  overflow: auto;
  clear: both;
}
#RSSItemContent {
	width: 380px;
	white-space: nowrap;
	overflow: hidden;
}
.RSSItemListRow {
	float: left;
	border-bottom: solid 0px #202020;
	background-color: #d8dfea;
	width: 100%;
	white-space: nowrap; 
	overflow: hidden; 
}
.ListBoxItemTitle {
	background: url('') repeat-x;
	border-top: solid 1px #7f93bc;
	border-bottom: solid 1px #7f93bc;
	padding: 3px 0 5px 0.25em;
	color: #333333;	
	font-weight: bold;
	margin: 0;
	cursor: pointer;
}
.ListBoxCategTitle {
	background: url('') repeat-x;
	border-top: solid 0px #999;
	border-bottom: solid 0px #3a3a3a;
	padding: 3px 0 5px 0.25em;
	color: #cccccc;	
	font-weight: bold;
	margin: 0;
}
.ListBoxItem {
	border-bottom: solid 1px #7f93bc;
	cursor: pointer;
	clear: both;
	background-color: #eeeeee;
	color:#444;
	white-space: nowrap;
	overflow: hidden;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.EvenRow { background-color: #eeeeee; }
.ListBoxItemHover {	background-color: #fff; color: #ff0000; }
.SelectedListBoxItem { color: #000000;font-weight:bold;font-styel:italic;text-decoration:underline; }

.RSSItemListFeedback {
	height: 32px;
	margin: 75px auto auto auto;
	background-color: #eeeeee;
	border: solid 1px #7f93bc;
}
.RSSItemListFeedback td {
	padding: 10px;
}
td.RSSItemListLoading {
	height: 50px;
	background-image: url('http://www.businessthree0.com/apps/fb/images/ajax-loader-big clock.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 36px;
}
/*#####################################feed reader#####################################*/



/*#####################################dhtmlwindow#####################################*/
.dhtmlwindow{
position: absolute;
border: 1px solid #7f93bc;;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 3px 5px 2px 5px;
text-indent: 3px;
font-weight: bold;
background-color: #d8dfea;
color:#3b5998;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 0px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 0px solid gray;
background-color: #ffffff;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
/*#####################################dhtmlwindow#####################################*/


/*#####################################featured product panel#####################################*/
.featured_product_widget {
	width: 760px;
	height: 230px;
	border: solid 1px #7f93bc;
	background-color: #eeeeee;
}
.featured_product_SlidingPanels {
	width: 760px;
	height: 230px;
	overflow: visible;
	position: relative;
	float: left;
	padding: 0px;
}
.featured_product_SlidingPanelsContainer {
	width:8000em;
	height:230px;
	position: absolute;
	float:left;
	margin: 0px;
	padding: 0px;
}
.featured_product_SlidingPanelsContent {
	width: 152px;
	height: 230px;
	float: left;
}
.featured_product_content {
	width: 141px;
	height: 200px;
	float: left;
	overflow: hidden;
	padding: 4px;
	border-right: solid 1px #999999;
}
.featured_product_panelnav {
	clear: both;
	height: 42px;
}
.featured_product_left {
	text-align: left;
	margin-left: 4px;
}
.featured_product_right {
	text-align: right;
	margin-right: 4px;
}
.featured_product_headline{
font-weight:bold;

}
.featured_product_desc{

}

.featured_product_red_price{
font-weight:bold;
color:#ff0000;
}
/*#####################################featured product panel#####################################*/



/*#####################################featured business panel#####################################*/
.featured_business_widget {
	width: 760px;
	height: 230px;
	border: solid 1px #7f93bc;
	background-color: #eeeeee;
}
.featured_business_SlidingPanels {
	width: 760px;
	height: 230px;
	overflow: visible;
	position: relative;
	float: left;
	padding: 0px;
}
.featured_business_SlidingPanelsContainer {
	width:8000em;
	height:230px;
	position: absolute;
	float:left;
	margin: 0px;
	padding: 0px;
}
.featured_business_SlidingPanelsContent {
	width: 152px;
	height: 230px;
	float: left;
}
.featured_business_content {
	width: 141px;
	height: 200px;
	float: left;
	overflow: hidden;
	padding: 4px;
	border-right: solid 1px #999999;
}
.featured_business_panelnav {
	clear: both;
	height: 42px;
}
.featured_business_left {
	text-align: left;
	margin-left: 4px;
}
.featured_business_right {
	text-align: right;
	margin-right: 4px;
}
.featured_business_headline{
font-weight:bold;

}
.featured_business_desc{

}

.featured_business_red_price{
font-weight:bold;
color:#ff0000;
}
/*#####################################featured business panel#####################################*/



/* SpryRating.css - version 0.1 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2007. Adobe Systems Incorporated. All rights reserved. */

/* 
 * Top-level container for rating wigdet 
 * The name of the class ("ratingContainer") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the rating container.
 * This container holds floated elements, so it should be floated itself in order 
 * for a border or background to display correctly
*/ 
.ratingContainer{
	float: left;	
}

/* This selector controls the initial appearance of a rating star inside the widget.
 * It will later be affected by the state of the rating container itself.
 * Display is set to none so that when JavaScript is disabled, it will not show.
 */
.ratingButton{
 	 background-repeat: no-repeat;
	 background-position: center center;
	 display: none;
}
  
/* Rating star appearance is affected by the state of the widget container.
 * Note that the width and height are required for Internet Explorer.
 */
.ratingInitialState .ratingButton,
.ratingReadOnlyState .ratingButton,
.ratingRatedState .ratingButton
{
	display: block;
	width: 32px;
	height: 32px;
	float: left;
}

/* Hide the input fields that are used for gracefull degradation when JavaScript is enabled. */
.ratingInitialState input,
.ratingReadOnlyState input,
.ratingRatedState input
{
	display: none;
}

/* These selectors control individual star states, which can be: 
* - full: the rating value exceds the current star
* - empty: the rating value is below the current star
* - half: the rating value is "inside" the current star  
* - hover: special state when the user selects the current star (mouse or keyboard)
*/
.ratingFull{
	 background-image: url('http://www.businessthree0.com/apps/fb/images/spry/products-search/SpryStarFull.gif');
}
 
.ratingEmpty{
	 background-image: url('http://www.businessthree0.com/apps/fb/images/spry/products-search/SpryStarEmpty.gif');
}
 
.ratingHalf{
	 background-image: url('http://www.businessthree0.com/apps/fb/images/spry/products-search/SpryStarHalf.gif');
}

.ratingHover{
	 background-image: url('http://www.businessthree0.com/apps/fb/images/spry/products-search/SpryStarHover.gif');
	 cursor: pointer;
}

/* Star state can be further modified by the state of the container widget */
.ratingReadOnlyState .ratingFull{
 	background-image: url('http://www.businessthree0.com/apps/fb/images/spry/products-search/SpryStarFullRO.gif');
}

.ratingReadOnlyState .ratingHalf{
 	background-image: url('http://www.businessthree0.com/apps/fb/images/spry/products-search/SpryStarHalfRO.gif');
}

/* These are the classes applied on the messages ("read only" and "thanks for voting")
 * which prevent them from being displayed by default 
 */ 
.ratingReadOnlyErrMsg, .ratingRatedMsg{	
	display: none;
}

/* This selector change the way messages look when the widget is in "read-only" state and user tries to rate.
 * This class sets a default red border and color for the error text.
 * An additional class is added on the top-level container (.ratingReadOnlyErrState) 
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.ratingReadOnlyErrState .ratingReadOnlyErrMsg{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;	
}

/* This selector change the way messages look when the widget is in "rated" state.
 * This class makes message visible and sets a green color on it.
 * The state class (.ratingRatedState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 * Note: set the display property below according to your needs, (e.g. inline, block, etc) depending on the container type
 */
.ratingRatedState .ratingRatedMsg{
	display: block;
	color: green;	
}

/* Customize the appearance of the rating counter */
.ratingCounter{
	color: green;
	display:none;
}