/*
 * --------------------------------------------------------------------------
 *   HELPER STYLES
 * --------------------------------------------------------------------------
 */

a {
  text-decoration: none;
  color: #993333;
}

.top-condensed {
  padding-top: 0;
  margin-top: 0;
}

.bottom-condensed {
  padding-bottom: 0;
  margin-bottom: 0;
}

.delimiter {
  font-weight: bold;
  color: #993333;
}


/*
 * --------------------------------------------------------------------------
 *   COMMON STYLES
 * --------------------------------------------------------------------------
 */

h1 {
  font-size: 12pt;
  font-weight: bolder;
  color: #000000;

  border-bottom: #993333 solid 1px;
}

h1.margin {
  margin: 8px 8px 16px 16px;
}

h2 {
  font-size: 11pt;
  font-weight: bold;
  color: #000000;
}

td {
  font-family: Verdana, sans-serif;
  font-size: 12px;
}

/*
 * --------------------------------------------------------------------------
 *   TOP LEVEL CONTAINERS
 * --------------------------------------------------------------------------
 */

body {
  background-color: #FFFFFF;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  background-color: white;
}

div.page {
  position: relative;
  background-color: #FFFFFF;
}

div.page-decoration {
  position: relative;
}

div.page-content-frame {
  position: relative;
  width: 924px;
  padding: 0px 12px 0px 12px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 30px;

  background-color: white;
  border: 4px solid white;
  background-image: url('/system/modules/com.ataco.www/resources/ataco-new-web-bg-924-1.png');
  background-repeat: repeat-y;
}

div.content-head {
  position: relative;
  width: 900px;
  height: 150px;
}

div.content-body {
  position: relative;
  float: left;
  clear: left;
  width: 900px;
  margin-top: 4px;
}

div.content-foot {
  border-bottom:4px solid #993333;
  position: relative;
  width: 900px;
  height: 30px;
  float: left;
  clear: left;
}

/*
 * --------------------------------------------------------------------------
 *   CONTENT HEADER ELEMENTS
 * --------------------------------------------------------------------------
 */
div.head-top {
  border-top:4px solid #993333;
  position: relative;
  top: 0px;
  height: 40px;
}

div.head-top-right {
  float: right;
  margin-top: 10px;
  padding-right: 10px;
}

div.head-left {
  position: absolute;
  top: 40px;
  left: 0px;
  width: 900px;
  height: 94px;
}

div.head-right {
  position: absolute;
  top: 40px;
  left: 702px;
  width: 198px;
  height: 162px;

  background-color: #c0c0c0;
}

div.banner {
  position: relative;
  width: 900px;
  height: 63px;

  background-color: #c0c0c0;
}

div.motto {
  position: relative;
  width: 609px;
  height: 175px;
  background-color: #ffffff;
  margin-bottom: 5px;
}

a.lang-link {
  color: #333333;
  font-weight: bold;
}

a.lang-link:hover {
  text-decoration: underline;
}

/*
 * -----------------------
 *   head: horizontal menu
 * -----------------------
 */

div.head-horiz-menu {
  position: relative;
  top: 4px;
  left: 5px;
  width: 890px;
  height: 30px;
  background-color:#EEEEEE;
  border:1px solid #DDDDDD;
  background-image: url('/system/modules/com.ataco.www/resources/ataco-all-menu-top-bg-pas-1-34.png');
}

div.head-horiz-menu-item {
  position: relative;
  float:left;
  padding: 0px 10px;
  height: 30px;
  margin: 0px 3px;
}

div.head-horiz-menu-item:hover {
  background-color: #993333;
  background-image: url('/system/modules/com.ataco.www/resources/ataco-products-top-bg-1-34.png');
  color: #ffffff;
}

div.head-horiz-menu-item-sel {
  position: relative;
  float:left;
  padding: 0px 15px;
  height: 30px;
  margin: 0px 2px;
  background-color: #993333;
  background-image: url('/system/modules/com.ataco.www/resources/ataco-products-top-bg-1-34.png');
  color: #ffffff;
}

div.head-horiz-menu-item-text {
  position: relative;
  top: 6px;

  color: #ffffff;
  font-weight: bold;
}

a.head-horiz-menu-item-link {
  padding-bottom: 7px;
  color: black;
}

/*
 * -----------------------
 *   head: vertical menu
 * -----------------------
 */
div.head-vert-menu-item {
  position: relative;
  margin: 2px;
  height: 30px;

  background-color: #f6f6f6;
}

div.head-vert-menu-item:hover {
  background-color: #cccccc;
}

div.head-vert-menu-item-text {
  position: relative;

  color: #000000;
  font-weight: bold;
}

a.head-vert-menu-item-link {
  display: block;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 30px;

  color: black;
}

a.head-vert-menu-item-link:hover {
}

/*
 * --------------------------------------------------------------------------
 *   CONTENT BODY ELEMENTS
 * --------------------------------------------------------------------------
 */
