/**
* Module Detail
*
* @section	detail
*/
.detail
{ background: none repeat scroll 0 0 #FFF; color: #333; height: 100%; overflow: hidden; padding: 0px; margin: 0px; }
.detailContent
{ float: left; margin:0 0 20px; padding: 0; width: 345px; }
.detailComplementaryContent
{ float: right; padding: 0; }
.baseIconNavbar
{ border-bottom: 1px solid #EEE; border-top: 1px solid #CCC; height: 30px; padding: 0 10px 0 10px; margin:0 0 10px; }
.socialBookmarkIcons
{ padding: 5px 0 0 0; }
.iconNavbar li
{ font-size: 11px; line-height: 30px; }
.claim a, .claim a:visited
{ background: url(images/bg_claim.gif) no-repeat 0 0; color: #CCCCCC; display: block; margin: 5px 0 0 0; padding: 0 0 0 15px; }
.designations
{ padding: 15px 0 0 0; }
.detailSpacer
{ padding: 10px 0 10px 0; }
/**
* Detail Typograph
*
* @section		detail
* @subsection	typograph
*/
.detail h2
{ color: #000; font-size: 24px; line-height: 30px; }
h3.title
{ background:none repeat scroll 0 0 #ff; border-bottom:1px solid #CCC; clear:both; color:#4F4F4F; font-weight:bold; margin:5px 0; padding:5px; }
.detail address
{ font-style: normal; }
	.detail address span
	{ display: block; }
.detailTitle
{ border-bottom: 1px solid #EEE; border-top: 1px solid #CCC; color: #4F4F4F; font-size: 14px; font-weight: bold; margin: 10px 0 10px 0; padding: 5px 0 5px 10px; position: relative; overflow: hidden; }
	.detailTitle .complementaryInfo
	{ position: absolute; right: 0; top: 0; }
	
	
	.detailTabs
	{  }
	
		.detailTabs .featuredBox
		{ border-bottom:1px solid #EEEEEE; height:100%; margin:0 0 10px; overflow:hidden; padding:5px; }
	
		.detailTabs .title
        { border-bottom: 2px solid #cccccc; clear: both; color: #343434; font-size: 15px; font-weight: bold; margin:5px 0; padding:5px; }
        .detailTabs .title span 
        {display:block; font-size:11px; font-weight:normal; padding:5px 0 0;}
		
		.detailTabs .item
		{ font-weight: bold; float:left; }
		
		.detailTabs .menuIcon
		{ float: left; margin: 0 0 0 5px; }
		
			.detailTabs .menuIcon img
			{ position: relative; top: -2px; }
			
		.detailTabs .description
		{ clear:both;  }
		
		.priceTable
		{ float: right; }
		
			.priceTable .price
			{ border-bottom:1px solid #999999; border-top:1px solid #999999; font-weight: bold; background: #FFFFFF; }
			
			.priceTable .priceDesc
			{ color:#666666; font-weight: normal; }
.summaryDescription
{ color: #666; font-size: 11px; padding: 0; }
	
.summaryTitle
{ margin:0 0 0 20px;} 
.giftcard
{}
	
	.giftcard p
	{ margin:5px 0; /*padding: 0 0 0 100px;*/ }
	
	.giftcard p.certCondit
	{ padding: 0; }
	
	.giftcard input
	{ position: relative; top: 2px; }
	
	.giftcard .addCartButton
	{ margin: 15px auto; padding: 0; text-align: center; }
	
		.giftcard .addCartButton button
		{ background: url(images/bg_addCart.png) no-repeat 0 0; height: 33px; width: 140px; cursor: pointer; }
/**
* Special Style for Article Detail
*
* @section		detail
* @subsection	article-detail
*/
.articleDetail
{ text-align: justify; }
.articleDetail h2
{ margin-top: 15px; }
.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 Media Gallery
*
* @section		detail
* @subsection	gallery
*/
.imgDetail,
.videoDetail
{ padding: 5px 0 5px 0; text-align: center; }
	.imgDetail img, .detailGallery img
	{ border: 1px solid #CCC; padding: 2px; }
	.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 10px; }
	
/**
* 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: #FFFFEF; 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; }
.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 "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: 5px; width: 560px; }
	
	.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; }
#tabs
{ margin: 10px 0px; }
	#tabs .deal
	{ border-bottom: 0px solid #ccc; margin: 10px 0; padding: 0 0 20px 0; }
	#tabs .dealInfo
	{ width: 60%; }
	
	#tabs .dealDescription
	{ width: 40%; }
	
	.dealBox .dealInfo
	{ width:35% !important; }
	
	.dealBox .dealDescription
	{ width:65% !important; }	
	
	.dealBox .dealContent 
	{ /*width:270px;*/ }
	
	.dealBox .dealMedia 
	{ margin:0 auto; text-align: center; }
	
#information, #menu, #foodpack/*, #giftcard*/
{ border-bottom:1px solid #eeeeee; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; padding:5px; background:none repeat scroll 0 0 #FFF }
#tabs .standardSubTitle
{ color: #333333; padding: 10px 0 5px 0px; }
#tabs .more
{ float: right; }
	#tabs .more a, #tabs .more a:visited
	{ color: #069; }
	
	
/*Online Reservations*/

#onlinereservation
{ color: #6b6b53; font-size: 16px; line-height: 24px; }

#onlinereservation .detailTitle
{ border-bottom: 2px solid #BDD438; border-top: 0 none; }

#onlinereservation form
{ margin: 0 auto; width: 400px; }

	#onlinereservation fieldset
	{ padding: 10px 0; }
	
	#onlinereservation fieldset.info_reservation
	{ float: left; padding: 10px 48px 10px 0; }
	
	#onlinereservation fieldset.noPadding
	{ padding: 10px 0 10px 0; }
	
	#onlinereservation label
	{ display: block; margin: 0 0 5px; }
	
	#onlinereservation input, #onlinereservation textarea
	{ border: 1px solid #b1aea9; width: 170px; }
	
	#onlinereservation .smallInput
	{ width: 50px; vertical-align: top; }
	
	#onlinereservation .reservationButton, #onlinereservation .reservationButton button
	{ width: 125px; height: 30px; }
	
	#onlinereservation .reservationButton
	{ margin: 0 auto 20px; }
	
		#onlinereservation .reservationButton button
		{ background: url(images/bg_reservation_button.gif) no-repeat; cursor: pointer; display: block; text-indent: -9999px; }
	
	#onlinereservation textarea, #onlinereservation input.embed
	{ width: 100%; margin: 0 0 20px; }
	
	#onlinereservation .inputTime
	{ border: 0 none; vertical-align: middle; width: auto; }
	
	#onlinereservation a, #onlinereservation a:visited
	{ color: #4F4F4F; }
	
	#onlinereservation .count
	{ float: right; padding: 0 0 0 50px; }
	
	#onlinereservation .optionTime
	{ padding: 0 25px 0 5px; }

        .cardLink
        { padding-top: 10px}

                .cardLink a, .cardLink a:visited
                { float:letf; margin: 0 10px 0 0;  }

                .cardLink span
                { color: #669801; }
