body {
    background-color: #ccddee;
}

.nonscroll
{
  width: 190px;     /* This is how wide it will be . */
  height: 560px;    /* This is how tall it will be for Mozilla style */
  border: 0px;      /* And yet, I still see a border in exploder? */
  overflow: hidden; /* And yet, I still see scrollers in exploder? */
}

.weather
{
  height: 200px;
  width: 190px;
  overflow: hidden;
  border: 0px;
  margin-left: -5px;
  margin-top: 8px;
}

.magspacer
{
  width: 175px;
  height: 550px;
}

/* Button color for button itself - borders + open/close fade starting color */
.tabBtn
{
  background-color: #224455;
  float: left;
  margin: 0;
  padding: 1px;
  border-left: 2px solid #6699bb;
  border-top: 2px solid #aabbee;
  border-right: 3px solid #223366;
  border-bottom: 3px solid #112233;
  width: 155px;
}

/* Button 'face' color for magna button popup */
.topItemMagnas
{
  background: #6699bb;
  background-image: url(/Magnas/AfterPics/MiniTabs/VF750C-83-AfterFrontRight_MT.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  padding-left: 3px;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  color: #ccddee;
  font-weight: bold;
  font-family: "GOTHIC";
}

.topItemMagnasOver
{
  padding-left: 3px;
  background: #6699bb;
  background-image: url(/Magnas/AfterPics/MiniTabs/VF750C-83-AfterFrontRight_MT.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  color: #ccddee;
  font-weight: bold;
  font-family: "GOTHIC";
}

/* Button 'face' color for RS-175 picture popup */
.topItemHeritage441
{
  background: #6699bb;
  background-image: url(/Heritage441/images/US_441.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 50px;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  color: #ccddee;
  font-weight: bold;
  font-family: "GOTHIC";
}

.topItemHeritage441Over
{
  background: #6699bb;
  background-image: url(/Heritage441/images/US_441.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 50px;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  color: #ccddee;
  font-weight: bold;
  font-family: "GOTHIC";
}

.topItemCanyon {
    background: #6699bb;
    background-image: url(/GrandCanyon/GrandCanyonPics/MiniTabs/CanyonSunsetBright5_MT.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    padding-left: 3px;
    height: 40px;
    cursor: pointer;
    text-decoration: none;
    color: #ccddee;
    font-weight: bold;
    font-family: "GOTHIC";
}

.topItemCanyonOver
{
  padding-left: 3px;
  background: #6699bb;
  background-image: url(/GrandCanyon/GrandCanyonPics/MiniTabs/CanyonSunsetBright5_MT.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  color: #ccddee;
  font-weight: bold;
  font-family: "GOTHIC";
}

.topItemModelRR
{
  background: #6699bb;
  background-image: url(/ModelRR/Thumbs/GardenScale_T.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 50px;
  padding-left: 3px;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  color: #ccddee;
  font-weight: bold;
  font-family: "GOTHIC";
}

.topItemModelRROver
{
  padding-left: 3px;
  background: #6699bb;
  background-image: url(/ModelRR/Thumbs/GardenScale_T.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 50px;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  color: #ccddee;
  font-weight: bold;
  font-family: "GOTHIC";
}

.topItemRennovation
{
  background: #6699bb;
  background-image: url(/Rennovation/Thumbs/NewCarriageDoors_MT.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  padding-left: 3px;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  color: #ccddee;
  font-weight: bold;
  font-family: "GOTHIC";
}

.topItemRennovationOver
{
  padding-left: 3px;
  background: #6699bb;
  background-image: url(/Rennovation/Thumbs/NewCarriageDoors_MT.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  color: #ccddee;
  font-weight: bold;
  font-family: "GOTHIC";
}

.topItemAutos
{
  background: #6699bb;
  background-image: url(/avatar8311lk5.gif);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 50px;
  padding-left: 3px;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  color: #ccddee;
  font-weight: bold;
  font-family: "GOTHIC";
}

.topItemAutosOver
{
  padding-left: 3px;
  background: #6699bb;
  background-image: url(/avatar8311lk5.gif);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 50px;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  color: #C1DAD6;
  font-weight: bold;
  font-family: "GOTHIC";
}

/* Button 'face' color for Misc */
.topItem {
  background: #6699bb;
  background-image: url(/close.gif);
  background-position: right center;
  background-repeat: no-repeat;
  padding-left: 3px;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  color: #ccddee;
  font-weight: bold;
  font-family: "GOTHIC";
}

/* Button 'face' color for Misc */
.topItemOver {
  padding-left: 3px;
  background: #6699bb;
  background-image: url(/open.gif);
  background-position: right center;
  background-repeat: no-repeat;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  color: #ccddee;
  font-weight: bold;
  font-family: "GOTHIC";
}

/* Actual menu area once open */
.dropMenu {
  background: #ccddee;
  border: 1px solid #1188ff;
}

/* Menu Item Container */
.subMenu {
  display: block;
}

/* Menu Item */
.subItem {
  height: 21px;
  padding-left: 10px;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  color: #224455;
}

/* Menu Item, Link */
.subItem a {
  color: #224455;
  text-decoration: none;
}

.subItemOver {
  height: 21px;
  padding-left: 10px;
  cursor: pointer;
  font-weight: bold;
}

.subItemOver  a {
  color: #336699;
  text-decoration: none;
}

.drop {
  border-left: 1px solid black;
  border-right: 1px solid black;
}

/* Tooltip defaults */
#imgpopstyle
{
  width: 190px;
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  color: #ccddee;
  background-color: #224455;
  border-width: 3px;
  border-style: ridge;
  border-color: #112233;
  padding: 4px;
}

/* Last Updated: 15 Aug 2018 - Weather height adjust */
/* Last Updated: 20 Jan 2018 - Weather reintroduction */
/* Last Updated: 5 Jan 2018 - ReFactor - new */
