/*

READ THIS!!!
This CSS is designed to be as flexible as possible in order to work within differing website content area widths.
Because of this, very few widths have been set so that the various elements can 'stretch' widthways to take up the available space on any given site.
However, some dimensions have to be declared (mostly due to javascript functions breaking without them). 
These dimensions must be set on a site by site basis in order to appear correctly within the content area available to the mall. 
Search for the word CUSTOM in order to find these dimensions and change as necessary.

/*
COLORS...
CHANGE COMMENTED BACKGROUND COLORS AS REQUIRED TO CUSTOMIZE.
'box_shade_top.png' IS A DARK SHADE FOR THE TOP OF CONTAINERS....USE 'box_shade_wht.png' IF WHITE SHADING IS REQUIRED.

7ac142 logo grn
f1f9ec lt grn
61116a purple

*/
/***** DO NOT INCLUDE THIS BIT IN FINAL CSS!!! *****/
/*body, p, td, ul, ol, .body, .defaultBody 
{
font: 12px/16px arial, Verdana, 'trebuchet ms', sans-serif;
color: #424242;*/
}
/***************************************************/

/* only use the following lines if you wish to override your sites default link colors... */
#mall_main_wrapper a { color: #7ac142; text-decoration: underline; }
#mall_main_wrapper a:hover { color: #7ac142; }
/***/

a img 
{
border:0;
}

.clear
{
clear: both;
}

.clear_left
{
clear: left;
}

.clear_right
{
clear: right;
}

#mall_container ul li, #mall_container ol li, #mall_main_wrapper ul li, #mall_main_wrapper ol li
{
padding: 0px;
list-style: none;
margin: 0px;
}


/*** STYLES USED THROUGHOUT ALL THE MALL ***/

