/* --- begin andreas02.css ---
  an open source xhtml/css website layout by Andreas Viklund -
  http://andreasviklund.com .
  Free to use in any way and for any purpose as long as the
  proper credits are given to the original designer.

  Version: 1.0, July 27, 2005

  R.E.Korns 06-Jan-2011 11 Revised add borderflash
  R.E.Korns 26-Mar-2010 10 Revised
  R.E.Korns 20-Mar-2009 09 Revised
  R.E.Korns 20-Nov-2008 08 Revised
  R.E.Korns 21-Aug-2008 07 Revised
  R.E.Korns 14-Aug-2008 06 Revised
  R.E.Korns 31-Jul-2008 05 Revised
  R.E.Korns 29-Jul-2008 04 Revised
  R.E.Korns 28-Jul-2008 03 Revised
  R.E.Korns 19-Jul-2008 02 Revised
  R.E.Korns 18-Jul-2008 01 Revised
*/

/**************** Body and tag styles ****************/

body {
  padding: 0;
  margin: 0;
  /*font: 76% tahoma, verdana, arial, sans-serif;*/
  font: 86% tahoma, verdana, arial, sans-serif;
  background: #a0a0a0;
  color: black;
}

a {
  text-decoration: none;
  color: #286ea0;
}

a:hover {
  text-decoration: underline;
}

#toptabs {
  margin: 10px auto -13px auto;
  font-size: 0.8em;
  width: 760px;
}

#toptabs p {
  text-align: right;
  color: #eeeeee;
}

.toptab {
  padding: 3px 5px 3px 5px;
  margin: 0 0 0 4px;
  text-decoration: none;
/*
  border-bottom: 1px solid #e0e0e0;
*/
  background: #ffffff url(../images/corner3.gif) top right no-repeat;
  color: #eeeeee;
}

.toptab:hover {
/*
  border-bottom: 1px solid #eaeaea;
*/
  background: #ffffff url(../images/corner3.gif) top right no-repeat;
  color: #1ccdff;
  text-decoration: none;
}

.activetoptab {
  padding: 3px 5px 3px 5px;
  margin: 0 0 0 4px;
  color: #01613b;
  text-decoration: none;
/*
  border-bottom: 1px solid #ffffff;
*/
  background: #ffffff url(../images/corner3.gif) top right no-repeat;
}

.activetoptab:hover {
  text-decoration: none;
}

#container {
  margin: 0 auto 15px auto;
  width: 760px;
  padding: 5px 20px 20px 20px;
  background: #ffffff;
}

#logo {
  margin: 15px 0 0 0;
}

#logo h1 a {
  color: #444444;
}

#logo h1 a:hover {
  text-decoration: none;
}

#navitabs {
  clear: both;
}

.navitab {
  padding: 4px 8px 4px 8px;
  margin: 0 0 4px 0;
  text-decoration: none;
  letter-spacing: 1px;
  color: #610101;
  background: #cccccc url(../images/corner4.gif) top right no-repeat;
  border-bottom: 1px solid #777777;
  border-left: 1px solid #777777;
}

.navitab:hover {
  text-decoration: none;
  background: #610101 url(../images/corner4.gif) top right no-repeat;
  color: #cccccc;
}

.activenavitab {
  padding: 4px 8px 5px 8px;
  margin: 0 0 5px 0;
  text-decoration: none;
  color: #f2dd1d;
  background: #610101 url(../images/corner4.gif) top right no-repeat;
}

.activenavitab:hover {
  text-decoration: none;
}

/* Former...
#desc {
  height: 200px;
  color: #ffffff;
  padding: 0;
  background: #505050 url(../images/front-carol-worthey.jpg) top left no-repeat;
  clear: both;
  margin: 5px 0 0 0;
}
*/

#desc {
  height: 200px;
  color: #ffffff;
  padding: 0;
  clear: both;
  margin: 5px 0 0 0;
}

#desc p {
  width: 290px;
  font-size: 1em;
  line-height: 1.3em;
  padding: 0 0 0 15px;
}

#desc h2 {
  padding: 15px 15px 0 15px;
  color: #ffffff;
}

#desc a {
  color: #ffffff;
  text-decoration: underline;
}

.desc_home {
  /*background: #505050 url(../images/front-dieseltek.jpg) top left no-repeat;*/
  background: #505050 url(../images/front-port-of-la-anim.gif) top left no-repeat;
}
.desc_problem {
  background: #505050 url(../images/front-la-pollution-anim.gif) top left no-repeat;
}
.desc_solution {
  background: #505050 url(../images/front-rigs-1.jpg) top left no-repeat;
}
.desc_reports {
  background: #505050 url(../images/front-trucking.jpg) top left no-repeat;
}
.desc_press_and_articles {
  background: #505050 url(../images/front-lineup-2.jpg) top left no-repeat;
}
.desc_partners {
  background: #505050 url(../images/front-flatbed.jpg) top left no-repeat;
}
.desc_management {
  background: #505050 url(../images/front-zoom-by.jpg) top left no-repeat;
}
.desc_locations {
  background: #505050 url(../images/front-moremirrors.jpg) top left no-repeat;
}
.desc_contact_us {
  background: #505050 url(../images/front-wheels.jpg) top left no-repeat;
}
.desc_sitemap {
  background: #505050 url(../images/front-lineup-1.jpg) top left no-repeat;
}
.desc_privacy {
  background: #505050 url(../images/front-bigwheel.jpg) top left no-repeat;
}


