/**
 * HListing
 */
 
/* REQUIRED Needed for scrollable */
div.DispletHListing {
    position: relative;
    overflow: hidden;
    width: 660px; /* wide enough, scrollableSizer will change */
    height: 320px; /* high enough */
}

div.DispletHListing ul.listings {
    width: 20000em;
    position: absolute
}

div.DispletHListing ul.listings li.listing {
    float: left;
}
/* */

div.DispletHListing {
	border: 1px solid #666;
	background-color: #ddd;
	margin-top: 1em;
    margin-bottom: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
}

/* caption */
div.DispletHListing h3 {
    margin: 0;
    padding: .5em;
    padding-bottom: 0;
    color: #666;
    font-weight: normal;
    font-size: 2em;
}

/**
 * The listings
 */
div.DispletHListing ul.listings {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.DispletHListing li.listing {
	border: 2px solid #888;
	background-color: #fff;
	margin: .5em;
    padding: .25em;
}

div.DispletHListing div.thumbnailandaddress {
	position: relative;
	float: left;
}

div.DispletHListing div.address
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	background-color: #fff;
	padding-top: .25em;
	padding-bottom: .25em;
	opacity: .70;
	filter: alpha(opacity=70);
}

div.DispletHListing div.details {
	text-align: center;
	font-size: .75em;
}

div.DispletHListing div.price {
	text-align: center;
}

div.DispletHListing div.buttons {
	text-align: center;
	margin-top: .25em;
	margin-bottom: .25em;
}

/* is this used anymore? */
div.DispletHListing div.scrollable {
	float: left;
	position: relative;
}

/**
 * Buttons
 */

/* navigation controls container */
div.DispletHListing div.navi {
	text-align: center;
	margin-bottom: .5em;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

div.DispletHListing div.navi a.active {
	color: #000;
}

div.DispletHListing div.navi a {
	margin: 0 .5em;
	color: #666;
	text-decoration: none;
}

/* browsing buttons (left and right) */
div.DispletHListing div.navigationbuttons a.browse {
	cursor: pointer;
	margin: 0 .5em;
	height: 1em;
	width: 1em;
	text-align: center;
	color: #333;
	background-color: #ccc;
	border:	2px solid #999;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

div.DispletHListing div.navigationbuttons a.browse:hover {
	color: #000;
	background-color: #ddd;
}

div.DispletHListing div.navigationbuttons a.browse:active {
	color: #111;
	background-color: #aaa;
}

div.DispletHListing div.navigationbuttons a.left {
	float: left;
}

div.DispletHListing div.navigationbuttons a.right {
	float: right;
}

div.DispletHListing div.navigationbuttons a.disabled {
	display: none;
}

/**
 * sidebar widget
 */

/* REQUIRED Needed for scrollable */
div.DispletHListing_widget .hlisting {
    position: relative;
    overflow: hidden;
    width: 660px; /* wide enough, scrollableSizer will change */
    height: 320px; /* high enough */
}

div.DispletHListing_widget .hlisting ul.listings {
    width: 20000em;
    position: absolute
}

div.DispletHListing_widget .hlisting ul.listings li.listing {
    float: left;
}
/* */

div.DispletHListing_widget {
	
}

div.DispletHListing_widget .hlisting,
div.DispletHListing_widget .hlisting div,
div.DispletHListing_widget .hlisting ul {
	padding: 0; /* !important; */
	/* margin: 0 !important; */
	border: none; /* !important; */
}

div.DispletHListing_widget .hlisting li.listing {
	display: block;
}

div.DispletHListing_widget .hlisting .navigationbuttons {
	width: 100%;
	position: relative;
	height: 1.5em;
}

div.DispletHListing_widget .hlisting .navigationbuttons .browse {
	cursor: pointer;
	border: 1px solid #ccc;
}

div.DispletHListing_widget .hlisting .navigationbuttons .disabled {
	cursor: default;
	color: #aaa;
}

div.DispletHListing_widget .hlisting .navigationbuttons .prev {
	position: absolute;
	left: 0;
}

div.DispletHListing_widget .hlisting .navigationbuttons .next {
	position: absolute;
	right: 0;
}

div.DispletHListing_widget div.thumbnailandaddress {

}

div.DispletHListing_widget img.thumbnail {
	margin-left: auto;
	margin-right: auto;
}

div.DispletHListing_widget div.address {
	width: 100%;
	text-align: center;
	background-color: #fff;
	padding-top: .25em;
	padding-bottom: .25em;
	position: absolute;
	bottom: 0;
	opacity: .70;
	filter: alpha(opacity=70);
}

div.DispletHListing_widget div.details {
	font-size: 75%;
}

div.DispletHListing_widget div.details,
div.DispletHListing_widget div.buttons {
	text-align: center;
}