/* CSS Document */
/* This CSS file is used for the button rules!
Essentially any images that are used in the site that may change based on :hover rules etc. are
defined here.  There are two rules for any given image; one for ie and one for everything else that
handles .png files natively.
There is ColdFusion code on each page that will attempt to determine the user's browser and then
attach the appropriate class to the parent element of the images.
The different rules are dependant on that class (or id) being accurately assigned to the parent.

OK, this page is pretty scary looking.  There seems like an awful lot of rules here...
I'm thinking I may create two versions of this file (1 for ie, 1 for the rest).
I can just include the standard browser detect line and only include the appropriate .css file.
*/

#tabs .tabimg {
	background-image:url(Images/tab-grey.png);
}

#tabs .selected .tabimg {
	background-image:url(Images/tab-gold.png) !important;
}

.buttons #wheel {
	background-image:url(Images/wheel-grey.png);
}

.buttons #stick {
	background-image:url(Images/stick-grey.png);
}

.buttons #dash {
	background-image:url(Images/dash-grey.png);
}

.buttons #wheel.selected {
	background-image:url(Images/wheel-yellow.png);
}

.buttons #stick.selected {
	background-image:url(Images/stick-yellow.png);
}

.buttons #dash.selected {
	background-image:url(Images/dash-yellow.png);
}

.buttons #wheel:hover {
	background-image:url(Images/wheel-white.png);
}

.buttons #stick:hover {
	background-image:url(Images/stick-white.png);
}

.buttons #dash:hover {
	background-image:url(Images/dash-white.png);
}

.icons #Yanke_Expedited_Services {
	background-image:url(Images/stopwatch-grey.png);
}

.icons #Yanke_Expedited_Services:hover {
	background-image:url(Images/stopwatch-white.png) !important;
}

.icons #Yanke_Expedited_Services.selected {
	background-image:url(Images/stopwatch-yellow.png);
}

.icons #Yanke_Specialized_Road_Services {
	background-image:url(Images/tire-grey.png);
}

.icons #Yanke_Specialized_Road_Services:hover {
	background-image:url(Images/tire-white.png) !important;
}

.icons #Yanke_Specialized_Road_Services.selected {
	background-image:url(Images/tire-yellow.png);
}

.icons #Yanke_Multimodal_Services {
	background-image:url(Images/train-grey.png);
}

.icons #Yanke_Multimodal_Services:hover {
	background-image:url(Images/train-white.png) !important;
}

.icons #Yanke_Multimodal_Services.selected {
	background-image:url(Images/train-yellow.png);
}

.icons #Yanke_Global_Logistics_Services {
	background-image:url(Images/boat-grey.png);
}

.icons #Yanke_Global_Logistics_Services:hover {
	background-image:url(Images/boat-white.png) !important;
}

.icons #Yanke_Global_Logistics_Services.selected {
	background-image:url(Images/boat-yellow.png);
}

.icons #Aero_Delivery {
	background-image:url(Images/sign-grey.png);
}

.icons #Aero_Delivery:hover {
	background-image:url(Images/sign-white.png) !important;
}

.icons #Aero_Delivery.selected {
	background-image:url(Images/sign-yellow.png);
}

.icons #Cool_Blue_Express {
	background-image:url(Images/thermometer-grey.png);
}

.icons #Cool_Blue_Express:hover {
	background-image:url(Images/thermometer-white.png) !important;
}

.icons #Cool_Blue_Express.selected {
	background-image:url(Images/thermometer-yellow.png);
}

.icons #Yanke_Supply_Chain_Services {
	background-image:url(Images/globe-grey.png);
}

.icons #Yanke_Supply_Chain_Services:hover {
	background-image:url(Images/globe-white.png) !important;
}

.icons #Yanke_Supply_Chain_Services.selected {
	background-image:url(Images/globe-yellow.png);
}

.icons #Vancouver {
	background-image:url(Images/vancouver-grey.png);
}

.icons #Vancouver:hover {
	background-image:url(Images/vancouver-white.png) !important;
}

.icons #Vancouver.selected {
	background-image:url(Images/vancouver-yellow.png);
}

.icons #Calgary {
	background-image:url(Images/calgary-grey.png);
}

.icons #Calgary:hover {
	background-image:url(Images/calgary-white.png) !important;
}

.icons #Calgary.selected {
	background-image:url(Images/calgary-yellow.png);
}

.icons #Edmonton {
	background-image:url(Images/edmonton-grey.png);
}

.icons #Edmonton:hover {
	background-image:url(Images/edmonton-white.png) !important;
}

.icons #Edmonton.selected {
	background-image:url(Images/edmonton-yellow.png);
}

.icons #Saskatoon_-_Head_Office {
	background-image:url(Images/saskatoon-grey.png);
}

.icons #Saskatoon_-_Head_Office:hover {
	background-image:url(Images/saskatoon-white.png) !important;
}

.icons #Saskatoon_-_Head_Office.selected {
	background-image:url(Images/saskatoon-yellow.png);
}

.icons #Regina {
	background-image:url(Images/regina-grey.png);
}

.icons #Regina:hover {
	background-image:url(Images/regina-white.png) !important;
}

.icons #Regina.selected {
	background-image:url(Images/regina-yellow.png);
}