#main {
  width: 580px;
  float: left;
  padding: 0 15px 0 0;

  border-right: 1px solid #777777;
}

#main h2 {
  margin:0 0 16px;
  font-size:1.7em;
  font-weight:normal;
  letter-spacing:-1px;
  color: #01613b; /* Dieseltek gr */
}

#main h2 a {
  font-weight:normal;
}

#main h3 {
  margin:0 0 10px;
  font-size:1.5em;
  color: #01613b; /* Dieseltek gr */
  font-weight:normal;
}

#main h3 a {
  font-weight:normal;
}

#main ul {
  /*margin:0 0 18px 10px;*/
  padding:2px;
}

#main ul li {
  list-style:none;
  margin-bottom:2px;
}

#main ul li a {
  padding:2px;
  font-weight:bold;
}

#main ul ul {
  /*margin:0 0 6px 20px;*/
  font-weight:normal;
}

#main ul.entrylist li {
  list-style: circle;
  /*margin:0 15px 4px 15px;*/
  padding:0;
}

.forms {
  background: #e0e0e0;
  color: #000000;
}

.box {
  margin: 0 0 20px 0;
  padding: 10px;
  border: 1px solid #c0c0c0;
  background-color: #fcfac8;
  color: #505050;
  line-height: 1.5em;
}

.box2 {
  margin: 0 0 20px 0;
  padding: 10px;
  border: 1px solid #c0c0c0;
  background-color: #ffffff;
  color: #505050;
  line-height: 1.5em;
}

.box3 {
  margin: 0 0 20px 0;
  padding: 10px;
  border: 1px solid #c0c0c0;
  background-color: #ffffff;
  color: #505050;
  line-height: 1.5em;
}

.box4 {
  margin: 0 0 20px 0;
  padding: 10px 20px 10px 10px;
  border: 1px solid #c0c0c0;
  background-color: #ffffff;
  color: #505050;
  line-height: 1.5em;
}

.block {
  width: 547px;

  background: #e0e0e0;
  /*background: #ffffff url(../images/block-shadow.png) top left no-repeat;*/
  padding: 15px;
  clear: none;
}

.block p {
  width: 510px;
/*
  font-size: 1em;
  line-height: 1.3em;
*/
  background: #e0e0e0;
  padding: 0 0 0 15px;
}

.splitcontentleft {
  float:left;
  width:48%;
}

.splitcontentright {
  float:right;
  width:48%;
}

.fullcontent {
  clear:both;
  float:none;
  width:100%;
}

.fullhome {
  clear:both;
  float:none;
  width:99%;
}

#sidebar {
  width:164px;
  float:right;

  color: #ffffff;
  background: #01613b;
  background-color: #01613b;
  /* top,right,bot,left */
/*
  padding: 0 0 80px 12px;
  padding: 0 0 0 10px;
  border-left: 1px solid #777777;
*/
}

#sidebar p {
  width:116px;

  font-size: 0.9em;
  line-height: 1.3em;
/*
  margin: 0 0 12px 0;
*/
  margin: 0 12px 12px 0;
  padding: 0 0 0 10px;
}

#sidebar h3 {
  width:116px;

/*
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 0 0 12px 0;
  margin: 0 12px 12px 0;
*/
  padding: 0 0 0 10px;
}

.sidelink {
  text-align: left;
  display: block;
  width: 120px;
  padding: 3px 4px 3px 8px;
  margin: 5px 10px 5px 0;
  background: #cccccc url(../images/corner5.gif) top right no-repeat;
  color: #610101;

}

.sidelink:hover {
  text-decoration: none;
  color: #cccccc;
  background: #610101 url(../images/corner5.gif) top right no-repeat;
}

.sidelinkactive {
  text-align: left;
  display: block;
  width: 120px;
  padding: 3px 4px 3px 8px;
  margin: 5px 10px 5px 0;
  text-decoration: none;
  color: #cccccc;
  background: #610101 url(../images/corner5.gif) top right no-repeat;
}

#footer {
  height:16px;

  clear: both;
  background: #47a529;
  /*color: #202020;*/
  color: #ffffff;
  font-size: 0.9em;
  padding: 8px 0 8px 0;
  border-top: 1px solid #777777;
  border-bottom: 1px solid #777777;
  text-align: center;
}

#footer a {
  /*color: #202020;*/
  color: #ffffff;
}

