﻿
*
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html, body, form
{
    height: 100%;
}

body
{
    margin: 0px;
    padding: 0px;
    background-color: #7d8188;
    text-align: center;
}

body, input, select, textarea, td
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial;
    font-size: 11px;
}

#globalWrapper
{
    width: 980px;
    margin: 0 auto;
    padding-bottom: 5px;
    text-align: left;
}
    #globalHeader
    {
        height: 113px;
        background: url('/gfx/global-header.jpg') no-repeat;
        overflow: hidden;
    }
        #globalHeader .home
        {
            position: relative;
            display: block;
            width: 200px;
            height: 100px;
            left: 0;
            top: 0;
        }
            #globalHeader .home span
            {
                display: none;
            }       
        #globalHeader .cart
        {
            position: relative;
            width: 669px;
            left: 240px;
            top: -54px;
            color: #fff;
        }   
            #globalHeader .cart .loggedin
            {
                margin: 1px 0 5px 5px;
            }                
            #globalHeader .cart .cartlist
            {       
                width: 280px;
                margin: 0 10px 0 5px;
            }      
            #globalHeader .sum
            {       
                margin: 5px 15px 0 0;
            }                  
            #globalHeader a
            {       
                color: #fff;
            }     
            #globalHeader .button3
            {       
                margin-top: 1px;
            }                         
        #globalHeader .topmenu
        {
            position: relative;
            left: 640px;
            top: -100px;
            width: 268px;
            text-align: right;
            color: #fff;
        }      
            #globalHeader .topmenu a
            {  
                text-decoration: none;
            }           
            #globalHeader .topmenu a:hover
            {  
                text-decoration: underline;
            }                          
        #globalMain
        {
            width: 920px;
            background: #fff;
            margin: 0 auto;
        }
            #globalMainNav
            {
                padding: 10px 0 10px 10px;
            }
                #globalMainNav ul
                {
                    list-style-type: none;
                    padding: 0;
                    margin: 0;
                }
                #globalMainNav ul li
                {
                    display: block;
                    list-style-type: none;
                    float: left;
                    height: 30px;
                    margin-right: 2px;
                }    
                    #globalMainNav ul li a
                    {
                        display: block;
                        color: #3c3c3c;
                        height: 30px;
                        font-size: 12px;
                        font-weight: bold;
                        text-decoration: none;
                        background: url(/gfx/globalnav-item-bg.jpg) repeat-x;
                        overflow: hidden;
                        cursor: pointer;
                    }            
                        #globalMainNav ul li a span.left
                        {
                            display: block;
                            overflow: hidden;
                            height: 30px;
                            background: url(/gfx/globalnav-item-left.jpg) no-repeat left;
                        }  
                        #globalMainNav ul li a span.right
                        {
                            display: block;
                            overflow: hidden;
                            height: 30px;
                            background: url(/gfx/globalnav-item-right.jpg) no-repeat right;
                        }                          
                        #globalMainNav ul li a span.inner
                        {
                            display: block;
                            margin: 7px 17px 0 17px;
                            overflow: hidden;
                            white-space: nowrap;
                        }       
                        
                    #globalMainNav ul li a.item1 { width: 65px; }
                    #globalMainNav ul li a.item2 { width: 59px; }
                    #globalMainNav ul li a.item3 { width: 75px; }
                    #globalMainNav ul li a.item4 { width: 120px; }
                    #globalMainNav ul li a.item5 { width: 107px; }
                    #globalMainNav ul li a.item6 { width: 132px; }
                    #globalMainNav ul li a.item7 { width: 94px; }
                    #globalMainNav ul li a.item8 { width: 110px; }
                    #globalMainNav ul li a.item9 { width: 120px; }
                        
                    #globalMainNav ul li a:hover { background-image: url(/gfx/globalnav-item-bg-red.jpg); color: #fff; }
                    #globalMainNav ul li a:hover span.left { background-image: url(/gfx/globalnav-item-left-red.jpg); }
                    #globalMainNav ul li a:hover span.right { background-image: url(/gfx/globalnav-item-right-red.jpg); }
                    
                    #globalMainNav ul li a.green:hover { background-image: url(/gfx/globalnav-item-bg-green.jpg); color: #fff; }
                    #globalMainNav ul li a.green:hover span.left { background-image: url(/gfx/globalnav-item-left-green.jpg); }
                    #globalMainNav ul li a.green:hover span.right { background-image: url(/gfx/globalnav-item-right-green.jpg); }                    
                    
                    #globalMainNav ul li a.blue:hover { background-image: url(/gfx/globalnav-item-bg-blue.jpg); color: #fff; }
                    #globalMainNav ul li a.blue:hover span.left { background-image: url(/gfx/globalnav-item-left-blue.jpg); }
                    #globalMainNav ul li a.blue:hover span.right { background-image: url(/gfx/globalnav-item-right-blue.jpg); }   
                    
                    #globalMainNav ul li a.yellow:hover { background-image: url(/gfx/globalnav-item-bg-yellow.jpg); color: #fff; }
                    #globalMainNav ul li a.yellow:hover span.left { background-image: url(/gfx/globalnav-item-left-yellow.jpg); }
                    #globalMainNav ul li a.yellow:hover span.right { background-image: url(/gfx/globalnav-item-right-yellow.jpg); }   
                    
                    #globalMainNav ul li a.orange:hover { background-image: url(/gfx/globalnav-item-bg-orange.jpg); color: #fff; }
                    #globalMainNav ul li a.orange:hover span.left { background-image: url(/gfx/globalnav-item-left-orange.jpg); }
                    #globalMainNav ul li a.orange:hover span.right { background-image: url(/gfx/globalnav-item-right-orange.jpg); }  
                    
                    #globalMainNav ul li a.gray:hover { background-image: url(/gfx/globalnav-item-bg-gray.jpg); color: #fff; }
                    #globalMainNav ul li a.gray:hover span.left { background-image: url(/gfx/globalnav-item-left-gray.jpg); }
                    #globalMainNav ul li a.gray:hover span.right { background-image: url(/gfx/globalnav-item-right-gray.jpg); }                                                                                   
    
        #globalMiddle
        {
            overflow: hidden;
            margin: 16px 8px 16px 8px;
        }
     
            #globalSubNav
            {
                margin: 0 0 25px 0;
                padding: 0;
                list-style-type: none;
                overflow: hidden;
            }
                #globalSubNav li
                {     
                    display: inline;
                }   
                    #globalSubNav li a
                    {
                        display: block;
                        color: #777776;
                        width: 242px;
                        height: 30px;
                        font-size: 14px;
                        font-weight: bold;
                        text-transform: uppercase;
                        text-decoration: none;
                        overflow: hidden;
                    }
                        #globalSubNav li a span
                        {                
                            display: block;
                            margin: 4px 0 0 50px;
                        }
                    #globalSubNav li a:hover
                    {
                        color: #000;
                    }
                    #globalSubNav li.on a
                    {
                        background: url('/gfx/submenu-item-bg.png') no-repeat;
                    }               
          
            
    #globalFooter
    {
        background: url('/gfx/footer-bg.gif') no-repeat bottom;
        padding: 0 10px 0 10px;
    }   
        #globalFooter .content
        {
            /*border-top: 1px solid #d52002;*/
            padding: 10px 0 10px 0;
            font-size: 11px;
            line-height: 16px;
            font-weight: normal;
        }
            #globalFooter .content .marquee
            {
                font-size: 16px;
                font-weight: bold;
                text-transform: uppercase;
                margin-bottom: 10px;
                display: block;
            }
            #globalFooter .asterix
            {
                color: #666;
                display: block;
                margin-top: 5px;
            }
            
    
.signature
{
    color: #fff;
    /*background: #666;*/
    margin: 5px 40px 0 0;
    padding: 3px;
    font-size: 9px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    float: right;
}    
.signature:hover { color: #fff; }            