#mall_main_wrapper  /* MAIN BORDER WRAPPING EVERYTHING! - NOT SEEN VISUALLY  - keeps everything within a defined width */
{
border: 0px solid #7ac142; 
padding: 0px;
margin: 0px;
/*width: 650px;	/* change this dimension to hardcode the width of the entire mall */
}

	#mall_header
	{	
	position: relative;
	/*background-color: #7ac142;*/
	background-image: url(../../i/header.jpg);
	background-position: top left;
	background-repeat: no-repeat;		
	border: 0px solid #7ac142;
	margin-bottom: 1px;
	overflow: auto;
	height: 36px;		
	}
	
		#mall_title a, #mall_title a:hover   /* contains the 1st iteration of the mall name. Used for overlapping 2 names for shadow effect. Hide if not needed */
		{			
		border: 0px solid red;
		position: relative;
		left: 20px;
		top: 12px;
		color: #fff;	
		font-size: 20px;
		line-height: 20px;	
		font-weight: bold;
		z-index: 20;
		display: inline-block;
		text-decoration: none;
		padding: 0px;			
		margin: 0px;			
		}		
		
		#mall_title_2 a, #mall_title_2 a:hover    /* contains the 2nd iteration of the mall name. Used for overlapping 2 names for shadow effect. Hide if not needed */
		{			
		border: 0px solid red;	
		left: 22px;
		top: 14px;		
		font-size: 20px;	
		line-height: 20px;
		font-weight: bold;
		z-index: 10;		
		position: absolute;		
		color: #61116a;		
		display: inline-block;
		text-decoration: none;	
		padding: 0px;					
		margin: 0px;					
		}		
	
	#mall_info_bar
	{	
	background-color: #7ac142;	
	border: 0px solid red;
	border-bottom: 1px solid #fff;
	margin-bottom: 0px;
	overflow: auto;
	height: 30px;	
	}
	
		#mall_breadcrumb_container
		{
		float: left;
		border: 0px solid red;
		position: relative;
		left: 20px;
		top: 11px;
		color: #fff;		
		font-weight: bold;
		}	

			#mall_breadcrumb_container a { color: #fff; text-decoration: none;}			
			#mall_breadcrumb_container a:hover { color: #61116a; }					
	
		#mall_search_container
		{
		border: 0px solid red;
		position: relative;
		left: -10px;
		top: 5px;		
		float: right;		
		}
		
			#mall_search_label
			{
			display: inline;
			border: 0px solid #f1f9ec;
			color: #fff;
			font-weight: bold;	
			font-size: 16px;	
			position: relative;
			top: 4px;
			margin-right: 2px;
			}
			
			#mall_search_container input
			{
			border: 1px solid #f1f9ec;			
			}
		
			
	#mall_container
	{
	position: relative;
	border: 1px solid #7ac142; /* MAIN BORDER OF OUTERMOST VISIBLE CONTAINER  */
	border-top: 0;
	padding: 8px 8px 8px 8px;
	/*background-color: #f5f5f5;*/
	margin-bottom: 10px;
	border-radius: 20px; 
	-moz-border-radius-bottomleft: 20px;  
	-moz-border-radius-bottomright: 20px; 
	-webkit-border-bottom-left-radius: 20px;  
	-webkit-border-bottom-right-radius: 20px;  		
	}
	
		/*** main boxes ***/
		.container
		{
		position: relative;
		padding: 10px;		
		background-image: url(../../i/box_shade_top_wht.png);
		background-position: top left;
		background-repeat: repeat-x;	
		background-color: #f1f9ec;			
		border: 1px solid #7ac142;
		-moz-border-radius-bottomleft: 10px;  
		-moz-border-radius-bottomright: 10px; 
		-webkit-border-bottom-left-radius: 10px;  
		-webkit-border-bottom-right-radius: 10px;		
		border-radius: 10px;  
		margin-bottom: 5px;
		overflow: auto;
		z-index: 0;
		}
		
		#long_listing_container.container
		{		
		border-radius: 10px;  
		-moz-border-radius-topright: 10px;  
		-webkit-border-top-right-radius: 10px;  			
		}
		
		#map_container.container
		{
		padding: 0px;
		/* turn off btm curved borders so map fits... */
		-moz-border-radius-bottomleft: 0px;  
		-moz-border-radius-bottomright: 0px; 
		-webkit-border-bottom-left-radius: 0px;  
		-webkit-border-bottom-right-radius: 0px;				
		}
		
			.title_bar  /* thin bar at top of each element */
			{
			position: relative;
			color: #fff;
			font-weight: bold;
			line-height: 16px;
			padding-left: 10px;
			background-color: #7ac142;			
			background-image: url(../../i/box_shade_top_wht.png);
			background-position: top left;
			background-repeat: repeat-x;			
			border: 1px solid #7ac142;			
			border-radius: 20px; 
			-moz-border-radius-topleft: 10px;  
			-moz-border-radius-topright: 10px; 
			-webkit-border-top-left-radius: 10px;  
			-webkit-border-top-right-radius: 10px;  			
			overflow: hidden;			
			}		
			
				.title_bar td /* same as '.title_bar' above but for bars that have a table inside */
				{
				color: #fff;
				font-weight: bold;
				line-height: 16px;
				padding: 0px;
				margin: 0px;
				}
			
			.title_bar table, .container table /* tables that are inside .title_bars and .containers to fix IE6 float problem */
			{
			width: 100%;
			padding: 0px;
			margin: 0px;
			border: 0px solid #000;		
			}
			
				#mall_main_wrapper .title_bar a { color: #fff; text-decoration: none;}			
				#mall_main_wrapper .title_bar a:hover { color: #fff; }		
			
	
		/* holds items like locations and affiliate logos */
		.small_container
		{
		float: left;
		padding: 10px 10px 10px 0px;
		margin: 0px 10px 0px 0px;
		border-right: 1px solid #7ac142;		
		position: relative;
		}
		
		#affiliations_container .small_container
		{		
		padding: 0px 10px 0px 0px;
		position: relative;			
		}
		
			#affiliations_container .small_container img
			{
			border: 1px solid #7ac142;	
			padding: 0px;	
			position: relative;		
			}
	
		/* RATINGS */
		.ratings_box /* container that holds ALL the stars */
		{
		border: 0px solid blue;
		overflow: auto;
		font-size: 10px;		
		}			
		
			.ratings_box .click_to_vote
			{
			
			}			
			
			.ratings_box .stars_container
			{			
			float: left;
			border: 0px solid red;
			}
			
			.ratings_box .number_of_votes
			{			
			float: left;
			}

			
.main_table /* used for large table layouts */
{
padding: 0px;
margin: 0px;
border: 0px solid #7ac142;
width: 100%;
}

