﻿@import url("Main.css");
#main h1 {
    background: url( '../img/v1/CentreColumn/MainHeaderGreen.gif' ) no-repeat;
    }
    p
{
	font-weight:normal;
}
#main h2 
{
	color:#336600;
}
.login-title {
	color: #a50021;
	}
#nav-header
{
	background: url(../img/v1/LeftColumn/HeaderGreen.gif) no-repeat;
}
.Cart-Header
{
    background: url(../img/v1/RightColumn/CartHeaderGreen.gif) no-repeat;
}
.Feedback-Header
{
	background: url(../img/v1/RightColumn/FeedbackHeaderGreen.gif) no-repeat;
}
#ProductBoxBottom
{
	background: url( '../img/v1/CentreColumn/ProductSearchBottom.gif' ) 0px 0px no-repeat;
}
#global-table caption
{
   background-image: url(../img/v1/RightColumn/GHIHeaderGreen.gif);
}
#dots
{
	background: url(../img/v1/green-dots.gif) repeat-x;
}  
div.Home a, div.Products a, div.News a, div.Resources a, div.Login a, div.Search a {
	color:#ffffff;
	}
div.AboutUs a, div.AboutUs a:visited, div.AboutUs a:active
{
	color:#ffffff;
}

div.Home a {
	background: url( '../img/v1/NavBar/Home.gif' ) top left no-repeat;
}
div.Products a {
	background: url( '../img/v1/NavBar/Products.gif' ) top left no-repeat;
}
div.AboutUs a  {
	background: url( '../img/v1/NavBar/AboutUs.gif' ) -260px 0px no-repeat;
}
div.News a {
	background: url( '../img/v1/NavBar/News.gif' ) top left no-repeat;
}
div.Resources a {
	background: url( '../img/v1/NavBar/Resources.gif' ) top left no-repeat;
}
div.Login a {
	background: url( '../img/v1/NavBar/Login.gif' ) top left no-repeat;
}
#SmallPanels a.header
{
	background: url( '../img/v1/CentreColumn/SubPanelHeaderGreen.gif' ) no-repeat;
}
#DoubleSubPanels a.subheader
{
	background: url( '../img/v1/CentreColumn/LongSubPanelHeaderGreen.gif' ) no-repeat;
}
/*--
Button elements
*/

.button:hover span, .button.over span {
        background:url('../img/v1/button.gif') no-repeat 0 -125px;
}
.button:active span, .button.down span, #button a:active
{
	background:url('../img/v1/button.gif') no-repeat 0 -150px;
}
.button:hover em, .button.over em {
        background:url('../img/v1/button.gif') no-repeat 100% -125px;
}
.button:active em, .button.down em, #button a:active
{
	background:url('../img/v1/button.gif') no-repeat 100% -150px;
}