@import url("/brands.css");
*
{
  margin: 0;
  padding: 0;
}
body
{
  height: 100%;
  position: relative;
  font-family: "Trebuchet MS", Tahoma, Arial;
  font-size: 14px;
  line-height: 20px;
  color: #a6a7a7;
  background-image: url("/images/bg.jpg");
}
a { color: white; }
a:visited { color: #a6a7a7; }
a:hover { color: #8acdfc; }
img { border: none; }
div.img
{
  text-align: center;
  margin: 20px 0;
}
#mainDiv
{
    text-align: left;
  width: 1260px;
  min-height: 100%;
  _height: 100%;
  margin-inline: auto;
}
#header { background: url("/images/headerLightsLeft.png") 3% top no-repeat; }
#header #logo { background: url("/images/headerLogo.gif") center top no-repeat; }
#header #rightLights
{
  background: url("/images/headerLightsRight.png") 97% top no-repeat;
  height: 121px;
}
/*-----------------------------------------------------------------------------------//
// Top menu
//-------------------------------------------------------------------------*/
#topMenu
{
  position: relative;
  width: 1002px;
  height: 42px;
  background: url("/images/topMenuBg.png") no-repeat;
  color: #c8c6ca;
  left: 50%;
  margin: 20px 0 0 -501px;
}
#topMenu ul
{
  text-align: center;
  padding-top: 8px;
  *padding-top: 10px;
  margin-left: 30px;
}
#topMenu li
{
  display: inline;
  list-style: none;
  font-variant: small-caps;
  font-family: Arial;
  font-size: 18px;
  *font-size: 17px;
  margin-right: 45px;
}
#topMenu li span
{
  font-weight: bold;
  color: #8acdfc;
}
#topMenu a { color: #c8c6ca; }
#topMenu a:hover { color: #8acdfc; }

/*-----------------------------------------------------------------------------------//
// Left column
//-------------------------------------------------------------------------*/
#leftColumn
{
  float: left;
  width: 240px;
  text-align: center;
}

/*-----------------------------------------------------------------------------------//
// Center/right column
//-------------------------------------------------------------------------*/
#flash
{
  display: inline-block;
  border: 1px solid #3e3d3d;
  margin-left: 78px;
}
/*--------------- On non-index pages ---------------*/
#content
{
background: url("/images/layerBg.png");
margin: 0 40px 0 40px;
border: 1px solid #3e3d3d;
}
#rightColumn
{
  float: right;
  width: 240px;
  text-align: center;
}

/*-----------------------------------------------------------------------------------//
// Center content
//-------------------------------------------------------------------------*/
#layer { padding: 0 35px 35px 35px; } /* for IE6 */
#contentHeader
{
  background: url("/images/separator.png") center bottom no-repeat;
  font-size: 18px;
  font-style: italic;
  color: white;
  margin-bottom: 25px;
}
#contentHeader span
{
  font-size: 24px;
  padding: 0 20px;
  color: #e3c05a;
}
#contentHeader span.info { font-size: 14px; }
#contentHeader .logo
{
  height: 42px;
  padding-top: 18px;
  background-position: center right;
  background-repeat: no-repeat;
}

#content p
{
    text-indent: 15px;
  padding-left: 34px;
  margin: 15px 0;
  background-repeat: no-repeat;
}

span.list
{
  font-size: 20px;
  font-weight: normal;
  color: #e3c05a;
}
h3
{
  height: 24px;
  font-size: 16px;
  font-weight: normal;
  color: #e3c05a;
  padding-left: 34px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
}

/*-----------------------------------------------------------------------------------//
// Brands list on index page
//-------------------------------------------------------------------------*/
.brandDiv
{
  background: url("/images/brandSeparator.png") center bottom no-repeat;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin-bottom: 17px;
}
.brandDiv a
{
  display: block;
  color: #c8c6ca;
  text-decoration: none;
}
.brandDiv a:hover { color: #8acdfc; }


/*-----------------------------------------------------------------------------------//
// Footer
//-------------------------------------------------------------------------*/
#lotosLeft, #lotosRight
{
  position: absolute;
  bottom: 0;
  z-index: -1;
}
#lotosLeft
{
  left: 0;
  width: 123px;
  height: 148px;
  background: url("/images/lotosLeft.png") no-repeat;
}
#lotosRight
{
  right: 0;
  width: 242px;
  height: 182px;
  background: url("/images/lotosRight.png") no-repeat;
}
#beforeFooter
{
  clear: both;
  height: 85px;
}
#footer
{
  position: relative;
  width: 1260px;
  height: 32px;
  left: 50%;
  background: url("/images/separator.png") 35% top no-repeat;
  _background-position: 70% top;
  text-align: center;
  color: #817d81;
  padding-top: 15px;
  margin: -47px 0 0 -630px;
}
