/* this file combine the css for the default browse and the 3col - rowmajor browse */

.BrowseDiv
{
	width: 98%;
	margin:8px auto;
}

.BrowseTypeButtons
{
	   background-image:url(../images/browse/filter_bg.gif);
   background-repeat:repeat-x;
   padding-top:10px;
}

.BrowseFilterDiv
{
		margin:20px auto 0;
	width: 98%;
}

.BrowseFilterRefineDiv
{
		width: 98%;
	text-align:center;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	/*no top border*/
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;
	background-color:#000000;
	margin:0px auto;
}

.BrowseFilterRefineText
{
	font-weight: bold;
	font-size: 10pt;
	font-family: Arial;
	color:red;
}

.BrowseFilterText
{
	text-align: right;
	font-weight: bold;
	font-size: 10pt;
	font-family: Arial;
	color:#ffffff;
}

.BrowseFooterDiv
{
	padding-top: 3px;

}

.BrowseFooterText
{
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana;
}


.BrowseRowDiv
{
	/*background-color:#F5F5F5;
	border-top:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	border-left:#cccccc solid 1px;*/
    padding:0px;
	margin:0px auto;
	height:146px;
	max-height:146px;
	width:882px;
	background:transparent url(../images/browse/browse_bg.jpg) no-repeat center;
}
.BrowseRowDiv_Special
{
	/*background-color:#F5F5F5;
	background-image:url(../images/onspecial_bg.png);
	background-position:right top;
	background-repeat:no-repeat;
	border-top:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	border-left:#cccccc solid 1px;*/
    padding:0px;
	margin:0px auto;
	height:146px;
	max-height:146px;
	width:882px;
	background:transparent url(../images/browse/browse-special_bg.jpg) no-repeat center;
}

.BrowseRowDiv_Special1
{
	padding-bottom: 2px;
	padding-top: 2px;
	margin:0px auto;
}

.BrowseRowDiv_Special2
{
	padding-bottom: 2px;
	padding-top: 2px;
	margin:0px auto;
}

.BrowseRowDiv_Special3
{
	padding-bottom: 2px;
	padding-top: 2px;
	margin:0px auto;
}

.BrowseRowSpacing
{
	padding-bottom: 3px;
	padding-top: 3px;
}

.BrowseRowHeader
{
	padding-right: 8px;
	padding-left: 16px;
	padding-bottom: 3px;
	padding-top: 3px;
	
}

.BrowseRowVehicleTitleText,.BrowseRowVehicleTitleText_Special
{
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	font-family: Arial;
	padding:8px 0 0 2px;
}

.BrowseRowVehicleTitleText:hover,.BrowseRowVehicleTitleText_Special:hover
{

	color: #fff;
	padding:8px 0 0 2px;
}

.BrowseRowHeader_Special
{
	padding-right: 8px;
	padding-left: 16px;
	padding-bottom: 3px;
	padding-top: 3px;

}

.BrowseRowHeader_Special1
{
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: green solid;
}

.BrowseRowHeader_Special2
{
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: pink solid;
}

.BrowseRowHeader_Special3
{
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: black solid;
}




.BrowseRowVehicleTitleText1_Special
{	
	font-weight: bold;
	font-size: 14px;
	color: red;
	font-family: Arial;
}

.BrowseRowVehicleTitleText_Special1
{	
	font-weight: bold;
	font-size: 14px;
	color: black;
	font-family: Arial;
}

.BrowseRowVehicleTitleText_Special1:hover
{
	font-weight: bold;
	font-size: 14px;
	color: red;
	font-family: Arial;
}

.BrowseRowVehicleTitleText1_Special1
{	
	font-weight: bold;
	font-size: 14px;
	color: red;
	font-family: Arial;
}

.BrowseRowVehicleTitleText_Special2
{	
	font-weight: bold;
	font-size: 14px;
	color: black;
	font-family: Arial;
}

.BrowseRowVehicleTitleText_Special2:hover
{
	font-weight: bold;
	font-size: 14px;
	color: red;
	font-family: Arial;
}

.BrowseRowVehicleTitleText1_Special2
{	
	font-weight: bold;
	font-size: 14px;
	color: red;
	font-family: Arial;
}

.BrowseRowVehicleTitleText_Special3
{	
	font-weight: bold;
	font-size: 14px;
	color: black;
	font-family: Arial;
}

.BrowseRowVehicleTitleText_Special3:hover
{
	font-weight: bold;
	font-size: 14px;
	color: red;
	font-family: Arial;
}

.BrowseRowVehicleTitleText1_Special3
{	
	font-weight: bold;
	font-size: 14px;
	color: red;
	font-family: Arial;
}

.BrowseRowImageSect
{
	padding:11px 15px 8px 18px;
}

.BrowseRowImageSect_Special
{
	padding:11px 15px 8px 18px;
}

.BrowseRowImageSect_Special1
{
	padding:5px;
}

.BrowseRowImageSect_Special2
{
	padding:5px;
}

.BrowseRowImageSect_Special3
{
	padding:5px;
}

.BrowseRowImageBorder
{
	border-right: #fff 3px solid;
	border-top: #fff 3px solid;
	border-left: #fff 3px solid;
	border-bottom: #fff 3px solid;
}

.BrowseRowImageBorder_Special
{
	border-right: #fff 3px solid;
	border-top: #fff 3px solid;
	border-left: #fff 3px solid;
	border-bottom: #fff 3px solid;
}

.BrowseRowImageBorder_Special1
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

.BrowseRowImageBorder_Special2
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

.BrowseRowImageBorder_Special3
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

