﻿/*------------------------------ Header ---------------------------*/
.NavigationBar
{
    float: right;
    width: 570px;
    height: 110px;
    position: relative;
}

.CTBLogoNavigationButton
{
    background-image: url(images/navigation/CTBLogoNav.png);
    background-repeat: no-repeat;
    width: 130px;
    height: 128px;
    top : 0px;
    left : -145px;
    position: absolute;
    cursor : pointer;
}

.CTBLogoNavigationButton:hover
{
    background-image: url(images/navigation/CTBLogoNav.png);
    background-repeat: no-repeat;
}

.MYOBNavigationButton
{
    background-image: url(images/navigation/CTBMYOB.png);
    background-repeat: no-repeat;
    width: 130px;
    height: 128px;
    top : 0px;
    left : -145px;
    position: absolute;
    cursor : pointer;
}

.MYOBNavigationButton:hover
{
    background-image: url(images/navigation/CTBMYOBHover.png);
    background-repeat: no-repeat;
}

.ContactNavigationButton
{
    background-image: url(images/navigation/Contact.png);
    background-repeat: no-repeat;
    width: 92px;
    height: 128px;
    position: absolute;
    cursor : pointer;
}

.ContactNavigationButton:hover
{
    background-image: url(images/navigation/ContactHover.png);
    background-repeat: no-repeat;
}

.HelpNavigationButton
{
    background-image: url(images/navigation/Help.png?rd=3);
    background-repeat: no-repeat;
    width: 92px;
    height: 128px;
    position: absolute;
    top : 0px;
    left : -100px;
    cursor : pointer;
}

.HelpNavigationButton:hover
{
    background-image: url(images/navigation/HelpHover.png?rd=3);
    background-repeat: no-repeat;
}

.HelpSimplotNavigationButton
{
    background-image: url(images/navigation/HelpSimplot.png?rd=5);
    background-repeat: no-repeat;
    width: 102px;
    height: 128px;
    position: absolute;
    top : 0px;
    left : -100px;
    cursor : pointer;
}

.HelpSimplotNavigationButton:hover
{
    background-image: url(images/navigation/HelpSimplotHover.png?rd=5);
    background-repeat: no-repeat;
}

.YieldTestingNavigationButton
{
    background-image: url(images/navigation/YieldTesting.png);
    background-repeat: no-repeat;
    width: 100px;
    height: 128px;
    position: absolute;
    top : 0px;
    left : 357px;
    cursor : pointer;
}

.YieldTestingNavigationButton:hover
{
    background-image: url(images/navigation/YieldTestingHover.png);
    background-repeat: no-repeat;
}

.AdminNavigationButton
{
    background-image: url(images/navigation/Admin.png);
    background-repeat: no-repeat;
    width: 92px;
    height: 128px;
    position: absolute;    
    top : 0px;
    left : -10px;
    cursor : pointer;
}

.AdminNavigationButton:hover
{
    background-image: url(images/navigation/AdminHover.png);
    background-repeat: no-repeat;
}

.StockNavigationButton
{
    background-image: url(images/navigation/Stock.png);
    background-repeat: no-repeat;
    width: 92px;
    height: 128px;
    position: absolute;
    top : 0px;
    left : 85px;
    cursor : pointer;
}

.StockNavigationButton:hover
{
    background-image: url(images/navigation/StockHover.png);
    background-repeat: no-repeat;
}


.PantryNavigationButton
{
    background-image: url(images/navigation/Pantry.png);
    background-repeat: no-repeat;
    width: 92px;
    height: 128px;
    position: absolute;
    top : 0px;
    left : 267px;
    cursor : pointer;
}

.PantryNavigationButton:hover
{
    background-image: url(images/navigation/PantryHover.png);
    background-repeat: no-repeat;
}

.RevenueNavigationButton
{
    background-image: url(images/navigation/Revenue.png);
    background-repeat: no-repeat;
    width: 92px;
    height: 128px;
    position: absolute;
    top : 0px;
    left : 175px;
    cursor : pointer;
}

.RevenueNavigationButton:hover
{
    background-image: url(images/navigation/RevenueHover.png);
    background-repeat: no-repeat;
}

.HomeNavigationButton
{
    background-image: url(images/navigation/Home.png);
    background-repeat: no-repeat;
    width: 92px;
    height: 128px;
    position: absolute;
    top : 0px;
    left : 470px;
    cursor : pointer;
}

.HomeNavigationButton:hover
{
    background-image: url(images/navigation/HomeHover.png);
    background-repeat: no-repeat;
}