.icons #Winnipeg {
	background-image:url(Images/winnipeg-grey.png);
}

.icons #Winnipeg:hover {
	background-image:url(Images/winnipeg-white.png) !important;
}

.icons #Winnipeg.selected {
	background-image:url(Images/winnipeg-yellow.png);
}

.icons #Brampton {
	background-image:url(Images/brampton-grey.png);
}

.icons #Brampton:hover {
	background-image:url(Images/brampton-white.png) !important;
}

.icons #Brampton.selected {
	background-image:url(Images/brampton-yellow.png);
}

.icons #Pointe_Claire {
	background-image:url(Images/ptclaire-grey.png);
}

.icons #Pointe_Claire:hover {
	background-image:url(Images/ptclaire-white.png) !important;
}

.icons #Pointe_Claire.selected {
	background-image:url(Images/ptclaire-yellow.png);
}

.icons #Yanke_Insider {
	background-image:url(Images/ribbon-grey.png);
}

.icons #Yanke_Insider:hover {
	background-image:url(Images/ribbon-white.png) !important;
}

.icons #Yanke_Insider.selected {
	background-image:url(Images/ribbon-yellow.png);
}

.icons #The_Link {
	background-image:url(Images/link-grey.png);
}

.icons #The_Link:hover {
	background-image:url(Images/link-white.png) !important;
}

.icons #The_Link.selected {
	background-image:url(Images/link-yellow.png);
}

.icons #Corporate_News, .icons #Equipment {
	background-image:url(Images/truck-grey.png);
}

.icons #Corporate_News:hover, .icons #Equipment:hover {
	background-image:url(Images/truck-white.png) !important;
}

.icons #Corporate_News.selected, .icons #Equipment.selected {
	background-image:url(Images/truck-yellow.png);
}

.icons #One_Million_Milers {
	background-image:url(Images/1mil-grey.png);
}

.icons #One_Million_Milers:hover {
	background-image:url(Images/1mil-white.png) !important;
}

.icons #One_Million_Milers.selected {
	background-image:url(Images/1mil-yellow.png);
}

.icons #Two_Million_Milers {
	background-image:url(Images/2mil-grey.png);
}

.icons #Two_Million_Milers:hover {
	background-image:url(Images/2mil-white.png) !important;
}

.icons #Two_Million_Milers.selected {
	background-image:url(Images/2mil-yellow.png);
}

.icons #Mission {
	background-image:url(Images/key-grey.png);
}

.icons #Mission:hover {
	background-image:url(Images/key-white.png) !important;
}

.icons #Mission.selected {
	background-image:url(Images/key-yellow.png);
}

.icons #Vision {
	background-image:url(Images/mirror-grey.png);
}

.icons #Vision:hover {
	background-image:url(Images/mirror-white.png) !important;
}

.icons #Vision.selected {
	background-image:url(Images/mirror-yellow.png);
}

.icons #Core_Values, .icons #Technology {
	background-image:url(Images/belt-grey.png);
}

.icons #Core_Values:hover, .icons #Technology:hover {
	background-image:url(Images/belt-white.png) !important;
}

.icons #Core_Values.selected, .icons #Technology.selected {
	background-image:url(Images/belt-yellow.png);
}

.icons #Guaranteed_Home_Policy {
	background-image:url(Images/home-grey.png);
}

.icons #Guaranteed_Home_Policy:hover {
	background-image:url(Images/home-white.png) !important;
}

.icons #Guaranteed_Home_Policy.selected {
	background-image:url(Images/home-yellow.png);
}

.icons #Guaranteed_Move_Policy {
	background-image:url(Images/pump-grey.png);
}

.icons #Guaranteed_Move_Policy:hover {
	background-image:url(Images/pump-white.png) !important;
}

.icons #Guaranteed_Move_Policy.selected {
	background-image:url(Images/pump-yellow.png);
}

.icons #Pension_Plan {
	background-image:url(Images/money-grey.png);
}

.icons #Pension_Plan:hover {
	background-image:url(Images/money-white.png) !important;
}

.icons #Pension_Plan.selected {
	background-image:url(Images/money-yellow.png);
}

.icons #Benefits {
	background-image:url(Images/benefits-grey.png);
}

.icons #Benefits:hover {
	background-image:url(Images/benefits-white.png) !important;
}

.icons #Benefits.selected {
	background-image:url(Images/benefits-yellow.png);
}

.icons #Profit_Share {
	background-image:url(Images/profit-grey.png);
}

.icons #Profit_Share:hover {
	background-image:url(Images/profit-white.png) !important;
}

.icons #Profit_Share.selected {
	background-image:url(Images/profit-yellow.png);
}

#C-TPAT, #C-TPAT:hover {
	background-image:url(Images/ctpat.png);
}

#C-TPAT.selected {
	background-image:url(Images/ctpat-yellow.png);
}

#FAST, #FAST:hover {
	background-image:url(Images/fast.png);
}

#FAST.selected {
	background-image:url(Images/fast-yellow.png);
}

#Terminals, #Terminals:hover {
	background-image:url(Images/terminal.png);
}

#Terminals.selected {
	background-image:url(Images/terminal-yellow.png);
}