html {
	}

body {
	padding: 0;
	margin: 0;
	background-color: #eeeeee;
	background-image: url(images/carbase-shadow.gif);
	background-repeat: repeat-y;
	background-position: center top;

	}


#logonav  {
left: 50%;
margin-left: -480px; /* half of width */
width:960px;
background-image:url('images/carbase-top-shadow.gif');
height:48px;
position:absolute;
}


#nav {
width:750px;
position:absolute;
left: 50%;
margin-left: -270px; /* half of width */
top:0px;
text-align:left;
z-index:100;
border-bottom:solid 4px white;
}

table, tr, td {vertical-align:top;}

hr {
color: #cccccc;
background-color: #cccccc;
height: 2px;
margin:12px 0px;
padding:0px;
border-style: solid;
}

#banner {
width:960px;
position:absolute;
top:52px;
left:50%;
margin-left:-480px;
background:#fff;
height:126px;
z-index:-1;
}

#topleft {
margin:0px auto;
position:relative;
text-align:left;
float:left;
height:136px;
width:188px;
}

#topright {
margin:0px auto;
position:relative;
text-align:right;
float:right;
height:136px;
display:inline;
max-width:562px;
}




#mainbg {
width:960px;
position:absolute;
top:172px;
left:50%;
margin-left:-480px;
background:#eeeeee;
min-height:100%;
}

#main {
width:960px;
position:absolute;
top:178px;
left:50%;
margin-left:-480px;
background:#fff;
}

#maincontent {
width:566px;
position:relative;
top:24px;
margin-left:48px;
background:#fff;
float:left;
padding:0px;
vertical-align:top;
padding-bottom:24px;
}

#rightcontent {
width:250px;
position:relative;
top:24px;
margin-left:48px;
background:#fff;
float:left;
padding-bottom:24px;
}

#footer {
margin-top:48px;
border-top:solid #cccccc 4px;
width:960px;
position:relative;
left:50%;
margin-left:-480px;
background:#eee;
float:left;
}

#footercontent {
top:24px;
margin-left:48px;
margin-right:48px;
width:864px;
}

#footerleft {
width:476px;
position:relative;
float:left;
}

#footerright {
width:340px;
position:relative;
float:left;
margin-left:48px;
padding:24px 0px 24px 0px;
}


#imain {
width:1000px;
margin:0px auto;
position:absolute;
top:200px;
left:50%;
margin-left:-500px;
text-align:center;
}

#bottombanner {
margin:0px auto;
position:relative;
top:15px;
text-align:center;
width:100%;
}

#bottom {
position:relative;
top:25px;
text-align:center;
}

#bottom p{
font-size:10px;
font-family:arial;
}

.space {
height:15px;
}

.space2 {
height:7px;
}

.listing {
width:500px;
padding-bottom:10px;
border-bottom:1px solid #999999;
}

h1	{font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	padding:0px;
	margin:0px 0px 12px 0px;
	font-size:24px;
	line-height:28px;
	color:#000000;
	text-transform:uppercase;
	letter-spacing:.01em;
	}
	
h2	{font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	padding:0px;
	margin:0px 0px 12px 0px;
	font-size:24px;
	line-height:28px;
	color:#cc3333;
	text-transform:uppercase;
	letter-spacing:.01em;
	}
	


h3	{font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size:24px;
	line-height:28px;
	color:#666666;
	text-transform:uppercase;
	letter-spacing:.01em;
	}

h4	{font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size : 14px;
	line-height: 140%;
	color:#666666;
	font-weight:normal;
	text-transform:uppercase;
	}

h5	{font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	padding:0px;
	margin:0px 0px 12px 0px;
	font-size:18px;
	line-height:24px;
	color:#666666;
	font-weight:normal;
	}

h6	{font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	padding:0px;
	margin:0px 0px 12px 0px;
	font-size:14px;
	line-height:143%;
	color:#000000;
	text-transform:uppercase;
	letter-spacing:.01em;
	}


p, table, label	{
	font-family: arial, helvetica, sans-serif;
	vertical-align:top;
	font-size : 14px;
	line-height: 140%;
	color : #666666;
	font-style:normal;
	padding:0px;
	margin:0px 0px 12px 0px;
	}

p.fuel	{
	font-family: arial, helvetica, sans-serif;
	vertical-align:top;
	font-size : 11px;
	line-height: 110%;
	color : #666666;
	font-style:normal;
	}
	
input { background-color: #ffffff; 
 border: 1px solid #cccccc;
 height:20px;
 }

#footerleft p {
font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	padding:0px;
	margin:24px 0px 24px 0px;
	font-size:10px;
	line-height:12px;
	color:#999999;
	}

table.sitemap {
padding:0px;
font-size:11px;
line-height:141%;
color:#999999;
font-family: arial, helvetica, sans-serif;
border-collapse: collapse;
text-decoration:none;
}

table.sitemap td{
border-bottom:solid #cccccc 1px;
padding:5px 0px;
}

td.links {
width:14px;
}

.fuel_head {
color : green;
font-size : 13px;
}

p.search	{
margin:0px 0px 6px 0px;
font-size : 12px;
	}

.hblack	{
	font-family: arial, helvetica, sans-serif;
	font-size : 18px;
	font-weight:bold;
	color : #000000;
	font-style:normal;
	margin:0px;
	}


img {
	border:0px;
    }

