@import url('/includes/css/reset.css');
@import url('/includes/css/opacity.css');

body
{
    font-family: Arial, Helvetica;
    font-size: 62.5%;
    color: #ffffff;
    background: #ffffff url('/images/backgrounds/bg.gif') repeat-x left top;
}

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

    a:hover
    {
        color: #747474;
        text-decoration: none;
    }
    
h1
{
    font-size: 6em;
}

.right { float: right !important; }

textarea
{
    font-family: Arial, Helvetica;
}

.loading
{
    margin: 200px auto;
}

/* Main layout */
#page-container
{
    width: 980px;
    margin: 0 auto;
}

    #header-container
    {
        width: 100%;
        float: left;
    }
    
    #content-container
    {
        width: 100%;
        height: 345px !important;
        float: left;
    }
    
    #product-navigation-container
    {
        width: 100%;
        float: left;
    }
    
    #site-navigation-container
    {
        width: 100%;
        float: left;
        position: relative;
        margin-bottom: 100px;
    }
    
    #footer-container
    {
        width: 100%;
        float: left;
        position: relative;
    }
    
/* Header */
#header
{
    width: 490px;
    height: 100px;
    float: left;
    position: relative;
    z-index: 10;
}

    #header #header-outer-ctr
    {
        width: 460px;
        height: 70px;
        float: left;
        padding: 15px;
        position: relative;
        z-index: 10000000;
    }

        #header #header-inner-ctr
        {
            width: 100%;
            float: left;
        }

            #header .zoeftig-logo
            {
                float: left;
                width: 92px;
                height: 64px;
                text-indent: -5000px;
                background: url('/images/logo.gif') no-repeat center top;
            }
            
            #header .lang-container
            {
                float: right;
            }
        
                #header .lang-container a
                {
                    height: 16px;
                    text-indent: -5000px;
                    float: left;
                    margin: 0 0 0 10px;
                }
                
                #header .lang-container a.uk-flag
                {
                    width: 34px;
                    background: url('/images/flags/uk_off.gif') no-repeat left top;
                }

                    #header .lang-container a.uk-flag:hover,
                    #header .lang-container a.uk-flag-active
                    {
                        width: 34px;
                        background: url('/images/flags/uk.gif') no-repeat left top;
                    }
            
                #header .lang-container a.us-flag
                {
                    width: 32px;
                    background: url('/images/flags/us_off.gif') no-repeat left top;
                }

                    #header .lang-container a.us-flag:hover,
                    #header .lang-container a.us-flag-active
                    {
                        width: 32px;
                        background: url('/images/flags/us.gif') no-repeat left top;
                    }
            
                #header .lang-container a.ru-flag
                {
                    width: 25px;
                    background: url('/images/flags/ru_off.gif') no-repeat left top;
                }

                    #header .lang-container a.ru-flag:hover,
                    #header .lang-container a.ru-flag-active
                    {
                        width: 25px;
                        background: url('/images/flags/ru.gif') no-repeat left top;
                    }
            
                #header .lang-container a.es-flag
                {
                    width: 25px;
                    background: url('/images/flags/es_off.gif') no-repeat left top;
                }

                    #header .lang-container a.es-flag:hover,
                    #header .lang-container a.es-flag-active
                    {
                        width: 25px;
                        background: url('/images/flags/es.gif') no-repeat left top;
                    }
            
                #header .lang-container a.cn-flag
                {
                    width: 25px;
                    background: url('/images/flags/cn_off.gif') no-repeat left top;
                }

                    #header .lang-container a.cn-flag:hover,
                    #header .lang-container a.cn-flag-active
                    {
                        width: 25px;
                        background: url('/images/flags/cn.gif') no-repeat left top;
                    }
            
                #header .lang-container a.ar-flag
                {
                    width: 34px;
                    background: url('/images/flags/ar_off.gif') no-repeat left top;
                }

                    #header .lang-container a.ar-flag:hover,
                    #header .lang-container a.ar-flag-active
                    {
                        width: 34px;
                        background: url('/images/flags/ar.gif') no-repeat left top;
                    }
            