div.content-left {
  position: relative;
  float: left;
  left: 5px;
  width: 280px;
}

div.content-right {
  position: relative;
  /* width: 612px;                         content-body.width - this.margin-left */
  margin-left: 288px;                  /* 8px margin from content left */
  margin-bottom: 30px;
}

div.content-inside {
  margin-top: 4px;
}


/*
 * -------------
 *   tile menu
 * -------------
 */

div.menu-tile-odd {
  position: relative;
  margin-bottom: 4px;
  padding: 8px;

  background-color: #336699;
  color: white;
}

div.menu-tile-even {
  position: relative;
  margin-bottom: 4px;
  padding: 8px;

  background-color: #999999;
  color: white;
}

div.menu-tile-red {
  position: relative;
  margin-bottom:4px;
  margin-right:5px;
  padding:8px 5px 8px 20px;
  background-color: #ad3116;
  background-image: url('/system/modules/com.ataco.www/resources/bb522a-10x1.png');
  background-repeat: repeat-y;
  color: white;
}

div.menu-tile-blue {
  position: relative;
  margin-bottom:4px;
  margin-right:5px;
  padding:8px 5px 8px 20px;
  background-color: #305981;
  background-image: url('/system/modules/com.ataco.www/resources/4f7194-10x1.png');
  background-repeat: repeat-y;
  color: white;
}

div.menu-tile-green {
  position: relative;
  margin-bottom:4px;
  margin-right:5px;
  padding:8px 5px 8px 20px;
  background-color: #2d5d2d;
  background-image: url('/system/modules/com.ataco.www/resources/4d764d-10x1.png');
  background-repeat: repeat-y;
  color: white;
}

.tile-heading {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 8px;
  
  font-weight: bold;
}

.tile-item {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

div.menu-tile-odd a {
  color: white;
}

div.menu-tile-even a {
  color: white;
}


/*
 * -----------------
 *   vertical menu
 * -----------------
 */

div.vert-menu {
  position: relative;
  margin-bottom: 4px;
  padding: 8px;

  background-color: #336699;
  color: white;  
}
   
div.vert-menu-head {
  height: 30px;
  font-weight: bold;
  font-size: 11pt;
}

a.vert-menu-item-link {
  display: block;
  padding-top: 7px;
  padding-bottom: 7px;

  color: white;
}

a.vert-menu-item-link:hover {
/*
  background-color: #003366;
*/
}

/*
 * -------------------
 *   vertical menu 2
 * -------------------
 */

div.vert-menu2 {
  position: relative;
  margin-bottom: 4px;
  margin-right: 5px;
  padding: 8px;

  background-color: #6699cc;
  color: white;  
}
   
div.vert-menu2-head {
  height: 30px;
  font-weight: bold;
  font-size: 11pt;
}

a.vert-menu2-item-link {
  display: block;
  padding-top: 7px;
  padding-bottom: 7px;

  color: inherit;
}

a.vert-menu2-item-link:hover {
/*
  background-color: #003366;
*/
  text-decoration: underline;
}

/*
 * -------------------
 *   vertical menu intro
 * -------------------
 */

a.vert-intro-menu-item-link {
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
  color: white;
}

a.vert-intro-menu-item-link:hover {
  text-decoration: underline;
}


/*
 * --------------------------------------------------------------------------
 *   CONTENT FOOTER ELEMENTS
 * --------------------------------------------------------------------------
 */
div.foot {
  position: relative;
  margin: 4px;  
}

/*
 * --------------------------------------------------------------------------
 *   SPECIAL CONTENT ELEMENTS
 * --------------------------------------------------------------------------
 */
div.content-tile {
  position: relative;
  
  border: #e0e0e0 solid 1px;
  margin:1px 5px 1px 1px;
  padding:8px 8px 16px 16px;
}

div.content-tile-nopadding {
  position: relative;
  
  border: #e0e0e0 solid 1px;
  padding: 0px; 
  margin: 1px 0px 1px 1px; 
}

div.content-tile-darker1 {
  position: relative;
  
  border: #eeeeee solid 1px;
  padding: 8px 8px 16px 16px ; 
  margin: 1px 0px 1px 1px; 

  background-color: #f0f0f0;
}

div.content-header {
  position: relative;  
  border: #e0e0e0 solid 1px;
  padding: 0px 0px 5px 5px ; 
  margin:1px 5px 0px 1px;
  background-color: #e0e0e0;
  background-image: url('/system/modules/com.ataco.www/resources/ataco-tile-bg-1-30.png');
}

div.content-header-title {
  position: relative;
  padding-top: 5px;
  padding-left: 5px;
  font-weight: bold;
  color: #993333;
  font-size: 14px;
}


/*
 * --------------------------------------------------------------------------
 *   TABLES
 * --------------------------------------------------------------------------
 */

table.ataco1 {
  background-color: white;
  color: black;
}

table.ataco1 td.header {
  background-color: #6699cc;
}