.main_table td
{
border-right: 1px solid #7ac142;
			/*border-top: 1px solid #7ac142;*/
vertical-align: top;
}

.main_table td.last
{
border: 0px solid #7ac142;
}

.main_table tr.header td
{
border-right: 1px solid #fff;					
vertical-align: top;
background-color: #61116a;

}

.main_table tr.header td.last
{
border: 0px solid #7ac142;
}			


.company_name_1 /* contains the 1st iteration of the company name. Used for overlapping 2 names for shadow effect. Hide if not needed */
{		
position: relative;
top: 0px;
left: 0px;
color: #fff;
z-index: 20;
}		

.company_name_2 /* contains the 2nd iteration of the company name. Used for overlapping 2 names for shadow effect. Hide if not needed */
{		
position: absolute;			
top: 2px;
left: 11px;
color: #61116a;
z-index: 10;
}		



/******************************** LONG LISTING *****************************************/
#mall_container.long_listing
{

}												
	 
/*** locations scrolly thing for the LONG LISTING PAGE!!! NOT the search results page! That is further down in the search results section *****/
	#locations_container #locations_btn_left
	{
	float: left;	
	position: relative;
	/*top: 20px;*/
	margin-top: 20px;
	margin-right: 5px;
	background-image: url(../../i/arrow_left.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
	cursor: hand;
	width: 10px;
	height: 19px;
	}
	
		#locations_list_container
		{
		border: 0px solid blue;	
		float: left;	
		/*width: 400px;*/
		}
		
			#locations_list .small_container
			{
			border-right: 0px solid blue;	
			
			}
		
			#mall_main_wrapper #locations_list_container ul#locations_list
			{
			float: left;	
			border: 0px solid red;	
			padding: 0px;
			margin: 0px;
			/*width: 400px;*/
			}
			
				#locations_list_container ul#locations_list li
				{
				float: left;
				/*height: 80px;*/
				min-height: 60px;
				width: 175px; /* CUSTOM  Adjust this as wide a possible without the right scroll button wrapping underneath. Check in IE! */
				border-right: 1px solid #7ac142;	
				padding-left: 10px;
				}
		
	#locations_container #locations_btn_right
	{
	float: left;
	position: relative;
	/*top: 20px;*/
	margin-top: 20px;
	margin-left: 5px;
	background-image: url(../../i/arrow_right.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
	cursor: hand;	
	width: 10px;
	height: 19px;
	}
	
	#locations_container.container
	{
	
	}

	/* all the tabs in the main listing nav */
	#long_listing_tabs_container
	{
	position: relative;		
	top: 1px;	
	font-weight: normal;
	padding-right: 10px;	
	border: 0px solid red;	
	display: block; 
	overflow: auto;		
	vertical-align: bottom;
	z-index: 200;
	}		

		#listing_company_name /* contains the company name. 'top' is also set in the ie6 css */
		{	
		position: relative;		
		float: left;		
		padding-left: 10px;			
		padding-right: 10px;
		border: 1px solid #7ac142;	
				
		border-radius: 10px; 
		-moz-border-radius-topleft: 10px;  
		-moz-border-radius-topright: 10px; 
		-webkit-border-top-left-radius: 10px;  
		-webkit-border-top-right-radius: 10px;  			
		overflow: hidden;
		font-size: 16px;
		font-weight: bold;
		line-height: 30px;	
		background-color: #7ac142;	
		/*background-color: #F1F9EC;		*/
		background-image: url(../../i/lg_tab_shade_wht.png);
		background-position: top left;
		background-repeat: repeat-x;		
		margin-bottom: 0px;	
		z-index: 20;		
		}				
		
			#listing_company_name a
			{				
			text-decoration: none;
			}		
		
			#listing_company_name.lost_focus /* contains the company name. 'top' is also set in the ie6 css */
			{				
			/*background-color: #F1F9EC;
			border-bottom-color: #7ac142;*/
			background-image: url(../../i/box_shade_top_wht.png);			
			}		

				#long_listing_tabs_container #listing_company_name.lost_focus .company_name_1
				{				
				/*display: none;*/
				}		
				
				#long_listing_tabs_container #listing_company_name.lost_focus .company_name_2 
				{				
				/*position: relative;
				left: 0px;
				color: #363636;				*/
				}			
				
		ul#tabs /* list of tabs to the right of the company name tab. 'top' is also set in the ie6 css */
		{
		float: left;
		position: relative;
		top: 10px;
		list-style: none;				
		border: 0px solid red;	
		margin: 0px;
		padding: 0px;		
		z-index: 20;					
		}		
			
			ul#tabs li
			{				
			float: left;	
			border: 1px solid #7ac142;
			border-left: 0px;	
			/*border-bottom: 0px;	*/
			background-color: #fff;
			background-image: url(../../i/sm_tab_bg.jpg);
			background-repeat: repeat-x;																	
			}
		
			ul#tabs li.last /* add rounded right corner to last tab */
			{
			-moz-border-radius-topright: 10px; 		
			-webkit-border-top-right-radius: 10px;					
			}	
									
				ul#tabs li.active /* change li background as needed when tab is active */
				{				
				background-color: #7ac142;		
				/*background-color: #F1F9EC;	*/
				border-bottom-color: #7ac142;
				/*background-image: none;	*/
				/*background-image: url(../../i/sm_tab_bg.jpg);*/
				font-weight: bold;		
				}		
			
				ul#tabs li.active_last /* change li background as needed when tab is active and is the last tab */
				{						
				background-color: #7ac142;							
				/*background-color: #F1F9EC;*/	
				border-bottom-color: #7ac142;
				/*background-image: none;	*/
				/*background-image: url(../../i/sm_tab_bg.jpg);*/
				font-weight: bold;
						
				-moz-border-radius-topright: 10px; 		
				-webkit-border-top-right-radius: 10px;					
				}		
				
					ul#tabs li a 
					{ 
					color: #363636;
					text-decoration: none; 					
					line-height: 20px;
					padding-right: 10px;	
					padding-left: 10px;	
					}	
							
					
					ul#tabs li a:hover
					{
					color: #7ac142;
					}			
					
					ul#tabs li a.active
					{
					/*color: #61116a;*/
					color: #fff;
					}					

			
		#listing_ratings_box.ratings_box /* ratings box. 'top' is also set in the ie6 css */
		{
		line-height: 14px;
		border: 0px solid blue;	
		float: right;	
		position: relative;
		top: 0px;	
		left: 0px;						
		}

		
#long_listing_container.container
{
background-image: none;
}	
	
	#long_listing_container .large_listing
	{
	padding: 0px;
	margin: 0px;			
	background-color: #f1f9ec;			
	border: 0px solid red;	
	position: relative;		
	z-index: 0;	
	}
	
	#long_listing_container .listing_logo
	{	
	float: left;
	border-right: 1px solid #7ac142;	
	padding-right: 10px;	
	margin: 0px;
	position: relative;				
	}
	
		#long_listing_container .listing_logo img
		{				
		border: 1px solid #7ac142;							
		}
	
	#long_listing_container .small_listing /* contains entire address and directions and contact link */
	{	
	float: left;
	min-height: 0px;
	border: 0px solid red;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;	
	position: relative;
	}			
	
		#long_listing_container .listing_street
		{			
		padding: 0px 5px 2px 5px;
		position: relative;
		}
		
		#long_listing_container .listing_city
		{		
		padding: 0px 5px 2px 5px;	
		position: relative;			
		}
		
		#long_listing_container .listing_postal
		{		
		padding: 0px 5px 2px 5px;
		position: relative;													
		}
		
		#long_listing_container .listing_country
		{		
		padding: 0px 5px 2px 5px;	
		margin-top: 0px;	
		position: relative;
		display: none;
		}	

		#long_listing_container .listing_get_directions
		{		
		padding: 0px 5px 2px 5px;	
		margin-top: 10px;	
		font-weight: normal;	
		position: relative;	
		}			
		
		#long_listing_container .listing_view_google
		{		
		padding: 0px 5px 2px 5px;	
		margin-top: 0px;	
		font-weight: normal;	
		position: relative;			
		}	

	/* hold phone #'s and email link */
	#long_listing_container .contact_info /* contains entire address and directions and contact link */
	{
	display: block;
	float: left;
	min-height: 0px;
	border: 0px solid red;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
	position: relative;	
	}		
	
		#long_listing_container .contact_info_label
		{		
		font-weight: normal;
		width: 80px;
		border: 0px solid red;
		text-align: right;
		display: inline-block;
		}	
	
		#long_listing_container .phone
		{		
		padding: 0px 5px 2px 5px;	
		margin-top: 0px;			
		}	
		
		#long_listing_container .fax
		{		
		padding: 0px 5px 2px 5px;	
		margin-top: 0px;			
		}	
		
		#long_listing_container .toll_free
		{		
		padding: 0px 5px 2px 5px;	
		margin-top: 0px;			
		}		
		
		#long_listing_container .listing_email_us
		{		
		padding: 0px 5px 2px 5px;	
		margin-top: 10px;			
		}	
	
	#long_listing_container .listing_description
	{
	font-size: 12px;
	/*padding: 0px 5px 2px 5px;	*/
	margin-top: 10px;	
	border: 0px solid red;
	padding: 0px;		
	}	
	
	.long_listing .icons_box
	{	
	background-color: transparent;		
	}	
	
	.long_listing #sharing_listing_container .icons_box a
	{	
	text-decoration: none;	
	}	
	
			

	/*** MAP PANEL ***/
	
	#map_label
	{
	float: left;
	border: 0px solid red;	
	left: 0px;
	top: 0px;	
	position: relative;
	}			

	#map_get_directions_container
	{
	border: 0px solid red;		
	float: right;		
	position: relative;
	left: -10px;
	top: 0px;	
	}
	
		#get_directions_link
		{
		padding-left: 11px;
		background-image: url(../../i/arrow_sm.png);
		background-repeat: no-repeat;	
		background-position: 0px 3px;										
		}		
		

	/*** COMMENTS PANEL ***/
	
	#comments_label
	{
	float: left;
	border: 0px solid red;
	position: relative;
	left: 0px;
	top: 0px;	
	}		
	
	#comments_add_comment_container
	{
	border: 0px solid red;
	position: relative;
	left: -10px;
	top: 0px;		
	float: right;		
	}
	
		#add_comment_link
		{
		padding-left: 11px;
		background-image: url(../../i/arrow_sm.png);
		background-repeat: no-repeat;	
		background-position: 0px 3px;		
		position: relative;						
		}
		
		
	ul#comments_list
	{
	list-style: none;
	padding: 0px;
	margin: 0px;
	}
	
		ul#comments_list li
		{
		border-bottom: 1px solid #7ac142;
		padding: 5px;
		}
		
		ul#comments_list li.last
		{
		border-bottom: 0px solid #7ac142;		
		}
		
			ul#comments_list li .comment_date
			{
			padding-left: 8px;
			font-size: 10px;
			font-style: italic;
			}			
			
			ul#comments_list hr
			{	
			color: #7ac142;
			padding: 0px;
			margin: 5px 0px 5px 0px;			
			border: 0px;
			border-top: 1px solid #7ac142;	
			height: 1px;
			}
	

/**** 'add comment' form *****/
#comment_form #comment_form_name, #comment_form #comment_form_email
{
width: 200px;
margin-bottom: 5px;
}

#comment_form textarea
{
width: 400px;
height: 100px;
margin-bottom: 5px;
}

/*#comment_form #comment_form_submit input, #comment_form #comment_form_cancel input
{
width: 60px;
}*/


		
/* contact popup */
#contact_window_container
{
position: absolute;
top: 0px;
left: 0px;
width: 300px;
z-index: 999999;
padding: 20px;
background-color: #fff;
border: 2px solid #61116a;
-moz-border-radius: 30px;  
-webkit-border-radius: 30px; 
border-radius: 30px;  
display: none;
}	
	
	#contact_window.container
	{
	margin-bottom: 0px;	
	}
	
	#contact_window_container_2
	{	
	width: 300px;	
	}
	
		#contact_window_container_2 #email_label
		{	
		float: left;
		position: relative;
		}
		
		#contact_window_container_2 #close_window
		{	
		float: right;		
		padding-right: 10px;
		position: relative;
		}
		
		
/************************************* HOME PAGE ************************************************/	

#mall_home_container
{
position: relative;
border: 1px solid #7ac142; /* MAIN BORDER OF OUTERMOST VISIBLE CONTAINER  */
border-top: 0;
padding: 0px 0px 0px 0px;
background-color: #f1f9ec; 
margin-bottom: 10px;
border-radius: 20px; 
-moz-border-radius-bottomleft: 20px;  
-moz-border-radius-bottomright: 20px; 
-webkit-border-bottom-left-radius: 20px;  
-webkit-border-bottom-right-radius: 20px;  		
}	

	#mall_home_container #home_table td
	{
	padding: 0px 10px 0px 10px;
	width: 148px;
	}
	
	#mall_home_container #home_table tr.header td
	{
	padding: 0px;
	}

		.short_listing
		{
		border: 0px solid red;
		width: 127px;
		/*width: 100%;*/
		margin: 0 auto;
		margin-top: 10px;
		display: block;
		}
		
			.short_listing .listing_logo
			{
			text-align: center;
			}
		
			.short_listing_header
			{
			font-weight: bold;
			font-size: 14px;
			padding: 5px;
			padding-left: 16px;
			color: #fff;
			background-image: url(../../i/arrow_sm.png);
			background-repeat: no-repeat;
			background-position: 5px 9px;
			}		
			
				.short_listing_header .header_arrow
				{				
				margin-right: 3px;
				}				
		
			.short_listing img.logo
			{
			border: 1px solid #7ac142;		
			margin-bottom: 5px;	
			}	
			
			.short_listing_company_name
			{
			border: 0px solid #7ac142;		
			font-weight: bold;			
			text-align: center;
			margin-bottom: 10px;	
			}			
			
			.short_listing_description
			{
			margin-bottom: 8px;	
			}					
			
			#mall_main_wrapper .short_listing_description a { color: #363636; text-decoration: none; }			
			#mall_main_wrapper .short_listing_description a:hover { color: #363636; }
			
			#mall_main_wrapper .short_listing_company_name a { color: #61116a; text-decoration: none;}			
			#mall_main_wrapper .short_listing_company_name a:hover { color: #61116a; }	

			#mall_main_wrapper .short_listing_header a { color: #fff; text-decoration: none; }			
			#mall_main_wrapper .short_listing_header a:hover { color: #fff; }	

			.short_listing .ratings_box /* ratings box */
			{
			/*float: right;				*/
			border: 0px solid #7ac142;	
			margin: 5px 0px 5px 5px;			
			}

			#mall_home_container .ratings_box
			{			
			margin: 0 auto;
			padding-bottom: 8px;
			width: 127px;
			}
			
			#mall_home_container .ratings_box .number_of_votes
			{			
			float: none;
			clear: both;
			}



/************************************ BROWSE ********************************************/

#mall_browse_container
{
position: relative;
border: 1px solid #7ac142; /* MAIN BORDER OF OUTERMOST VISIBLE CONTAINER  */
border-top: 0;
padding: 0px 0px 0px 0px;
background-color: #fff; 
margin-bottom: 10px;
border-radius: 20px; 
-moz-border-radius-bottomleft: 0px;  
-moz-border-radius-bottomright: 20px; 
-webkit-border-bottom-left-radius: 0px;  
-webkit-border-bottom-right-radius: 20px;  		
}

#mall_browse_container .short_listing_header
{
background-image: none;
}		

#nav_cell
{
width: 180px;
background-color: #f1f9ec;
}


#browse_nav_container
{
/*width: 180px;*/
width: 100%;
border: 0px solid #7ac142;	
margin: 0;
padding: 0;	
}

#mall_browse_container .header td
{
border-bottom: 1px solid #fff;
}

#mall_browse_container tr.listing_row td
{
border-top: 1px solid #7ac142;	
}

#mall_browse_container table tr td#no_listings_found_cell
{
display: block;
}

#mall_browse_container .ratings_box
{	
margin: 0 auto;
padding-bottom: 8px;
width: 127px;
}

#mall_browse_container .ratings_box .number_of_votes
{			
float: none;
clear: both;
}



/* Navigation Styles */

/**** FIRST LEVEL... */
#mallNav 
{
border: 0px solid #000000;
text-align: left;
/*width: 180px;*/
width: 100%;
}

	#mallNav ul
	{
	list-style: none;
	padding: 0px;
	margin: 0;
	width: 100%;
	list-style-position: outside;
	background-color: #7ac142;
	}
	
		#mallNav ul li
		{
		border-bottom: 1px solid #fff;
		background-image: url(../../i/nav_shade_wht.png);
		background-repeat: repeat-x;
		}		
		
			#mallNav ul li a
			{	
			border: 0px solid #014c90;
			font: bold 15px/15px arial, helvetica, geneva, sans-serif;
			color: #fff;
			list-style: none;
			padding: 5px 5px 5px 15px;		
			background-image: url(../../i/arrow_sm.png);
			background-repeat: no-repeat;
			background-position: 5px 8px;
			display: block;	
			text-decoration: none;	
			}
			
			#mallNav ul li:hover, #mallNav ul li a:hover, #mallNav ul li a.active
			{		
			color: #fff;
			background-color: #61116a;
			}


/**** SECOND LEVEL...*/
#mallNav ul li .level1
{
border: 0px solid red;
padding-left: 0px;	
background-color: #f1f9ec;
}

	#mallNav ul li .level1 li
	{	
	padding-left: 0px;
	border-bottom: 0px;	
	}
	
		#mallNav ul li .level1 li a
		{	
		font: bold 14px/14px arial, helvetica, geneva, sans-serif;
		padding: 5px 5px 5px 26px;	
		color: #61116a;	
		background-image: url(../../i/arrow_sm_purple.png);
		background-repeat: no-repeat;
		background-position: 15px 8px;		
		}
		
		#mallNav ul li .level1 li a:hover, #mallNav ul li .level1 li .active 
		{	
		color: #fff;
		background-image: url(../../i/arrow_sm.png);
		}


/****THIRD LEVEL... */

#mallNav ul li .level2
{	
border: 0px solid red;
padding-left: 0px;	
background-color: #f1f9ec;
}

	#mallNav ul li .level2 li
	{
	border-bottom: 0px;	
	}

	#mallNav ul li .level2 li a
	{	
	font: bold 12px/12px arial, helvetica, geneva, sans-serif;
	padding: 5px 5px 5px 40px;	
	color: #61116a;	
	background-image: url(../../i/arrow_sm_purple.png);
	background-repeat: no-repeat;
	background-position: 28px 8px;
		
	}
	
	#mallNav ul li .level2 li a:hover, #mallNav ul li .level2 li .active 
	{	
	color: #fff;
	background-image: url(../../i/arrow_sm.png);
	}
	
	
	
	

/******************************** SEARCH RESULTS ***************************************/

#search_results_container.container
{
border: 1px solid #7ac142;
/*margin-bottom: 0px;*/
/*padding: 10px;*/
}

#results_found
{
padding-left: 10px;
float: left;
}

#page_numbers
{
float: right;
padding-right: 10px;
}

	#page_numbers a.active
	{
	color: #61116a;
	}

	
/*** locations scrolly thing for the SEARCH RESULTS PAGE!!! NOT the long listing location box *****/
	.locations_container .locations_btn_left
	{
	float: left;	
	position: relative;
	/*top: 20px;*/
	margin-top: 20px;
	margin-right: 5px;
	background-image: url(../../i/arrow_left.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
	cursor: hand;		
	width: 10px;
	height: 19px;
	}		
		
	
		.locations_list_container
		{
		border: 0px solid blue;	
		float: left;	
		/*width: 300px;*/
		}
		
			.locations_list .small_container
			{
			border-right: 0px solid blue;		
			}
		
			#mall_main_wrapper .locations_list_container ul.locations_list
			{
			float: left;	
			border: 0px solid red;	
			padding: 0px;
			margin: 0px;
			/*width: 400px;*/
			}
			
				#mall_main_wrapper .locations_list_container ul.locations_list li
				{
				float: left;
				/*height: 80px;*/
				min-height: 60px;
				width: 125px; /* CUSTOM  Adjust this as wide a possible without the right scroll button wrapping underneath. Check in IE! */
				border-right: 1px solid #7ac142;	
				padding: 0px;
				margin: 0px;
				padding-left: 10px;	
								/*border: 1px solid blue;	*/
				}
		
	.locations_container .locations_btn_right
	{
	border: 0px solid red;	
	float: left;
	position: relative;
	/*top: 20px;*/
	margin-top: 20px;
	margin-left: 5px;
	background-image: url(../../i/arrow_right.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
	cursor: hand;	
	width: 10px;
	height: 19px;
	}
	
/* end locations scrolly thing */
	


#mall_container.search_results .company_name_1 /* contains the 1st iteration of the company name. Used for overlapping 2 names for shadow effect. Hide if not needed */
{
top: 0px;
left: 0px;
font-size: 14px;
}		

#mall_container.search_results .company_name_2 /* contains the 2nd iteration of the company name. Used for overlapping 2 names for shadow effect. Hide if not needed */
{		
top: 2px;
left: 11px; /* this is also set in the ie6 css */
font-size: 14px;
}					

#search_results_container .large_listing
{
padding: 0px;			
background-color: #f1f9ec;			
border: 0px solid blue;					
}

	#search_results_container .listing_logo
	{
	display: block;
	float: left;
	border-right: 1px solid #7ac142;	
	padding-right: 10px;	
	position: relative;				
	}
	
		#search_results_container .listing_logo img
		{				
		border: 1px solid #7ac142;							
		}
	
	#search_results_container .small_listing /* contains addresses and short description */
	{	
	display: block;
	float: left;	
	border: 0px solid red;
	padding-left: 10px;
	/*font-weight: bold;*/
	font-size: 12px;	
	width: 440px;	
	position: relative;
	
	}		
	
		#search_results_container .small_container
		{	
		min-height: 50px;
		}	
	
		#search_results_container .small_listing a
		{	
		text-decoration: none;
		}		

	#search_results_container .listing_description
	{
	font-size: 12px;
	padding: 0px 5px 2px 0px;	
	margin-top: 10px;			
	}	

	#search_results_container #affiliations_container
	{	
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-top: 1px solid #7ac142;	
	margin-top: 10px;
	width: 100%;		
	padding-top: 10px;					
	overflow: auto;
	
	}
	
		#search_results_container #affiliations_container .small_container
		{			
		border: 0px solid red;
		}

	#search_results_container .ratings_box
	{
	float: right;
	padding-left: 10px;
	height: 100%;
	border-left: 1px solid #7ac142;
	}

span.geo {
	display: none;
}


/***************** LOCATIONS SELECTOR PAGE *****************************/

#mall_locations_container
{
position: relative;
border: 1px solid #7ac142; /* MAIN BORDER OF OUTERMOST VISIBLE CONTAINER  */
padding: 10px;
background-color: #fff; 
margin-bottom: 10px;
border-radius: 20px; 
-moz-border-radius-bottomleft: 20px;  
-moz-border-radius-bottomright: 20px; 
-webkit-border-bottom-left-radius: 20px;  
-webkit-border-bottom-right-radius: 20px;  		
}

#locator_text_lg
{
font-size: 14px;
font-weight: bold;
}

#locations_table.main_table
{
border: 0px solid #000;
}

	#locations_table.main_table td
	{
	border: 0px solid #000;
	}

#locations_table.main_table ul
{
padding: 10px;
margin: 0px;
}

#locations_table.main_table ul li
{
padding: 0px;
list-style: none;
padding-bottom: 5px;
}

#locations_table.main_table td a { }			
#locations_table.main_table td a:hover { color: #61116a; }	

#mall_locations_container #map_label
{
float: none;
}	

#locator_bar_lg
{
background-color: #f1f9ec; 
border-top: 1px solid #7ac142;
border-bottom: 1px solid #7ac142;
padding-left: 10px;
padding-right: 10px;
/*padding-top: 15px;
padding-bottom: 15px;*/
margin-top: 10px;
margin-bottom: 10px;
}

#location_name
{
float: left;
position: relative;
font-size: 20px;
line-height: 40px;
font-weight: bold;
color: #7ac142;
margin-right: 20px;
}

input#location_button
{
float: left;
position: relative;
top: 8px;
height: 22px;
cursor: hand;
}

#ui-stars-star1.ui-stars-star, #ui-stars-star1.ui-stars-star a {background-image:url(../../i/three_stars_1.png)}
#ui-stars-star2.ui-stars-star, #ui-stars-star2.ui-stars-star a {background-image:url(../../i/three_stars_2.png)}
#ui-stars-star3.ui-stars-star, #ui-stars-star3.ui-stars-star a {background-image:url(../../i/three_stars_3.png)}
#ui-stars-star4.ui-stars-star, #ui-stars-star4.ui-stars-star a {background-image:url(../../i/three_stars_4.png)}
#ui-stars-star5.ui-stars-star, #ui-stars-star5.ui-stars-star a {background-image:url(../../i/three_stars_5.png)}