/** Global Style **/

html, body
{ 
color: #FFFFFF;
background-color: #000000;
margin:0 0 0 0;
font: 10px verdana;
margin-left:0; 
margin-right:0; 
margin-top:0; 
margin-bottom:0;
width:100%;
height:100%;
} 

/****/

hr
{
color:#FFFFFF;
}

/** Text Style **/

h2
{
font: bold 10px verdana;
text-transform: uppercase;
}

h1
{
color: #FFFFFF;
font: bold 10px verdana;
text-transform: uppercase;
}

p
{
font: 10px verdana;
}

td
{
font: 10px verdana;
}

/** Index local links **/

a.local:link
{
color: white;
text-decoration: none;
font: 12px verdana;
}

a.local:visited
{
color: white;
text-decoration: none;
font: 12px verdana;
}

a.local:hover
{
color: white;
text-decoration: underline;
font: 12px verdana;
}

a.local:active
{
color: white;
text-decoration: none;
font: 12px verdana;
}

/** Link Style **/

a:link
{
color: white;
text-decoration: none;
font: 10px verdana;
}

a:visited
{
color: white;
text-decoration: none;
font: 10px verdana;
}

a:hover
{
color: white;
text-decoration: underline;
font: 10px verdana;
}

a:active
{
color: white;
text-decoration: none;
font: 10px verdana;
}

/** Topmenu Style **/

#topmenu{
width: 100%;	
background-color: black;
line-height:20px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

#topmenulinks{
color: white;
font: 12px verdana;
text-transform: uppercase;
text-decoration: none;
padding: 0px 15px 0px 15px;
}


#dropmenudiv{
color: white;
font: 10px verdana;
text-transform: uppercase;
position:absolute;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 5px;
padding: 5px;
text-decoration: none;
background-color: black;
color: white;
}

/** ScrollUP & Down **/


/** Graphic Style **/
/*
.frontsiteLogoText
{
position:relative;
background-image: url(../graphic/front_logo_text.jpg); 
background-position: center;
background-repeat: no-repeat;
}

.frontsiteLogo
{
position:relative;
background-image: url(../graphic/logo_white_clean.jpg); 
background-position: center;
background-repeat: no-repeat;
}
*/
.frontsiteModelbar
{
position:relative;
background-image: url(http://sfbcph.com/graphic/modelbar100px.jpg); 
background-position: center;
background-repeat: repeat-x;
width: 100%;
height:100px;
}


.BottomBanner
{ 
background-image: url(../graphic/modelbar50px.jpg); 
background-position: center;
background-repeat: repeat-x;
width: 100%;
height:50px;
}

.CityNames
{
width: 100%;
line-height:10px;
height:10px;
word-spacing: 15px;
overflow: hidden;
font: 10px verdana;
}


/** CONTENTS DIV && SCROOLBARS **/

#scrollbar_container {
	position:relative;
	width:280px;
}

#scrollbar_track {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:10px;
	background-color:transparent;
	cursor:move;
}

#scrollbar_handle {
	width:10px;
	background-color:#C0C0C0;
	cursor:move;
}

#scrollbar_content {
	overflow:hidden;
	width:240px;
	height:250px;
}

/** Auto suggestions **/

#dealers
{
	width:240px;
}
div.suggestions {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid black;
    position: absolute;   
}

div.suggestions div {
    cursor: default;
    padding: 0px 3px;
	text-transform: capitalize;
	text-indent: 10px;
}

div.suggestions div.current {
    background-color: #3366cc;
    color: white;
}