/* CREDITS */
/* 
 Client: Industrial Motor Supply, Inc.
 Project Managers: Fred Miles, Daniel LeFebvre
 Content: Mike Nelson, Amy Dietz
 Initial Web Design: Paul Gallo
 Making Design Web-Ready: Daniel LeFebvre
 Web Coding: Daniel LeFebvre
 Copyrighted 2006 by Daniel LeFebvre for Triscari Group, Inc.
 
 Note from the coder (Daniel LeFebvre)
When I was given the source files for this design, there was a lot of fixing up to do.  The initial design isn't mine, so I take no credit for that - 
however, I was forced to recreate it from scratch using the initial client-approved design plate as a template.

Tools used: Photoshop CS2, TopStyle Pro 3, FrontPage 2003
*/

/* www.triscari.com */

body
	{
		font-family: Arial;
		font-size: 9pt;
		color: #000000;
		background: #606060;
		margin-top: 0;
		margin-bottom: 0;
		text-align: center;
	}
.outlineTable
	{
		text-align: center;
		width: 750px;
		height: 100%;
		padding: 0 0 0 0;
		vertical-align: top;
		text-align: center;
		background: #FFFFFF;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		}
	

/* PAGE CLASSES */
/* These are the classes that make up the page essentials. */
.header
	{
		height: 100px;
		text-align: center;
		vertical-align: top;
	}
.menuBG
	{
		background: url(../images/layout/menu_bgGradient.gif);
		background-repeat: repeat-x;
		font-family: Verdana, Tahoma, Arial;
		font-size: 10pt;
		color: #000000;
	}
.menu
	{

	}
.menuCell
	{
		background: #71706e;
		border: 1px solid black;
		text-align: center;
		font-family: Verdana, Tahoma, Arial;
		font-size: 10pt;
		color: #FFFFFF;
		font-weight: bold;
	}
.menuCellOver
	{
		background: #aaabab;
		border: 1px solid black;
		text-align: center;
		font-family: Verdana, Tahoma, Arial;
		font-size: 10pt;
		color: #000000;
		font-weight: bold;
	}
.content
	{

		color: #000000;
		vertical-align: top;
	}
.rightBar
	{
		text-align: right;
		vertical-align: top;
		font-family: Arial;
		font-size: 9pt;
		color: #000000;
	}
.contentPadding
	{
		padding-right: 4px;
		padding-left: 4px;
	}
.contentText
	{
		font-family: Arial;
		font-size: 9pt;
		color: #000000;
	}

/* GENERIC CLASSES */
/* These are some classes that really have no specific use other than the fact that they are a necessity.  :)  */

.genericTable
	{
		padding: 0 0 0 0;
		border: 0;
		width: 100%;		
	}
td
	{
		font-family: Arial;
		font-size: 9pt;
		color: #000000;
	}
	
	
/* TWISTER CLASSES */
/* These classes are only on the Twister video page.  Might be taken out, we'll see. */

.twisterText
	{
		text-align: center;
		vertical-align: top;
		font-family: Arial;
		font-size: 9pt;
		color: #FFFFFF;
		font-weight: bold;
	}
	
/* WESTERN PLOWS & SPREADER CLASSES */
/* These classes are only on the Western Plows & Spreaders page. */

.westernHeaderText
	{
		text-align: center;
		vertical-align: top;
		font-family: Arial;
		font-size: 9pt;
		color: #FFFFFF;
		font-weight: bold;
		background: #606060;
	}
.westernRow1	
	{
		background: #DAF0FE;
		font-family: Arial;
		font-size: 9pt;
		color: #000000;
		vertical-align: top;
	}
.westernRow2
	{
		background: #FFFFFF;
		font-family: Arial;
		font-size: 9pt;
		color: #000000;
		vertical-align: top;
	}

	
/* MENU CLASSES */
/* The name is pretty self-explanitory.  These classes cover all the menus */

a.MenuLink:link 
	{ 
		color: #FFFFFF;
		text-decoration: none;
	}
a.MenuLink:visited 
	{ 
		color: #FFFFFF;
		text-decoration: none;
	}
a.MenuLink:hover 
	{ 
		color: #000000;
		text-decoration: none;
	}
a.MenuLink:active 
	{ 
		color: #FFFFFF;
		text-decoration: none;
	}

a.twisterTextClose:link 
	{ 
		color: #FFFFFF;
		text-decoration: none;
	}
a.twisterTextClose:visited 
	{ 
		color: #FFFFFF;
		text-decoration: none;
	}
a.twisterTextClose:hover 
	{ 
		color: #000000;
		text-decoration: none;
	}
a.twisterTextClose:active 
	{ 
		color: #FFFFFF;
		text-decoration: none;
	}


a:link 
	{ 
		color: #125ead;
		text-decoration: underline;
	}
a:visited 
	{ 
		color: #125ead;
		text-decoration: underline;
	}
a:hover 
	{ 
		color: #64abc7;
		text-decoration: none;
	}
a:active 
	{ 
		color: #125ead;
		text-decoration: underline;
	}