/* Product Image Rotator */
.rotator-outer-ctr
{
    width: 100%;
    float: left;
    background-color: #676767;
}

    .rotator-inner-ctr
    {
        width: 980px;
        height: 115px;
        margin: 0 auto;
        padding: 8px 0 7px 0;
    }

        .rotator-images-ctr
        {
            width: 870px;
            float: left;
            padding: 0 0 0 10px;
        }

            .rotator-images-ctr a
            {
                float: left;
                cursor: pointer;
                position: relative;
            }
            
                .rotator-images-ctr a:hover
                {
                    width: 165px;
                    height: 115px;
                    float: left;
                    background: url('/images/product_hover.png') no-repeat left top;
                }
                
                .rotator-images-ctr a span
                {
                    width: 135px;
                    font-size: 2.2em;
                    color: #fff;
                    position: absolute;
                    left: 15px;
                    top: 15px;
                    text-indent: -5000px;
                }
                
                    .rotator-images-ctr a:hover span
                    {
                        text-indent: 0;
                    }
                
                .rotator-images-ctr a img
                {
                    float: left;
                }
                
                    .rotator-images-ctr a:hover img
                    {
                        opacity:0.1;
                        filter:alpha(opacity=10);
                    }

        .rotator-prev-btn-ctr,
        .rotator-next-btn-ctr
        {
            width: 44px;
            height: 115px;
            float: left;
            position: relative;
        }
        
            .rotator-prev-btn-ctr a
            {
                width: 44px;
                height: 44px;
                text-indent: -5000px;
                position: absolute;
                top: 0;
                left: 0;
                cursor: hand;
                background: url('/images/rotator/prev_off.gif') no-repeat left top;
            }
            
                .rotator-prev-btn-ctr a:hover
                {
                    background: url('/images/rotator/prev_on.gif') no-repeat left top;
                }
                
            .rotator-next-btn-ctr a
            {
                width: 44px;
                height: 44px;
                text-indent: -5000px;
                position: absolute;
                top: 0;
                right: 0;
                cursor: hand;
                background: url('/images/rotator/next_off.gif') no-repeat left top;
            }

                .rotator-next-btn-ctr a:hover
                {
                    background: url('/images/rotator/next_on.gif') no-repeat left top;
                }

/* Product Overview */
#product-overview-container
{
    width: 100%;
    float: left;
    position: relative;
    z-index:10;
}

#product-overview
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: url('/images/bg-product-overview.gif') repeat-x left bottom;
    /*z-index: 5000000;*/
}

#product-overview-content
{
    margin: auto;
    width: 980px;
}

    #product-overview-content .product-overview-images
    {
        display: none;
        clear: both;
    }

        #product-overview-content .rotator-outer-ctr
        {
            display: none;
            background-color: Transparent;
        }
    
            #product-overview-content .rotator-images-ctr .rrItem span
            {
                width: 158px;
                font-size: 2.2em;
                color: #ffffff!important;
                float: left;
                padding: 0 3px 5px 3px;                                        
            }  
           
            #product-overview-content .rotator-prev-btn-ctr,
            #product-overview-content .rotator-next-btn-ctr
            {
                height: 139px;
            }
      
    #product-overview-content .product-overview-link
    {
        float: left;
        width: 100%;
    }

        #product-overview-content .product-overview-link a
        {
            position: absolute;
            bottom: 0;
            width: 245px;
            height: 28px;
            font-size: 2.0em;
            color: #ffffff;
            text-decoration: none;
            text-align: center;
            padding-top: 12px;
            margin-left: 735px;
        }

            #product-overview-content .product-overview-link a:hover,
            #product-overview-content .product-overview-link a.active
            {
                background: #e60e64;
            }
    
