﻿body
{
    background:#66000e url('images/background_gradient.jpg') repeat-x top left;
    font-family:Arial, Sans-Serif;
    margin:0px; padding:0px;
}

    .mainArea_red,
    .mainArea_white
    {
        margin:10px auto 10px auto;
        width:800px;
        min-height:800px;
        position:relative; /* for footer */
    }
        .mainArea_red
        {
            background:#751f20 url('images/header.jpg') no-repeat top center;
            border:solid 1px red;
        }
        .mainArea_white
        {
            background:#fff url('images/header_white.jpg') no-repeat top center;
            border:solid 1px #fff;
        }
    .headerLogo
    {
        display:block;
        width:800px; height:103px;
    }
        .headerLogo span
        {
            display:none;
        }
    .navigation
    {
        margin:0px auto 0px auto;
        width:650px;
        color:#fff;
    }
        /* Top level selected item Style */
        .dxmMenuItemSelected, .dxmMenuItemSelectedWithImage, .dxmMenuItemSelectedWithPopOutImage, .dxmMenuItemSelectedWithImageWithPopOutImage, .dxmVerticalMenuItemSelected, .dxmVerticalMenuItemSelectedWithImage, .dxmVerticalMenuItemSelectedWithPopOutImage, .dxmVerticalMenuItemSelectedWithImageWithPopOutImage, .dxmMenuLargeItemSelected, .dxmMenuLargeItemSelectedWithImage, .dxmMenuLargeItemSelectedWithPopOutImage, .dxmMenuLargeItemSelectedWithImageWithPopOutImage, .dxmVerticalMenuLargeItemSelected, .dxmVerticalMenuLargeItemWithImageSelected, .dxmVerticalMenuLargeItemSelectedWithPopOutImage, .dxmVerticalMenuLargeItemSelectedWithImageWithPopOutImage
        {
            background-color:Transparent;
            border:0px;
        }
        .navigation a:link,
        .navigation a:visited,
        .navigation a:active,
        .navigation a:hover 
        {
            color:#fff;
            text-decoration:none;
            margin-right:50px;
        }               
        
        .dxmMenuItem, .dxmMenuItemWithImage
        {
            padding:2px 10px 2px 10px;
        }
        .navMenu,
        .navMenu span
        { 
            border:0px;
            background-color:transparent;
            font-size:1.2em;
            color:#fff;
            padding:0px;
        }
            /* Second Level Style */
            .navMenuSubMenu
            {
                border:0px;
                background-color:#000;
            }            
            
            .dxmMenuItemHover
            {
                background-color:transparent;
                border:0px;
            }
        
        
            .navSub
            {
                background-color:#c10001;
                border-color:#000;
                color:#fff;
            }
            .navSubHover
            {
                background-color:red;
                border-color:#545454;
            }
    .contentArea
    {
        padding:40px 80px 100px 80px;
        min-height:500px;
    }
        /* Default Page - Home Page */
        .mainArea_red .contentArea
        {
            padding:0px;
        }
    .featured
    {
        height:285px;
        margin-top:40px;
    }
        
        
        .featured div.menu 
        {
            background:transparent url('images/bg_featuresLink.gif') no-repeat top left;
            
            height:233px; 
            width:159px;
            float:right;
            margin:0px; 
            padding:50px 0px 0px 1px;
        }
        
        .featured div.menu .dxmMenu
        {
            float:left;            
        }
        
        .featured div.menu .homeMenu
        {
            border:0px;
            background-color:Transparent;       
        }
        .featured div.menu .homeMenu table,
        .featured div.menu .homeMenu table tr,
        .featured div.menu .homeMenu table tr td
        {            
            width:159px;
            float:left;
        }
        .featured div.menu .homeMenu table tr td.dxmVerticalMenuItemWithPopOutImage,
        .featured div.menu .homeMenu table tr td.dxmVerticalMenuItemHoverWithPopOutImage
        {
            border-bottom:dotted 1px #d0d0d0;
            background-color:Transparent;
            padding:2px 0px 2px 0px;
            white-space:normal;
            color:#8B98A0;
            text-decoration:underline;
            font-weight:bold;
        }
        .featured div.menu .homeMenu table tr td.dxmVerticalMenuItemWithPopOutImage:hover,
        .featured div.menu .homeMenu table tr td.dxmVerticalMenuItemHoverWithPopOutImage:hover
        {
            color:#000;
        }

        .featured div.menu .homeMenu table tr td.dxmVerticalMenuItemWithPopOutImage[style],
        .featured div.menu .homeMenu table tr td.dxmVerticalMenuItemHoverWithPopOutImage[style]
        {
            border:0px;
            width:120px !important;
            
        }
        
        .featured div.menu .homeMenu table tr td.dxmVerticalMenuItemWithPopOutImage span
        {
            border:solid 0px purple;
            margin-left:5px;
            float:left;
        }
        
        
        

        
            /* Fix */
            .featured ul li
            {
                margin:0px 0px 0px 0px; 
                padding:5px 0px 5px 5px;
                list-style-type:none;
            }
                .featured ul li a:link,
                .featured ul li a:visited,
                .featured ul li a:active,
                .featured ul li a:hover
                {
                    color:#8b98a0;
                    font-weight:bold;
                }
                
            
        .featured img 
        {
            float:right;
        }
        .tnFeatured
        {
            margin:50px auto 0px auto;
            text-align:center;
        }
        .tnFeatured img
        {
            width:100px;
            height:67px;
            margin:0px 15px;
        }

    .footer
    {   
        position:absolute;
        bottom:0px;
        display:block;
        clear:both;
        margin:10px auto;
        text-align:center;
        color:#660000;
        font-size:10px;
        width:800px;
    }
        .footer span
        {
            display:block;
            margin:0px auto; 
        }
        /* Default Page - Home Page */
        .mainArea_red .footer
        {
            color:#fff;
        }
        
    /* Content Area styles */
    ul.affiliations,
    ul.affiliations li
    {
        padding:0px;
        margin:0px;
        list-style-type:none;  
    }
            ul.affiliations li
            {
                margin-bottom:20px;
            }
            
    /* Contact Page */
    
    table.customerApp {}
    table.userInfo {}
    
    table.customerApp td,
    table.userInfo td
    {
        vertical-align:top;
    }
    
    table.customerApp,
    table.userInfo 
    {
        margin:10px 0px;
        width:650px;
    }
    
    table.customerApp th,
    table.userInfo th
    {
        background-color:#c8c8c8;
        padding:4px 4px 1px 4px;
    }
    
    table.customerApp 
        .dxeTextBox,
    table.userInfo 
        .dxeTextBox
    {
        width:200px;
    }
    .buttons {
        text-align:center;
    }
        .buttons .sendButton
        {
            margin:0px auto;
            width:200px;
        }
    /* Product Page */
    /* GreyScale: 10%:#dcdcdc , 15%:#dcddde; , 20%:#d1d3d4  */
    
    .TitleOrange
    {
        color:#ff8c00;
    }
    .OrangeTheme 
        table.PowerDistTable 
        tr 
        th
    {
        background-color:#ff8c00;
    }
    
    .imageContainer
    {
        width:300px; height:200px;
        float:left;
    }
    .titleFeatures 
    {
        width:338px; min-height:200px;
        float:right;
    }
        .titleFeatures 
            h2
        {
            color:#c10001;
            text-align:center;
            margin-bottom:0px;
            margin-top:50px;
        }
        .titleFeatures 
            h3
        {
            text-align:center;
            font-weight:normal;            
            margin-top:2px;
        }
        
    table.backImages
    {
        text-align:center;
        margin:20px auto;
    }
    
        table.backImages 
            label
        {
        
            font-size:.7em;
        }
    
    
    .prodDescrip
    {
        clear:both;
        padding:45px 0px;
        font-size:.8em;
    }
    .PowerDistTable,
    .PowerDistTable 
    {
        border:solid 2px #000;
        
    }
    .PowerDistTable 
        tr:nth-child(odd) 
        td
    {
        background:#cbcbcb;
    }
    
    .PowerDistTable 
        tr 
        th,
    .PowerDistTable 
        tr 
        td 
    {
        border:solid 1px #545454;        
        font-size:.7em;
        text-align:center;
        padding:3px;
    }
        .PowerDistTable tr th
        {
            background-color:#c10001;
            color:#fff;
        }
    .na
    {
        font-size:.8em;
        color:#545454;
    }
    .RegionWatts
    {
        margin:5px;
        font-weight:bold;
        display:block;
    }
    /* Rep List */
    .intlDist
    {
        font-family:Tahoma;
        font-size:9pt;
    }
    .intlDist h4
    {
        margin-bottom:0px;
    }
    /* News */
    .storyText
    {
        text-align:left;
    }
    div.news
    {
        text-align:center;
    }

    div.news .topLinks
    {
        padding:1px;
        display:block;
    }
    div.news a.topLinks:link,
    div.news a.topLinks:active,
    div.news a.topLinks:hover,
    div.news a.topLinks:visited
    {
        color:#8B98A0;
        font-weight:bold;
    }
    div.news a.topLinks:hover
    {
        color:#000;
    }
    ul.archive,
    ul.archive li
    {
        list-style-type:none;
        margin:0px;
        padding:0px;
    }
    ul.archive
    {
        margin-top:20px;
    }
    ul.archive li
    {
        margin:10px 0px;
    }
    ul.archive li a:link,
    ul.archive li a:active,
    ul.archive li a:hover,
    ul.archive li a:visited
    {
        color:#8B98A0;
        font-size:1.2em;
    }
    ul.archive li a:hover
   {
        color:#000;
   }
