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

.mainContent
{ border-left: 1px solid #EEE; border-right: none; float: left; margin: 0 0 0 10px; _margin: 0 0 0 0; padding: 0 0 20px 5px; width: 700px; }

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

.detail
{ color: #333; font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; height: 100%; padding: 5px; }

.detailContent
{ float: left; padding: 20px 0 20px 0; width: 345px; }

.detailContent p
{ word-wrap:break-word; }

.detailComplementaryContent
{ float: right; padding: 5px 0 0 0; }

.baseIconNavbar
{ height: 30px; margin-bottom:10px }

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

.iconNavbar li
{ line-height: 30px; }

.designations
{ padding: 15px 0 0 0; }

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

/**
* Special Style for Article Detail
*
* @section		detail
* @subsection	article-detail
*/

.articleDetail
{ text-align: justify; }

.articleDetail h2
{ margin-top: 20px; }

.articleDetail .detailComplementaryContent
{ padding: 5px 0 20px 20px; }

.articleDetailContent
{ line-height: normal; }

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

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

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

.detail h2
{ color: #000; font: bold 24px/30px Arial, Helvetica, sans-serif; }

.detail address
{ font-style: normal; }

	.detail address span
	{ display: block; }

.detailTitle
{ font-size: 11px; font-weight: bold; margin: 0 0 5px 0; padding: 15px 0 0 0; }

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

.summaryDescription
{ font-size: 11px; padding: 5px 0 5px 0; }

.detail .summaryDescription
{ color: #333; }
	
/**
* Detail Media Gallery
*
* @section		detail
* @subsection	gallery
*/

.imgDetail,
.videoDetail
{ padding: 0 0 5px 0; text-align: center; }

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

	.detailGallery .complementaryInfo
	{ padding: 0 0 0 10px; }
	
	.detailGallery .viewMore
	{ margin: 10px 0 0 0; }

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

	.detailGallery li
	{ float: left; padding: 0 0 0 2px; }
	
/**
* Google Map
*
* @section		detail
* @subsection	google-maps
*/

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

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

.formDetail
{ background: #FAFAFA; border: 3px solid #EEE; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 20px 0; padding: 10px; }

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

	.formDetail .detailTitle
	{ color: #692; font-size: 11px; padding: 0; }

	.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
	{ border-left: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1; clear: right; float: left; font: normal 10px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; padding: 2px; width: 500px; }
	
	.formDetail .formCode
	{ width: 100px; }
		
	.formDetail ul.standardButton
	{ clear: right; float: right; }
	
	.formDetail ul.standardButton button
	{ background: url(images/design/bg_businessButton.gif) repeat-x 0 0; }

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

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

	.detailRatings .rating .ratingStar, .detailRatings .rating .ratingReview
	{ float: right; }

	.detailRatings .rating .ratingSeeComment, .detailRatings .rating .rateIt
	{ clear: none; float: right; }
	
.checkInImage
{ margin-right: 5px; }


/* -- Deals Detail -- */

.dealsDetail
{ float: left; width: 680px; margin: 10px 0 0 0; padding: 23px 0 0 10px; overflow: hidden; height: auto; position: relative; display: inline; }

	.dealsDetail .infos
	{ border-bottom: 2px solid #EEE; float: left; width: 410px; padding: 15px 0 1px 10px; height: auto; }

	.dealsDetail .infos h3
	{ font-size: 24px; color: #000; padding: 0 0 5px 0; line-height: 28px; }

	.dealsDetail .infos h4.by
	{ font-size: 12px; color: #555; font-weight: normal; border-bottom: 1px solid #EEE; margin: 0 0 15px 0; padding: 2px 0 4px 0; }

	.dealsDetail .infos .description
	{ font-size: 12px; color: #000; line-height: 18px; padding: 10px 10px 20px; text-align: left; }

	.dealsDetail .infos .counter
	{ overflow: hidden; height: 72px; line-height: 16px; width: 100%; padding: 0 0 0 10px; margin: 0 0 0 -10px; background: #BCBEC0; }

		.dealsDetail .infos .counter li
		{ font-size: 11px; font-weight: bold; color: #000; float: left; display: inline; padding: 13px 10px 2px; font-weight: normal; text-align: left; }

			.dealsDetail .infos .counter li span
			{ font-size: 14px; padding: 0 2px 0 10px; }

		.dealsDetail .infos .counter .first
		{ display: inline; margin: 0 0 0 0; font-size: 14px; padding: 32px 15px 5px 10px; text-align: center; width: 135px;}

		.dealsDetail .infos .counter .first span
		{ padding: 0 0 0 2px; }
	
		.dealsDetail .infos .tag, .dealsDetail .infos .tag-off
		{ background: #808890; margin: 0 0 0 -20px; position: relative; height: 72px; }

		.dealsDetail .infos .tag h4, .dealsDetail .infos .tag-off h4
		{ font-size: 24px; display: block; width: 128px; height: 41px; position: absolute; top: 1px; left: 0; padding: 30px 45px 0 10px; text-align: center; }
		
		.dealsDetail .infos .tag h4
		{ background: #808890 url("images/design/bg-deals-tag.png") no-repeat 0 0; color: #000; }
		
		.dealsDetail .infos .tag-off h4
		{ background: #808890 url("images/design/bg-deals-tag-off.png") no-repeat 0 0; color: #C12613; }

		.dealsDetail .infos .tag ul, .dealsDetail .infos .tag-off ul
		{ position: absolute; top: 17px; left: 220px; }

			.dealsDetail .infos .tag ul li, .dealsDetail .infos .tag-off ul li
			{ float: left; color: #000; padding: 0 7px 0 7px; font-weight: normal; width: auto; }

			.dealsDetail .infos .tag ul li span, .dealsDetail .infos .tag-off ul li span
			{ display: block; font-weight: bold; font-size: 16px; }

		.dealsDetail .infos .tag p, .dealsDetail .infos .tag-off p
		{ color: #000; position: absolute; top: 48px; left: 200px; font-weight: bold; font-size: 15px; }

			.dealsDetail .infos .tag p span, .dealsDetail .infos .tag-off p span
			{ font-size: 12px; }

.dealsDetail .right
{ border-bottom: 2px solid #EEE; float: right; width: 260px; padding: 15px 0 0 0; height: 200px; }

	.dealsDetail .right .image
	{ height: 200px; overflow: hidden; text-align: center; }
	
		.dealsDetail .right .image .noimage
		{ border: none; margin: 0 auto; }

		.dealsDetail .right h5
		{ font-size: 12px; color: #000; padding: 10px 0 10px 0; display: block; }
		
		.dealsDetail .right p
		{ font-size: 12px; color: #000; padding: 0 0 10px 0; }
		
		.dealsDetail .listingDeal
		{ padding: 10px; overflow: hidden; height: 1%; }

			.dealsDetail .listingDeal h4, .dealsDetail .infosDescription h4
			{ color: #666; font-size: 16px; margin: 0 0 5px 0; }

			.dealsDetail .listingDeal span
			{ display: block; text-align: left; }

			.dealsDetail .listingDeal p
			{ display: block; text-align: left; }

			.dealsDetail .listingDeal .imgDetail
			{ float: left; width: 120px; }

			.dealsDetail .listingDeal .address
			{ float: left; padding: 5px 0 0 10px; }
		
		.dealsDetail .facebookConnect
		{ padding: 8px 0 7px 10px; height: 40px; display: block; margin: 0 0 0 -10px; overflow: hidden; text-align: center; }

		.dealsDetail .facebookConnect .buttonConnect
		{ display: block; overflow: hidden; height: auto; }

			.dealsDetail .facebookConnect .buttonConnect a, .dealsDetail .facebookConnect .buttonConnect a:visited
			{ display: block; background: url(images/design/bt-facebook.jpg) 50% 0 no-repeat; font-family: tahoma; font-size: 12px; color: #FFF; font-weight: normal; padding: 3px 0 2px 30px; height: 17px; }

			.dealsDetail .facebookConnect .buttonConnect a:hover
			{ text-decoration: none; }

		.dealsDetail .facebookConnect a
		{ font-size: 10px; padding: 2px 0 0 0; display: block; font-weight: normal; }
		
.dealsDetail .infosTitle
{ border-bottom: none; padding-bottom: 0; width: 670px; }

.dealsDetail .infosDescription
{ width: 670px; }

.dealsDetail .infos .counter li.itemPrice
{ width: 35%; }
		
.dealsDetail .infos .counter li.itemDone
{ width: 53%; }

.dealsDetail .itemDiscount
{ font-weight: bold; }