/* Site Navigation */
#site-navigation
{
    position: absolute;
    bottom: -100px;
    background: url('/images/bg-navigation.gif') repeat-x left top;
    width: 100%;
    height: 100px;
    z-index: 500000;
}

    #site-navigation a
    {
        text-decoration: none;
        cursor: hand;
    }

    #site-navigation #nav-links-container
    {
        width: 980px;
        margin: auto;
    }

    /* Product Navigation Links */
    #site-navigation #product-nav-links-container
    {
        position: relative;
    }
    
    #site-navigation #product-nav-links
    {
        float: left;
        /*background: url('/images/bg-product-navigation.gif') repeat-y left top;*/
        height: 60px;
    }
    
    #site-navigation #product-nav-links li
    {
        float: left;
        width: 245px;
    }
    
    #site-navigation #product-nav-links a
    {
        display: block;
        width: 245px;
        height: 60px;
        text-indent: -5000px;
    }
    
        #site-navigation #product-nav-links a.products-en { background: url('/images/navigation/en/all-products.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.products-en:hover { background: url('/images/navigation/en/all-products-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.airports-en { background: url('/images/navigation/en/airports.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.airports-en:hover { background: url('/images/navigation/en/airports-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.transport-en { background: url('/images/navigation/en/transport.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.transport-en:hover { background: url('/images/navigation/en/transport-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.public-sectors-en { background: url('/images/navigation/en/public-sectors.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.public-sectors-en:hover { background: url('/images/navigation/en/public-sectors-over.gif') no-repeat left top; }

        #site-navigation #product-nav-links a.products-ru { background: url('/images/navigation/ru/all-products.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.products-ru:hover { background: url('/images/navigation/ru/all-products-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.airports-ru { background: url('/images/navigation/ru/airports.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.airports-ru:hover { background: url('/images/navigation/ru/airports-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.transport-ru { background: url('/images/navigation/ru/transport.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.transport-ru:hover { background: url('/images/navigation/ru/transport-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.public-sectors-ru { background: url('/images/navigation/ru/public-sectors.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.public-sectors-ru:hover { background: url('/images/navigation/ru/public-sectors-over.gif') no-repeat left top; }

        #site-navigation #product-nav-links a.products-es { background: url('/images/navigation/es/all-products.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.products-es:hover { background: url('/images/navigation/es/all-products-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.airports-es { background: url('/images/navigation/es/airports.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.airports-es:hover { background: url('/images/navigation/es/airports-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.transport-es { background: url('/images/navigation/es/transport.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.transport-es:hover { background: url('/images/navigation/es/transport-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.public-sectors-es { background: url('/images/navigation/es/public-sectors.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.public-sectors-es:hover { background: url('/images/navigation/es/public-sectors-over.gif') no-repeat left top; }

        #site-navigation #product-nav-links a.products-zh { background: url('/images/navigation/zh/all-products.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.products-zh:hover { background: url('/images/navigation/zh/all-products-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.airports-zh { background: url('/images/navigation/zh/airports.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.airports-zh:hover { background: url('/images/navigation/zh/airports-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.transport-zh { background: url('/images/navigation/zh/transport.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.transport-zh:hover { background: url('/images/navigation/zh/transport-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.public-sectors-zh { background: url('/images/navigation/zh/public-sectors.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.public-sectors-zh:hover { background: url('/images/navigation/zh/public-sectors-over.gif') no-repeat left top; }

        #site-navigation #product-nav-links a.products-ar { background: url('/images/navigation/ar/all-products.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.products-ar:hover { background: url('/images/navigation/ar/all-products-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.airports-ar { background: url('/images/navigation/ar/airports.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.airports-ar:hover { background: url('/images/navigation/ar/airports-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.transport-ar { background: url('/images/navigation/ar/transport.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.transport-ar:hover { background: url('/images/navigation/ar/transport-over.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.public-sectors-ar { background: url('/images/navigation/ar/public-sectors.gif') no-repeat left top; }
        #site-navigation #product-nav-links a.public-sectors-ar:hover { background: url('/images/navigation/ar/public-sectors-over.gif') no-repeat left top; }

    /* Site Navigation Links */
    #site-navigation #site-nav-links
    {
        position: absolute;
        bottom: 0;
        width: 980px;
        display: block;
        clear: both;
    }
    
    #site-navigation #site-nav-links li
    {
        float: left;
        width: 115px;
    }
    
    #site-navigation #site-nav-links li.downloads, #site-navigation #site-nav-links li.downloads li
    {
        width: 150px;
    }
    
    #site-navigation #site-nav-links a
    {
        float: left;
        padding: 0 50px 10px 20px;
        font-size: 1.8em;
        color: #ababab;
    }
    
        #site-navigation #site-nav-links a:hover
        {
            color: #ffffff;
        }
    
    #site-navigation #site-nav-links li ul
    {
        display: block;
    }
    
    #site-navigation #site-nav-links li ul li
    {
        float: none;
        display: none;
        vertical-align: bottom;
    }

    #site-navigation #site-nav-links li ul li a
    {
        float: none;
        display: block;
        font-size: 1.1em;
        line-height: 0.9em;
        padding: 4px 10px 4px 20px;
    }
    