h1 {
  margin: 0 0 20px 0;
  font-size: 2.1em;
  font-weight: normal;
}

h2 {
  margin: 0 0 20px 0;
  font-size: 1.6em;
  font-weight: normal;
}

h3 {
  margin: 20px 0 10px 0;
  font-size: 1.4em;
  font-weight: normal;
}

p {
  margin: 0 0 15px 0;
  line-height: 1.5em;
  text-align: left;
}

.right {
  text-align: right;
}

a img {
  border: 0;
}

.photo {
  padding: 5px;
  display: block;
  margin: 0 auto 15px auto;
  background-color: #e0e0e0;
}

.photo2 {
  padding: 0px;
  display: block;
  margin: 0 0 0 0;
  background-color: #e0e0e0;
}

.photosidebar {
  padding: 5px;
  display: block;
/*
  margin: 0 auto auto auto;
*/
  margin: 0 0 0 0;
  background-color: #01613b;
}

.photoleft {
  padding: 5px;
  display: block;
  margin: 0 auto 15px auto;
  background-color: #ffffff;
  float: left;
}

.photoleft2 {
  padding: 5px;
  display: block;
  margin: 0 5px 5px 0;
  background-color: #ffffff;
  float: left;
}

.photoright {
  padding: 5px;
  display: block;
  margin: 0 auto 15px auto;
  background-color: #ffffff;
  float: right;
}

.photoblock {
  padding: 5px;
  display: block;
  margin: 0 auto 15px auto;
  background-color: #e0e0e0;
}

.photoblockleft {
  padding: 12px;
  display: block;
  margin: 0 auto auto auto;
/*
  margin: 0 auto 15px auto;
*/
  background-color: #e0e0e0;
  float: left;
}

/*
.photoblockright:hover {
  border-color: #888888;
}
*/

.photoblockright {
  padding: 12px;
  display: block;
  margin: 0 auto auto auto;
/*
  margin: 0 auto 15px auto;
*/
  background-color: #e0e0e0;
  float: right;
}

.hide {
  display: none;
}

/* --- Menublock styles --- */

.menublock { color: #ffffff; margin: 0 0 20px 0; font-size: 1.0em; }
.menublock li { color: #ffffff; list-style: none; display: block; padding: 0; margin-bottom: 2px; }
.menublock li a { color: #ffffff; font-weight: bold; text-decoration: none; }
.menublock li a:hover { color: #ffffff; text-decoration: underline; }
.menublock li ul { margin: 3px 0 3px 0; font-size: 1.0em; font-weight: normal; }
.menublock li ul li { margin-bottom: 0; }
.menublock li ul a { font-weight: normal; }

/* --- Searchbar styles --- */

.searchbar {
  margin:5px 0 15px;
}

.searchbar form fieldset {
  margin-left:8px;
  border:0 solid;
}

.searchbar .s {
  width:110px;
  margin:0 5px 0 0;
  padding:2px;
  border:1px solid #aaaaaa;
}

.searchbar .searchbutton {
  width:30px;
  padding:2px;
  border:1px solid #aaaaaa;
  font-size:0.9em;
  text-align:center;
}

.clear {clear: both;}
.small {font-size: 0.8em;}
.hide {display: none;}
.textcenter {text-align: center;}
.textright {text-align: right;}
.textleft {text-align: left;}
.important {color: #f02025; background-color: inherit; font-weight: bold;}

/* --- Special Text Colors --- */

.postdate       { color: #868dc0; /* Blue Light   */ }
.highlight      { color: #868dc0; /* Blue Light   */ }

.gold           { color: #f2dd1d; /* ...          */ } 
.bluesidepanel  { color: #424980; /* ...          */ } 
.bluefooter     { color: #1a2256; /* ...          */ } 
.bluedark       { color: #171c46; /* ...          */ } 
.bluebr         { color: #171c46; /* ...          */ } 
.bluelt         { color: #868dc0; /* ...          */ } 
.graylt         { color: #cccccc; /* ...          */ } 
.gray5          { color: #555555; /* ...          */ } 
.graydark       { color: #777777; /* ...          */ } 
.lime           { color: #35fd43; /* ...          */ } 
.orange         { color: orange;  /* was #ff4e00  */ }

.color-dkgreen  { color: #01613b; /* Dieseltek gr */ }
.color-medgreen { color: #47a529; /* Medium Green */ }
.color-ltgreen  { color: #47a529; /* Light Green  */ }
.color-dkred    { color: #610101; /* Dark Red     */ }

/* --------------------------- */


.contrast1 {
  color:#000000;
  background:#999999;
}

.contrast2 {
  background:#555555
}


.borderflash {
  border: 2px solid transparent;
}

.borderflash:hover {
  border: 2px solid #01613b;
}


.rounded-corners-5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.rounded-corners-8 {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
}

.rounded-corners-10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

.rounded-corners-20 {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}

/* --- end andreas02.css --- */