/**
* Detail Page ( Modules )
*
* @package			layout
* @filesource		detail.css
* @author		
* @copyright		
* @version	         9.3
* @since			October, 17, 2011
*			
*/


/* #Map
*/
    div.map > div { margin:1.5%; width: 97% !important; height: 96% !important;}
    

/* Detail Elements
	
	* Share
	* Top Info
	* Image
	* Gallery
	* Content Box
    * Rate
*/
.top-info .stars-rating {margin-right:10px;}
.top-info {padding:5px 0;}
.top-info .share-middle {margin-top:10px}

.tab-container [class*="span"] {min-height:0;}

.share-social li{display:inline;margin-left:3px;font-size:13px;}

.button-send, .button-call {display:inline-block;}
.button-call { margin:3px 0 0 0}
.button-send { padding: 3px 2px 0;}

.tab-content h2 {line-height:24px;}
.top-info h2 {line-height:1;}
.tab-content > h2 {margin-bottom:5px;}

.top-info .span4.text-left {margin-left:-7px;}

.image img{width:100%;}

.content-box {border-top: 1px solid #DBDBDB; margin-top: 15px; padding: 15px 0;}

.middle-info {margin-top:15px;}
.middle-info , .middle-info p {font-size:12px;}
.middle-info strong { font-size:14px; text-transform: capitalize; font-weight:normal;}
.middle-info address {padding-bottom:10px; font-size:12px; }
.middle-info a {text-overflow:ellipsis;}

.overview .image {margin-right:10px;}

.long {padding:10px 0;}

.share  img {  margin: 3px 0 0;}

.share-social { display:inline; margin-left: -5px;}

.review-item {clear:both;}

.btn-review {float:right;margin-top:10px;width:90%;}

 address.website {word-wrap:break-word;}

 .galleria-thumbnails {margin:0 auto;}

 .span4 .galleria-info {top: 27px;}

 .span4 .image .no-image {margin:20px auto; width:94%;}
 
 .rel-listings .span4 .image .no-image {margin:0 auto; width:94%;}

#___plusone_0 { width: 65px !important; }
.ie #___plusone_0 { width: 65px !important; margin-left:5px!important;}
    
 .content-box ol {list-style: decimal }
 .content-box ul {list-style: disc}
 .content-box ol,  .content-box ul {line-height:17px; margin:10px 0 10px 20px;}
 
 
 .badges {margin:10px 0; text-align:center;}
 .badges > img {margin: 5px 0; clear:both; float:left;}
 
 
 .btn-large {max-width:227px; width:100%;}
.span4 .btn-large { margin-left: 9px; max-width: 258px;}


.row-fluid a {word-wrap: break-word; }


/* Detail no Image*/
.image.img-polaroid .no-link .no-image {width:100%; height:266px;}

/* #Detail Sidebar
	* Map
*/

.sidebar .map , .minimap .map{width: 98%; height:217px; background-color:#fff !important; padding:2px; border:1px solid #ebebeb; }
.minimap {width:40%; float:left;}

/* #Detail Tabs
*/

.tab-container .description {margin:3% 0.8% 3% 4%;}

/*Sidebar*/
.sidebar h2 {margin-top:10px;}
.sidebar .flex-box-group h2 {margin-top:0;}

/* #Detail Deal

*/

.map {width:95%;}

.inverse-row .map { float: left; height: 170px; /*margin: 0 -20px 20px -21px;*/ width: 100%;padding-right:1.5px;}

.inverse-row .map > div {
    height: 100% !important;
    margin: 0;
    width: 100% !important;
}

.review-stars {margin:7px 0;}
.review-stars p, .line-footer p, .top-info .rate p {font-size: 12px}
.action > div {border-bottom: 1px solid #EEEEEE;}

.deal-value { border-top: 1px solid #EEEEEE; float: left; margin: 15px 0; width: 100%;}
.deal-value span{width:33%;float:left;text-align: center; padding: 6px 0; font-size:12px;}
.deal-value span strong{float: left; width: 100%; font-size:20px;word-wrap:break-word; font-weight:normal;}

.deal-soldout {font-size:24px; font-weight:600; color:#777;}

.detail-deal-tag {position:absolute; width:625px; margin-top:20px;}

.tab-content .detail-deal-tag {position:absolute; width:594px; margin-top:20px;}
.deal-tag { float: right; text-align: right;  height: 57px;  padding-left: 22px; }

/* Article */
.overview .gallery-overview {padding:0;}
.middle-info.overview {margin-bottom:20px;}
.middle-info.overview p {margin-bottom:10px;}

/*Listing Detail*/
.well-top { padding: 5px 0 5px 10px;}
.well-small {margin-bottom:15px;width:95%; padding:8px 2%;}
.well-small ol, .well-small ul {list-style:none;}
.span7 .well-small {width:95.5%;}
.span5 .well-small {width:95%;}

/*Classified*/

.span4 address {margin-top:10px;}

/* #Responsive

*/


@media (min-width: 768px) and (max-width: 979px) {

    /*No-image*/
    .detail-deal .no-image {height:220px;}
    .gallery-overview .no-image {height:151px;}
    .rel-listings .span4 .image .no-image {height:107px;}
	
    /*Elements*/

	.middle-info .span6 { width: 100%; margin-top:10px;}
	
    .nav-tabs > li > a, .nav-pills > li > a {padding-right: 10px;padding-left: 10px;margin-right: 3px;font-size: 11px;}
    .share li {float: right!important;margin-left: 5px;font-size: 10px;}
    .button-send, .button-call {padding: 2px 0px 0;}
    .button-call {width: 19px; margin:0;}
    
    
    .detail-deal-tag {width:457px; }
    .tab-content .detail-deal-tag {width:427px;}

    .top-info .span4 {width:24%; float:right;}
    
    .well-small {max-width: 374px}
    .span5 .well-small {max-width:100%;}
    .btn-large.btn.btn-success {max-width:92%;}

    div.map > div { height: 100% !important; margin: 0; width: 100% !important;}    
    .sidebar .map, .minimap .map {margin-bottom:20px;}

    .inverse-row .map { float: left; height: 170px; margin: 0 -20px 20px -21px; width: 105.5%;border:1px solid #dedede;}


    .deal-value span strong {font-size:16px;}


    .galleria-info {top:34px !important;}
    .galleria-lightbox-next {height:38px;}

    .button-send {margin-top:2px;}
    .button-call {margin-top:4px;}

     /*Tablet full*/
     .tablet-full .span8, .tablet-full .span4,
     .tablet-full .span3, .tablet-full .span5 { width:100%; clear:both; margin-left:0;}
     .tablet-full > .span4 {margin-top:20px;}
     .tablet-full .top-info .span8 { width:70%; clear:none; margin-left:0;}
     .tablet-full .top-info .span4 { width:30%; clear:none; margin-left:0;}

     .tablet-full .top-info .span8 h3{
          white-space:nowrap; text-overflow:ellipsis; width:100%; overflow:hidden;
      }

     .tablet-full .btn-review {float:right; margin:10px auto; width:42%;}
     .tablet-full [class*="flex-box"] h2, .sidebar h2 { width: 96.3%;}
     .tablet-full .calendar > h2 { width: 100%;}
     .tablet-full .calendar {  clear: both;  float: left;  width: 99.6%;}
     .tablet-full .helpful-reviews h2 { width: 96.6%;}
     .tablet-full .item-preview { max-width: 320px;}

    .button.button-redeem a{ white-space:nowrap; padding:10px;}
    .button.button-facebook a{ white-space:nowrap;}


    .featured.featured-checkin {width:94%;}

}



@media (max-width: 767px) {
    /* TABS*/
        .tabs.nav-tabs > li {
            text-indent:-999px;
            max-width:38px;
        }

        .tabs.nav-tabs > li > a {
            background-image:url("images/iconography/icons-detail-responsive.png");
            background-repeat: no-repeat;
            padding:8px 18px;
        }

        .tabs .tab-overview a {
            background-position:-204px 7px;
        }
        .tabs .tab-menu a {
            background-position:-100px 7px;
        }
        .tabs .tab-video a {
            background-position:-47px 5px;
        }
        .tabs .tab-deal a {
            background-position:-151px 6px;
        }
        .tabs .tab-review a {
            background-position:5px 7px;
        }


    /**/
     .gallery-overview .no-image {display:none;}

    .responsive-detail {width:96%; margin:0 auto;}


   .badges > img {   clear:none;   float:none;    margin:5px 3px;   text-align:center; }

    .inverse-row .map {  height: 120px; margin: 0 auto 10px auto;  width: 99%;  float:none;}

    div.map > div { height: 99% !important; margin: 0.25%; width: 99% !important;}

    .sidebar .map {margin-bottom: 20px;}

    .top-info {  padding: 5px 0;}

    .tab-container {width:98%;margin:0 auto;}

    .image-caption {width: 87.59584545%!important;}

	.deal-tag {display:none;}
	.middle-info .span6 { width: 100%;margin-left:0;}
    
    .nav-tabs {margin-top:10px;}
    
    .well-small ,
    .span7 .well-small ,
    .well-top {width:98%; padding:10px 1%;}
    
    .sidebar .map {margin-top:20px;}       
   
    .featured.featured-checkin {border:none;border-bottom:1px solid #dedede;}

}

@media (max-width: 768px) {

    .tablet-full .row-fluid .span8, .tablet-full .row-fluid .span4,
    .tablet-full .row-fluid .span3, .tablet-full .row-fluid .span5 { width:100% !important; clear:both; margin-left:0;}

}

@media (max-width: 480px) {

    .minimap {width:100%;}

    
    .image-caption {width: 85.59584545%!important;}
    
    .ad-image.image img {width: 269px;}
    
    .fancy_window_login.star-rating {pointer-events:none;}

    
     .deal-value span strong {font-size:16px;}
    
}


/* CUSTOM - ARTICLE, EVENT AND CLASSIFIED SUMMARY */

#content_classified {
    margin-top: 20px;
}

/* #Summary View */ 

.summary {margin-bottom: 20px; padding:0; width: 99.6%; clear:both;}
.summary-small {width: 99.6%; clear:both; padding: 0;}
.summary section { padding: 17px;}


.summary .navicons .share-social {padding: 3px 0 0;}
.summary .share-social, .summary .share-actions  {display:inline-block;}

.summary .share-social li, .summary .share-actions li {display:inline-block;float:right;margin:4px 4px -4px; font-size:11px; line-height: 16px;}
.summary .media, .media .media { margin-top:0;}
.summary .media .span4.text-right { padding-top: 5px;} 

.summary .line-footer .comp-info,.summary .line-footer .comp-info a {font-size:10px; margin-top:7px; text-align:right;}  
.span6.comp-info > p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*.summary-image {width: 35%;display: block;}       */

.summary-small .summary-image {width: 100%;display: block;} 
.summary-small p.claim {margin-top:5px;}
    
.ie7 .summary-image {float:left;}   
.summary-image .image > img { width: 100%;} 
.ie7 .summary-image .image > img, .ie7 .image.summary-image  img {width: 96%;}      

.ie .row-fluid.line-footer {padding-top:3px;}

/* #Sumary View items 
    * Image
    * Description
    * Rate
    * Share
    * Badges
    * Map

    .summary-image  img, .summary-image .no-image   { float:left; display:block; margin:20px 10px 0 0;} */
    
    .summary-small .summary-image  img, 
    .summary-small .summary-image .no-image,
    .summary-deal .summary-image  img, 
    .summary-deal .summary-image .no-image
    { margin:4px 0 2px;}
    
    .summary-small address { line-height: 15px;height:60px;}
    .summary-deal address {padding-top:6px;}
    
    .summary .media-body    {margin-top:18px;}
    .summary-small .media-body, .summary-deal .media-body   {margin-top:0;}
    
    .listing-tag-deal, .deal-tag-small, .deal-tag {white-space:nowrap; float: right; height: 38px; margin-right: -2.7%; margin-top: -3px; padding-left: 2px; text-align: right;}
    .extendedContent .listing-tag-deal {margin-right:-2%;}
    
    .summary-deal .name-tag-deal.soldout { padding: 10px;font-size:16px;}
    .name-tag-deal { padding: 10px;}
    
    .summary .summary-price {margin-top:8px; font-size:11px;}
    .summary .review-count {text-decoration:none;}
    .summary .rate p  {margin:0 5px;}   
    .summary .review b, .summary .rate p:before  { font-weight:300;color:#787878;text-decoration:none; font-size:12px;} 
    .summary .rate p:before  {content:"|"; margin-right:5px;}   
    .summary .badges {text-align:right;margin-top:6px;height:80px;}
    .summary .badges img { clear: both;float: left;margin-bottom:10px;}
    .summary .info {margin-top:10px;}
    .summary .poston {text-align:right;padding:10px 5px 0 0;}
    
    .summary-address {padding-bottom:3px; min-height:60px;}
    .summary-infodetail {min-height:65px;}
    .content-profile .summary-address { min-height:10px; padding-bottom:0;}
    
    .summary-contact.span12, .summary-contact.span9  {display:table;margin:0;}
    .summary-contact > div{display:table-cell;height: 36px; vertical-align:bottom; width:50%;}


    .claim {clear:both}
    
    .summary .line-footer { max-height: 30px; width:96%; padding:0 2%;}
    .summary .line-footer .span7.icons, .summary .line-footer .span5.icons{margin-left:2%;}
    
    .line-footer .summary-icons {padding:2px 0; line-height:30px}
    .line-footer .summary-icons.checkin {padding:2px 5px 2px 0;}
    
    .line-footer .summary-icons, 
    .line-footer .navicons,
    .summary .line-footer .rate-stars, 
    .summary .line-footer .rate p,
    .summary .line-footer .rate {display:inline;}


    .summary .line-footer .rate {
        display: inline-block;
        height: 22px;
        padding-top: 7px;
        white-space:nowrap;
    }

    .summary .line-footer .stars-rating {
        vertical-align: middle;
        margin-top:-3px;}

    .summary .line-footer .review {
        padding:0 0 0 5px;
        line-height: 14px;
        font-size: 11px;
    }   

    .summary .line-footer .icons {
        padding: 5px;
    }

    /* #Summary View Structure */

.summary {border:1px solid #dedede; background-color:#fff;}
.summary-backlink {border:1px solid #b95514; }

.summary .title {border-bottom:1px solid #dedede;padding-bottom:12px;}
.summary .title p {padding-top: 1px; font-size: 11px;}
.summary .title h3 {line-height:1; font-weight:600; font-size:22px;}
.summary .title h4 {color:#2980b9; font-size: 13px}
.summary .title em {color:#7f8c8d; font-style: normal; font-weight: normal; font-size:11px;}
.summary .title h3 a {color:#555;}
.summary .title h3 a:hover{color:#999;}

.summary .line-footer {background-color:#f5f5f4; color:#5e5e5e;}
.summary-small .line-footer .review > a {
    line-height: 30px;
}

.summary .map-link {padding:0 2px 0 20px; background: url(images/iconography/pin-map.png) no-repeat 1px 1px}

.summary-small .row-fluid > p { margin-top: 10px; font-size:11px;}
.summary-small .info, .summary-small p, .summary-small .info p,  .summary-small .info a, .summary-small .rate p a, .summary-small .line-footer a, .show-inline  { font-size: 11px; }
.summary-small .map-link {padding: 2px 0 0 20px;}
.summary-small .info p small {color:#353535; font-size:11px;}

.summary b.divisor {border-color:#fff;}



/* #Summary Specifics 
    
    Differences between modules. 
    
    * Deals
    * Listings
    * Articles
 */
    
.listing-tag-deal, .deal-tag-small  {background-color:#d35400;}
.name-tag-deal {font-size:14px; font-weight:500; text-transform: uppercase;}
.name-tag-deal, .name-tag-deal a {color:#fff;}
.name-tag-deal a:hover {color:#f9f9f9;}

.name-tag-deal small { color: #DDDDDD;}



.summary .deal-tag, .summary .title .price {color: #555555; font-size: 30px;font-weight: bold;line-height: 30px;text-align: right;text-rendering: optimizelegibility;text-shadow: 1px 1px 2px #CCCCCC;}
.info, .info p, .info a {font-size:12px;}