/*
STYLESHEET INFORMATION FOR HTML ELEMENTS, BACKGROUND IMAGES, BACKGROUND COLORS,
NAVIGATION, DIVS
ARRANGED BY SHANI MATTHEWS FOR XI GROUP AUTO, INFO@XIGROUP.COM
*/

html, BODY { 
font-family : Verdana, Trebuchet MS, Arial, Geneva, Helvetica, sans-serif; 
font-size : 9pt; 
color: #000000;
}
	
TD { 
font-family : Verdana, Trebuchet MS, Arial, Geneva, Helvetica, sans-serif; 
font-size : 10pt; 
color: #000000;  
font-weight : normal;
}

p { 
font-family:  Verdana, Trebuchet MS, Arial, Geneva, Helvetica, sans-serif;
font-size : 10pt; 
color: #000000;  
font-weight : normal;
}

.itemBorder { border: 1px solid #666; }
	
/*TITLES------------*/
.title 	  { 
color: #000000; 
font-family : Verdana, Trebuchet MS,  Arial, Geneva, Helvetica, sans-serif; 
font-size : 15pt; 
font-weight: bold; 
}
	
.subtitle { color: #003366; 
font-family : Verdana, Trebuchet MS,  Arial, Geneva, Helvetica, sans-serif; 
font-size : 13pt; 
font-weight: bold; 
}
	
/*LINKS---------------*/
A { 
color : #003399; 
text-decoration : underline; 
}
	
A:HOVER { 
color : #003399; 
text-decoration : none; 
}
	
A.small {
color : #333333; 
text-decoration : none; 
font-size: 8pt 
} 
	
/*DISPLAY MULTIPLE TITLES----------*/
.subhead { 
color: #003366; 
font-family : Verdana, Trebuchet MS,  Arial, Geneva, Helvetica, sans-serif; 
font-size : 11pt; 
font-weight: bold; 
}
	
.subhead a:link, .subhead a:active, .subhead a:visited { 
color : #829ABF; 
text-decoration : none; 
font-weight: bold; 
}
	
.subhead a:HOVER { 
color : MediumBlue; 
text-decoration : underline; 
}
	
/*POP UP STYLE---------------------*/
.pop {
font-family : Verdana, Trebuchet MS, Arial, Geneva, Helvetica, sans-serif; 
font-size : 11pt; 
color: #000000;  
font-weight : normal;
}
	

/*BACKGROUND IMAGES---------------*/
.bckPopUp1 { 
background-color: #FFFFFF; 
background-image: url(/images/bckPopup.jpg); 
background-repeat: no-repeat; 
}

.bckPopUp2 { 
background-color: #FFFFFF; 
background-image: url(/images/bckPopup.jpg); 
background-repeat: no-repeat; 
}

.bckHdrfade { 
background-image: url(/images/bckHdrFade.gif); 
background-repeat: repeat-x; 
}

.bckHdr { 
background-image: url(/images/bckHdr.jpg); 
background-repeat: repeat-x; 
background-position: 0 0;
}

.bckNav { 
background-color: #403e3e; 
background-image: url(/images/bckNav.gif); 
background-repeat: repeat-x; 
}

.bckLeft { 
background-color: #403e3e; 
background-image: url(/images/bckLeft.jpg); 
background-repeat: no-repeat; 
}
	
.bckRight { 
background-color: #403e3e; 
background-image: url(/images/bckRight.jpg); 
background-repeat: no-repeat; 
}
	
.bckInv {
background-image: url(/images/bckInv.jpg); 
background-repeat: no-repeat; 
background-attachment: 0 0; 
background-color: #fff;
}
	
.bckCars {
background-image: url(/images/bckCars.jpg); 
background-repeat: no-repeat; 
background-attachment: 0 0; 
background-color: #fff;
}

.bckWelcome {
background-image: url(/images/bckWelcome.jpg); 
background-repeat: no-repeat; 
background-attachment: 0 0; 
background-color: #fff;
}

.bckFtr { 
background-image: url(/images/bckFooter.jpg); 
background-repeat: no-repeat; 
background-position: 0 0;
}

.searchRt { 
background-color: #EFEFEF; 
background-image: url(/media/images/search_Rt.gif); 
background-repeat: repeat-y; 
}

.searchBtm { 
background-color: #EFEFEF; 
background-image: url(/media/images/search_btm.gif); 
background-repeat: repeat-x; 
}

/*BACKGROUND COLORS------------*/
.bckBlue 	 { background-color: #000099; }
.bckLtBlue	 { background-color: #336699; }

.bckRed 	 { background-color: #BB2110; }
.bckOrange	 { background-color: #E26D22; }
.bckGold	 { background-color: #F2BB48; }

.bckGray	 { background-color: #403e3e; }
.bckGrayMd	 { background-color: #94A3AF; }
.bckGrayDk	 { background-color: #3B4757; }
.bckSilver	 { background-color: #F6F6F6; }

.bckBlack	 { background-color: #000000; }
.bckWhite	 { background-color: #ffffff; }


/*VEHICLE SPECIALS STYLES (SEE INVENTORYSTYLESS.CSS)*/
.invSpcHdr { 
color: #a8b1b7; 
font-family : Verdana, Trebuchet MS, sans-serif; 
font-size : 13.5pt; 
font-weight: bold; 
}

.invSpcText	{ 
color: #a8b1b7; 
font-family : Verdana, Trebuchet MS, Arial, sans-serif; 
font-size : 10pt; 
font-weight: bold; 
}	

.invSpcPrice { 
color: #a8b1b7; 
font-family : Verdana, Trebuchet MS, Arial, sans-serif; 
font-size : 11pt; 
font-weight: bold; 
}

.invSpcBorder { 
border: 1px solid #a8b1b7; 
background-color: #000; 
float: none; 
background-image: url(/images/bckVehicleSpecials.jpg); 
background-repeat: repeat-x; 
background-position: 0 0;
}

.invSpcBck	  	{ background-color: #000; }
.invSpcHdrBck 	{ border-bottom: 1px solid #a8b1b7; background-color: #000; text-align: center; }
.invSpcTableCellHor       { border-right: 1px solid #a8b1b7; }
.invSpcTableCellVer       { border-bottom: 1px solid #a8b1b7; }	
/*end VS styles*/
	
	
/*TEXT STYLES---------------------*/

/*smalls*/
.small { color: #666666; font-size : 8pt;}
.smallBold { color: #666666; font-size : 8pt; font-weight : bold; text-decoration : none; }
.smallBlue { color: #557896; font-size : 8pt; font-weight : normal; text-decoration : none; }
.smallRed { color: #ff3300;  font-size : 8pt; font-weight : normal; text-decoration : none; }
.smallGreen { color: #336633; font-size : 8pt; font-weight : normal; text-decoration : none; }
.Sm a:link,.Sm a:active,.Sm a:visited	{ text-decoration : none; color : #000000 ; font-weight : normal;  }
.Sm a:hover	{ text-decoration : underline; color : #484848 ; }

/*reds*/
.red 	{ ont-size : 9pt; color : #ff3300; }     .red2 	{ font-size : 8pt; color : #ff3300 ;  }
.redsm 	{ font-size : 8pt; color : #ff3300 ;  }.
.redBold { font-size : 11pt; color : #ff3300 ; font-weight : bold;  }.
.redBold2 { font-size : 8pt; color : #ff3300 ; font-weight : bold;  }
.redBold3 { font-size : 10pt; color : #ff3300 ; font-weight : bold;  }

/*grays*/
.gray { font-size : 9pt; color : #666666 ; font-weight : normal;  }
.graySm { font-size : 9pt; text-decoration : none; color : #CCCCCC ; font-weight : normal;  }
.graySm a:link,.graySm a:active,.graySm a:visited { 
text-decoration : none; color : #CCCCCC ; font-weight : normal;  }
.graySm a:hover	{ text-decoration : underline; color : #ffffff ;  }
.grayBold { font-size : 8pt; color : #666666 ; font-weight : bold;  }
.grayBold3 { font-size : 11pt; color : #666666 ; font-weight : bold;  }
.grayhead { font-size : 11pt; font-weight: bold; color : #a2a2a2 }

/*blues*/
.blue {color : #0066cc;}
.bluehead { font-size : 9pt; font-weight: bold; color : #284872 }

.black 	{ font-size : 10pt; color : black ; font-weight : normal;  }

/*whites*/
.white 	{ font-size : 10pt; color : white ; font-weight : normal;  }
.white a:link, .white a:active, .white a:visited	{ color : white ; text-decoration: none;  font-weight: bold;}
.white a:hover { color : #0099cc; text-decoration : underline;}
.whiteTitle { color: white;font-size : 14pt; font-weight: bold; }
.whiteSm 		{ font-size : 11px; color : white ;  }
.whiteSm a:link, .whiteSm a:active, .whiteSm a:visited	{ text-decoration : none; color : #fc0; }
.whiteSm a:hover	{ text-decoration : underline; color : #cccccc ; }


/*VISIBILITY--------------*/
.Hidden		{visibility: hidden;}
.NoDisplay	{visibility: hidden; display: none;}
.Visible	{visibility: visible;}


/*HTML ELEMENTS---------------*/

/*HEADER, FOOTER*/
.hdraddress { 
font-size : 9pt; 
text-decoration : none; 
color : #000033 ; 
font-weight : normal; 
background-image: url(/images/bckHdr.jpg); 
background-repeat: no-repeat; 
background-position: 0 0;
padding-right: 5px; 
padding-left: 5px;
}

.ftraddress { font-size : 8pt; text-decoration : none; color : #fff ; font-weight : normal;  }

B { font-weight: bold; }

.rightpadding {padding-right: 5px;}
.leftpadding {padding-left: 5px;}
.toppadding {padding-top: 5px;}
.sidepadding {padding-right: 5px; padding-left: 5px;}



/*DIV STYLES*/
	
div.content {
width: 189px;
overflow: hidden;
text-align: left;
font-size : 9pt;
/*For Firefox*/
padding-top: 20px;
padding-left: 20px;
padding-right: 5px;
padding-bottom: 20px;
}
	
div.welcome {
text-align: left;
width: 190px;
height: 380px;
overflow: auto;
font-family: Verdana, Trebuchet MS, Arial, Geneva, Helvetica, sans-serif;
font-size: 9pt;
color: #000;
padding-top:5px;
padding-bottom:10px;
}

div.welcome p {
font-family: Verdana, Trebuchet MS, Arial, Geneva, Helvetica, sans-serif;
font-size: 9pt;
}


/*CSSNAV.ASP
This starts the styles for the new CSS Navigation 
*/

#nav, #nav ul { 
padding: 0;		
margin: 0;
list-style-type: none; 
line-height: 20px; 
	z-index: 55;
	}
	html>body #nav, #nav ul { position: relative; }
	
#nav a {
display: block; 
font-size: 11px;
color: #000;
text-decoration: none;
width: 100%; 
}
	
#nav a.parent {
background: url(/images/arrow.gif) no-repeat; background-position: 95% 50%; 
}
	
#nav a.parent:hover {
background: url(/images/arrow.gif) center no-repeat; background-position: 95% 50%; 
background-color: #125873; 
}
	
#nav a:hover {
background: #000066; 
text-decoration: none;
color: #fff;
}
		
#nav li { 
float: left;
white-space: nowrap; 
}
	
#nav li ul { 
z-index: 3; 
border: 2px solid #fff; 
border-top: 0px; 
border-bottom-style: none; 
padding: 0px; 
position: absolute;
background: #ccc; 
width: 130px; 
width: expression('132px'); 
left: -999em; 
}
	
#nav li ul li {
width: 100%;
border-bottom: 1px solid #fff; 
}
	
#nav li ul ul { 
margin: -21px 0 0 130px; 
}
	
#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em; 
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
left: auto; 
}
	

/*SEARCH INVENTORY POP UP STYLES----*/
.BckBox, .BckBox a { 
color: #fff;
margin-bottom: 0;
}

div#InventoryBlock{
display:none;
}

div#Inventory { 
position: absolute; 
z-index: 2000; 
top: 115px; 
left: 425px; 
width: 250; 
height: 300; 
}

div#TransBackground { 
position: absolute; 
z-index: 1000; 
top: 100px; 
left: 400px; 
width:300; 
height:400; 
background-color:#000000; 
border: 1px solid #fff;
filter:alpha(opacity=75); 
-moz-opacity: 0.75; 
opacity: 0.75;
}

html>body #transbkg { width: 220px; height: 350px; }

/* This starts the style for the flash header */
div#container {  
position: relative;
margin: 0;
width: 974px;
height: 77px;
}
	
div.flash {
position: absolute;
margin: 0px;
height: 73px;
z-index: 0;
}
	
div#address { 
position: relative; 
z-index: 2; 
float:right;
margin-top: 10px;
margin-right: 5px;
text-align: right;
}