.warningBox
{
    position: relative;
    background-image: url(images/usedprice-warning_gradient.gif);
    background-repeat: repeat-x;
    background-position: top left;
    border: 1px solid #BB0000;
    width: 48%;
    margin: 0 auto;
    text-align: center;
    padding: 8px;
}

.blueGradientBox
{
    background-image: url(images/usedprice-bluebox_gradient.gif);
    background-repeat: repeat-x;
    background-position: top left;
    border: 1px solid #C7C7C7;
    background-color: #FFFFFF;
    /* I SWEAR IE IS EFFING RETARDED! Very horrible redrawing issues with background images when scrolling, unless the 
       element is set to position: relative, or assigned a height. Since IE fails at heights (treats them as min-height), this hack works. */
    _height: 1%;
}

.normalBox
{
    border: 1px solid #C7C7C7;
    padding: 8px;
}

.greyInformationBox
{
    background-color: #E5E5E5;
    padding: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 12px;
}

.hoverBox
{
    border: 1px solid #3C669F;
    background: white;
    position: absolute;
    margin-left: 25px;
    margin: 15px;
    padding: 2px;
    font-size: 11px;
    display: none;   
}

.typeSearchResults
{
   height: expression( this.scrollHeight > 190 ? "190px" : "auto" ); /* sets max-height for IE */
   max-height: 190px; /* this sets the max-height value for all standards-compliant browsers */
   overflow: auto;
}

.centeredFloatBox
{
    float: left;
    position: relative;
    _position: static; /* Internet exploder doesn't handle relative floating divs inside tables.. Surprise surprise */
    left: -50%;
    text-align: center;
}

.centeredFloatBoxContainer { left: 50%; }

div.searchBox
{
	font-family : verdana, arial;
	font-size : 11px;
	line-height: 1.7em;
}