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

/* #Map*/


/* #Detail Tabs
*/



/* #Detail Elements
    
*/

.tab-container .stars-rating [class*="rate-"], .detail-deal .stars-rating [class*="rate-"]{background-color:#ccc;}
p {line-height:19px;}



.top-info {border-bottom:1px solid #dbdbdb; font-size:12px;}

.overview {color:#999899;}

.span6 strong {  float: left;    text-transform: capitalize;    width: 100%;}

.image-caption {color:#fff; background-image:url("images/structure/bg-dark-ie.png"); padding:5px; position:absolute; margin-top:-42px; width: 284px;}

.rate > p, .rate .rate-stars {display:inline;}

.mgt-10 {margin-top:10px;}

/* #Horizontal Description*/
.dialog-list {margin-bottom:-10px;}
dl {margin:20px 0;}
dl.dl-horizontal dt, dl dd { text-transform: uppercase; text-align: center; line-height:12px; padding:13px 10px; font-size:10px;}
dl dd {background-color: #4d95c7; color: #fff;}
dl dt {background-color:#d7eaf8; color:#555;}


/* #Detail Deal
	
*/

.description {margin:3% 0.8%;}

.detail-deal h3 a {color:#353535;}

.review-count {	font-size: 12px;}

.deal-dealsleft, .deal-timeleft {text-align:center; padding-bottom: 10px;border-bottom: 1px solid #EEEEEE;}
.deal-dealsleft  {float:left; width:100%; margin:15px 0;}
.deal-dealsleft i{font-style:normal;}
.deal-dealsleft span {width:100%;float:left;}
.deal-timeleft h4 {font-weight:bold;}

h6 {color:#2980b9;}
.overview h6 {color:#333;}

.button-facebook h2 a, a.btn-facebook, a.btn-facebook:focus, a.btn-facebook:active {padding:10px 30px;}

.button.button-facebook { float:left; width:100%; margin:15px 0;}
/* #Listing Details

*/
.well-top {  background-color: #FFFFFF;  border: 1px solid #EEEEEE;  border-radius: 4px 4px 0 0;}
.well-small {  background-color: #F5F9E8;    border: 1px solid #EEEEED;    border-radius: 0 0 4px 4px;    display: inline-block;    margin-top: -1px;}
.well-small ol {color: #2980b9;   float: left;   margin: 0 3%;    text-align: right;    width: auto;}
.well-small li {text-align:left;font-size:12px; color:#828282;}

.downloadmenu {text-align:center; padding:20px 0;}
.content-full .tab-container .row-fluid.downloadmenu p {text-align:center;font-size:16px; color:#2980b9;margin: 20px 0}
.tab-container .downloadmenu a {color:#2980b9; text-decoration:underline;}
.tab-container .downloadmenu a:hover {color:#749116;}

#content_video h2 { padding:0 0 10px;}
#content_video p {margin:20px 1px;}

/*.helpful-reviews h2 {font-size:;}
.helpful-reviews h2 a{color:#fff; text-shadow:-1px -1px 1px #b46a2f; font-size:14px; text-transform:lowercase; text-decoration:underline; }
.helpful-reviews h2 a.pull-right{font-size:12px ;}
.ie7 .helpful-reviews h2 a.pull-right{margin-top:-47px;margin-right:10px;}
.helpful-reviews h2 a:hover{text-decoration:none; }
/* #Reviews

*/
.content-reviews .line-top ul, .content-reviews .line-top li {display:inline;}
.content-reviews .line-top a, .content-reviews .line-top {color:#2980b9;height: 30px;text-align: right; padding: 10px 2px 0;}
.content-reviews .line-top .disabled a, .content-reviews .line-top .disabled a:hover {color:#ccc; cursor:default;}
.content-reviews .line-top a.active {color:#fff;}
.content-reviews .line-top a:hover, content-reviews .line-top a:active {color:#fff;}

/*#Images effect*/

.image-shadow img{transition:opacity 0.5s ease;}
.image-shadow:hover img{opacity:0.6; cursor:pointer;}
.image-shadow {transition: background-color 0.5s ease;}
.image-shadow:hover { background:url("images/iconography/magnifierplus.png") no-repeat scroll center center #000000;}

.ie .image-shadow img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}
.ie .image-shadow:hover { background:url("images/iconography/magnifierplus.png") no-repeat scroll center 35% #000000;}

.middle-info .ad-gallery .ad-image-wrapper .ad-loader {background-color:rgba(255, 255, 255, 0.8); padding:55px 138px; top:0; left:0; border:none;}

.ie .ad-gallery .ad-image-wrapper .ad-loader {background-color:#fff;}

/*Extra Fields*/
.extra-fields h2 {font-size:17px; line-height:30px;}
.extra-fields p {margin:10px 0;}


.related-listings {border-bottom:1px solid #dedede; font-size: 24px;margin-bottom:20px;}

.rel-listings .span4 .image .no-image {width:100%;}


/** new detail **/

.box {
	border: 1px solid #d5d8dc;
	margin-bottom: 20px;
	position: relative;
	clear: both;
}

.box .item {
	padding: 10px;
	overflow: hidden;
	height: auto;
}

.box .item .image {
	float: left;
	margin-right: 7px;
	width: 45%;
	position: relative;
}	

.box .item h3 {
	font-size: 12px;
	line-height: 16px;
	background: none;
	border: none;
	min-width: inherit;
	float: none;
	padding: 0;
	font-weight: 600;
}

#instafeed,
#yunero {
	margin-bottom: 20px;
}

#twitter.box {
	padding:10px;
}

#twitter.box ul {
	
}

#twitter.box ul li {
	padding-bottom: 5px;
	overflow: hidden;
	height: auto;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

#twitter.box ul li:last-child {
	margin-bottom:0;
	border: none;
	padding: 0;
}

#twitter.box ul li a,
#twitter.box ul li a:visited {
	float: left;
	margin-right: 7px;
	width: 50px;
	position: relative;
}

#twitter.box .tweets_txt {

}

#twitter.box .tweets_txt a,
#twitter.box .tweets_txt a:visited {
	float: none;
	margin: 0;
	width: auto;
	display: block;
}

#twitter.box .tweets_txt span {
	font-size: 80%;
}







/* NEW DESIGN ********************************************************************************************************/


.nav-tabs {
	border-color: #eee;
}

.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover, 
.nav-tabs > .active > a:focus {
	background-color: #8f8c6d;
	border-bottom: 1px solid #8f8c6d;
}

.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus, 
.tabs-advertise > li > a:hover, 
.tabs-advertise > li > a:focus, 
.profile-tabs > li > a:hover, 
.profile-tabs > li > a:focus {
	background-color: #a3a07d;
	border-bottom: 1px solid #a3a07d;
}

.tablet-full .row-fluid [class*="span"],
.detail-deal .span8 {
	margin-left: 2.564102564102564%;
}

.tablet-full [class*="span"]:first-child {
	margin-left: 0;
}

.tablet-full > .span9 {
	min-height: 1350px;
}

.sidebar .map, 
.minimap .map {
	border: none;
}

.content-social-box {
	text-align: center;
	margin: 10px 0;
}

.fb-like-box.fb_iframe_widget,
.fb-like-box.fb_iframe_widget span,
.fb-like-box.fb_iframe_widget iframe,
.fb-like-box.fb_iframe_widget div, 
.fb-comments.fb_iframe_widget,
.fb-comments.fb_iframe_widget span,
.fb-comments.fb_iframe_widget iframe,
.fb-comments.fb_iframe_widget div  {
	width: 100% !important;
	margin-bottom: 10px;
}

.pluginSkinLight div {
	width: 100% !important
}

.sidebar h2 {
	margin-top: 0;
}

.tab-content h2 {
	margin: 0 -10px;
	width: auto;
	line-height: 36px;
}

.responsive-detail {
	padding: 10px;
}

.responsive-detail > .row-fluid
 {
 	padding: 10px;
 	width: auto;
 }

 .responsive-detail > .row-fluid > .span4 {
 	margin-left: 2.127659574468085% !important;
 }

 .responsive-detail > .detail-deal > .span4 {
	margin-left: 0 !important;
}

dl dd {
	background-color: #a3a07d;
}

dl dt {
	background-color: #e2deb7;
}

.minimap {
	margin-right: 10px;
}

.img-polaroid {
	border: none;
	padding: 0;
}

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

#yunero {
	width: auto !important;
	margin-bottom: 20px !important;
}

#instafeed img {
	float: left;
	width: 50%;
}


@media (min-width: 1024px) {
	
	.row-fluid.middle-info .span5 {
		width: 37%;
	}

}

@media (max-width: 1024px) {

	.tab-content .row-fluid .span6 {
		width: 47.93617%;
	}

	.sidebar h2 {
		width: 100%;
	}

	.fancy_window_tofriend {
		width: auto;
	}

	.responsive-detail .row-fluid .span8 {
		width: 64.957447%;
	}

}


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

	.tablet-full .helpful-reviews h2 {
		width: auto;
		line-height: 36px;
	}

	.inverse-row .map {
		margin: 0 0 20px 0;
		width: 100%;
	}

}



@media (max-width: 979px) {

	.tab-content .row-fluid .span6 {
		width: 100%;
	}

	.dl-horizontal dd {
		margin-left: 0;
		width: 80px;
	}

}

@media (max-width: 768px) {

	.tablet-full .row-fluid [class*="span"], 
	.detail-deal .span8 {
		margin-left: 0;
	}

	.responsive-detail {
		width: 94%;
	}

}

@media (max-width: 480px) {

	.dl-horizontal dt, .dl-horizontal dd {
		margin-left: 0;
		width: auto;
	}

}


.sidebar .box {
	border: 1px solid #eee;
	clear: both;
}

.sidebar .box div {
	border-bottom: 1px solid #eee;
	padding: 10px;
}

.sidebar .box div:last-child {
	border-bottom: none;
}

.sidebar .box div img {
	margin: 5px 0;
}

.sidebar #twitter {

}

.sidebar #twitter ul {
	height: auto;
	overflow: hidden;
	
}

.sidebar #twitter li {
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding: 10px;	
}

.sidebar #twitter li div {
	padding: 0;
	border: none;
}

.sidebar #twitter li div a,
.sidebar #twitter li div span {
	font-size: 80%;
}

.sidebar #twitter li img {
	float: left;
	margin-right: 10px;
}


/* NEW CODE *****************************************************************************************/

.tablet-full {
	border-left: 1px solid #333;
}

.tablet-full .span9 {
	border: none;
	/*min-height: 1251px;*/
	min-height: 1350px;
}

.tablet-full .span3,
.responsive-detail {
	border-left: 1px solid #333;
	min-height: 1350px;
}

.header-menu {
}

.container.whtbg > .row-fluid.graybg > .span2 {
	border-right:none;
}



.rellistbox {
	margin: 0 -10px 0;
	border-bottom: 1px solid #333;
	padding: 20px 0 0;
}

.rellistbox h2.related-listings {
    background: url("images/structure/arrow-down.png") no-repeat 5px center #e7e7e7;
    color: #8f8c6d;
    font-size: 14px;
    border: none;
    border-top: 1px solid #636363;
    border-bottom: 1px solid #636363;
    text-indent: 22px;
    text-transform: uppercase;
    letter-spacing: 2px;
    float: none;
    padding: 0;
    width: auto;
    line-height: 36px;
    margin-bottom: 0;
}


.rellistbox .rel-listings {

}

.rellistbox .rel-listings [class*="flex-box"] {
	clear: none;
	border: none;
    border-right: 1px solid #333;
    min-height: 310px;
    overflow: hidden;
    width: 25%;
}

.rellistbox .rel-listings [class*="flex-box"]:last-child {
	border:none;
}

.tablet-full .rellistbox .rel-listings [class*="flex-box"] {
	margin-left: 0;
}

.rellistbox .rel-listings [class*="flex-box"] .image img {
	border: 1px solid #848c8c;
    border-radius: 4px;
    max-height: 128px;
    width: 100%;
    margin: 10px auto;
}

@media (max-width:480px) {

	.tablet-full,
	.whtbg > .row-fluid > .span10 .span3,
	.header-menu {
	    border-left: none;
	}

	.image .no-image, .flex-box-group img, .features .span3 .no-image {
		width: 99% !important;
	}

}