body { background-color: #1a1a1a; color: #aaa; font-family: Verdana, sans-serif;
    background: #1a1a1a url(/images/bg.gif) repeat-y fixed top center; margin: 0; }
body#nostripe { background-image: none; }
a:link { color: #66F; }
a:visited { color: #99F; }
a:hover { color: #99F; }
a:active { color: #00F; }
#rap { width: 970px; margin: 0px auto; }
#header { position: fixed; width: 100%; top: 0; left: 0; background: #1a1a1a; z-index: 200; }
#header-inner { width: 970px; margin: 0 auto; }
#spacer-for-header { height: 75px; }
#spacer-for-about { height: 132px; }
#top { width: 859px; height: 98px; margin: 12px auto; background-image: url(/images/header.jpg); }
#nav { color: #333; position: relative; top: 68px; left: 190px; font-size: 13px; width: 500px; }
#nav a:link { color: black; text-decoration: none; }
#nav a:hover { color: #dd0; }
#nav a:visited { color: black; text-decoration: none; }
#nav a:visited:hover { color: #dd0; }
#nav a:active { color: black; }
#nav .current { }
#pagetitle { width: 948px; margin: 0 auto; background-position: top center; background-repeat: no-repeat; background-image: url(/images/title-bar-top.jpg); }
#pagetitle-inner { background-position: bottom center; background-repeat: no-repeat; background-image: url(/images/title-bar-bot.jpg); }
#pagetitle h1 { text-align: center; font-size: 150%; color: #B95; font-weight: normal; padding: 8px; margin: 0; }
#body-inner { background-repeat: repeat-y; background-position: top center; padding: 12px 40px; color: #caa }
#footer { position: fixed; bottom: 0; height: 103px; width: 100%; line-height: 0; background: #1a1a1a url(/images/footer.jpg) no-repeat fixed bottom center; z-index: 200; }
#spacer-for-footer { line-height: 0; height: 95px; }
.clearer { line-height: 0; clear: both; }

#about-graphic { width: 500px; height: 132px; margin: 0px auto;
    background-image: url(/images/evil-team.jpg); }
.aboutus { width: 620px; margin: 0 auto; padding: 8px 0; font-family: serif; line-height: 1.6em; font-size: 110%; }

#body-dealers-top { line-height: 0; margin: 0 auto; width: 948px; height: 15px; background-image: url(/images/blue-2-pane-top.gif); margin-top: 40px; position: relative; top: 6px; }
#body-dealers-mid { margin: 0 auto; padding: 6px 0; width: 948px; background-image: url(/images/blue-2-pane-mid.gif); background-repeat: repeat-y; }
#body-dealers-bot { line-height: 0; margin: 0 auto; width: 948px; height: 15px; background-image: url(/images/blue-2-pane-bot.gif); margin-bottom: 40px; position: relative; top: -6px; }
#dealers-left { width: 550px; float: left; color: #9a9cbb; padding-left: 5px; }
#dealers-right { width: 360px; float:right; text-align: center; color: #9a9cbb; }
#dealers-nav { text-align: center; }
.dealer-list-column { width: 50%; float: left; font-size: 80%; }
.dealer-listing { margin-bottom: 6px; }
.dealer-listing a { font-weight: bold; font-size: medium; }

.tabberlive .tabbertabhide { display:none; }
.tabber {}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font-weight: bold;
 font-size: 80%;
 background-image: url(/images/tabline.gif);
 background-position: bottom right;
 background-repeat: no-repeat;
}

.mode2 ul.tabbernav
{
 background-image: url(/images/tabline2.gif);
 background-position: bottom left;
 text-align: right;
 margin-right: 12px;
 margin-bottom: 12px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 margin-right: 3px;
 border-bottom: none;
 text-decoration: none;
 color: #ccc;
}

ul.tabbernav li a:hover
{
 color: #fff;
 background-color: #630;
 margin-bottom: 2px;
 position: relative;
 top: -2px;
}

.mode2 ul.tabbernav li a:hover { background-color: #669; }

ul.tabbernav li.tabberactive a
{
 color: #000;
 background-color: #ccc92c;
}

ul.tabbernav li.tabberactive a:hover
{
 position: static;
 top: 0;
}

.mode2 ul.tabbernav li.tabberactive a:hover
{
 background-color: #ccc92c;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}
.mode2 .tabberlive .tabbertab {
 padding-top: 16px;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}