﻿/*=======================================================================================================
== Elements
=======================================================================================================*/
@media screen
{
  * { padding:0; margin:0; }
  body { background: #FFFFFF; font-size:0.75em; font-family: Arial, Helvetica, sans-serif; color:#555; }
  html, body { height:100%; }
  textarea, input { font-family: Arial, Helvetica, sans-serif; }

  b, strong { color:#000; }
  a { color:#59B909; text-decoration:underline; }
  a:hover { text-decoration:none; color:#000; }
  h1, h2, h3, h4, h5 { color:#59B909; }
  h1 { font-size:1.6em; font-weight:bold; padding-left:0px; background: transparent url(/lib/img/dbpage/page/hshadow.jpg) no-repeat scroll left bottom; }
  h2 { font-size:1.2em; padding-left:0px; }
  h3 { font-size:1.0em; padding-left:0px; }
  h4 { font-size:0.9em; padding-left:0px; }
  h5 { font-size:0.9em; padding-left:0px; }
  h6 { font-size:10px;}
  p { padding:5px 0px 5px 0px; margin:0; }
  br { margin:3px; padding:0; }
  img { border:none; }
  hr { clear:both; height:1px; padding:0; margin:0; border:0; border-bottom:1px solid #42BA2F; }
  ul { padding:0; _margin:10px 15px 15px 20px; list-style-type:square; }
  ol { margin:10px 15px 15px 20px; }
  li { margin-left:30px; }
  li ul { margin:3px; }
  li ul li { margin-left:15px; list-style-type:disc; }
  dl { margin:5px 5px 5px 20px; }
  dt { font-weight:bold; margin-top:3px; }
  dd { margin:0px 0px 0px 10px; }
  dd ul { margin:0px 0px 0px 0px; }
  p.clear, br.clear { margin:0; padding:0; height:1px; clear:both; overflow:hidden; }
  .todo { font-size:0.8em; color:red; }

  /*=========================================================================================================  
  Sections (Ids)
  =======================================================================================================*/
  #pagewrapper {width:990px; margin:0 auto; background: url(/local/img/toolkit/pagebg.jpg) repeat-y 0% 0%;}
  #page { width:950px; margin:0 18px; }
  #footer { background-color:#999; min-height:25px; margin:0 auto; }
  #bottom {  width:990px; margin:0 auto; background: url(/local/img/toolkit/bshadow.jpg) no-repeat 0% 0%; height: 20px; min-height:20px;}

  #content { background-color: #FFFFFF; width:717px; float:left; padding:0 0 10px 0; overflow: visible; margin: 0 20px 0 20px; } * html #content { padding-top:15px; }
  
  button.embed { border: 0; cursor: pointer; background: transparent url(/local/styles/images/btn_embed.png) top left; width: 94px; height: 29px; text-indent: -9999px; }
	button.embed:hover { background-position: bottom left; }

  #menu { width:193px; float:left; }
  #header { height:155px; background:url(/local/img/toolkit/pgheader.jpg) no-repeat 0% 0%; }
  .headerlink {display:block; height: 140px; width:240px;}

  /*=======================================================================================================
   Right Menu
  =======================================================================================================*/

  #rightmenu {list-style-type:none;}
  #rightmenu li { position:relative; width:173px; font-weight:bold; font-size:16px; border-top: dashed 1px #666; margin-left:10px; padding:10px 0; list-style:none;}
  #rightmenu li a { text-decoration:none; }
  #rightmenu li a:hover{ text-decoration:none; }

  #rightmenu { position:relative; margin:0; }
  #rightmenu ul { list-style-type:none; position:absolute; top:0px; left:-183px; width:173px; margin:0; padding:0; border:1px solid #666;  z-index:33000; }
  #rightmenu ul li { font-size:14px; background: #DDD; border-top:none; border-bottom:1px dashed #666; margin:0; padding:0; height:auto;}
  #rightmenu ul li a { display:block; padding:4px; height:auto; border:0; _width:100%; overflow:hidden; letter-spacing:-0.1pt; z-index: 33000; text-decoration:none; }
  #rightmenu ul li a:hover{ color:#FFF; background:#888 no-repeat right 4px; text-decoration:none; }
  #rightmenu ul .bottomli {border-bottom:none;}

  /*=======================================================================================================
   Dealer Spotlight
  =======================================================================================================*/

  .dealerspotlight {width:715px;}
  .dealerspotlight .spotlightheader {height:30px; background:url(/local/img/toolkit/dealerspotlight.jpg) no-repeat 0% 0%;}
  .dealerspotlight .spotlightcontent {background:url(/local/img/toolkit/dealerspotlightbg.jpg) repeat-y 0% 0%;}
  .dealerspotlight .spotlightcontent {padding:10px;}
  .dealerspotlight .spotlightcontent img {padding:0 10px 10px 0;}
  .dealerspotlight .spotlightcontent p.note { font-style:italic;}
  .dealerspotlight .spotlightfooter {height:10px; background:url(/local/img/toolkit/dealerspotlightfooter.jpg) no-repeat 0% 0%;}

  /*=======================================================================================================
   Sales tip
  =======================================================================================================*/

  .salestip {width:654px;}
  .salestip .salestipheader {height:30px; background:url(/local/img/toolkit/salestip.jpg) no-repeat 0% 0%;}
  .salestip .salestipcontent {background:url(/local/img/toolkit/dealerspotlightbg.jpg) repeat-y 0% 0%;}
  .salestip .salestipcontent {padding:10px;}
  .salestip .salestipcontent img {padding:0 10px 10px 0; }
  .salestip .salestipcontent p.note { font-style:italic;}
  .salestip .salestipfooter {height:10px; background:url(/local/img/toolkit/dealerspotlightfooter.jpg) no-repeat 0% 0%;}

  /*=======================================================================================================
   Other
  =======================================================================================================*/
  
  button.embed { border: 0; cursor: pointer; background: transparent url(/local/styles/images/btn_embed.png) top left; width: 95px; height: 29px; text-indent: -9999px; }
  button.embed:hover { background-position: bottom left; }

  .staff_contact { background:#EEE url(/lib/img/icons/20/contact.gif) no-repeat 5px 5px; margin:10px 10px 10px 10px; float:left; width:40%; padding:5px 5px 5px 15px; height:75px; }
  .staff_contact p, .contact p { padding-left:15px; padding-top:0px; margin-top:0px; }

  div.downloadpanels { padding:10px; }
  div.downloadpanels div.downloadpanel { float:left; position:relative; width:170px; height:45px; margin:10px 0 0 25px; padding:10px 5px 10px 35px; }
  div.downloadpanels div.downloadpanel { font-size:0.95em; border: 1px solid #666; background-color:#F4F8F4; }
  div.downloadpanels div.downloadpanel img.icon { position:absolute; left:-20px; top:-5px; }
  div.downloadpanels div.downloadpanel h4 { padding-left:0; font-size:1em; }
  div.downloadpanels div.downloadpanel a {  }
  
  .link-print { display:block; width:22px; height:22px; float:right; background:url(/lib/img/icons/20/print.gif) no-repeat; }
  .clear {clear:both;}
}

@media print 
{
  #siteheader, #footer, #menu, #cms-pagebar {display:none;}
}