/**
* 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		#069; 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		#FFC; 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
*
* @section	global reset
*/

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

ul
{ list-style: none; }

body
{ background: url(images/design/bg_body.gif) top left repeat-x #FFF; color: #666; font: normal 12px/16px Trebuchet MS, Arial, Helvetica, sans-serif; text-align: center; }

a, a:visited
{ color: #069; font-weight: bold; text-decoration: none; }

	a:hover
	{ }
	
	p.complementaryInfo a, p.complementaryInfo a:visited
	{ color: #DDAC00; }

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; overflow: hidden; position: relative; text-align: left; width: 980px; }

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

.topNavbar
{ font-size: 11px; height: 5px; line-height: 5px; position: absolute; top: 0; left: 0; width: 100%; z-index: 10; }

	.topNavbar .wrapper
	{ position: static; }

	.headerLogin
	{ background: url(images/design/bg_headerLogin.png) 0 0 no-repeat; position: absolute; right: 6px; top: 70px; }
	
		.headerLogin li
		{ float: left; font-size: 16px; height: 40px; line-height: 38px; padding: 0 10px 0 15px; }
		
			.headerLogin li.bg_signupProfile
			{ background: url(images/design/bg_signupProfile.gif) 100% 0 no-repeat; padding: 0 45px 0 15px; }
		
			.headerLogin li a, .headerLogin li a:visited
			{ color: #FFF; }
	
	.themePicker
	{ color: #B0C2DB; float: left; font-weight: bold; margin-top: 5px; padding: 0 0 0 10px; }
	
		.themePicker select
		{ background: #27509F; color: #FFF; font-size: 12px; padding: 0; float: left; /* fix space on IE7 */ }
	
		.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: left; line-height: 0; margin-left: 24px; }
	
		.languageFlags span
		{ line-height: 27px; color: #B0C2DB; margin: 8px 4px 0 4px; }
		
		.languageFlags img
		{ margin: 0; padding: 1px 2px; }
		
		.languageFlags .flagActive
		{ border: 1px solid #666; padding: 0; }
		
		.languageFlags .languageFlagsImages
		{ float: left; display: block; margin-top: 8px; }
		
	#float_layer
	{ top: 30px !important; }

	#allLang
	{ display:none; }

		div.floatLayer .allLang span
		{ color:#069; font-weight:bold; }

		.allLang img
		{ border:1px solid #666; padding:0; position:relative; top:2px;}
	
	li.welcome
	{ color: #FFF; }
	
/* LivePerson - Chat Banner */

.topNavbar .wrapper { overflow: visible; position: relative; z-index: 3; }
		
.livepersonChat
{ padding: 5px; position: absolute; right: -5px; top: 180px; z-index: 9999; }
	
/**
* Header
*
* @section		structure
* @subsection	header
*/

.header
{ background: url(images/design/bg_header.jpg) 0 0 no-repeat; height: 253px; margin-top: 60px; position: relative; z-index: 1; }

/** Logo */

h1.logo
{ width: 364px; height: 76px; position: absolute; top: 8px; left: 34px; }

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

/**
* Sign in and Join
*
* @section		structure
* @subsection	SignJoin
*/

.signJoin
{ background: url(images/design/bg_signJoin.png) 0 0 no-repeat; color: #FFF; height: 39px; text-align: center; /*padding: 5px;*/ position: absolute; top: 115px; right: 6px; width: 191px; z-index: 10; }

	.signJoin a, .SignJoin a:hover, .signJoin a:visited
	{ color: #FFF; float:left; font-size: 18px; font-weight: normal; line-height: 39px; text-transform: uppercase; padding: 0 3px 0 10px; }

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

.navbar
{ font-size: 14px; height: 38px; position: absolute; top: 0; text-transform: uppercase; }

	.navbar li
	{ float: left; line-height: 38px; margin: 0; }
	
		.navbar li a, .navbar li a:visited
		{ color: #000; display: inline; float: left; font-weight: normal; height: 36px; line-height: 38px; padding: 2px 19px 0; }
		
		.navbar li a:hover
		{ background-color: #FFF; }
	
	.navbar li.menuActived
	{}
	
		.navbar li.menuActived a, .navbar li.menuActived a:visited
		{ background-color: #FFF; }
		
/**
* Sub Navbar
*
* @section		structure
* @subsection	subnavbar
*/

.subNavbar
{ background: url(images/design/bg_sub_navbar.gif) repeat-x 0 100%; border-bottom: 1px solid #CCC; display: none; height: 100%; overflow: hidden; padding: 0 5px 0 5px; }

	.subNavbar li
	{ float: left; height: 30px; line-height: 30px; padding: 0 5px 0 5px; white-space: nowrap; }
	
		.subNavbar li a, .subNavbar li a:visited
		{ display: block; }
		
		.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
*
* @section			structure
* @subsection		content
* @subsubsection	breadcrumb
*/

.breadcrumb
{ border-bottom: 1px solid #EEE; font-size: 11px; margin: 0 0 10px 0; }

	.breadcrumb a, .breadcrumb a:visited
	{ color: #04266B; }

/**
* Columns
*
* @section			structure
* @subsection		content
* @subsubsection	columns
*/

.mainContent
{ float: left; padding: 0 0 20px 0; width: 490px; }

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

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


/**
* Content Bottom
*
* @section		structure
* @subsection	contentBottom
*/

.contentBottom, .contentBottomHome
{ background-color: #FFF; padding-bottom: 20px; }

	.contentBottomHome
	{ background-color: #E5EFFD; margin: 30px 0 0; }

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

.footer
{ background: #074470; font-size: 13px; height: 210px; position: relative; z-index: 1; }

	.footer .wrapper
	{ background: url(images/design/bg_footer_wrapper.gif) no-repeat top left; height: 210px; }

	.navFooter
	{ height: 30px; line-height: 30px; margin-left: 30px; padding: 10px 0 0 0; }
	
	.secondaryNavFooter
	{ font-size: 11px; margin-left: 30px; font-size: 13px; }
	
		.secondaryNavFooter li a, .secondaryNavFooter li a:visited
		{ color: #000; }
		
		.navFooter li,
		.secondaryNavFooter li
		{ float: left; padding: 0 15px; }
			
			.navFooter li a, .navFooter li a:visited
			{ color: #074470; }
	
.copyright
{ color: #000; font-size: 12px; line-height: 18px; position: absolute; right: 115px; text-align: right; top: 16px; }

	.copyright a, copyright a:visited
	{ color: #7583A0; }
	
.socialIcons
{ position: absolute; right: 35px; top: 19px; }

	.socialIcons li
	{ float: left; margin: 0 3px 0 0; }
		
.backToTop
{ position: absolute; right: 10px; top: 0; }

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

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

.standardTitle
{ color: #083C88; font-size: 24px; font-weight: bold; line-height: 24px; margin: 20px 0 10px 0; }

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

	.standardSubTitle span, .standardSubTitle strong
	{ color: #069; }
	
h3
{ font-size: 18px; font-weight: bold; line-height: 20px; }

	h3, h3 a, h3 a:visited
	{ color: #000; }
	
h4
{ font-size: 12px; }
	
.complementaryInfo
{ color: #666; font-size: 12px; font-weight: normal; }

	.standardTitle .complementaryInfo
	{ float: right; margin-top: 5px }

address
{ font-style:normal; }

.spacedText
{ padding: 0 0 10px 0; }
	
/**
* Search
*
* @section	search
*/

.search
{ background: url(images/design/bg_search_top.gif) top left no-repeat; margin: -50px 0 10px 0; position: relative; width: 100%; z-index: 2; }

	.search form
	{ background: url(images/design/bg_search_bottom.gif) bottom left no-repeat; height: 100%; overflow: hidden; padding: 0 0 20px 0; }
	
		.search fieldset
		{ float: left; padding: 5px 10px 0 15px; width: 34%; }
										
		.search label
		{ color: #FFF; display: block; font-size: 14px; font-weight: bold; line-height: 24px; padding: 10px 0 0 10px; }
		
		.search .altLabel, .search legend
		{ clear: both; color: #FFC600; display: block; float: left; font-size: 14px; font-weight: bold; width: 100%; }
		
			.search legend
			{ float: none; }
		
			.search label span
			{ color: #FFF; font-size: 10px; line-height: 11px; }
		
		.search .optionDescription
		{ color: #FFF; font-size: 11px; padding: 0 5px 0 5px; }
	
		.search input, .search select, .search textarea
		{ color: #000; font: normal 14px Arial, Helvetica, sans-serif; padding: 4px; width: 95%; margin: 5px 0 10px 10px; }
		
		.search input
		{ margin: 5px 0 10px 10px; padding: 5px 4px; }
				
		.search .altSelect
		{ float: left; font-size: 12px; margin: 0 0 5px 0; padding: 1px; width: 77%; }
		
		.search .spacedSelect
		{ margin-left: 70px; }
		
		.search .inputAuto
		{ border: none; background:none; padding: 0; vertical-align: middle; width: auto; }
		
		.search .inputSmall
		{ font-size: 12px; width: 15%; }
		
.search .advancedSearch
{ color: #FFF; font-size: 11px; position: absolute; right: 20px; top: 43px; }

	.search .advancedSearch a, .search .advancedSearch a:visited
	{ color: #B0C2DB; }
	
.search .standardButton
{ background: none; float: left; height: 30px; margin: 43px 0 0 10px; width: 96px; }

	.search .standardButton button
	{ background: url(images/design/bg_search_button.gif) no-repeat; color: #FFF; height: 30px; width: 96px; }

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

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

.search .baseAdvancedSearch
{ color: #FFF; margin-top: 15px; width: 15.5%; }
	
	.baseAdvancedSearch input, .baseAdvancedSearch select
	{ font-size: 12px; margin-bottom: 5px; background:#fff }
	
	.baseAdvancedSearch .inputSmall
	{ vertical-align: middle; width: 30%; }

	#advancedSearchID h3
	{ display: inline; float: left; font-size: 16px; margin: 0 18px; width: 160px; }
	
	#advancedSearchID h4
	{ display: inline; float: left; font-size: 14px; margin: 0 18px; width: 160px; }
    
    

    
    
.search .baseAdvancedSearchKeyword
{ color: #FFF; margin-top: 10px; width: 40%; }

.search .baseAdvancedSearchLocation
{ color: #FFF; margin-top: 10px; width: 25%; }

.search .baseAdvancedSearchZip
{ color: #FFF; margin-top: 10px; width: 25%; }

.search .baseAdvancedSearchMatch
{ color: #FFF; position: absolute; top: 70px; }

.search .baseAdvancedSearchMatch strong
        { clear: both; color: #FFC600; font-size: 14px; font-weight: bold; width: 100%; }
    
    .baseAdvancedSearch2 input, .baseAdvancedSearch2 select
    { font-size: 12px; margin-bottom: 5px; background:#fff }
    
    .baseAdvancedSearch2 .inputSmall
    { vertical-align: middle; width: 40%; }
    
 /**
* Search Advance
*
* @section		search_advance
* @subsection	search_advance
*/

.search_advanced_category
{  display: inline; float: left; padding: 0 0 0 20px; width: 170px; }
   
    .search_advanced_category h3
    { font-size: 16px; }

/**
* Template Search
*
* @section		search
* @subsection	template-search
*/

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

	.search .baseTemplateSearch label
	{ margin-top: 0; }

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

	.templateSearchTab,	.templateActive
	{ display: block; float: left; }
	
	.templateSearchTab a, .templateSearchTab a:visited
	{ color: #B0C2DB; 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: 29px; padding: 10px; }

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

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

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

.googleAds
{ text-align: center; }

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

	.viewMore a, .viewMore a:visited
	{ }
	
.viewHighlighted
{ background: #F0F1F5; font-size: 14px; line-height: 30px; margin: 0 0 10px 0; }

.sidebar #QL .viewHighlighted
{ margin: 10px 0; }

	.viewHighlighted a, .viewHighlighted a:visited
	{ background: url(images/design/bg_bullet_quickList.gif) no-repeat 1% 50%; color: #083C88; display: block; font-weight: normal; font-size: 12px; margin-left: 20px; padding: 0 0 0 20px; }
	
.noBorder
{ border: none; }
	
.isHidden, .controlPhoneHide, .controlFaxHide
{ display: none !important; }

.isVisible, .controlPhoneShow, .controlFaxShow
{}

.countryLink
{ float: left; margin: 0 2px; }

	.countryLink a, .countryLink a:visited
	{ float: left; }

/**
* Switch Button for Open/Close
*
* @section		common
* @subsection	switch-button
*/

.switchOpen, .switchOpen:visited,
.switchClose, .switchClose:visited,
.switchBlank, .switchBlank:visited
{ background: url(images/design/bg_switch_open.gif) no-repeat 0 2px; display: block; float: left; height: 15px; overflow: hidden; text-decoration: none; text-indent: 100px; width: 17px; }

.switchClose, .switchClose:visited
{ background: url(images/design/bg_switch_close.gif) no-repeat 0 2px; }

.switchBlank, .switchBlank:visited
{ background: url(images/design/bg_switch_blank.gif) no-repeat 0 2px; cursor: default; }

.switchOpen:hover, .switchClose:hover, .switchBlank:hover
{ text-decoration: none; }

/**
* 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: #420900; cursor: pointer; display: block; font: bold 14px/30px Arial, Helvetica, sans-serif; text-align: center; }

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

.featuredItems
{ height: 100%; overflow: hidden; padding: 0; }

	.featuredItems .highlightLabel
	{ display: none; }

	.sidebar .featuredItems p.complementaryInfo
	{ line-height: 18px;  }

	.featuredItems h3 a
	{ font-size: 14px; font-weight: normal; }

	.divisor
	{ }
	
	.featured
	{ padding: 5px; margin:10px 5px; _margin:10px 3px }
	
		.featuredPromotion h3, .featuredPromotion .complementaryInfo
		{ width: auto; float: none;  clear: right; font-size: 14px; }
				
		.featuredPromotion .complementaryInfo
		{ font-size: 12px; }
		
		.featuredPromotion h3
		{ float: none; margin-top: 10px; width: auto; }
	
	.featuredListing, .featuredEvent, .featuredPromotion, 
	.featuredClassified, .featuredArticle
	{ float: left; border:1px dotted #ccc; width:102px; height:155px; margin-bottom:10px }

	.featuredColumn
	{ float: left; width: 180px; }
		
		.featuredColumn .featured
		{ background: #F4F4F4; margin-bottom: 10px; padding: 10px; }
		
	.featuredListingImage, .featuredPromotionImage, .featuredClassifiedImage,
	.featuredEventImage, .featuredArticleImage
	{ background: none; border: none; display: block; text-align: center; }
	
	.featured .noimage:hover
	{ text-decoration: none; }
	
	.readMore a, .readMore a:visited
	{ color: #DDAC00; font-size: 14px; position: relative; text-transform: lowercase; }
	
	
/** SlideShow **/

.featuredSlideshow
{ height: 230px; position: relative; }

.featuredSlideshowListing
{ background: url(images/design/bg_slideshow.gif) top left no-repeat; height: 202px; position: absolute; top: 0px; left: 0px; width: 487px; }

	.featuredSlideshowListing .complementaryInfo
	{ color: #FFF; font-size: 18px; margin: 5px 0; }

	.featuredSlideshowListing .highlightImage 
	{ float: left; margin: 10px 0 10px 10px; }
	
	.featuredSlideshowText
	{ float: left; margin-left: 10px; width: 270px; }
	
	.featuredSlideshowListing h3
	{ margin: 10px 0 0 0; width: 270px; }
	
	.featuredSlideshowListing h3 a, .featuredSlideshowListing h3 a:visited
	{ font-size: 32px; color: #FFF; line-height: 34px; }
	
	.featuredSlideshowListing p.description
	{ font-size: 14px; color: #FFF; }
	
	.featuredSlideshowListing p.slideshowNav
	{ float: left; }
	
	.featuredSlideShowBottom
	{ background: url(images/design/bg_slideshowBottom.gif) top left no-repeat; height: 25px; padding: 8px 0; position: absolute; text-align: right; top: 190px; width: 100%; z-index: 999; }
		
		.slideshowNav
		{ float: right; margin-right: 10px; text-align: right; width: 50px; }
		
				.slideshowNav a
				{ display: block; float: left; height: 13px; padding: 4px 0; width: 13px;  }
		
					.slideshowNavPrev
					{ background: url(images/design/bg_slideShowBottom_prev.gif) 50% 50% no-repeat; margin-right: 10px; }
					
					.slideshowNavNext
					{ background: url(images/design/bg_slideShowBottom_next.gif) 50% 50% no-repeat; }
			
						.slideshowNavPrev span, .slideshowNavNext span
						{ display: none; }

/** Highlight Box  */

.highlightBox
{ padding: 5px 0px;  }

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

	.mainContent .highlightBox h3 a
	{ color: #FFF; font-size: 22px; font-weight: bold; line-height: 27px; }
	
	.mainContent .highlightBox .description
	{ color: #FFF; padding: 5px 0 0 0; }
	
	.mainContent .highlightBox .complementaryInfo
	{ color: #FFF; }
	
/**
* Events Calendar
*
* @section		common
* @subsection	calendar
*/

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

	.baseCalendar h4
	{ font-size: 14px; color: #FFF; }
	
	.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: #10498C; }
		
		.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: #FFC; color: #C00; }

		.calendarDay a.today, .calendarDay a.today:visited, .calendarDay a.today:hover
		{ background: #10498C; border: 1px solid #069; color: #FFF; }
		
		.calendarDay a.selected, .calendarDay a.selected:visited, .calendarDay a.selected:hover
		{ background: #C00; border: 1px solid #C00; color: #FFF; }
		
/** Last Tweets */

#twitter_update_list li
{ padding: 6px 9px 5px 9px; }

#twitter_update_list li a, #twitter_update_list li a:visited
{ color: #DDAC00; }
		
/**
* Members Features
*
* @section		common
* @subsection	members-features
*/

.memberJoin, .memberLogin
{ border: 1px solid #CCC; margin: 0 0 10px 0; padding: 5px 10px 10px 10px; }

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

.memberJoin
{ background: #DFEFFF; }

	.memberJoin h2, .memberJoin h2 a, .memberJoin h2 a:visited
	{ color: #04266B; font-weight: normal; }
	
	.memberJoin p, .memberJoin p a, .memberJoin p a:visited
	{ color: #333; font-size: 14px; font-weight: bold; }
	
/** Members Login */

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

	.memberLogin h2
	{ color: #069; }
	
	.memberLogin label
	{	color: #333; display: block; }
	
	.memberLogin input, .memberLogin select, .memberLogin textarea
	{ font: normal 12px Arial, Helvetica, sans-serif; width: 97%; }

	.memberLogin select
	{ width: 98%; margin:15px 0 10px 0 }	

	.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; }
	
		.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: 90px; }
	
/**
* Advertisement
*
* @section		common
* @subsection	advertisement
*/

.advertisement
{ overflow: hidden; margin: 0 0 10px 0; padding: 10px; }

	.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,
	.featuredBanner a, .featuredBanner a:visited
	{ background: #FFF; border: 1px solid #CCC; clear: both; }
	
	.featuredBanner
	{ background: none; border: none; margin: 0 auto 0 auto; width: 180px; }
	
	.featuredBanner a, .featuredBanner a:visited
	{ display: block; margin: 0 0 5px 0; }
		
.header .advertisement
{ display: none; margin: 0; padding: 10px 10px 0 10px; position: absolute; top: 10px; right: 10px; width: 470px; }

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


.bottomAdvertisementContent
{ padding: 10px 0 40px 0; }

	.bottomAdvertisementContent span.clear
	{ display: none; }

	.bottomAdvertisement
	{ margin: 10px auto 0 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: #690; font-size: 11px; line-height: 18px; }
	
/**
* Categories
*
* @section		common
* @subsection	categories
*/

.categories
{ background: #F6F9FE; line-height: 20px; overflow: hidden; padding: 15px; height: 100%; }

  .categories ul li
  { font-size:14px }
  
  .categories ul li a
  { color:#000 }

	  .categories ul li ul
	  { margin:5px 0 5px 15px }

	  .categories ul li ul li
	  { font-size:12px; line-height:18px }

	  .categories ul li ul li a
	  { color: #069 }

.mainContent .categories .categoriesColumn
{ float: left; width: 48%; }

	.mainContent .categories .categoriesColumn h3
	{ font-size: 16px; line-height: 25px; }

.sidebar .categories h3
{ font-size: 16px; line-height: 23px; }

.sidebar .categories .categoriesColumn
{ float: none; padding: 0; width: auto; }

.browseCategoryFront
{ margin-top: 270px; }

.categoryHeader
{ height: 20px; position: absolute; top: 38px; width: 20px; }

	.categoryHeader .standardTitle
	{ display: none; }

	.categoryHeader .categories
	{ background: none; height: 20px; padding: 0; width: 980px; }
	
		.categoryHeader .categories .categoriesColumn
		{ float: none; padding: 0; width: auto; }
	
		.categoryHeader .categories .categoriesColumn h3
		{ float: left; line-height: 16px; margin: 0 10px; padding: 0; }
		
			.categoryHeader .categories .categoriesColumn h3 a, .categoryHeader .categories .categoriesColumn h3 a:visited
			{ color: #074470; font-size: 13px; font-weight: normal; }
			
			.categoryHeader .categories .categoriesColumn h3 .complementaryInfo
			{ display: none; }
	
/**
* Site Content
*
* @section		common
* @subsection	site-content
*/

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

	.baseDynamicContent .standardTitle
	{ margin-bottom: 15px; }

.dynamicContent
{ line-height: normal; overflow-x: hidden; }

.dynamicContent ul, .dynamicContent ol
{ list-style: disc inside; padding: 0 0 15px 15px; }

.dynamicContent ol
{ list-style-type: decimal; }

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

.baseIconNavbar
{ border-bottom: 1px solid #CCC; height:25px; clear:both; margin-bottom:10px; position:relative; }

.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: #069; }
	
/**
* Share Icons
*
* @section		common
* @subsection	share
*/

.allSocial
{ background-color: #FCFCFC; border: 2px solid #EEE; left: 300px; margin-bottom: 10px; padding: 5px; position: absolute; top: 25px; width: 245px; z-index: 999; }

	.allSocial * 
	{ margin: 0; padding: 0; }
	
	.allSocial table
	{ width: 100%; }

	.allSocial a
	{ color: #000; font-size: 11px; font-weight: normal; }
	
	.allSocial .Close, .allSocial .Close:visited
	{ background: #9D2727; border: 1px dotted #C00; color: #FFF; padding: 0 4px 0 4px; }
	
	.postDetail .allSocial
	{ left: 400px; }

/**
* 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 a
	{ clear: both; font-size: 14px; font-weight: normal; }
	
	.quickList .featuredItems h3
	{ padding: 5px 0 0 0; }
	
/**
* System Messages
*
* @section		common
* @subsection	system-messages
*/

.replyFormBlog { _margin-top:15px; float:left; clear:both }

.informationMessage, .errorMessage, .successMessage, .warningMessage
{ border: 1px solid #CCC; font-size: 11px; font-weight: bold; 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: #351; }

	.warningMessage
	{ background: #FFFCF4 url(images/design/bg_icon_warning.gif) 10px 10px no-repeat; color: #F60; }
	
		.warningMessage a, .warningMessage a:visited
		{ color: #F30; }
		
	.informationMessageShort td
	{ width: auto }
	
		.informationMessageShort td div
		{ float: left; height: 20px; margin: 0 7px 0 11px; width: 17px; }
		
				.informationMessageShort td div img { margin-top: 3px }
		
		.informationMessageShort td p
		{ float: left; height: 20px; width: 550px; line-height: 19px; }


#TB_ajaxContent .informationMessage, #TB_ajaxContent .errorMessage, #TB_ajaxContent .successMessage, #TB_ajaxContent .warningMessage
{ height: auto; margin: 10px 0 10px 0; }

/**
* Standard Form
*
* @section		common
* @subsection	standard-form
*/

.feedbackWrapper { background:none; text-align:left }

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

.mainContentExtended #GI .standardForm
{ width: 720px; }

	.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; width: auto; }
	
	.standardForm td
	{ padding: 5px 0 5px 0px; }
	
	.standardForm .formCaptchaWarning
	{ padding-right: 10px; }
	
	.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; text-align: right; white-space: nowrap; }
	
	.rating .rateIt a, .rating .rateIt a:visited
	{ color: #083C88; }
	
/** Rate Stars */

.rateItStars
{ font-size: 14px; font-weight: bold; line-height: 25px; margin: 0 auto 0 auto; padding: 0 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; }

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

.rateComments
{ background: url(images/design/bg_rateComments.gif) top left no-repeat; border: none; height: 142px; margin-top: 10px; overflow: hidden; padding: 20px 0 0 20px; position: relative; width: 454px; }

	.rateComments h3 a
	{ font-size: 18px; float: left; padding-right: 10px; }
	
	.rateComments h4.complementaryInfo, .rateComments p.review, .rateComments p.readMore
	{ width: 80%; }
	
	.rateComments h4.complementaryInfo a, .rateComments h4.complementaryInfo a:hover
	{ font-size: 14px; color: #DDAC00; font-weight: normal; }

	.rateComments h4.complementaryInfo
	{ margin-top: 5px }
	
	.rateComments p.complementaryInfo
	{ position: absolute; bottom: 13px; left: 100px; width: 90%; font-size: 13px; }
	
	.mainContentExtended #GI .rateComments p.complementaryInfo
	{ bottom: 0; position: relative; left: 0; }

  .rateComments .highlightImage { width:60px; height:70px; float:left; margin-right:15px }
  .rateComments .highlightImage img { float:left; padding:2px; background:#fff; border:1px #ccc dotted }
  .rateComments h4 a { color:#004669; font-size: text-transform:uppercase }

	.rateStars
	{ padding: 3px 0 3px 0; }
	
		.rateComments .rateStars
		{ }
	
		.rateStars img
		{ padding: 0 2px 0 0; }
		
	.rateComments .review
	{ color: #333; position: relative; }
	
	.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; }

.resultsMap
{ background: #F7F7F7 url(../images/img_loading.gif) no-repeat 50% 50%; border: 1px solid #CCC; height: 250px; margin: 5px 0 15px 0; width: 718px; }

.quickList .featuredItems .quickListNumber
{ background: #FFF; left:87px; padding: 3px; border:1px #eee solid; position: absolute; top: 76px; z-index: 1; }


/**
* Sitemap
*/

.faqContent .search .standardButton
{ margin-top: 43px; }

/**
* Tree View Order
*
* @section	order-structure
* @subsection	tree-view
*/

.standardSIGNUPTable .treeView
{ padding: 0 0 0 20px; width: 100%; }

	.treeView li
	{ clear: both; font-size: 11px; font-weight: bold; height: 100%; overflow: hidden; padding-top: 2px; padding-bottom: 1px; }
	
	.treeView li .categoryTitle, .treeView li .categoryTitle:visited
	{ color: #000; float: left; font-weight: bold; padding: 0 0 0 4px; width: 90%; }
	
	.treeView .informationMessage
	{ padding: 15px 15px 15px 45px; }
	
	.treeView li.loading
	{ clear: both; float: none; padding: 10px 10px 10px 60px; width: auto; }

	.categoryBullet
	{ background: url(images/design/bullet_sub_menu.gif) no-repeat 4px 8px; font-size: 11px; padding: 2px 0 2px 20px; }
	
	.categoryTreeview
	{ line-height: 18px; padding: 2px; }

	.treeView li ul li
	{ color: #666; margin: 0 0 0 19px; padding-top: 2px; padding-right: 2px; }
	
	.treeView .categoryAdd, .treeView .categoryAdd:visited
	{ background: #F6F6F6; /* Background is needed for jQuery effects. Do not remove it. */ color: #006699; }

	.treeView span,
	.treeView .treeviewMainMenu_divNodes2 span
	{ color: #351; display: inline; text-decoration: underline; } 
	
	.treeView .treeviewLoadingMessage,
	.treeView .treeviewMainMenu
	{ background: #FFF; border: 1px solid #BCE; clear: both; display: block; padding: 0 0 0 50px; }
	
	.treeView .tableCategoriesADDED
	{ clear: both; width: 100%; }
	
	.treeView .tableCategoriesADDED .alignLeft
	{ text-align:left; }
	
	.treeView .tableCategoriesADDED .tableCategoriesCONTENT
	{ width: auto; text-align: center; border: 0; }
	
	.treeView .tableCategoriesADDED .tableCategoriesCONTENT textarea
	{ width: 100%; }
	
	.treeView .tableCategoriesBUTTONS
	{ text-align: center; width: auto; }
	
	.treeView .tableCategoriesBUTTONS input,
	.treeView .tableCategoriesBUTTONS button
	{ background: url(images/design/bg_treeview_button.gif) 0 0 repeat-x;  border: 0; color: #000; cursor: pointer;  height: 30px; line-height: 30px; width: 210px;  }
	
	.treeView textarea
	{ border: 1px solid red; width: 100%; }

.categoryTreeview .categorySuccessMessage,
.categoryTreeview .categoryErrorMessage
{ background: #F6F6F6; /* Background is needed for jQuery effects. Do not remove it. */ color: #692; display: inline-block; font-size: 11px; font-weight: bold; margin-left: 2px; text-decoration: none; }

.categoryTreeview .categoryErrorMessage
{ color: #C10924; }



/**
* Step Order
*
* @section	step-order
*/

.standardStep
{ padding: 15px 0 20px 0; margin: 0 auto 0 auto; overflow: hidden; }

	.standardStep li
	{ background: url(images/design/bg_stepInactive.gif) no-repeat 0 0; color: #999; float: left; font-size: 16px; font-weight: bold; margin: 0 20px 0 0; padding: 10px 0 10px 13px; }

	.standardStep li span
	{ margin: 0 12px 0 0; }
	
	.standardStep .stepActived
	{ color: #000; }

	.standardStep .stepActived span
	{ color: #9F7B00; margin: 0 12px 0 0; }

	.stepActived
	{ float: left; }

	.standardStep .standardStepAD
	{ background: none; color: #666; padding-left: 0; }
	
	.standardStep .standardStepAD span
	{ color: #9F7B00; }

/*blog*/

	.sidebar .featuredBlog
	{ height: 100%; overflow:hidden; padding-bottom:10px; font-size:10px; border-bottom:1px dotted #ccc; margin-bottom:10px }

      .sidebar .featuredBlog .imgDetail
	  { border:1px solid #ccc; background:#fefefe; float:left; padding:2px; margin-right:4px; width:50px; }
     
	 .relatedposts { margin-bottom:10px }
     .relatedposts .Colist { height: 100%; overflow: hidden; padding:5px 0; margin-bottom:5px; border-bottom:1px dotted #ddd }
	 .relatedposts .Colist .imgDetail { background:#fefefe; float:left; padding:2px; border:1px solid #ccc; margin-right:5px }
	 .relatedposts .Colist h3 { font-size:14px } 
	  
	.detailRatings .rateComments { height: 100%; overflow: hidden; padding:5px 0; margin-bottom:5px; border-bottom:1px solid #ccc; width: auto; }
	.detailRatings .rateComments .featuredSocial { width:59px; text-align:center; float:left; padding:2px; border:1px solid #ccc; margin-right:5px }
	.detailRatings .rateComments .review { margin-bottom:15px }
	.detailRatings .rateComments h3 { font-size:14px }
	.detailRatings .rateComments .Sub { border-top:1px dotted #ccc; margin:0 0 10px 20px; clear:both; overflow:hidden; padding-top:5px; }
	.detailRatings .rateComments .featuredSocial { background:#fefefe; margin:0 5px 0 0 }
	.detailRatings .rateComments .Item { margin:0; margin-bottom:10px; _margin-bottom:20px; border:none; padding-bottom:5px; overflow:hidden }

	.detailRatings .rateComments .standardButton { float:left; margin-right:5px }

.postDetail .detailBlogContent { margin-top:15px }

.detailBlogContent { width:auto; background:#fefefe; padding:5px; border:1px solid #ccc; margin:0 10px 15px 0; float:left }
.detailBlogContent #imgThumb { padding:2px; border:1px dotted #ccc; float:left }
.imgThumb { margin:0 10px 5px 0; padding:2px; border:1px dotted #ccc; float:left }

.sidebar .featuredSocial { float:left; height:112px; text-align:center; margin-left:1px; padding:5px; _padding:2px; width:60px }
.sidebar .featuredSocial img { border:1px dotted #ccc; background:#fefefe; padding:2px; }

.postDetail { height: 100%; margin-bottom:25px; }
.postDetail .readMore { width:100%; padding:5px 0; float:left; border-bottom:1px solid #eee; }

h4.imgInfo { color:#083C88; text-transform:uppercase }
p.imgInfo { color:#666; clear:both; font-size:11px }

.detailSpacer { margin:15px 0 15px 0; }
.postDetail ol li, .detailSpacer ol li { list-style:inside decimal; margin-bottom:5px; }
.postDetail ul li, .detailSpacer ul li { list-style:inside disc; margin-bottom:5px; }
.postDetail ol, .postDetail ul, .detailSpacer ol, .detailSpacer ul { margin-bottom:10px }

.NextPrev { height: 100%; padding:5px; border:1px #eee solid; overflow:hidden }
.NextPrev a { background:#f6f6f6; padding:5px; display:block; border:1px #eee dotted }
.NextPrev a.LinkL { float:left }
.NextPrev a.LinkR { float:right }

.pagNav { padding:5px; border:1px #ccc solid; height:28px; clear:both; overflow:hidden }
.pagNav span { width:20px; text-align:center; float:left; padding:5px; margin-right:5px; display:block; *float:none; *display:inline-block; color:#666; font-weight:bold; font-size:11px; border:1px #ccc dotted }
.pagNav a, .pagNav a:visited { color:#fff; width:20px; text-align:center; background:#083C88; padding:5px; display:block; float:left; *float:none; *display:inline-block; margin-right:5px; border:1px #ccc dotted }
.pagNav a.currentPage { font-weight:bold !important; color:#bce !important }

.complementaryInfoBlog { float:left; margin-right:2px }
.viewComment a { background:url(../../images/bt_reply.gif) no-repeat 6px center; padding:0 4px 0 25px }

.postDetail h2 { margin-bottom:10px }

.standardForm th.TxLeft { text-align:left; height:40px }
.standardForm th.TxLeft img { margin-bottom:-10px }

.infoComment { font-size:14px; font-weight:bold; height:10px; clear:both; margin-bottom:15px }

.postDetail .complementaryInfo
{ clear:both }

.Colist .imgDetail img, .Colist .detailGallery img, .featuredBlog .imgDetail img, .featuredBlog .detailGallery img { border:none; padding:0; }

.iconNavbar li { list-style:none !important }
/* end blog */