@import url('Browse_Prices.css');
@import url('Browse_Row_Block.css');
@import url('Browse_Row_BigThumb.css');

div#browse {
padding-top:5px;
margin: 0px auto;
font-family: Arial, Verdana, Helvetica, sans-serif;

text-align:center;
width:100%;
min-height:300px;
}

div#browse:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#browseRows {
    margin: 5px 0;
    padding: 0;

 display:block;
}

/* ----- FILTER -----------------*/
div#browseFilter {
    margin-left: auto;
    margin-right: auto;
  	text-align: center;
}

div#browseFilter:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -----------tabs------------*/
div#bf_typeTabs {
    margin: 0px auto;
    height: 28px;
}

div#bf_typeTabs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#bf_typeTabs span {
    height: 28px;
    width: 123px;
    cursor: pointer;
    display: inline-block;
}

span#bf_tab_9 {
    background: transparent url(../images/browse/type_passengercar.gif) no-repeat scroll center top;
}

span#bf_tabOn_9 {
    background: transparent url(../images/browse/type_passengercar_on.gif) no-repeat scroll center top;
        position: relative;
    top:1px;
}

span#bf_tab_10 {
    background: transparent url(../images/browse/type_pickuptruck.gif) no-repeat scroll center top;
}

span#bf_tabOn_10 {
    background: transparent url(../images/browse/type_pickuptruck_on.gif) no-repeat scroll center top;
        position: relative;
    top:1px;
}

span#bf_tab_6 {
   background: transparent url(../images/browse/type_suv.gif) no-repeat scroll center top;
}

span#bf_tabOn_6 {
   background: transparent url(../images/browse/type_suv_on.gif) no-repeat scroll center top;
       position: relative;
    top:1px;
}

span#bf_tab_8 {
    background: transparent url(../images/browse/type_minivan.gif) no-repeat scroll center top;
}

span#bf_tabOn_8 {
    background: transparent url(../images/browse/type_minivan_on.gif) no-repeat scroll center top;
        position: relative;
    top:1px;
}

span#bf_tab_11 {
    background: transparent url(../images/browse/type_van.gif) no-repeat scroll center top;
}

span#bf_tabOn_11 {
    background: transparent url(../images/browse/type_van_on.gif) no-repeat scroll center top;
        position: relative;
    top:1px;
}

span#bf_tab_31 {
    background: transparent url(../images/browse/type_heavytruck.gif) no-repeat scroll center top;
}

span#bf_tabOn_31 {
    background: transparent url(../images/browse/type_heavytruck_on.gif) no-repeat scroll center top;
        position: relative;
    top:1px;
}

span#bf_tab_32 {
    background: transparent url(../images/browse/type_rv.gif) no-repeat scroll center top;
}

span#bf_tabOn_32 {
    background: transparent url(../images/browse/type_rv_on.gif) no-repeat scroll center top;
        position: relative;
    top:1px;
}

span#bf_tabOn_all {

}

span#bf_tabOn_all {
    position: relative !important;
    top:1px !important;
}

div#bf_refine {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	/*border: solid 1px #000;*/
	background-color: #dfdfdf;
	font-weight: bold;
	font-size: 10pt;
	color:#000;
	height:35px;
	width:947px;
	background:url(../images/browse/filter_bg.jpg) no-repeat right top;

}

div#bf_refine .text { 
	color:#666;
	padding-right: 12px;
}

div#bf_refine .label {
	text-align: right;
}

div#bf_refine select {
    margin: 0px 12px 0px 3px;
    cursor: pointer;
}

/* ----- SORT -----------------*/
div#browseSort
{
    margin:0;
    padding:0;
   vertical-align:top;
}
div#browseSort ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#browseSort ul li {
     list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    display: inline;
}

div#browseSort ul li a {
    color: Black;
    text-decoration: none;
}

div#browseSort ul li a:hover {
    color: Red;
    text-decoration: none;
}

div#browseSort ul li img {
    cursor:pointer;
}

div#browseSort select {
    margin: 0 6px 0 50px;
    
}

/* ----- HEADER -----------------*/
div#browseHead, div#browseFoot {
    padding: 8px;
    font-weight: bold;
	font-size: 11px;

	margin: 3px 0px 4px 0px;
	height: 15px;
	clear:both;
	/*border: solid 1px #ccc;*/
}

div#browseHead:after, div#browseFoot:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul#bh_pageSize, ul#bf_pageSize {
   display: inline;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 11px;
    width: 250px;   
}

ul#bh_pageSize li, ul#bf_pageSize li {
    display: inline;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px 2px 0px 2px;
    padding: 0px;
}

select#bh_pageSizeSelect, select#bf_pageSizeSelect {
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
}

ul#bh_paging, ul#bf_paging {
    display: inline;
    float: right;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
   font-size: 11px;
    width: 430px;    
}

ul#bh_paging:after, ul#bf_paging:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul#bh_paging li, ul#bf_paging li {
    display: inline;
    float: right;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px 3px 0px 3px;
}

ul#bh_paging li a, ul#bf_paging li a {
    color: Black;
    text-decoration: none;
}

ul#bh_paging li a:hover, ul#bf_paging li a:hover {
    color: Red;
    text-decoration: none;
}

li#bh_nextPage, li#bf_nextPage {
    background: transparent url(../images/detail/scrollbarArrowRight.gif) no-repeat scroll right center;
     cursor: pointer;
     padding: 0px 9px 0px 0px;
}

li#bh_previousPage, li#bf_previousPage {
    background: transparent url(../images/detail/scrollbarArrowLeft.gif) no-repeat scroll left center;
    cursor: pointer;
    padding: 0px 0px 0px 9px;
}

ul#bh_paging li.disabled img {
    background-position: none;
    background: none;
}

ul#bh_paging li.disabled a, ul#bf_paging li.disabled a {
    color: Gray;
    cursor: default;
    text-decoration: none;
}

ul#bh_paging li.disabled a:hover, ul#bf_paging li.disabled a:hover {
    color: Gray;
    cursor: default;
    text-decoration: none;
}

/* ----- FOOTER -----------------*/
/*footer classes combined with header above*/


div#browseLoader {
	width: 66px;
	height: 66px;
	display: none;
	z-index: 1001;	
	position: absolute;
	background: transparent url(../images//ajax-loader.gif) no-repeat scroll center center;
}

div#browseOverlay {
	display: none;
	position: absolute;
	z-index: 1000;
}
div#bh_compareClear {
display: inline;
float: left;
cursor: pointer;
}