/* Homepage Specific */
#homepage
{
    width: 100%;
    float: left;
    position: relative;
}

    #homepage #feature-container
    {
        float: left;
    }
    
    #homepage .feature
    {
        float: left;
        width: 450px;
        height: 185px;
        padding: 0 20px;
        position: relative;
    }
    
        #homepage .feature p
        {
            color: #cccccc;
            font-size: 1.6em;
            padding: 5px 0 0 0;
        }
        
        #homepage .feature #feature-link
        {
            position: absolute;
            right: 30px;
            top: 95px;
            width: 106px;
            height: 20px;
            line-height: 20px;
            /*text-indent: -5000px;*/
        }
        
        /*#homepage .feature .feature-link
        {
            background: url('/images/view-video.gif') no-repeat left top;
        }
        
            #homepage .feature .feature-link:hover
            {
                background: url('/images/view-video-over.gif') no-repeat left top;
            }
            
        #homepage .feature .feature-link-active
        {
            background: url('/images/close-video.gif') no-repeat left top;
        }
        
            #homepage .feature .video-link-active:hover
            {
                background: url('/images/close-video-over.gif') no-repeat left top;
            }*/

    #homepage .video-feature
    {
        display: none;
        position: absolute;
        width: 450px;
        height: 290px;
        top: -100px;
        left: 490px;
        padding: 20px;
    }

    #homepage .news-items
    {
        float: left;
        width: 980px;
        margin-top: 20px;
        clear: both;
    }
    
        #homepage .news-items *
        {
            margin: 0;
            padding: 0;
        }
        
        #homepage .news-items li
        {
            width: 245px;
        }
    
        #homepage .news-items a
        {
            float: left;
            width: 205px;
            height: 70px;
            padding: 20px;
            font-weight: bold;
            text-decoration: none;
            text-transform: uppercase;
            line-height: 1.6em;
            cursor: pointer;
            white-space: normal;
        }
        
            #homepage .news-items a span
            {
                float: left;
            }
        
            #homepage .news-items a strong
            {
                font-size: 1.1em;
                color: #cccccc;
            }
            
            #homepage .news-items a span.news-title
            {
                font-size: 1.6em;
                color: #ffffff;
            }
        
        #homepage .news-items a:hover
        {
            background: #2e2e2e;
        }
        
    #homepage a.more-news
    {
        float: left;
        width: 205px;
        padding: 9px 20px;
        clear: both;
        background: #2e2e2e;
        color: #ffffff;
        font-size: 1.4em;
    }
    
        #homepage a.more-news:hover
        {
            background: #e60e64;
        }
        
/* Content */
#content
{
    float: left;
    width: 980px;
    height: 324px;
    margin-top: 20px;
    color: #2e2e2e;
}

    #content a
    {
        text-decoration: underline;
        color: #2e2e2e;
    }
    
        #content a:hover
        {
            text-decoration: none;
        }
    
    #content h1
    {
        font-size: 3em;
    }
    
        #content h1.top-heading
        {
            float: left;
            width: 940px;
            padding: 20px 20px 0 20px;
        }
    
    #content h2
    {
        font-size: 2em;
    }
    
    #content p
    {
        color: #747474;
        font-size: 1.2em;
        line-height: 1.4em;
    }
    
        #content p.large
        {
            font-size: 1.4em;
        }
        
        #content p.x-large
        {
            font-size: 1.8em;
        }
            
    #content .content-col
    {
        float: left;
        width: 490px;
    }
    
    #content .text
    {
        width: 450px;
        padding: 20px;
    }
    
        #content .text-full
        {
            width: 940px;
            padding: 20px;
        }
        
/* Product section */
.product-section h1
{
    margin: 0 0 15px 0;
}

.product-section h2
{
    padding: 0 0 20px 0;
}

.product-section p.x-large
{
    padding-bottom: 20px;
}

.product-section .boss-ctr
{
    position: relative;
    margin-top: 30px;
    left: 0;
    bottom: 0;
}

