/**
* eDirectory - Style Definitions on Modules Detail
*
* This style sheet describes the styles applied for the detail pages
* of all modules
*
* @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)
*/

/**
* Columns
*
* Specific main content extended for detail pages
*
* @section				structure
* @subsection			content
* @subsubsection	columns-extended
*/

.mainContent
{ width: 740px; margin:0 }

/**
* Module Detail
*
* @section	detail
*/

.detail
{ color: #333; height: 100%; overflow: hidden; padding: 0; margin-left:5px; background:#fff url(../images/design/bg_overview.jpg) no-repeat top center; width:964px; }

.detail5
{ color: #333; height: 100%; overflow: hidden; padding: 0; margin-left:5px; background:#fff url(../images/design/bg_overview-5.jpg) no-repeat top center; width:964px; }

.detailContent
{ float: left; padding: 15px 0 0 15px; width: 425px; height:340px }

.detailMainContent { width: 395px; height:311px; padding:15px; _padding:15px 7px; float:left }

.tabMenu
{ float: left; margin-left:10px; width:495px;  height: 30px; clear: left; padding:5px 0 5px 0; text-align: left; }

.claimListing
{ float: right; margin-right:10px; width:340px; height: auto; text-align: right; padding:5px; }

.bottomContentOK
{ float: left; padding: 0px; width: 580px; _width: 560px; height:800px; border-right:2px #e0e0e0 solid; padding-right:15px; margin-left:10px; margin-bottom:20px; clear: left; overflow:auto;}

.bottomContent
{ float: left; padding: 0px; width: 580px; _width: 560px; border-right:2px #e0e0e0 solid; padding-right:15px; margin-left:10px; margin-bottom:20px; clear: left; overflow:auto;}


.pGallery { float:left; width:944px; height:45px; padding:10px; margin-bottom:15px; background:#f3fafd; border-bottom:1px #aaadb4 solid }

.photoGallery
{ float: left; padding: 16px 0 0 0; width: 500px; height:360px; margin-left:12px; _margin-left:6px; }

.photoGallery .complementaryInfo { background:transparent url(../images/design/breadcrumb.jpg) no-repeat scroll 0 0; padding:5px; height:20px; line-height:20px; border:1px #80756c dotted }

.photoGallery .complementaryInfo a { margin-right:3px; }

.mapLocation
{ float: right; width: 330px; margin-right:10px; clear:right; }

.detailContent p 
{ margin-bottom:5px; font-size:13px; color:#42311e; margin-left:5px; }

.detailContent p.t { width:100%; display:block; overflow:hidden; float:left; }

.detailContent p.tw { margin-top:5px; float:left; width:100% }

.detailContent p strong
{color:#563C2E;}

.detailContent p a, .detailContent p a:visited
{color:#028bcd }

.overview_wrapper
{width:960px; height:353px; float:left; margin-left:18px; padding-left:20px;}

.overview_content
{background:url(../images/design/bg_overview_detail.png) no-repeat; float:left; width:465px; height:335px; margin-right:5px;}

.overview_detail
{padding:20px 15px; float:left;}

.overview_detail p
{margin-bottom:5px; font-size:13px;}

.overview_detail h3
{font-size:16px; font-weight:normal; margin-top:15px;}

.overview_detail a
{color:#028bcd;}

.detail_overview_gallery
{background:url(../images/design/bg_overview_detail.png) no-repeat; float:left; width:465px; height:335px; margin-right:5px;}

.detailComplementaryContent
{ float: left; padding:10px 20px;  width: 600px; margin-left:20px; margin-top:-80px }

.baseIconNavbar
{ background: #F7F7F7; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; height: 30px; margin:10px; 0 0 10px; padding: 0 10px 0 10px; }

.socialBookmarkIcons
{ padding: 5px 0 0 0; }

.iconNavbar li
{ font-size: 13px; line-height: 30px; padding-bottom:3px; margin-right:15px; height:20px; }

.claim a, .claim a:visited
{ background:none; color: #028BCD; float:right; margin-left:10px; font-size:14px; text-align:right; }

.summaryClaim{width:100px; float:left; padding-right:0px; border-right:1px solid #a9a9a9;}

.listLinks{float:right; /*margin-right:0px;*/ padding-right:10px; margin-bottom:5px; margin-top:15px;}

.designations
{ }

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

/**
* Detail Typograph
*
* @section		detail
* @subsection	typograph
*/

.detail h2
{ font-size: 18px; line-height: 17px; color:#563c2e; font-weight:normal; text-transform:uppercase; margin-bottom:8px; }

.detail address
{ font-style: normal; margin-bottom:10px; font-size:14px; }

	.detail address span
	{ display: inline; }
	
.detail_container
{width:auto; padding-right:35px; height:auto; border-right:2px solid #D8D4D0; margin-top:30px; }

.detail5 h2
{ font-size: 18px; line-height: 17px; color:#563c2e; font-weight:normal; text-transform:uppercase; margin-bottom:8px; }

.detail5 address
{ font-style: normal; margin-bottom:10px; font-size:14px; }

    .detail5 address span
    { display: inline; }
    


.detailTitle
{ /*background: url(../images/design/bg_title.gif) repeat-x 0 100%;*/ clear:both; font-size: 16px; font-weight: normal; margin: 15px 0 5px 0; padding: 5px 0 10px 0; color:#563c2e; }

.detailTitle_right
{font-size: 16px; font-weight: normal; margin: 40px 0 5px 0px; padding: 30px 0 10px 0px; color:#563c2e;}

	.detailTitle .complementaryInfo
	{ position: absolute; right: 0; top: 15px; }
	
	.detailTitle_right .complementaryInfo
	{ position: absolute; right: 0; top: 15px; }

	.detailRatings .detailTitle_right
	{ position: relative; }

.summaryDescription
{ color: #666; font-size: 11px; padding: 0 0 5px 0; }
	
/**
* Detail Media Gallery
*
* @section		detail
* @subsection	gallery
*/

.imgDetail
{ text-align: center; background:#fff; margin:3px 4px 0; width:320px; height:200px;}

.imgListingDetail
{text-align: center; margin-left:10px; float:left;}

.galleryDetail
{text-align: center; margin-left:50px; float:right; }


.videoDetail
{padding:5px 0 5px 0; float: left; clear:right; margin-bottom: 10px; }
 
	.imgDetail img, .detailGallery img
	{ border: none; padding: 0; }

	.imgDetail .noimage
	{ margin: 0 auto 0 auto; }

	.detailGallery .complementaryInfo
	{ padding: 0 0 0 10px; font-size:11px; }
	
	.detailGallery .viewMore
	{ margin: 10px 0 0 0; }

	.detailGallery ul
	{ height: 100%; overflow: hidden; padding: 3px 0 3px 0; }

	.detailGallery li
	{ float: left; padding: 0 0 0 10px; }

/**
* Google Map
*
* @section		detail
* @subsection	google-maps
*/

.googleMapsWrapper
{ position: relative; }
	
.googleBase
{  background: #F7F7F7; border: 1px solid #CCC; float:left; height: 250px; margin: 0 auto 10px auto; overflow: hidden; width: 318px; z-index: 1; }

	.floatLayer
	{ background: #FFC; border: 1px solid #CCC; height: auto; left: -235px; position: absolute; top: -9px; visibility: hidden; width: 350px; z-index: 2; }
	
		.viewMapInfo
		{ padding: 10px; }
		
		.viewMapInfo img
		{ background: #FFF; border: 1px solid #CCC; float: left; margin: 0 10px 10px 0; padding: 2px; }
		
		.viewMapInfo h1
		{ color: #000; font-size: 14px; }
		
		.viewMapInfo p
		{ font-size: 11px; }
		
		.viewMapInfo .googleRating img
		{ border: 0; margin: 0; float: none; }
		
		#map span { font-size: 8px; }
		
/**
* Google Map
*
* @section		detail
* @subsection	google-maps
*/

.formDetail
{ clear: both; background:#DDF2FA  ; width:964px; padding: 0; margin-left:5px;}

.formDetail form
{ font-size: 11px; line-height: 18px; padding: 10px; }

	.formDetail label, .formDetail .captchaImage
	{ clear: left; color: #666; display: block; float: left; padding: 0 10px 0 0; text-align: right; white-space: nowrap; width: 130px; }
	
	.formDetail .required
	{ color:#C00; padding: 0 5px 0 0; }
	
	.formDetail .formCaptchaWarning
	{padding:10px 0 10px 140px; line-height:normal;}
	
	.formDetail input, .formDetail textarea
	{ clear: right; float: left; font: normal 12px Arial, Helvetica, sans-serif; margin-bottom: 5px; width: 360px; }
	
	.formDetail .formCode
	{ width: 100px; }
		
	.formDetail ul.standardButton
	{ clear: right; float: right; }

/**
* Ratings
* @section		detail
* @subsection	ratings
**/

.detailRatings
{ clear: both; padding: 0 0 10px 0; }

	.rating .ratingSeeComment, .rating .rateIt
	{ clear: none; float: right; }
	
/**
* Reviews
*
* @section		detail
* @subsection	reviews
*/

.rateComments
{ padding: 5px 10px 10px 10px; }

#extra_and_summary { color:#563C2E !important; }