.vertical_scroll .wrapper_scroll {
    max-width:200px;
    padding: 0 ;
    margin: auto;
}


.fl_values{
	display:none;
}

.jcarousel-wrapper {
    margin: 0px auto 0px auto!important;
    position: relative;
    left: -10px;
      width: 690px;
      clear: both;
}

.vertical_scroll .jcarousel-wrapper {
	    left: 0;
		max-width: 200px;
	    padding: 0;

}


#footer_region .jcarousel-wrapper{
	width: 910px;
	left:0!important;
}

#frontpage_center .jcarousel-wrapper{
	width: 444px;
	left:0!important;
}


/** Carousel **/

.horizontal_scroll .jcarousel {
    position: relative;
    overflow: hidden;
   height: 280px;
    width: 675px;
    margin: 0 0 0 15px;
    
}


#footer_region .horizontal_scroll .jcarousel, #frontpage_center .horizontal_scroll .jcarousel{
		
		
	    width: 100%;
}

#frontpage_center .horizontal_scroll .jcarousel{
	
	margin:0!important;
}




.vertical_scroll .jcarousel {
    position: relative;
    overflow: hidden;
    height: auto;
    max-height:765px;
    width: 100%;
}

.jcarousel > ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.horizontal_scroll .jcarousel > ul > li {
    float: left;
    margin-left: 7px;
    margin-top: 17px;
    height:183px;
    
}

#frontpage_center .horizontal_scroll .jcarousel > ul > li {
	margin-left: 5px!important;
}

.vertical_scroll .jcarousel >ul > lili {

    width: 280px;
    margin-bottom:50px;	
}

/** Carousel Controls **/

.horizontal_scroll .jcarousel-control-prev,
.horizontal_scroll .jcarousel-control-next {
    position: absolute;
    top: 76px;
    width: 25px;
    height: 25px;
    text-align: center;
  	background: #c1c1c1;
    color: #666!important;
    text-decoration: none!important;
    text-shadow: 0 0 1px #000;
    font: 20px/22px Arial, sans-serif;
	-webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;

}

#footer_region .horizontal_scroll .jcarousel-control-next{
	
	right: -27px!important;
	
}

#frontpage_center .horizontal_scroll .jcarousel-control-prev{
	
	left: -5px!important;
}

.vertical_scroll .jcarousel-control-prev,
.vertical_scroll .jcarousel-control-next {
    position: absolute; 
    width: 25px;
    height: 25px;
    text-align: center;
    color: #666;
    text-decoration: none;
    display: block;

}

.vertical_scroll .jcarousel-control-prev{
top: -20px;	
left: 90px;
background: url(/modules/widgets/featured_listing/images/vert_up_new.png);	
}

.vertical_scroll .jcarousel-control-next{
left: 85px;
top: 770px;	
background: url(/modules/widgets/featured_listing/images/vert_down_new.png);	
}

.horizontal_scroll .jcarousel-control-prev {
    left: 5px;
}

.horizontal_scroll .jcarousel-control-next {
    right: -5px;
}


/* common custom css */

.property_div ul li{
	float:left;
}

.horizontal_scroll div.property_image{

	width: 210px;
	height: 150px;
	overflow: hidden;
	clear: both;
	
}

div.vertical_scroll{
	
	margin: 30px 0 30px 0;
	
}

.vertical_scroll div.property_image{
	width: 184px;
	float: left;
}

.vertical_scroll .property_div{
	height:111px;
	width: 200px;
	
}

.vertical_scroll ul li {
	min-height: 260px;
	margin:0 0 0 5px;
	display: block;
}

.g2page .widgets-featuredListings .horizontal_scroll .widgetbottom {
	width:198px;
}
	
.vertical_scroll .property_image img{
	width:184px;
	
}

.vertical_scroll .featured_multi_img_wrapper img{
	margin-top: 0!important;
}

.vertical_scroll .feature_ribbon{
	margin-top: 0!important;
	position: absolute;
	top: -5px;
	margin-left: 126px!important;
	z-index: 100;
}

.vertical_scroll ul{
	margin: 0!important;
}

div.price_bedroom_bathroom,
div.featuredListingAddress,
div.featuredListingPrice,
div.scrollmode,
.widgets-featuredListings .horizontal_scroll .wrapper_scroll {
	clear:left;
	float:left;
}


a.featured_readmore, a.viewfulllink{
	display: block;
	background: #666;
	color: #fff;
	padding: 5px;
	text-transform: uppercase;
	float: right !important;
	font: bold italic 1em/1em sans-serif;
	margin: 5px 5px 0 0;
	}

a.viewfulllink{
	margin-bottom: 10px!important;
	clear: both!important;
}

.featured_viewall{
	margin:0!important;
	font: bold italic 1em/1em sans-serif!important;
	padding: 5px!important;
}


img.featured{
	
	width: 100% !important;

}


.feature_address{
	
	font: bold italic 12px sans-serif;
	display: block;
	padding: 5px;
	margin: 0 0 3px 0;
	text-align: left;
	border-bottom: 1px solid;
	
}

div.featuredListingAddress{
	width:210px;
	min-height: 25px;
	font: bold italic 12px/25px sans-serif;
	display: block;
	padding: 5px;
	margin: 0 0 3px 0;
	text-align: left;
	border-bottom: 1px dashed; /*border dashed */
	
}

a.tooltip span.fulltip{
	visibility: hidden;
	cursor: default;
	position: absolute;
	text-align: center;
	
}