/* Products */
.product
{
    position: relative;
}

    .product h1
    {
        width: 300px;
        float: left;
        margin: 0 0 15px 0;
    }

    .product .back-link
    {
        width: 150px;
        font-size: 1.5em;
        float: left;
        text-align: right;
        text-decoration: none !important;
        margin: 10px 0 0 0;
    }
    
        .product .back-link:hover
        {
            color: #e60e64 !important;
        }

        .product .airports:hover
        {
            color: #6d1f7e !important;
        }
        
        .product .transport:hover
        {
            color: #f78f1e !important;
        }
        
        .product .public-sectors:hover
        {
            color: #8dc63f !important;
        }

    .product .text
    {
        position: relative;
    }

    .product p
    {
        width: 100%;
        float: left;
    }

    .product .product-links-container
    {
        width: 462px;
        position: absolute;
        bottom: 0;
        left: 20px;
    }
    
    .product .image-ctr
    {
        margin: 9px 0 0 0;        
    }

        .product .image-info-bar
        {
            width: 460px;
            height: 14px;
            position: absolute;
            bottom: 0;
            left: 490px;
            padding: 6px 15px;
            /*background-color: #e60e64;
            opacity:0.5;
            filter:alpha(opacity=50);*/
        }
        
            .product .image-info-bar span
            {
                font-size: 1.4em;
                color: #fff;
                text-decoration: none;
            }

.boss-ctr
{
    width: 100%;
    float: left;
    position: absolute;
    left: 23px;
    bottom: 70px;
}

    .boss-ctr span
    {
        font-size: 1.8em;
        float: left;
        padding: 9px 5px 0 0;
    }

/* Product page links */
.product-links-container ul
{
    width: 100%;
    float: left;
}

    .product-links-container ul li
    {
        float: left;
        margin: 6px 6px 0 0;
    }
    
        .product-links-container ul li a
        {
            width: 206px;
            height: 10px;
            float: left;
            font-size: 1.3em;
            float: left;
            color: #fff !important;
            text-decoration: none !important;
            text-transform: uppercase;
            padding: 8px 8px;
            background-color: #e60e64;
            opacity:0.6;
            filter:alpha(opacity=60);
        }
        
            .product-links-container ul li a:hover
            {
                opacity: 1;
                filter:alpha(opacity=100);
            }
            
        .product-links-container .airports a
        {
            background-color: #6d1f7e;
        }
        
        .product-links-container .transport a
        {
            background-color: #f78f1e;
        }
        
        .product-links-container .public-sectors a
        {
            background-color: #8dc63f;
        }

/* Product Gallery */
.product-gallery
{
    float: left;
    width: 940px;
    padding: 20px;
    position: relative;
}

    .product-gallery .paging
    {
        position: absolute;
        right: 55px;
        top: 30px;
        font-size: 1.8em;
    }
    
        .product-gallery .paging a
        {
            float: left;
            padding: 5px;
            text-decoration: none !important;
            margin-left: 5px;
        }
        
            .product-gallery .paging a:hover,
            .product-gallery .paging a.active
            {
                float: left;
                padding: 5px;
                background: #e60e64;
                color: #ffffff !important;
            }

        .product-gallery .gallery-items
        {
            width: 100%;
            float: left;
            clear: both;
        }

            .product-gallery .gallery-items a
            {
                float: left;
                cursor: pointer;
                position: relative;
                margin: 15px 20px 0 0;
                text-decoration: none !important;
            }
            
                .product-gallery .gallery-items a:hover
                {
                    width: 165px;
                    height: 115px;
                    float: left;
                    background: url('/images/product_hover.png') no-repeat left top;
                }
                
                .product-gallery .gallery-items a span
                {
                    width: 135px;
                    font-size: 2.2em;
                    color: #fff;
                    position: absolute;
                    left: 15px;
                    top: 15px;
                    text-indent: -5000px;
                }
                
                    .product-gallery .gallery-items a:hover span
                    {
                        text-indent: 0;
                    }
                
                .product-gallery .gallery-items a img
                {
                    float: left;
                }
                
                    .product-gallery .gallery-items a:hover img
                    {
                        opacity:0.2;
                        filter:alpha(opacity=20);
                    }

