﻿/********************************************
   HTML GENERAL ELEMENTS
********************************************/
body
{
    margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
    background:url(../images/background.jpg) no-repeat top center #D2D3D5;    
}

img {border:0px;}

/********************************************
   LAYOUT - CONTENT
********************************************/

.TitleGrayMedium {color:#9999B4; font-family:Tahoma; font-size:medium; font-weight:bold; }
.contentGreen {margin-top:10px; border:15px solid #89C43F; background:#FFFFFF; padding:30px; }
.contentProductsList {margin-top:10px; background:#89C43F; }
.contentSearch {padding:30px 30px 30px 30px; color:#FFFFFF; font-family:Tahoma;}
.contentSearch a { color:white; }

/* Admin Options */
.AdminOptionBtn { cursor:pointer; font-family:Tahoma, Verdana; font-weight:bold; font-size:12px; color:#000000;}
.AdminOptionBtn img { vertical-align:middle;}

/* Loading */
.Loading { text-align:center; padding:100px 0px 100px 0px;}

/* Contact form */
.ContactLabel, .ContactButtons { text-align:right; vertical-align:top; }
.ContactTable label, .ContactBtn {color:#818286;}
.ContactTable input, .ContactTable textarea {border-bottom:1px solid #000000; border-top:1px solid transparent; border-left:1px solid transparent; border-right:1px solid transparent; width:250px;margin-bottom:5px;}
.ContactTable label, .ContactTable input, .ContactTable textarea, #ContactStatus {font-family:Tahoma, Verdana; font-size:12px;}
.ContactBtn {font-family:Tahoma, Verdana; font-size:13px; font-weight:bold; cursor:pointer;}
#ContactStatus {color:#85B94B; font-weight:bold;}

/* Products Categories */
.ProductsCategories { text-align:center; padding:10px;}
    .Products > p { font-size:18px; font-weight:bold; font-family:Trebuchet MS, Arial; color:#FFFFFF; text-align:left; margin:0px 0px 10px 0px;}
    .ProductsCategories > div { margin-bottom:10px;}
    #CategoriesList > div {margin-bottom:10px;}
    
/* Products */    
.Products { text-align:center; padding:10px;}
    .Products > div { margin-bottom:10px;}
    .ProductsNav, .ProductsNav a, .ProductsNav a:hover { font-size:18px; font-weight:bold; font-family:Trebuchet MS, Arial; color:#FFFFFF; text-align:left; margin:0px 0px 10px 0px; text-decoration:none;}
    .contentProductsNav {border:15px solid #89C43F; background:#89C43F; margin-bottom:-10px;}

/* Product */
.Product { padding:10px;}
    .Product > div { margin-bottom:10px;}
    .Product > p { font-size:18px; font-weight:bold; font-family:Trebuchet MS, Arial; color:#FFFFFF; text-align:left; margin:0px 0px 10px 0px;}


/* Search */
#Search {font-family:Trebuchet MS, Arial; font-size:12px;}
#Search a { text-decoration:none;}
#Search a:hover { text-decoration:underline;}

/* Simulators */
#Simulators fieldset, select, option {font-family:Trebuchet MS, Arial; font-size:13px;}
#Simulators select { width:200px; margin-bottom:3px;}
#Simulators option { padding:3px; padding-bottom:0px;}
#Simulators-Title {font-family:Trebuchet MS, Arial; font-size:17px; font-weight:bold;}
#Simulators-Description {font-family:Trebuchet MS, Arial; font-size:12px; margin-bottom:10px; text-align:justify;}

#Simulator-Solution { width:420px;}
.Simulator-Solution-Title {background:#ECECEC; color:#000000; width:420px; font-weight:bold; padding:2px 0px 2px 0px; text-align:right;}
.Simulator-Solution-Title > div { margin-right:210px;}
/*.Simulator-Solution-Product-Title {margin-top:5px;}*/
.Simulator-Solution-Item { border-top:1px solid #DDDDDD;}
    .Simulator-Solution-Lbl { display:block; float:left; color:#878787; width:210px; text-align:right; font-weight:bold; }
    .Simulator-Solution-Value { display:block; color:#000000; padding-left:5px; font-weight:bold;}
    .Simulator-Solution-Item-Special {background:#89C43F; color:#FFFFFF;}
    .Simulator-Solution-Item-Special-Value { font-size:16px;}

/********************************************
   LAYOUT - MASTERPAGE
********************************************/
.Page { margin:0px auto 5px auto; padding:0px 0px 0px 0px; }
.Page, .Header, .Menu, .Banner, .menuItemActiveContent, .Footer { width:900px; }

    #TitlePage { display:none; }

    .Header {position:relative; display:block; height:250px; }
        .Logo {position:absolute; top:30px; left:100px; }
        .Slogan {position:absolute; top:120px; left:250px; color:#AACC42; font-family:Tahoma; font-size:18px; font-weight:bold; }
        .HomeMapSearch {position:absolute; top:0px; right:0px; }
            .HomeMap {height:20px; background-color:#AACC42; border:1px solid #AACC42; color:#FFFFFF; }
                .HomeMap a, .HomeMap a:hover { text-decoration:none; color:#FFFFFF;}
            .Search {height:22px;  background-color:#FFFFFF; border:1px solid #818286; margin-top:5px; }
                .Search input { border:0px; width:220px; color:#AACC42;}
            .HomeMap, .Search { width:240px; padding-left:20px; padding-bottom:2px;}
            .HomeMap, .Search input {font-family:Tahoma, Trebuchet MS, Verdana; font-size:12px; font-weight:bold;}
            
            .Quicklinks { position:relative; background-color:#FFFFFF; border:1px solid #818286; margin-top:5px; padding-bottom:10px;}
                .Quicklinks-Header { border-bottom:2px #86CC90 solid; font-family:Trebuchet MS, Arial; font-size:14px; font-weight:bold; margin:2px 2px 10px 2px; padding:5px 5px 5px 10px; color:#89C440;}
                .Quicklinks-Item {font-family:Trebuchet MS, Arial; font-size:13px; font-weight:bold;color:#979797; margin-left:14px; text-decoration:none; display:block; margin-bottom:5px;}
                .Quicklinks-Item img { vertical-align:middle;}
                .Quicklinks-Close { position:absolute; top:5px; right:4px;}
    
    #Menu {height:33px;}                    
        .menuItem, .menuItem:hover, .menuItemActive {font-size:16px; width:178px; height: 33px; line-height: 2em; float: left; display: block; text-decoration: none; text-align: center; margin:0px; font-weight:bold; font-family:Trebuchet MS, Tahoma, Verdana; cursor:pointer;}         
        .menuItem, .menuItem:hover { color: #7E7F81; }
        .menuItem { border-bottom:1px solid #818286; border-top:1px solid transparent; border-left:1px solid transparent; border-right:1px solid transparent; }
        .menuItem:hover, .menuItemActive {color: #85B94B; }        
        .menuItemActive {  color: #85B94B; border-bottom:1px solid transparent; border-top:1px solid #818286; border-left:1px solid #818286; border-right:1px solid #818286; background-image:url(../images/btn-close.gif); background-repeat:no-repeat; background-position:right bottom; background:#FFFFFF;}        
        .menuItemBtnClose {vertical-align:middle; padding-left:30px; padding-bottom:3px;}        
                
    #Banner1 {margin-top:20px; margin-bottom:10px; padding:0px;}
    #Banner2 {border-top:0px; margin-top:1px; margin-bottom:10px; padding:0px;}
    #Banner1 img, #Banner2 img {border:1px solid #818286;  }
    #Banner2 img {border-top:0px;}
    
    .HomeTable{ border-collapse:separate; margin: 0px; padding:0px;}
    
    .Footer{margin:10px 0px 10px 0px; font-size:10px; position:relative;}
    
    #copyright { left:15px; }
    #author { right:15px; }
    #copyright, #author { position:absolute; top:5px; padding-bottom:5px;}
    #copyright, #author, #author a, #author a:hover {font-family:Trebuchet MS, Arial; font-size:11px; color:#9999B4; text-decoration:none;}                		
	
