/*to put a black border around each item and between the header/image/data, 
set .BrowseItem to background-color:#000000;, then set
.browseinfo and .browseimagecell to the main browse color. the rollover color doesn't 
look good (it changes the color of the outline only)
with this style so set it to the same as the background color set here. 
(set rollover color in scripts/browse.js)*/
.BrowseItem
{
		background-color:#C6D5E5;
		border-top:#064179 solid 2px;
		border-bottom:#064179 solid 2px;
		border-right:#064179 solid 2px;
		border-left:#064179 solid 2px;

}
.BrowseImageCell
{
	padding:5px;

}
.PicBorder
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
.BrowseInfo
{

}
.BrowseInfoKey
{
	color:#3366CC;
	font:Bold 10px/12px verdana, Arial;
}
.BrowseInfoValue
{
	
	font:Bold 10px/12px verdana, Arial;
}
.BrowseSpecialPrice
{
	color:Red;
	font-size:12px;
}

.BrowseItemHead
{


 padding-left:5px;
 padding-top:1px;
 padding-bottom:1px;

}
.BrowseFoot
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 6.5pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;

}

.BrowseFilter
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: #dcdcdc
}

.VehicleTitle
{	
	
	font-weight: bold;
	font-size: 12px;
	color: #cc0000;

}
.VehicleTitle:hover
{
	font-weight: bold;
	font-size: 12px;
	color: #cc0000;

}
.BrowseItemHeadSpecial
{
 padding-left:5px;
 padding-top:1px;
 padding-bottom:1px;
}

.VehicleTitleSpecial
{	
	
	font-weight: bold;
	font-size: 12px;
	color: #cc0000;

}
.VehicleTitleSpecial:hover
{
	font-weight: bold;
	font-size: 12px;
	color: #cc0000;

}
SELECT
{
	font-size: 8pt;
}
/*set width here for cert logo and get details link cell*/
.GetDetails
{
	width:110px;
}
.GetDetails:hover
{
	font-size:9px;
	font-weight:normal;
	color:#cc0000;
}