a.tooltipcity span.fulltipcity{
	visibility: hidden;
	cursor: default;
	position: absolute;
	text-align: center;
	
}




.vertical_scroll a:hover.tooltip span.fulltip {
	
	background-color: #0f0003;
	visibility: visible;
	padding: 2px 5px;
	top: 150px;
	left: 100px;
	font: bold 12px sans-serif;
	color: #fff;
	z-index: 10;
}


a:hover.tooltip span.fulltip {
	
	background-color: #0f0003;
	visibility: visible;
	padding: 2px 5px;
	top: 140px;
	left: 0%;
	font: bold 12px sans-serif;
	color: #fff;
	z-index: 10;
}

a:hover.tooltipcity span.fulltipcity {
	word-wrap: break-word;
	background-color: #0f0003;
	visibility: visible;
	padding: 2px 5px;
	top: 140px;
	left: 45%;
	max-width: 50%;
	font: bold 12px sans-serif;
	color: #fff;
	z-index: 10;
}


.vertical_scroll div.featuredListingAddress, div.featuredListingPrice, div.price_bedroom_bathroom{
	width: 100%!important;	
}
.vertical_scroll div.featuredListingPrice{

	height: 35px;
	border-bottom: 1px dashed;
}


div.featuredListingPrice{
	width: 210px;
	height: 35px;
	border-bottom: 1px dashed; /*border dashed */
}

div.property_div{
position: relative;
right: 7px;
min-height: 160px;	

}

#footer_region div.property_div{
	right: 5px!important;
}

#frontpage_center div.property_div{
	right: 2px!important;
}


img.featured{
	
	max-width: 215px;
	max-height: 140px;
}

.featured_multi_img_wrapper{
	display:block;
	width: 215px;
	height: 140px;
	overflow: hidden;
}

.vertical_scroll .featured_multi_img_wrapper{
	
	width: 98%;
	height: 140px;
	overflow: hidden;
	margin-top:1px;
}



div.price_bedroom_bathroom{
	line-height: 20px;
	width: 210px;
	min-height: 25px;
	border-bottom: 1px dashed; /*border dashed */
	text-align: left;
}

.featuredListingBedroom{
	min-width: 20px;
	background-image: url(/modules/widgets/featured_listing/images/bedroom.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-right: 3px;
}

.featuredListingCity{
	float: right;
	height: 20px;	
	margin: 0 5px 0 0;
	text-align: right;
	max-width: 50%;
	overflow: hidden;
	background-image: url(/modules/widgets/featured_listing/images/city.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
}


.featuredListingBathroom{
	
	background-image: url(/modules/widgets/featured_listing/images/bathroom.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
}

.cityIcon{

	background-image: url(/modules/widgets/featured_listing/images/city.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px; 
}

.feature_ribbon{
	position: absolute;
	top: -7px;
	margin-left: 145px !important;
	float: right!important;
	
}

#footer_region div.widgets-featuredListings img{
	float: none!important;
}

/* Note: this is called placeholder in the module, which I haven't changed. If this class name is changed for production, this class style will need to be updated.  Kevin*/
.featuredPricePlaceholder{
	float: left;
	font: 12px/37px sans-serif;
	margin-left: 5px;
}


.widgets-featuredListings h2{
	
	font-style: italic;
	margin: 15px 0 0 5px;

}


#property_div_single p.description{
	clear: right!important;
	max-width: 295px;
	position: relative;
	float: left;
	display: block;
	padding: 10px;
	text-align: left;
	
}

#property_div_single ul{
	text-align: left;
}

#single_record div.featuredListingAddress{padding:0; width: 100%!important;right:0!important;}
#single_record .property_div{right:0!important; padding: 0.5em;}
#single_record img.featured {max-width:50%!important; max-height: none!important; margin: auto!important; display: block;float: none!important;}
#wsidebar_left #single_record img.featured, #wsidebar_right #single_record img.featured{max-width: 95%!important;}
#left_region #single_record img.featured, #right_column #single_record img.featured{max-width: 95%!important;}

/*Featured listing status labels*/
.jcarousel-wrapper .property_div .featured_multi_img_wrapper span.listingType {
    display:block;
    overflow:hidden;
    width:100%;
    height:140px;
    position:absolute;
    left:0px;
    top:0px;
}
.jcarousel-wrapper .cls_hidden .property_div .featured_multi_img_wrapper span.listingType{
    display:none;
}
.jcarousel-wrapper .property_div.forrented .featured_multi_img_wrapper span.listingType:after,
.jcarousel-wrapper .property_div.forsold .featured_multi_img_wrapper span.listingType:after,
.jcarousel-wrapper .property_div.forleased .featured_multi_img_wrapper span.listingType:after{
    content:'Sold';
    text-transform: uppercase;
    width:100%;
    text-align:center;
    font-size:16px;
    padding:0.3em;
    position:absolute;
    left: calc(-50% + 1em);
    top: 1em;
    color:#fff;
    background-color: rgb(255,0,0);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
   -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index:2;
}
.jcarousel-wrapper .property_div.forleased .featured_multi_img_wrapper span.listingType:after{
    content:'Leased';
    background-color: rgb(137,17,199);
}
.jcarousel-wrapper .property_div.forrented .featured_multi_img_wrapper span.listingType:after{
    content:'Rented';
    background-color: rgb(137,17,199);
}
.jcarousel-wrapper .property_div.forsold .feature_ribbon,
.jcarousel-wrapper .property_div.forrented .feature_ribbon,
.jcarousel-wrapper .property_div.forleased .feature_ribbon {
    display: none;
}