/* CSS Document */

body {
  position: absolute;
  width: 100%;
  height:100%;
  
  margin:   0px;
  padding:  0px;
  z-index:  0;

  background-color: white;
  color:      black;
  font-family: arial, verdana,sans-serif,trebuchet;
  font-size:   12px;
  letter-spacing: 0;
  word-spacing:   0;
  
  background: #b4b1ac url("background.gif") repeat-x top;
  
  scrollbar-arrow-color: #ffffff;
  scrollbar-3dlight-color: #6587AE;
  scrollbar-darkshadow-color: #174181;
  scrollbar-base-color: #396EA7;
  scrollbar-face-color: #396EA7;
  scrollbar-highlight-color: #396EA7;
  scrollbar-shadow-color: #174181;
  scrollbar-track-color: a6a49f;}
  
/**
 * Main Page Layout
 */   
#header {
  position: relative;width:1015px;}
#header div.top {
  width:1015px;height:20px;
  background: #e0ddd8 url("header-top.gif") no-repeat;}
  
#header div.menu {
  position: relative;
  width:1015px;height:102px;}
#header div.menu .shadow-left {
  position:absolute;left:0px;
  width:15px;height:102px;
  background: #b4b1ac url("header-shadow-top-left.gif");}
#header div.menu .shadow-right {
  position:absolute;left:1000px;
  width:15px;height:102px;
  background: #b4b1ac url("header-shadow-top-right.gif");}
#header div.menu .menu-body {
  position:absolute;left:15px;
  width:985px;height:102px;
  background: #e0ddd8 url("header-menu.gif") no-repeat;}
#header #moto {
  position:absolute; left:280px; bottom:54px;
  font-size:14px;
  font-weight:bold;
  color:fff;}
  
#header div.intro {
  position:relative;
  width:1015px;height:180px;}
#header div.intro .shadow-left {
  position:absolute;
  width:15px;height:180px;left:0px;
  background: #19488d url("header-shadow-intro-left.gif");}
#header div.intro .shadow-right {
  position:absolute;left:1000px;
  width:15px;height:180px;
  background: #19488d url("header-shadow-intro-right.gif");}
#header div.intro .intro-body {
  position:absolute;left:15px;
  width:985px;height:180px;
  background: #c9bf01 url("header-intro.gif") repeat-x;}
  
#content-body {
  position:relative;
  width:1015px;
  text-align:left;
  background: #fff url("main.gif") repeat-y;}
#content {
  position:relative;
  left:235px;
  width:728px;
  padding: 5px 0px 5px 0px;
  text-align: left;}
  
#footer {
  position:relative;
  width:1015px;height:32px;
  text-align: right;
  line-height:18px;
  color:#fff;
  background:#396ea7 url("footer.gif");}
#footer a {color:#adf;text-decoration:none;}
#footer a:hover {color:#fff;text-decoration:underline;}

/**
 * Partical web parts
 */

/* Header - lang menu */
#langMenu {
	position: absolute;
	left:600px; top:14px;
    width:350px; height:44px;
    margin:0px; padding:0px 0px 0px 10px;
    overflow: hidden;
	/*border:1px solid orange;*/}
#langMenu li {
    float: right;
    list-style: none;}
#langMenu li a {
    position: relative; overflow: hidden;
    width:45px;height:60px;_width:45px;
    text-decoration: none;
    text-transform: uppercase;
    font: bold 11px arial;
    color: #fff; outline: none;
    text-align: left;
    z-index: 10; letter-spacing: 0;
    float: left; display: block;}
#langMenu li a img {border:none; position:absolute; top:0px;left:0px;z-index:50}
#langMenu li a img.blur {z-index:51}
#langMenu li a img.current {z-index:51;display:none;}
#langMenu li a span {position:absolute; top:15px; left:45px;cursor:pointer;}
    
/* Header - main menu */

#mainMenu {
	position: absolute;
	left:25; top:73px;
    width:1000px; height:25px;
    margin:0px; padding:0px 0px 0px 10px;
    overflow: hidden;}
#mainMenu li {
    position:relative;
    width:114px; height:25px;
    float:left;
    list-style:none;
    z-index:20;
    margin:0px; padding:0px;}
#mainMenu li a {
    position:relative; overflow:hidden;
    width:114px; height:25px;
    text-decoration:none;
    text-transform:uppercase;
    font:bold 11px arial;
    color:#fff; outline:none;
    text-align:left;
    z-index:15; letter-spacing: 0;
    float:left; display:block;
    margin:auto 10px;
    margin:0px; padding:0px;}
#mainMenu li a:hover {
    background-color:#1d549b;}
