﻿.left
{
    float: left;
}
.right
{
    float: right;
}
.rss-popup
{
    margin: 100px auto;
    padding: 0;
    width: 100px;
    list-style: none;
    position: relative;
}

div.rss-popup em
{
    background: url(bubble.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    top: -70px;
    left: -0px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#rss-icon
{
    width: 42px;
    height: 42px;
    background: url(icon.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}

.pagination
{
    font-size: 80%;
    float: right;
}
.pagination a
{
    border: 1px solid #AAAAEE;
    color: #1155BB;
    text-decoration: none;
}
.pagination a, .pagination span
{
    display: block;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 0.3em 0.5em;
}
.pagination .current
{
    background: #2266BB none repeat scroll 0 0;
    border: 1px solid #AAAAEE;
    color: #FFFFFF;
}
.pagination .current.prev, .pagination .current.next
{
    background: #FFFFFF none repeat scroll 0 0;
    border-color: #999999;
    color: #999999;
}

/*top initial panel slider*/
#init-panel
{
    background-position: 0 0;
    background: #D7EBFF none repeat scroll 0 0;
    display: block;
}
.slide
{
    background: transparent url(../i/btn-slide.gif) no-repeat scroll right top;
    border-top: 4px solid #422410;
    margin: 0;
    padding: 0;
    float: right;
}
.btn-slide
{
    -x-system-font: none;
    background: transparent url(../i/white-arrow.gif) no-repeat scroll right -50px;
    color: #FFFFFF;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 120%;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    height: 31px;
    line-height: 100%;
    margin: 0 auto;
    padding: 10px 10px 0 0;
    text-align: center;
    text-decoration: none;
    width: 144px;
    float: right;
}
.active
{
    background-position: right 12px;
}
#loading-overlay
{
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}
#loading-img
{
    position: fixed;
    height: 13px;
    width: 208px;
    background: url(../i/loading.gif) no-repeat;
    z-index: 103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
.hyperlinklike
{
    color: #0066FF;
    font-weight: bold;
    font-size: 100%;
    cursor: pointer;
    cursor: hand;
}
.hyperlinklike2
{
    color: #0066FF;
    font-weight: bold;
    font-size: 100%;
    cursor: pointer;
    cursor: hand;
    display: block;
}
.filterlist
{
    padding:3px;
}
.filterlist:hover
{
    cursor: pointer;
    background-position: 0 0;
    background: #FFFFCC none repeat scroll 0 0;
    cursor: hand;
}
#currentFilters ul li:hover
{
    background: #FFFFFF none repeat scroll 0 0;
    cursor: pointer;
    cursor: hand;
}
#display
{
    list-style: none;
    padding: 0;
    margin: 0;
    right: 5px;
    top: 7px;
    vertical-align: middle;
}
#display li
{
    float: left;
    padding: .3em .6em .3em .6em;
    color: #0066CC;
    font-weight: bold;
}
#display li:hover
{
    cursor: pointer;
    background-position: 0 0;
    background: #FFFF99 none repeat scroll 0 0;
    cursor: hand;
}
#results
{
    min-height: 800px;
}
.search-filter
{
    /*
    background-position: 0 0;
    background: #F0F0F0 none repeat scroll 0 0;
    border: 1px solid #E3E3E3;
    overflow: hidden;
    padding: 5px;
*/
}
.currentview
{
    font-weight: bold;
    color: #666 !important;
}
.currentview:hover
{
    background: none !important;
}
#resultheader
{
    padding-bottom: 1em;
}
.result-list-item
{
    border: 1px solid #ccc;
    padding: 0;
    background-color: #f9f9f9;
    margin: 0 0 5px 0;
    float: left;
    width: 98%;
}
.result-list-item div.list:hover
{
    cursor: pointer;
    background: #FFFF99 none repeat scroll 0 0;
    cursor: hand;
}
.result-list-item div.list, .result-list-item div.detail
{
    padding: .8em;
    float: left;
    width: 97%;
}
h2.header
{
    color: #0058B0;
    font-family: 'Trebuchet MS';
    font-weight: bold;
    font-size: 2.2em;
}
.search-adv
{
    margin: .9em 0;
    font-size: .9em;
    font-weight: bold;
    color: #0066CC;
    padding: 5px;
    float: left;
}
.search-adv:hover
{
    cursor: pointer;
    background-position: 0 0;
    background: #FFFF99 none repeat scroll 0 0;
    cursor: hand;
}
#main-search .form .button
{
    margin-left: -1px;
    max-height: 2.14em;
    padding: 0.375em 8px;
}
#main-search .form
{
    margin: 1.25em 0;
    overflow: hidden;
}
#main-search h3
{
    color: #333;
    font-weight: bold;
    font-size: 1.3em;
    line-height:1.4em;
}
.example a
{
    color: #0066FF;
}
#main-search
{
    padding: .8em;
    border: 2px solid #ddd;
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}
.result-photo-item, .result-list-item {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.result-photo-item {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.result-photo-item {background:#FFF6BF;color:#514721;border-color:#FFD324;}

tr.odd
{
    background-color: #F7F7F7;
}
tr.even
{
    background-color: #EBF4FF;
}
tr.result-photo-header, tr.result-photo-header th{padding:.8em;background:none; text-align:right; color:#3399FF; font-weight:bold; font-size:103%;}
tr.result-photo-row{height: 150px;}
tr.result-photo-row, tr.result-photo-row td{padding:.8em; vertical-align:top;}
td.col-compare{width:5px;padding-right:0 !important}
td.col-img{width:160px;}
td.col-price-and-mil{width: 220px; text-align:right;}
#results-detail{min-height:200px;}
#result-footer{padding:10px 0;}
.result-photo-header{background:none;}
tr.result-highlight-row{}
table.result-photo {width:100%; float:right;  border-collapse: collapse;}
.tp-kbb em {
	font-weight: normal;
	background: url(../i/overlay_info_box.png) no-repeat;
	width: 190px;
	height: 98px;
	position: absolute;
	top: -45px;
	left: -200px;
	text-align: right;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	color: #fff;
}
.yousave{ font-size:16px !important; padding-top:10px; margin-top:15px; font-weight:bold;}
.tp-kbb {padding: 0;margin: 0 2px;position: relative;text-align: right;}
.tp-kbb a
{
    display: block;
    color: #0066FF;
    text-decoration: none;
    font-weight: bold;
    text-align: right;
    padding-bottom: 14px;
}
.tp-kbb a em span { font-size:14px; padding:5px; margin-right: 60px;}
img.thumbnail {    padding:5px;
    border:1px solid #cccccc; 
    width: 153px;
    height:114px;
    min-height:114px;
    background-color: #FFF;}