/* Footer */
#footer
{
    margin: auto;
    width: 980px;
}

    #footer ul
    {
        float: left;
        width: 940px;
        padding: 10px 20px;
    }
    
        #footer ul li
        {
            float: left;
            font-size: 1.1em;
            color: #fff;
            padding: 0 3px 0 0;
        }
        
            #footer ul li a
            {
                color: #fff;
                text-decoration: none;
            }
            
            #footer ul li a:hover
            {
                color: #ffffff;
            }
        
        #footer ul li.logos
        {
            float: right;
        }
        
            #footer ul li.logos a,
            #footer ul li.logos span
            {
                float: left;
                height: 48px;
                text-indent: -5000px;
                margin-left: 20px;
            }
            
            #footer ul li.logos .supporto
            {
                width: 64px;
                background: url('/images/supporto.png') no-repeat left top;
            }
            
            #footer ul li.logos .years
            {
                width: 46px;
                background: url('/images/40-years.png') no-repeat left top;
            }
            
            #footer ul li.logos .award
            {
                width: 36px;
                background: url('/images/qa-award.png') no-repeat left top;
            }
                
/* Case Studies */
#case-studies-ctr
{
    width: 490px;
    float: left;
    position: relative;
    margin: 9px 0 0 0;
}

    #case-studies-ctr span
    {
        font-size: 1.4em;
        color: #fff;
        position: absolute;
        bottom: 6px;
        margin: 0 0 0 -475px;
        z-index: 100;
    }
    
    #case-studies-info-ctr
    {
        width: 490px;
        height: 26px;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
        #case-studies-info-bar
        {
            width: 460px;
            height: 16px;
            float: left;
            padding: 5px 15px;
        }

            #case-studies-info-bar a
            {
                color: #fff;
                text-decoration: none;
                cursor: pointer;
            }
            
            #case-studies-info-bar .rotator-link-ctr
            {
                width: 40px;
                float: right;
            }
            
                #case-studies-info-bar .rotator-link-ctr a
                {
                    width: 16px;
                    height: 16px;
                    text-indent: -5000px;
                }
            
                #case-studies-info-bar .rotator-prev-link
                {
                    float: left;
                    background: url('/images/rotator/prev_sml_off.gif') no-repeat left top;
                }
                
                    #case-studies-info-bar .rotator-prev-link:hover
                    {
                        background: url('/images/rotator/prev_sml_on.gif') no-repeat left top;
                    }
                
                #case-studies-info-bar .rotator-next-link
                {
                    float: right;
                    background: url('/images/rotator/next_sml_off.gif') no-repeat left top;
                }

                    #case-studies-info-bar .rotator-next-link:hover
                    {
                        background: url('/images/rotator/next_sml_on.gif') no-repeat left top;
                    }

/* Office Details */
.office-details
{
    float: left;
    width: 205px;
    height: 150px;
    padding: 15px 20px;
    position: relative;
    clear: both;
    margin-bottom: 15px;
}

    .office-details h2
    {
        font-size: 1.6em !important;
        color: #ffffff;
        text-transform: uppercase;
    }
    
    .office-details p
    {
        color: #ffffff !important;
        margin-top: 10px;
    }
    
    .office-details a
    {
        color: #e60e64 !important;
    }
    
    .office-details a.street-view
    {
        position: absolute;
        right: 10px;
        top: 60px;
        width: 49px;
        height: 50px;
        text-indent: -5000px;
        background: url('/images/maps/street-view.gif') no-repeat center top;
    }
    
    .office-details a.street-view:hover
    {
        background: url('/images/maps/street-view-over.gif') no-repeat center top;
    }

#contact-form
{
    width: 940px;
    float: left;
    padding: 20px;
}

    #contact-form dl
    {
        width: 275px;
        padding-right: 25px;
        float: left;
    }
    
    #contact-form dd
    {
        padding-top: 10px;
    }
    
    #contact-form dt
    {
        padding-top: 2px;
    }
    
    #contact-form input
    {
        width: 260px;
    }
    
    #contact-form textarea
    {
        width: 260px;
        height: 100px;
    }
    
    #contact-form .required-field
    {
        color: #e60e64;
    }
    
    #contact-form .validation-container
    {
        font-size: 1.1em;
        padding-top: 5px;
    }
    
    #contact-form a
    {
        float: right;
        font-size: 2.2em;
        text-decoration: none;
    }
    
/* Transport */
img.linkUpIcon
{
    float:right;
    margin: -5px 15px 0 0;
}