strong {
	font-weight:bold;
}

td.redbanner {
font-size:15px;
font-family:arial,helvetica,sans-serif;
color:#fff;
background:#990000;
font-weight:normal;
padding:4px;
padding-left:8px;
}

td.bluebanner {
font-size:14px;
font-family:arial,helvetica,sans-serif;
color:#fff;
background:#003399;
font-weight:normal;
padding:4px;
padding-left:8px;
}

td.blackbanner, tr.blackbanner {
font-size:14px;
font-family:arial,helvetica,sans-serif;
color:#fff;
background:#333333;
font-weight:normal;
padding:4px;
padding-left:8px;
}



td.label {
font-weight:bold;
}



table.details {
	font-family: arial, helvetica, sans-serif;
	vertical-align:top;
	font-size : 15px;
	line-height: 110%;
	color : #666666;
	font-style:normal;
}

table.details td {
padding-bottom:7px;
}

table.listing {
width:100%;
vertical-align:top;
}

a:link {font-family:arial,helvetica,sans-serif;
color:#666666;
text-decoration:underline;
}
a:link.button {font-family:arial,helvetica,sans-serif;
color:#ffffff;
text-decoration:none;
}
a:visited {font-family:arial,helvetica,sans-serif;
color:#666666;
text-decoration:underline;}

a:visited.button {font-family:arial,helvetica,sans-serif;
color:#ffffff;
text-decoration:none;}

a:hover {font-family:arial,helvetica,sans-serif;
color:#333333;
text-decoration:underline;} 

a:active {font-family:arial,helvetica,sans-serif;
color:#333333;
text-decoration:underline;}

a.sitemap {
padding:0px;
font-size:11px;
line-height:141%;
color:#999999;
font-family: arial, helvetica, sans-serif;
border-collapse: collapse;
text-decoration:none;
}

.menu {max-width:750px; height:48px; font-size:13px; font-weight:bold; font-family:arial,helvetica,sans-serif;position:relative;border-right:0px solid #ccc;letter-spacing:1px; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:auto; w\idth:750px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:auto;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:13px;text-decoration:none; color:#333333; padding:0em .6em 0px .6em; height:48px; border:0px solid #ccc; border-width:0px 0px 0px 0px; background:transparent; line-height:48px; text-align:center;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:80px; w\idth:80px;}
* html .menu a.services, * html .menu a.services:visited {width:115px; w\idth:115px;}
* html .menu a.import, * html .menu a.import:visited {width:123px; w\idth:123px;}

.menu a.services {width:115px;w\idth:115px;}
.menu a.import {width:123px;w\idth:123px;}
.menu a.kia {color:#cc3333;}
/*.menu a.finance {}


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#eeeeee;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#cccccc;color:#cc3333;}
.menu ul ul :hover > a.drop {background:#cccccc;color:#cc3333;}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:48px;left:0; width:90px;border-top:0px solid #ccc;}
/* another hack for IE5.5 */
* html .menu ul ul {top:48px;t\op:49px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#eeeeee; color:#eeeeee; height:auto; line-height:1em; padding-top:8px; padding-bottom:8px; width:80px;w\idth:80px;border-width:1px 0px 0px 0px; letter-spacing:0px; font-weight:normal; text-align:left;}

.menu ul ul a.services, .menu ul ul a.services:visited {background:#eeeeee; color:#666666; height:auto; line-height:1em; padding-top:8px; padding-bottom:8px; width:115px;w\idth:115px;border-width:1px 0px 0px 0px; letter-spacing:0px; font-weight:normal; text-align:left;}

.menu ul ul a.services:hover {background:#eee; color:#cc3333;
}

.menu ul ul a.import, .menu ul ul a.import:visited {background:#eeeeee; color:#666666; height:auto; line-height:1em; padding-top:8px; padding-bottom:8px; width:123px;w\idth:123px;border-width:1px 0px 0px 0px; letter-spacing:0px; font-weight:normal; text-align:left;}



/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:80px;w\idth:80px;}
* html .menu ul ul a.services, * html .menu ul ul a.services:visited {width:115px;w\idth:115px;}
* html .menu ul ul a.import, * html .menu ul ul a.import:visited {width:123px;w\idth:123px;}
/*.menu ul ul a.finance, .menu ul ul a.finance:visited {background:#c1d1e0;}*/


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#333333; background:#cccccc;}
.menu :hover > a, .menu ul ul :hover > a {color:#333333;background:#cccccc;}

/*.menu :hover > a.finance, .menu ul ul :hover > a.finance {color:#000;background:#cccccc;}*/

/*.menu a.finance:hover, .menu ul ul a.finance:hover{color:#000; background:#cccccc;}*/

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



a.searchbttn:link, a.searchbttn:visited {
display:block;
width:180px;
height:166px;
margin:0px 0px 16px 0px; /*margin:0px 0px 45px 0px; centers box*/
padding:0px;
border: none;
background-image:url(images/carbase-stock-list-search-active.gif);
background-image:url(images/carbase-stock-list-search-inactive.gif);
}

a:hover.searchbttn, a.searchbttn:active {
display:block;
width:180px;
height:166px;
margin:0px 0px 16px 0px; /*margin:0px 0px 45px 0px; centers box*/
padding:0px;
border: none;
background-image:url(images/carbase-stock-list-search-active.gif);
}