.BrowseRowInfoDiv
{
	padding:10px 0 0 14px;
	width: 100%;
	text-align: left;
}

.BrowseRowInfoLabel
{
	font: bold 10px/13px verdana, Arial;
	color: #666666;
	text-align: right;
}

.BrowseRowInfoValue
{	
	font:bold 11px/13px verdana, Arial;
}

.BrowseRowPriceLabel
{
	font: bold 10px/13px verdana, Arial;
	color: #666666;
	text-align: right;
}

.BrowseRowPriceValue
{	
	font:bold 11px/13px verdana, Arial;
}

.BrowseRowSpecialPriceLabel
{
	font: bold 10px/13px verdana, Arial;
	color: #666666;
	text-align: right;
}

.BrowseRowSpecialPriceValue
{	
	font:Bold 11px/13px verdana, Arial;
	color:red;
	width:150px;
}

.BrowseRowFunctionSect1,.BrowseRowFunctionSect1_Special
{
	padding-left: 3px;
	padding-right:7px;
	padding-top: 7px;
	vertical-align:middle;
	padding-bottom:15px;
	width:240px;
	
	
}

.BrowseRowFunctionSect2,.BrowseRowFunctionSect2_Special
{
	padding-left: 4px;
	padding-top: 7px;
	padding-right:4px;
	width:150px;
	vertical-align:middle;
}

.BrowseRowFunctionSect3, .BrowseRowFunctionSect3_Special
{
    	width: 100%;
	position:relative;
padding-right:200px;
	height:0;
	text-align:right;

}

.BrowseRowFunctionSect1_Special1
{
	padding-left: 3px;
	padding-top: 7px;
}

.BrowseRowFunctionSect2_Special1
{
	padding-left: 7px;
	padding-top: 7px;
}

.BrowseRowFunctionSect3_Special1
{
	width: 100%;
	text-align:center;
}

.BrowseRowFunctionSect1_Special2
{
	padding-left: 3px;
	padding-top: 7px;
}

.BrowseRowFunctionSect2_Special2
{
	padding-left: 7px;
	padding-top: 7px;
}

.BrowseRowFunctionSect3_Special2
{
	width: 100%;
	text-align:center;
}

.BrowseRowFunctionSect1_Special3
{
	padding-left: 3px;
	padding-top: 7px;
}

.BrowseRowFunctionSect2_Special3
{
	padding-left: 7px;
	padding-top: 7px;
}

.BrowseRowFunctionSect3_Special3
{
	width: 100%;
	text-align:center;
}

/* Zoomer v2.2*/

.BrowseRowZoomer
{
	padding-left: 23px;
	width: 100%;
}

.layerOutline
{
	border-width:1px;
	border-style:dotted;
	border-color:blue;
}
#flashLayer
{
 position:absolute;
 visibility:hidden;
 left:-1000px;
}

#dragLayer
{
 position:absolute;
 visibility:hidden;
 left:-1000px;
}

#MsgDiv
{

}

/* 3Col - RowMajor Template classes */


.ColRowMajorDIV
{
	width:92%;
	margin:0 auto;
	padding-top:10px;

}

.ColRowMajor_FooterDIV
{
	text-align: center;
	width:92%;
   

}
.ColRowMajor_ContentTD
{
	text-align: center;
	padding: 14px;
	margin-top:10px;
	
}
.ColRowMajor_RowFieldsTD
{   
   text-align:center;


   }
/*use width: to force each special to hold a max width and wrap the title, also setting height will keep a minimum height so they are all the same*/
.ColRowMajor_RowTABLE
{
  
margin-top:25px;
padding-top:10px;
vertical-align:middle;
text-align:center;
width:200px;
height:200px;
background-color: #f5f5f5;
 border:#999999 solid 1px;
background-image: url(../images/bg_3rowmajor.jpg);
background-repeat:no-repeat;
}

.ColRowMajor_RowImageTD
{
	text-align: center;
	padding: 5px;
	padding-bottom:0px;
}

.ColRowMajor_RowTitleTD
{
	text-align: center;
	vertical-align: top;
	padding-top: 5px;
}
.ColRowMajor_RowPricesTD
{
	text-align: center;
	vertical-align: top;
	padding: 5px;
}

.ColRowMajor_RowPricesTD table
{
	margin:0px auto;
}

.ColRowMajor_RowTitleText
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: Verdana;
}

.ColRowMajor_RowTitleText:hover
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: Verdana;
}

.ColRowMajor_RowPriceLabel
{
	color:#ffffff;
	font:Bold 11px/14px Arial, verdana ;
	padding-right:2px;
	text-align: right;
}

.ColRowMajor_RowPriceValue
{
	font:12px/14px Arial, verdana;
	color:#666666;
}

.ColRowMajor_SpecialPrice
{
   font:Bold 14px verdana;
   color:red;
}


.ColRowMajor_RowFieldLabel
{
	color:#CCCCCC;
	font:12px/14px Arial, verdana ;
	text-align: right;
}

.ColRowMajor_RowFieldValue
{	
	font:12px/14px Arial, verdana;
	color:#FFFFFF;
}

.ColRowMajor_FooterText
{
   padding-top:10px;
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana;
}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 300px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}


/* new header and footer paging classes */

.BrowsePage-active {
    color: black;
    cursor: pointer;
}

.BrowsePage-inactive {
    color: #C0C0C0;
}

.BrowsePage-select {
    color: red;
    cursor: pointer;
}

.BrowsePageImage-active {
    cursor: pointer;
}

.BrowsePageImage-inactive {
    cursor: default;
}