/**
* eDirectory - Style Definitions
*
* This style sheet describes the structure and the main components
* about eDirectory's interface
*
* @package		layout
* @author			Arca Solutions
* @copyright	Copyright (c) 2009, Arca Solutions Inc.
*
* @colordef		#366DC7; standard blue 					(link color and title highlight)
* @colordef		#333; standard dark gray 			(text colors)
* @colordef		#666; standard gray 					(notes, complementary information)
* @colordef		#690; standard green color 		(footer links, members links, search box)
* @colordef		#C00; standard red 						(standard hover link, highlight label, calendar day's hover, secondary link color)
* @colordef		#CCC; standard border color
* @colordef		#EEE; secondary border color
* @colordef		#E8FF9B; standard yellow color 	(highlight featured, calendar day's hover)
* @colordef		#F7F7F7; tertiary border color, light gray background color
* @colordef		#FFFFEF; secondary yellow		 	(showcase background, subcategories' dropdown)
*/

/**
* Global Definitions
*bg_navbar.gif
* @section	global reset
*/

*
{ border: none; margin: 0; padding: 0; }

ul
{ list-style: none; }

body
{ background: #FFF; color: #666; margin-top: 10px; font: normal 12px/14px Geneva, Arial, Helvetica, sans-serif; text-align: center; }

a, a:visited
{ color: #666; font-weight: normal; text-decoration: none; }

	a:hover
	{ text-decoration: underline; }

input, select, textarea
{ border: 1px solid #CCC; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; color: #666; padding: 2px; }

.clear
{ clear: both; display: block; height: 0px; line-height: 0px; overflow: hidden; }

/**
* Page Structure
*
* Main structure and common components of the directory system
* such as Wrapper, Navbar, Header and Footer
*
* @section	structure
*/

.wrapper
{ margin: 0 auto 0 auto; text-align: left; width: 980px; }

/**
* Top Navigation
*
* @section		structure
* @subsection	top-navigation
*/

.topNavbar
{ background: url(../images/design/bg_top_navigation.gif) repeat-x 0 0; border-bottom: 0px solid #EEE; font-size: 11px; height: 3px; line-height: 30px; }

	.headerLogin
	{ float: left; }
	
		.headerLogin li
		{ float: left; padding: 0 5px 0 10px; }
		
			.headerLogin li a, .headerLogin li a:visited
			{ color: #333; }
	
	.themePicker
	{ color: #366DC7; float: left; font-weight: bold; padding: 0 0 0 10px; }
	
		.themePicker span
		{ display: block; float: left; }

		.themePicker img
		{ float: left; margin: 10px 0 0 2px; padding: 1px; }

		.themePicker .themeActive
		{ border: 1px solid #666; padding: 0; }
	
	.languageFlags
	{ float: right; padding: 0 0 0 10px; }
	
		.languageFlags img
		{ margin: 8px 0 0 2px; padding: 1px; }
		
		.languageFlags .flagActive
		{ border: 1px solid #666; padding: 0; }

/**
* Header
*
* @section		structure
* @subsection	header
*/

.header
{ height: 90px; position: relative; }

/** Logo */

h1.logo
{ width: 210px; height: 90px; position: absolute; bottom: 0; left: 0; }

	h1.logo a
	{ display: block; height: 90px; outline: none; position: relative; width: 210px; }
	
		h1.logo a span
		{ display: block; position: absolute; top: -999px; }

/**
* Navbar
*
* @section		structure
* @subsection	navbar
*/

.navbar
{ background: url(../images/design/bg_navbar.jpg) repeat-x 0 100%; font-size: 14px; height: 45px; text-transform: uppercase; }

	.navbar li
	{ float: left; height: 37px; line-height: 37px; margin: 5px 0 0 0; }
	
		.navbar li a, .navbar li a:visited
		{ color: #333; display: block; padding: 0 22px 0 22px; }
	
	.navbar li.menuActived
	{ height: 43px; line-height: 43px; margin: 0 10px 0 10px; }
	
		.navbar li.menuActived a, .navbar li.menuActived a:visited
		{ background: url(../images/design/bg_navbar_active.jpg) repeat-x 0 0; border: 1px solid #BFBFBF;  color: #333; font-size: 14px; text-decoration: none; text-transform: uppercase; }
		
/**
* Sub Navbar
*
* @section		structure
* @subsection	subnavbar
*/

DIV.subNavbar
{ background: #FFF; height: 100%; overflow: hidden; padding: 0 0px 0 0px;}
DIV.subNavbarIcons
{ background: #FFF; width:60px; float: right;}

UL.subNavbar
{ float: left; background: #FFF; border-bottom: 0px solid #CCC; width: 700px; height: 100%; overflow: hidden; padding: 0 5px 0 5px; }
/*{ background: #FFF; border-bottom: 0px solid #CCC; height: 100%; overflow: hidden; padding: 0 5px 0 5px; margin-top:10px; margin-bottom:-10px; }*/
	.subNavbar li
	 { float: left; height: 30px; line-height: 30px; padding: 0 5px 0 5px; white-space: nowrap; } 
	/* { float: left; width: 132px; height: 21px; line-height: 21px; padding: 0 0px 0 0px; white-space: nowrap; background: url(/images/new/subnavbartab.gif); text-align: center;}*/
	
		.subNavbar li a, .subNavbar li a:visited
		{ display: block; font-weight: bold }
		
		.subNavbar li.subNavbarActive a, .subNavbar li.subNavbarActive a:visited
		{ color: #C00;  }

/**
* Content
*
* Wrap the content and columns of the application
*
* @section				structure
* @subsection			content
*/

.content
{ padding: 0 0 20px 0;
}

.breadcrumb
{ line-height: 25px; margin: 0 0 10px 0; padding: 0 0 0 10px; }

/**
* Columns
*
* @section				structure
* @subsection			content
* @subsubsection	columns
*/
.contentLeftColOneColWide  /* LAU */
{ float: left; width: 500px; border-left: solid 0px #11ff11;border-right: solid 0px #11ff11;}

.contentLeftColTwoColWide  /* LAU */
{ float: left; width: 740px; }

.mainContent
{ float: left; padding: 0 0 0px 0; width: 500px;border-right: solid 0px #111111;
border-top: solid 0px #111111;
}

.mainContentExtended
{ float: left; padding: 0 0 20px 0; width: 740px; }

.sidebartopdoublewidth
{ float: right; width: 460px; border: solid 1px #bbbbbb; margin-bottom: 20px;}

.sidebartopdoublewidth IMG
{ margin-top: 10px; margin-left: 10px; margin-bottom: 10px; border: solid 1px #bbbbbb;}

.sidebar
{ float: left; padding: 0 0 20px 20px; width: 220px; }



/**** right column ad boxes LAU LAU ****/

DIV.RightColumnAdBox{
 background: url(/images/bg_rightcolumnadbox.gif) no-repeat 0 0;
 height: 93px;
 width: 219px;
 margin-top: 18px;
 padding-top: 1px; /* don't remove this or the margin for the inner divs will collapse/disappear and the text will stick to the top of box */
}
	DIV.RightColumnAdBox DIV.HeadingDiv{
	 margin-top:3px;
	 margin-left:9px;
	 height: 20px;
	 width: 208px;
	 font-size: 13px;
	 font-weight: bold;
	}
	DIV.RightColumnAdBox DIV.ImageDiv{
	 float: left;
	 margin-left:9px;
	 height: 55px;
	 width: 80px;
	}
		DIV.RightColumnAdBox DIV.ImageDiv IMG{
		 height: 61px;
		 width: 70px;
		}
	DIV.RightColumnAdBox DIV.TextDiv{
	 position: relative;
	 margin-top: -2px;
	 float: left;
	 height: 64px;
	 width: 123px;
	 font-size: 11px;
	 border-bottom: solid 0px #f11111;
	 border-right: solid 0px #f11111;
	}
		DIV.RightColumnAdBox DIV.TextDiv Div.GoButton{
		 position: absolute;
		 bottom: 0px;
		 right: 3px;
		 height: 16px;
		 width: 27px;
		}
			DIV.RightColumnAdBox DIV.TextDiv Div.GoButton IMG.GoButton{
			 height: 16px;
			 width: 27px;
			}


/**
* Footer
*
* @section		structure
* @subsection	footer
*/

.footer
{ background:url(../images/design/bg_footer.gif) repeat-x 0 0; border-top: 1px solid #999; height: 300px; position: relative; }

	Div.FooterTopRow{
	border-bottom:  solid 1px #428BFF;
	text-align: center;
	}
		Div.FooterTopRow SPAN{
		line-height: 30px; 
		padding: 0 5px 0 5px; 
		}
			Div.FooterTopRow SPAN a, Div.FooterTopRow SPAN a:visited{
		    font-weight: bold; 
			color: #E7E7E7; 
			}
	/* LAU	
		ul.navFooter{
		margin: auto;
		width: 900px;
		height: 30px; 
		line-height: 30px; 
		padding: 0px 0 0 0; 
		border-bottom:  solid 1px #428BFF;}

			.navFooter li
			{ float: left; padding: 0 5px 0 5px; }
	
				Div.FooterTopRow li a, Div.FooterTopRow li a:visited
				{ font-weight: bold; color: #E7E7E7; }
	*/
	TABLE.FooterSecondRow{
	width:975px;
	margin-top: 10px;
	}
		TD.FooterFirstCol{
		color: #FFF;
		width:180px;
		vertical-align:top;
		}
			TD.FooterFirstCol div.FooterFirstCol{
			margin-left: 30px;
			height: 180px;
			}
		TD.FooterSecondCol{
		width:180px;
		border-right: 1px solid #428BFF;
		color: #FFF;
		vertical-align:top;
		}
			TD.FooterSecondCol div.FooterSecondCol{
			margin-left: 20px;
			height: 180px;
			}
		TD.FooterThirdCol{
		width:180px;
		border-right: 1px solid  #428BFF;
		color: #FFF;
		vertical-align:top;
		}
			TD.FooterThirdCol div.FooterThirdCol{
			margin-left: 20px;
			height: 180px;
			}
		TD.FooterFourthCol{
		width:180px;
		border-right: 1px solid  #428BFF;
		color: #FFF;
		vertical-align:top;
		}
			TD.FooterFourthCol div.FooterFourthCol{
			margin-left: 20px;
			height: 180px;
			}
		TD.FooterFifthCol{
		width:180px;
		color: #FFF;
		vertical-align:top;
		}
			TD.FooterFifthCol div.FooterFifthCol{
			margin-left: 20px;
			height: 180px;
			}
	
		a.FooterLink, a.FooterLink:visited
		{ color: #C7C7C7; }
			
		DIV.FooterHeading {
			font-weight: bold; color: #FFF; margin-bottom:15px;
		}
		
		div.FooterFirstColCopyright{
		font-size: 11px; line-height: 18px; color: #C7C7C7;margin-left: 30px;}
		
		div.FooterFirstColCopyright a, div.FooterFirstColCopyright a:hover {
		font-size: 11px; line-height: 18px; color: #C7C7C7; }
		
		div.FooterThirdColCopyright{border-right: 1px solid #428BFF;}
		div.FooterFourthColCopyright{font-size: 11px; color: #C7C7C7; line-height: 18px;  margin-left: 20px;}
		
		A.PoweredByZulu, A.PoweredByZulu:visited{font-size: 18px; color: #FF5F00 ; font-weight: bold;text-decoration: underline}
		A.PoweredByDirectories, A.PoweredByDirectories:visited{font-size: 11px; color: #C7C7C7 ; font-weight: bold; text-decoration: underline}
		
	.secondaryNavFooter
	{ clear: left; float: left; font-size: 11px; }
	
		.navFooter li,
		.secondaryNavFooter li
		{ float: left; padding: 0 5px 0 5px; }
			
			.navFooter li a, .navFooter li a:visited
			{ font-weight: bold; color: #E7E7E7; }
	
.copyright
{ font-size: 11px; line-height: 18px; padding: 0px 10px 0 0;}

	.copyright .basePowered
	{ display: block; }
		
.backToTop
{ clear: both; height: 22px; margin: 0 10px 0 0; position: absolute; right: 10px; top: -21px; }

	.backToTop a, .backToTop a:visited
	{ background: url(../images/design/bg_back_top.gif) no-repeat 0 0; color: #333; display: block; float: right; font-size: 11px; line-height: 22px; padding: 0 10px 0 10px; }

	
/**
* Typograph
*
* Headings and text styles
*
* @section		typograph
*/

.standardTitle
{ background: url(../images/design/bg_title.gif) repeat-x 0 100%; color: #666; font-size: 18px; font-weight: normal; line-height: 18px; padding: 0 0 15px 0; position:relative; }

.standardTitleWide /* LAU */
{ background: url(../images/new/bg_contentsectionheader.gif); color: #666; font-size: 16px; font-weight: bold; line-height: 18px; 
padding: 3px 0px 4px 10px; position:relative; }

.standardTitleShort /* LAU */
{ background: url(../images/new/bg_contentsectionheadershort.gif); color: #666; font-size: 16px; font-weight: bold; line-height: 18px; padding: 3px 0px 4px 10px; position:relative; }

	.standardTitle span
	{ font-weight: none; color: #666; }
	
.standardSubTitle
{ border-bottom: 1px solid #CCC; color: #333; font-size: 14px; font-weight: bold; padding: 10px 0 5px 0; }

	.standardSubTitle span, .standardSubTitle strong
	{ color: #366DC7; }
	
h3
{ font-size: 12px; font-weight: bold; line-height: 16px; }

	h3, h3 a, h3 a:visited
	{ color: #333; }
	
.complementaryInfo
{ color: #666; font-size: 11px; font-weight: normal; }

	.standardTitle .complementaryInfo
	{ position: absolute; right: 0; top: 8px; }
	
/**
* Search
*
* @section	search One col wide
*/
DIV.searchTwoColWideBrowse
{  margin: 0px 0 20px 0; position: relative; width: 740px; float:left; display:none;
background: url(../images/design/bg_search.gif) repeat 0 0; border: 1px solid #CCC; -moz-border-radius: 7px; -webkit-border-radius: 7px; height: 100%; overflow: hidden;} /* LAU */


IMG.FirstSearchTab{ margin-left:6px; }  /* LAU  */

DIV.searchOneColWide
{  border-right: 0px solid #17F7F7; margin: 0px 0 20px 0; position: relative; width: 500px; float:left;
background: url(../images/design/bg_search.gif) repeat 0 0; border: 1px solid #CCC; -moz-border-radius: 7px; -webkit-border-radius: 7px; height: 100%; overflow: hidden;}

DIV.searchTwoColWide
{  margin: 0px 0 20px 0; position: relative; width: 740px; float:left;
background: url(../images/design/bg_search.gif) repeat 0 0; border: 1px solid #CCC; -moz-border-radius: 7px; -webkit-border-radius: 7px; height: 100%; overflow: hidden; }

	.searchOneColWide form, .searchTwoColWide form
	{ padding-top: 20px;padding-bottom: 20px;}
	
	
	TABLE.searchOneColWide {
	}
		TABLE.searchOneColWide TD.SearchFirstCol{
		vertical-align: top;
		}
		TABLE.searchOneColWide TD.SearchSecondCol{
		vertical-align: top;
		}
	TABLE.searchTwoColWide {
	}
		TABLE.searchTwoColWide TD.SearchFirstCol{
		vertical-align: top;
		}
		TABLE.searchTwoColWide TD.SearchSecondCol{
		vertical-align: top;
		}
		TABLE.searchTwoColWide TD.SearchThirdCol{
		width: 140px;
		vertical-align: top;
		}
		.searchOneColWide DIV.SearchField
		{ background: url(/images/new/bg_searchmagnify.gif) no-repeat 0 0;
		float: left; 
		padding: 0px 0px 0 0px; 
		width: 210px; 
		height:28px;
		border-top: solid 0px #111111;
		border-bottom: solid 0px #111111; 
		margin-left:20px; }
		
			.searchOneColWide DIV.SearchFieldInner    {
			float:left;
			width: 190px; 
			height: 28px;
			}
			
				.searchOneColWide INPUT.SearchField
				{ width: 175px; 
				 height: 15px;
				padding-left: 0px;
				padding-right: 0px;
				padding-top: 0px;
				padding-bottomt: 0px;
				margin-left: 7px;
				margin-top: 4px;
				border: solid 0px #111111; 
				}
	
		.searchTwoColWide DIV.SearchField
		{ background: url(/images/new/bg_searchmagnify.gif) no-repeat 0 0;
		float: left; 
		padding: 0px 0px 0 0px; 
		width: 250px; 
		height:28px;
		margin-left:20px;
		border: solid 0px #111111;
		 }
		
			.searchTwoColWide DIV.SearchFieldInner    {
			float:left;
			width: 190px; 
			height: 28px;
			}
			
				.searchTwoColWide INPUT.SearchField
				{ width: 175px; 
				 height: 15px;
				padding-left: 0px;
				padding-right: 0px;
				padding-top: 0px;
				padding-bottom: 0px;
				margin-left: 7px;
				margin-top: 4px;
				border: solid 0px #111111; 
				}
			
		/*  this is for the small amgnifying glass joined onto the field */		
		.searchOneColWide DIV.SearchFieldButton, .searchTwoColWide DIV.SearchFieldButton {
			float:left;
			width: 20px; 
			height: 28px;
			}
			
		.searchOneColWide INPUT.searchmagnifytransparentbutton, .searchTwoColWide  INPUT.searchmagnifytransparentbutton{
		 width: 20px; 
		 border:solid 0px #111111;
		}
		
		.searchOneColWide fieldset
		{ float: left; padding: 5px 10px 0 20px; width:450px }
		/*{ float: left; padding: 5px 10px 0 20px; width: 35%; }	*/
		
		.searchTwoColWide fieldset
		{ float: left; padding: 5px 10px 0 20px; width:700px ;}
		
		.searchOneColWide label, .searchTwoColWide label
		{ color: #333; display: block; font-size: 16px; line-height: 22px; }
		
		.searchOneColWide .altLabel, .searchOneColWide legend, .searchTwoColWide .altLabel, .searchTwoColWide legend
		{ clear: both; color: #666; display: block; float: left; font-size: 14px; font-weight: bold; width: 100%; }
		
			.searchOneColWide legend, .searchTwoColWide legend
			{ float: none; }
		
			.searchOneColWide label span, .searchTwoColWide label span
			{ color: #666; font-size: 12px; }
		
		.searchOneColWide .optionDescription, .searchTwoColWide .optionDescription
		{ font-size: 11px; padding: 0 5px 0 5px; }
	
		.searchOneColWide input, .search select, .search textarea, .searchTwoColWide input, .searchTwoColWide select, .searchTwoColWide textarea
		{ font: normal 14px Arial, Helvetica, sans-serif; padding: 4px; width: 95%; }
				
		.searchOneColWide .altSelect, .searchTwoColWide .altSelect
		{ float: left; font-size: 12px; margin: 0 0 5px 0; padding: 1px; width: 77%; }
		
		.searchOneColWide .spacedSelect, .searchTwoColWide .spacedSelect
		{ margin-left: 70px; }
		
		.searchOneColWide .inputAuto, .searchTwoColWide .inputAuto
		{ border: none; padding: 0; vertical-align: middle; width: auto; }
		
		.searchOneColWide .inputSmall, .searchTwoColWide .inputSmall
		{ font-size: 12px; width: 15%; }
		
.searchOneColWide .advancedSearch, .searchTwoColWide .advancedSearch
{ top: 42px; right: 20px; position: absolute; 
padding-top:10px; font-weight: bold;}

/*.searchOneColWide .advancedSearch a, .searchTwoColWide .advancedSearch a
{ font-weight: bold; }*/

A.AdvancedSearch
{ font-weight: bold; }

.searchOneColWide .standardButton { 
margin-top: 5px;
margin-left: 135px;
 }

.searchTwoColWide .standardButton {
margin-top: 0px;
margin-bottom: 5px;
margin-left: 4px;
 }

.advancedSearchClose
{text-align: right; padding-right:20px;}
.advancedSearchClose a
{ font-weight: bold; }

.searchCategory
{ background: #E8FF9B; color: #333; }

.searchSubcategory
{ background: #FFFFEF; }
		
/**
* Advanced Search
*
* @section		search
* @subsection	advanced-search
*/

.searchOneColWide .baseAdvancedSearch
{ margin-top: 10px; width: 16%; }

.searchTwoColWide  .baseAdvancedSearch
{ margin-top: 10px; width: 26%; }

	.baseAdvancedSearch input, .baseAdvancedSearch select
	{ font-size: 12px; margin-bottom: 5px; }
	
	.baseAdvancedSearch .inputSmall
	{ vertical-align: middle; width: 30%; }

/**
* Template Search
*
* @section		search
* @subsection	template-search
*/
.searchTwoColWide .baseTemplateSearch
{ margin-top: 5px; padding-top: 0; width: 820px; }

.searchOneColWide .baseTemplateSearch
{ margin-top: 5px; padding-top: 0; width: 820px; }

	.baseTemplateSearch .altLabel
	{ padding: 0 10px 0 0; width: auto; }

	.templateSearchTab,	.templateActive
	{ display: block; float: left; }
	
	.templateSearchTab a, .templateSearchTab a:visited
	{ display: block; line-height: 29px; padding: 0 10px 0 10px; }
	
	.templateActive a, .templateActive a:visited
	{ background: #FFF; border: 1px solid #CCC; border-bottom: none; color: #C00; display: block; line-height: 29px; outline: none; padding: 0 9px 0 9px; }
	
.templateTabContent
{ background: #FFF; border: 1px solid #CCC; margin-top: 20px; padding: 10px; }

	.templateTabContent .loading
	{ float: none; margin: 0; width: auto; }

	.templateTabContent label
	{ color: #333; font-size: 12px;  }
	
	.templateTabContent input, .templateTabContent select
	{ font-size: 12px; }
	
	.templateDropdown, .templateText, .templateRange,
	.templateDescription, .templateLongDescription
	{ float: left; height: 30px; padding:0 10px 0 0; width: 32%; }
	
	.templateCheckbox
	{ float: left; /*height: 30px;*/ padding:0 10px 5px 0; width: 210px; }
	
	.templateCheckbox label
	{ display: inline; }
	
	.templateText, .templateRange, .templateDescription, .templateLongDescription
	{ height: auto; }
	
	.templateRange input
	{ width: 30%; }

/**
* Common
*
* General definitions of interface elements
*
* @section		common
*/

.googleAds
{ text-align: center; }

.viewMore
{ border-top: 1px solid #CCC; font-size: 11px; line-height: 24px; margin: 0 0 10px 0; text-align: right; text-transform: lowercase; }

	.viewMore a, .viewMore a:visited
	{ color: #C00; }
	
.noBorder
{ border: none; }
	
.isHidden, .controlPhoneHide, .controlFaxHide
{ display: none; }

.isVisible, .controlPhoneShow, .controlFaxShow
{}

/**
* Standard Button
*
* @section		common
* @subsection	standard-button
*/

.standardButton
{ background: url(../images/design/bg_button_right.gif) no-repeat 100% 0; }

	.standardButton button, .standardButton a, .standardButton a:visited
	{ background: url(../images/design/bg_button_left.gif) no-repeat 0 0; color: #363636; cursor: pointer; display: block; font: bold 14px/30px Geneva, Arial, Helvetica, sans-serif; text-align: center; 
margin-left:-5px;
}

	.standardButton,
	.standardButton button, .standardButton a, .standardButton a:visited
	{ height: 26px; width: 95px; }
	
/**
* Featured Items
*
* @section		common
* @subsection	featured-items
*/

.featuredItems
{ height: 100%; overflow: hidden; padding: 10px 0 10px 0; 
border-left: solid 1px #bbbbbb; border-right: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb;
-moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;-webkit-border-bottom-left-radius: 7px; margin-bottom:10px;}

	.divisor
	{ border-bottom: 1px solid #CCC; }
	
	.featured
	{ padding: 5px 12px 5px 12px; }
	
	.featuredPromotion, .featuredClassified
	{ float: left; }

	.featuredColumn
	{ float: left; width: 180px; }
		
		.featuredColumn .featured
		{ padding: 5px 0 5px 0; }
		
	.featuredListingImage, .featuredPromotionImage, .featuredClassifiedImage,
	.featuredEventImage, .featuredArticleImage
	{ display: block; }
	
	.featured .noimage:hover
	{ text-decoration: none; }
	
	.readMore a, .readMore a:visited
	{ color: #C00; font-size: 11px; text-transform: lowercase; }
		
/** Highlight Box  */

.highlightBox
{ background: #EBF5FA; border: 1px solid #CCC; -moz-border-radius: 7px; -webkit-border-radius: 7px; height: 100%; margin: 0 5px 0 5px; overflow: hidden; padding: 5px; }

	.highlightBox .highlightImage
	{ float: left; margin: 0 10px 10px 0; }
	
	.highlightImage a:hover
	{ text-decoration: none; }
	
	.highlightBox .divisor
	{ height: 100%; overflow: hidden; padding: 0 0 10px 0; margin: 0 0 10px 0; }
	
	.highlightLabel
	{ color: #C00; display: block; font-size: 11px; font-weight: bold; text-align: right; text-transform: uppercase; }
	
.mainContent .highlightBox
{ float: left; margin: 0 10px 0 10px; width: 275px; }

	.mainContent .highlightBox h3
	{ font-size: 14px; }
	
	.mainContent .highlightBox .description
	{ color: #333; padding: 5px 0 0 0; }
	
/**
* Events Calendar
*
* @section		common
* @subsection	calendar
*/

.baseCalendar
{ background: #E8FF9B; border: 1px solid #CCC; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-size: 11px; margin: 0 0 10px 0; padding: 10px; text-align: center; }

	.baseCalendar h4
	{ font-size: 14px; color: #333; }
	
	.calendar
	{ background: #FFF; border: 1px solid #CCC; margin: 5px 0 0 0; }
	
	.calendarHeader
	{ background: #F7F7F7; font-size: 12px; font-weight: bold; }
	
		.calendarHeader td, .calendarHeader th
		{ padding: 5px; vertical-align: top; }
	
		.calendarHeader a, .calendarHeader a:visited
		{ color: #3875D7; }
		
		.calendarDay a,
		.calendarDay a:visited
		{ background: #FFF; border: 1px solid #FBFBFB; border-bottom: 3px solid #EEE; border-right: 3px solid #EEE; color: #333; display: block; font-weight: normal; padding: 2px; }

			.calendarDay a:hover
			{ background: #E8FF9B; color: #C00; }

		.calendarDay a.today, .calendarDay a.today:visited, .calendarDay a.today:hover
		{ background: #366DC7; border: 1px solid #366DC7; color: #FFF; }
		
		.calendarDay a.selected, .calendarDay a.selected:visited, .calendarDay a.selected:hover
		{ background: #C00; border: 1px solid #C00; color: #FFF; }
		
/**
* Members Features
*
* @section		common
* @subsection	members-features
*/

.memberJoin, .memberLogin
{ border: 1px solid #CCC; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin: 0 0 10px 0; padding: 5px 10px 10px 10px; }

.memberJoin h2, .memberLogin h2, .memberLoginHideadle h2
{ font-size: 18px; font-weight: normal; line-height: 24px; }
		
/** Join Now */

.memberJoin
{ background: #FFF; }

	.memberJoin h2, .memberJoin h2 a, .memberJoin h2 a:visited
	{ color: #3875D7; font-weight: normal; }
	
	.memberJoin p, .memberJoin p a, .memberJoin p a:visited
	{ color: #333; font-size: 14px; font-weight: bold; }
	
/** Members Login Hideable*/
/* Created by Lau to include the login as a hideable div in side the member join div */

	.memberLoginHideadle
	{  border-top: solid 1px #BBBBBB ; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; background: #FFFFFF; font-size: 11px; height: 100%; line-height: 24px; overflow: hidden; 
}

	.memberLoginHideadle DIV.memberLoginHeading
	{ background: url(../images/loginflag.jpg) no-repeat; 
	  font-weight: bold; font-size: 12px; line-height: 20px;}
	
		.memberLoginHideadle DIV.memberLoginHeading A
		{ font-weight: bold; font-size: 12px; line-height: 20px;}
		  
		.memberLoginHideadle DIV.memberLoginHeading A:hover
		{ font-weight: bold; font-size: 12px; line-height: 20px; text-decoration: underline;cursor: pointer;}
	
	DIV.memberLoginHideadlePart
	{	display: none; }
	
	.memberLoginHideadle label
	{	color: #333; display: block; }
	
	.memberLoginHideadle input, .memberLoginHideadle select, .memberLoginHideadle textarea
	{ font: normal 12px Arial, Helvetica, sans-serif; width: 97%; }
	
	.memberLoginHideadle .inputAuto
	{ border: none; margin: 0 5px 0 0; width: auto; }
	
	.memberLoginHideadle span
	{ display: block; padding: 5px 0 5px 0; }
	
	.memberLoginHideadle .standardButton
	{ background: url(../images/design/bg_secondary_button_right.gif) no-repeat 100% 0; float: left; 
	margin-left:5px;}
	
		.memberLoginHideadle .standardButton button,
		.memberLoginHideadle .standardButton a, .memberLoginHideadle .standardButton a:visited
		{ background: url(../images/design/bg_secondary_button_left.gif) no-repeat 0 0; }
	
	.memberLoginHideadle .forgotPassword
	{ float: left; line-height: 14px; padding: 0 0 0 10px; width: 85px; }
	
/** Members Login */

.memberLogin,
{ background: #EBF5FA; font-size: 11px; height: 100%; line-height: 24px; overflow: hidden; }

	.memberLogin h2
	{ color: #366DC7; }
	
	.memberLogin label
	{	color: #333; display: block; }
	
	.memberLogin input, .memberLogin select, .memberLogin textarea
	{ font: normal 12px Arial, Helvetica, sans-serif; width: 97%; }
	
	.memberLogin .inputAuto
	{ border: none; margin: 0 5px 0 0; width: auto; }
	
	.memberLogin span
	{ display: block; padding: 5px 0 5px 0; }
	
	.memberLogin .standardButton
	{ background: url(../images/design/bg_secondary_button_right.gif) no-repeat 100% 0; float: left; 
	margin-left:5px;}
	
		.memberLogin .standardButton button,
		.memberLogin .standardButton a, .memberLogin .standardButton a:visited
		{ background: url(../images/design/bg_secondary_button_left.gif) no-repeat 0 0; }
	
	.memberLogin .forgotPassword
	{ float: left; line-height: 14px; padding: 0 0 0 10px; width: 85px; }
	
/**
* Advertisement
*
* @section		common
* @subsection	advertisement
*/

.advertisement
{ background: #F7F7F7; overflow: hidden; margin: 0 0 10px 0; padding: 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }

	.advertisement span
	{ color: #999; display: block; font-size: 10px; font-weight: bold; line-height: 20px; }
	
	.advertisement .advertisementLabel
	{ float: left; text-transform: uppercase; }
	
	.advertisement .advertisementLink
	{ float: right; }
	
	.advertisement a, .advertisement a:visited
	{ color: #999; }
	
	.advertisement .noimage
	{ border: none; margin: 0 auto 0 auto; }
	
	.banner,
	.sponsoredLink
	{ background: #FFF; border: 1px solid #CCC; clear: both; }
	
	.featuredBanner
	{ margin: 0 auto 0 auto; width: 180px; }
		
.header .advertisement
{ margin: 0; padding: 0px 0px 0 0px; position: absolute; top: 10px; right: 10px; width: 470px; }

.sidebar .advertisement .advertisementLink
{ clear: both; display: block; float: none; text-align: right; }

.bottomAdvertisement
{ margin: 10px auto 10px auto; width: 730px; }

/** Advertisment > Sponsored Links */

.sponsoredLink
{ display: block; margin: 0 0 10px 0; padding: 8px; }

	.sponsoredLink:hover
	{ text-decoration: none; }
	
	.sponsoredLink .sponsoredLinkTitle
	{ color: #C00; font-size: 12px; font-weight: bold; line-height: 18px; }
	
	.sponsoredLink .sponsoredLinkContent
	{ color: #666; font-size: 11px; font-weight: normal; line-height: 14px; }
	
	.sponsoredLink .sponsoredLinkURL
	{ color: #F60; font-size: 11px; line-height: 18px; }
	
/**
* Categories
*
* @section		common
* @subsection	categories
*/

.categoriesTitle /* LAU */
{ background: url(../images/new/bg_categoriesheader.jpg) no-repeat; color: #666; font-size: 16px; font-weight: bold; line-height: 18px; padding: 3px 0px 4px 10px; position:relative; }

.categoriesTitleWide /* LAU */
{  background: url(../images/design/bg_search.gif) repeat 0 0 ; color: #666; font-size: 16px; font-weight: bold; line-height: 18px; padding: 3px 0px 4px 10px; position:relative; }

.categories
{ padding: 5px 10px 15px 10px;   background: url(/images/bg-categories.jpg) no-repeat ; background-color:#EEEEEE;  
border-left: solid 1px #bbbbbb; border-right: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb;
-moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;-webkit-border-bottom-left-radius: 7px; margin-bottom: 20px;}

.categoriesWide
{ padding: 5px 10px 15px 10px;  margin-bottom: -10px;}


DIV.Catg{  
text-align: left;
/* Border-top: solid 2px #666666; */
} 
	
	DIV.categoryfirst
	{ font-size: 11px; line-height: 20px; padding-left: 15px; 
	background:  url(/images/new/bg_categorieslinearrow.gif)  no-repeat left top ; 
	font-weight: bold; border-top: solid 0px #bbbbbb;}
	
	DIV.categorynotfirst
	{ font-size: 11px; line-height: 20px; padding-left: 15px;  border-top: solid 1px #bbbbbb; 
	background:  url(/images/new/bg_categorieslinearrow.gif)  no-repeat left top ; font-weight: bold;}
	
	/*  LAU BEGIN */
		a.categorylink
		{  font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;}
		
		a.categorylink:hover
		{  font-weight: bold;  font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 11px; color:#366DC7;}

		a.CategoryExpandedLink
		{  font-weight: bold;  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color:#366DC7;}

		a.CategoryExpandedLink:hover
		{  font-weight: bold;  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color:#366DC7;}

			DIV.SubCatgContainer{  
			display: none;
			margin-left: 20px;
			font-size: 11px;
			font-weight: bold; 
			padding-bottom: 4px;
			} 
			
				DIV.SubCatg{  
				 padding-bottom: 2px;
				}
	/*  LAU END */
	
.sidebar .categories h3
{  padding-left: 15px; font-weight: bold; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;
border:solid 1px #111;}

.sidebar .categories h3 a
{  font-weight: bold; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;}

.sidebar .categories h3 a:hover
{  font-weight: bold; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; color:#366DC7;}

.sidebar .categories h3 a.CategoryExpandedLink
{  font-weight: bold;  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color:#366DC7;}

.sidebar .categories h3 a.CategoryExpandedLink:hover
{  font-weight: bold;  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color:#366DC7;}


.sidebar .categories .categoriesColumn
{ float: none; padding: 0; width: auto; }
	
/**
* Site Content
*
* @section		common
* @subsection	site-content
*/

.dynamicContent
{ line-height: normal; }

.dynamicContent p 
{ margin-bottom: 10px; }

/**
* Icon Navbar
*
* @section		common
* @subsection	icon-navbar
*/

.baseIconNavbar
{ border-bottom: 0px solid #CCC; }

.socialBookmarkIcons
{ float: left; }

	.socialBookmarkIcons li
	{ float: left; padding: 0 5px 0 0; }

.iconNavbar
{ float: right; }

	.iconNavbar li
	{ color: #666; float: left; font-size: 11px; height: 14px; line-height: 25px; padding: 0 2px 0 3px; }
	
	.iconNavbar li a, .iconNavbar li a:visited
	{ color: #366DC7; }

/**
* Password Strength
*
* @section		common
* @subsection	password-strength
*/

.checkPasswordStrength
{ height: 25px; overflow: hidden; padding: 5px 0 0 0; }

	.checkPasswordStrength span
	{ display: block; float: left; margin: 0 10px 0 0; }
	
	.checkPasswordStrength div
	{ background: #FFF; border: 1px solid #D4D4D4; color:#333; float: left; font-size: 11px; height: 20px; line-height: 20px; padding:0 0 0 50px; width: 100px; }
	
	.checkPasswordStrength .strengthLoading
	{ background: #FFF url(../images/content/img_loading_bar.gif) no-repeat 3px 5px; }
	
	.checkPasswordStrength .strengthWeak
	{ background: #FFF url(../images/design/bg_strength_weak.gif) no-repeat 3px 5px; }
	
	.checkPasswordStrength .strengthBad
	{ background: #FFF url(../images/design/bg_strength_bad.gif) no-repeat 3px 5px; }
	
	.checkPasswordStrength .strengthGood
	{ background: #FFF url(../images/design/bg_strength_good.gif) no-repeat 3px 5px; }
	
	.checkPasswordStrength .strengthStrong
	{ background: #FFF url(../images/design/bg_strength_strong.gif) no-repeat 3px 5px; }
	
/**
* Loading Box
*
* @section		common
* @subsection	loading-box
*/

.loading
{ background: #FFF url(../images/content/img_loading_bar.gif) no-repeat 10px center; border: 1px solid #CCC; clear: both; color: #333; float: left; font-size: 14px; font-weight: bold; margin: 10px 0 10px 20px; padding: 10px 10px 10px 60px; width: 747px; }

/**
* Favorites
*
* @section		common
* @subsection	favorites
*/

.quickList
{ height: 100%; overflow: hidden; padding: 0 10px 15px 10px; }

	.quickList .featuredItems
	{ float: left; padding: 15px 20px 10px 0; position: relative; }
	
	.quickList .quickListRemove
	{ padding: 0 5px 0 0; }

	.quickList .featuredItems .quickListRemove
	{ background: #FFF; left: 0; padding: 2px; position: absolute; top: 15px; z-index: 1; }
	
	.quickList .noimage
	{ display: block; }

	.quickList h3
	{ clear: both; }
	
	.quickList .featuredItems h3
	{ padding: 5px 0 0 0; }
	
/**
* System Messages
*
* @section		common
* @subsection	system-messages
*/

.informationMessage, .errorMessage, .successMessage, .warningMessage
{ border: 1px solid #CCC; font-size: 11px; font-weight: bold; height: 100%; margin: 10px; overflow: hidden; padding: 15px 15px 15px 45px; text-align: left; }

	.informationMessage
	{ background: #F9FDFF url(../images/design/bg_icon_information.gif) 10px 10px no-repeat; color: #135DA2; }
	
		.informationMessage a, .informationMessage a:visited
		{ color: #2E4E6B; }
		
	.errorMessage
	{ background: #FFF9F9 url(../images/design/bg_icon_error.gif) 10px 10px no-repeat; color: #C10924; }
	
		.errorMessage a, .errorMessage a:visited
		{ color: #C94601; }

	.successMessage
	{ background: #F9FCEB url(../images/design/bg_icon_success.gif) 10px 10px no-repeat; color: #692; }
	
		.successMessage a, .successMessage a:visited
		{ color: #F60; }

	.warningMessage
	{ background: #FFFCF4 url(../images/design/bg_icon_warning.gif) 10px 10px no-repeat; color: #F60; }
	
		.warningMessage a, .warningMessage a:visited
		{ color: #F30; }
				
/**
* Standard Form
*
* @section		common
* @subsection	standard-form
*/

.standardForm
{ border: 0; padding: 5px 10px 5px 10px; }

	.standardForm input, .standardForm textarea
	{ font: normal 12px Arial, Helvetica, sans-serif; width: 95%; }
	
	.standardForm .formCode
	{ width: 100px; }

	.standardForm th
	{ font-size: 11px; font-weight: normal; padding: 5px 10px 0 0; text-align: right; vertical-align: top; }
	
	.standardForm td
	{ padding: 5px 0 5px 0px; }
	
	.standardForm td table
	{ width: 96%; }
	
	.standardFormButton
	{ width: 100%; text-align: right; }

		.standardFormButton .standardButton
		{ float: right; }
		
/**
* Ratings
*
* @section		common
* @subsection	ratings
*/

.rating
{ float: right; font-size: 11px; }

	.rating li
	{ padding: 0 3px 0 2px; }

	.rating .ratingStar
	{ float: right; padding: 2px 2px 0 0; }
	
	.rating .ratingStar img
	{ padding: 0 2px 0 0; }

	.rating .ratingReview
	{ float: right; }
	
		.rating .ratingReview a, .rating .ratingReview a:visited
		{ font-weight: normal; }
	
	.rating .ratingSeeComment, .rating .rateIt
	{ clear: both; float: right; white-space: nowrap; }
	
	.rating .rateIt a, .rating .rateIt a:visited
	{ color: #3875D7; }
	
/** Rate Stars */

.rateItStars
{ font-size: 14px; font-weight: bold; line-height: 25px; margin: 0 auto 0 auto; padding: 20px 0 10px 0; text-align: center; width: 205px; }

	.rateItStars span
	{ clear: both; display: block; }

	.rateItStars img
	{ padding: 1px; }
	
/** Rate Form */

.rateForm
{ width: 100%; }
	
.rateForm td
{ vertical-align: top; }
	
.rateForm th
{ width: 100px; }

.rateForm input, .rateForm textarea
{ width: 200px; }

.rateForm .captcha
{ text-align: right; }

.rateForm .formCaptchaWarning
{ float: left; font-size: 11px; }

#captchaimage
{ margin: 0 10px 0 0; }

.ratingButton
{ margin: 0 auto 0 auto; }

/** Special Definitions for JQuery's Thickbox */

#TB_ajaxContent
{ padding: 10px; }

#TB_ajaxContent form
{ padding: 10px 0 0 0; }

#TB_ajaxContent p
{ padding: 0; }

#TB_ajaxContent .errorMessage, #TB_ajaxContent .successMessage
{ height: auto; margin-top: 0; padding: 15px 15px 15px 45px; }

/**
* Reviews
*
* @section		common
* @subsection	reviews
*/

.rateComments
{ border-bottom: 1px solid #CCC; padding: 10px; }

	.rateStars
	{ padding: 3px 0 3px 0; }
	
		.rateStars img
		{ padding: 0 2px 0 0; }
		
	.rateComments .review
	{ color: #333; padding: 5px 0 0 0; }
	
	.response
	{ padding: 5px 0 0 50px; }
	
	.response h4
	{ font-size: 12px; font-weight: bold; }
	
	.response .review
	{ color: #666; font-style: italic; }
		
/**
* Sitemap
*
* @section		common
* @subsection	sitemap
*/

.sitemapList
{ padding: 10px 0 0 0; }

.sitemapList li
{ height: 100%; overflow: hidden; }

.sitemapList ul
{ margin: 5px 0 5px 0; }

	.sitemapList ul li
	{ float: left; font-size: 11px; padding: 0 5px 5px 0; width: 48%; }

.sitemapList .viewMore
{ border-top: 1px solid #EEE; clear: both; float: none; width: auto; }

.sitemapSection, .sitemapSection:visited
{ color: #333; }


DIV.ContactUsFormBox{
background: url(../images/design/bg_search.gif) repeat 0 0; 
border: 1px solid #CCC; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
padding-top: 0px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}