﻿.MainTable
{
    width: 550px;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
}
.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 4px 2px 4px;
}
.suggest_link_over {
	background-color: #EFEFEF;
	padding: 2px 4px 2px 4px;
    cursor: default;	
}
.suggest_close {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
	font-size: 8pt;
    color: Blue;
    text-decoration: underline;
    cursor: pointer;	
}
#search_suggest {
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #C0C0C0;
	width: 282px;
    display: none;
    FONT-SIZE: 8pt;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial;
    z-index: 1000; 
}        
.Top5Listings
{
    font-family: Verdana,arial;
    font-size: 8pt;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 5px;
}
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 466px;
    height:250px;
    background:url(../images/bg_featuredlistings.png) repeat-x;
    float:left;
}
.noscrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 550px;
    height:250px;
    background:url(../images/bg_featuredlistings.png) repeat-x;
    float:left;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accommodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear: both;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
.items div {
    float:left;	        
}
.navibg{
    width: 40px;
    height:250px;
    background:url(../images/bg_featuredlistings.png) repeat-x;
    float:left;
    z-index:-1;    
}
.scrolleditem{
    width:162px;
    height:220px;
    background-image:url(../images/pod_featlist_bg.png);
    background-repeat:no-repeat;
}            
A.browse {
    MARGIN: 110px 0px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/hori_large.png) no-repeat; FLOAT: left; HEIGHT: 30px; FONT-SIZE: 1px; CURSOR: pointer
}
A.right:hover {
    BACKGROUND-POSITION: -30px -30px
}
A.right:active {
    BACKGROUND-POSITION: -60px -30px
}
A.left {
    MARGIN-LEFT: 5px;
    margin-right: 5px;
}
A.right {
   BACKGROUND-POSITION: 0px -30px;
    MARGIN-LEFT: 5px;
    margin-right: 5px;
}
A.left:hover {
    BACKGROUND-POSITION: -30px 0px
}
A.left:active {
    BACKGROUND-POSITION: -60px 0px
}
A.disabled {
    VISIBILITY: hidden !important
}
.FeaturedListingTitle{
    Font-Family: Arial;
    Font-Size: 12pt;
    FOnt-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
}
.FeaturedListingText{
    FONT-SIZE: 7pt;
    font-weight:bold;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial;
    text-decoration:none;
    padding-top: 2px;
}
.FeaturedListingTextSmall{
    FONT-SIZE: 6pt; 
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial;
    text-decoration:none;
    padding-top: 2px;
}
/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:50px;
	width:546px;
    background-image:url(../images/pb_tabhdr_bg.gif);
}

/* single tab */
ul.css-tabs li {  
	float:right;
	margin:0;
	list-style-type:none;
	vertical-align:bottom;
	top:22px;
}
ul.css-tabs li.current {  
	float:right;	 
	padding-left:15px; 
	padding-right:15px;
	margin:0;  
	list-style-type:none;
    border:none;	
}
/* link inside the tab. uses a background image */
ul.css-tabs a
{
    
    float: left;
    font-size: 9px;
    display: block;
    text-decoration: none;
    height: 28px;
    color: #777;
    margin-right: 1px;
    margin-left: 1px;
    position: relative;
    top: 22px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    background-image: url(../images/tab_bg.gif);
    background-repeat: repeat-x;
    vertical-align:bottom; 
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	color:#000;	
	cursor:default;
    background-color:White;
    background-image:none;
    border:none; 
}

	
/* tab pane */
.css-panes .paneitem
{
	display:none;		
	padding:15px 10px;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	height:365px;
	background-color:#fff;
}
.scrollable_favListings {
    /* required settings 
    float:left;*/
    position:relative;
    overflow:hidden;
    height:205px;
    width:142px;
    border:none;
    padding:0px;    
}
.scrollable_favListings .favitems {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear: both;
    display:block;
}
.favitems div {
    float:left;	        
    padding:0px;
    border:none;
    display:block;
    height:205px;
    width:142px;  
}
.scrolledfavlistingitem{
    width:142px;
    height:175px;
    background-image:url(../images/pod_featlist_bg.gif);
    background-repeat:no-repeat;
}
div.navleft{
     background-image:url(../images/left.png);
     background-repeat:no-repeat;
     background-position: 0px -18px;
     height:18px;
     width:18px;
     CURSOR: pointer;
}
div.navleft.disabled{
     background-image:url(../images/left.png);
     background-repeat:no-repeat;
     background-position: 0px 0px;
     height:18px;
     width:18px;
     CURSOR:default;
}
div.navright{
     background-image:url(../images/right.png);
     background-repeat:no-repeat;
     background-position: 0px -18px;
     height:18px;
     width:18px;
     CURSOR: pointer;
}
div.navright.disabled{
     background-image:url(../images/right.png);
     background-repeat:no-repeat;
     background-position: 0px 0px;
     height:18px;
     width:18px;
     CURSOR:default;
}
.savedsearchtableheader{
    background-image:url(../images/pb_savedsearch_hdr.gif);
    background-repeat:repeat-x;
    height:31px;  
    font-size:8pt;
    font-weight:bold;
    font-family:Arial;
}
.tblSavedSearch
{
    border-style: none solid solid solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #c0c0c0;
    border-bottom-color: #c0c0c0;
    border-left-color: #c0c0c0;
}
.PBTabTitle{
    font-family:Arial Black;
    font-size:10pt;
     
}
.tblFavListings
{
    border-style: none solid solid solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-color: #c0c0c0;
    border-left-color: #c0c0c0;
    border-bottom-width: 1px;
    border-bottom-color: #c0c0c0;
}
.action_remove
{
    width: 90px;
    height: 13px;
    background-image: url(../images/action_remove.gif);
    background-repeat: no-repeat;
    border: 0 !important;
    padding-bottom: 2px;
}
.action_remove:hover{
     background-position: 0px -13px;
}
.action_deletesearch
{
    width: 90px;
    height: 13px;
    background-image: url(../images/action_deletesearch.gif);
    background-repeat: no-repeat;
    border: 0 !important;
    padding-bottom: 2px;
}
.action_deletesearch:hover{
     background-position: 0px -13px;
}
.dp_navButtonPrev{
    height: 13px;
    width:10px;
    padding-top:2px;
    vertical-align:middle;
    background-image: url(../images/dp_prev.gif); 
}
.dp_navButtonNext{
    height: 13px;
    width:10px;
    padding-top:2px;
    vertical-align:middle;
    background-image: url(../images/dp_next.gif); 
}
input[disabled="disabled"]{
    padding-top:2px;
    vertical-align:middle;
    background-position: 0px -13px; 
}