#mainMenu li a img {border:none; z-index:10; padding:0px;}       
#mainMenu li img.menu-numb {position:absolute; left:2px; top:4px;}
#mainMenu li span.menu-name {position:absolute; left:22px; bottom:2px; _bottom:1px; z-index:6; font:10px; font-weight:bold;}
#mainMenu li img.menu-deco {position:absolute; left:22px; top:3px;}
#mainMenu li div.menu-back {position:absolute; width:114px; height:25px; z-index:5; background-color:#1d549b; display:none;}
#mainMenu li div.menu-line {position:absolute; left:18px; top:2px; width:1px; height:20px; z-index:10; background-color:#fcfdfe;font-size:0px;}
#mainMenu * {cursor: pointer;}

/* Header - product menu */

#productMenu {
  position:absolute;
  left:32px; top:140px;
  z-index:200;}
#productMenu .product-window-frame {
  position:absolute;
  left:17px; top:0px;
  width:134px; height:81px;
  float: left;
  z-index:1000;}
#productMenu .product-window {
  position:absolute;
  left:0px;top:0x;
  z-index:100;}
#productMenu .product-title{
  position:absolute;
  left:25px;bottom:6px;_bottom:5px;
  z-index:120;}
#productMenu .product-img {
  position:absolute;
  left:7px; top:7px;
  width:120px; height:55px; 
  z-index:50;}
 #productMenu .product-img-background {
  position:absolute;
  left:7px; top:7px;
  width:120px; height:55px; 
  z-index:45;}
#productMenu .product-selection {
  position:absolute;
  left:0px; top:19px;}
#productMenu .product-selection-space {
  width:172px; height:52px;
  background:#3a6da5 url("product-window-background.gif") repeat-y;}
#productMenu ul{
  position:relative;
  width:172px; 
  margin:0px; padding:0px;
  background:#3a6da5 url("product-window-background.gif") repeat-y;}
#productMenu li {list-style: none;}
#productMenu li a {
  position: relative;
  width:172px;
  text-decoration: none;
  font: 11px arial;
  color: #fff; outline: none;
  text-align: center;
  z-index: 10;display: block;}    
#productMenu li a:hover {background-color:#1d549b; color: #fff;}
#productMenu li .text {
  position:relative;
  padding-top:7px; padding-bottom:7px;
  margin-left:8px; margin-right:8px;
  z-index:14;}


/* Inside Content */

#content {
  font-family: "Verdana CE", "Arial CE", "Helvetica CE", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #174181;}
#content td {
  font-family: "Verdana CE", "Arial CE", "Helvetica CE", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #174181;}
#content h2 {
  font-family: "Verdana CE", "Arial CE", "Helvetica CE", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #AE1212;
  font-weight : bold;}
#content a {
  color: #174181;
  text-decoration:underline;}
#content a:hover {
  color: #ae1212;
  text-decoration:none;}
#content a img {
  border:0px;text-decoration:none;}
#content div.hr {
  width:100%;height:1px;background-color:#174181;overflow:hidden;margin-top:5px;margin-bottom:5px;}
#content .product-navigation {
  text-align: center;}
#content .product-navigation td{text-align: center;}
#content .product-navigation a {text-decoration:none;}
#content .product-navigation a.orange {color:#f60;}
#content .product-navigation a:hover.orange {color:#174181;}
#content .product-navigation img {position:relative;top:2px;}

/* Inside Content - products */

#products {
	position: relative;
    width:730px;
    /* border: 1px solid #ddd; */
    margin:0px; padding:0px 0px 0px 10px;
    overflow: hidden;}
#products li {
    float: left;
    list-style: none;
    margin: 0px 5px 5px 0px;}
#products li a {
    position:relative; overflow:hidden;
    width:355px; min-height:60px; _height:62px; 
    text-decoration: none;
    font: bold 11px arial;
    outline: none;
    text-align:left;
    color: #174181;
    z-index:10; letter-spacing: 0;
    float: left; display: block;
    margin-top:5px;}
#products li a:hover {text-decoration:underline;}
#products li img {border:none; position:absolute; left:6px; top:1px;}
#products li div.text {margin-left:130px; margin-right:5px; z-index:9;}
#products li.back {
    border: 1px dashed #92b1d0;
    z-index:8;
    position: absolute;}
    
/* Preview */
#preview {position:absolute;z-index:1000;width:100%;height:100%;display:none; cursor:pointer;}
#previewContent {position:relative;width:100%; height:100%;background-color:#fff; opacity:0.7;filter:alpha(opacity=70);z-index:999}
#preview img {position:relative;border:8px outset #396ea7;z-index:1001}