@charset "utf-8";
/* CSS Document */

body,td,th {
  font-family:Franklin Gothic Book, Arial, Geneva, Helvetica, sans-serif;
  margin:0;
  padding:0;
}
body {
  background-color:#810303;
  background-image:url(images/layout/bgs/top-edge_bg.png);
  background-repeat:repeat-x;
  margin:0;
  padding:0;
}
/* RED Page Links */
a:link {
  color:#E21E26;
  text-decoration:none;
  font-weight:bold;
}
a:visited {
  color:#810303;
  text-decoration:none;
  font-weight:bold;
}
a:hover {
  color:#E34141;
  text-decoration:underline;
  font-weight:bold;
}
a:active {
  color:#952B2B;
  text-decoration:none;
  font-weight:bold;
}
h1,h2,h3,h4 {
  font-family: Arial, Geneva, Helvetica, sans-serif;
}
h1 {
  margin-bottom:0;
  padding-bottom:0;
  color:#FFFFFF;
  text-shadow:#111111 0.4em 0.4em 0.4em, #000000 0.25em 0.25em 0.25em;
}
h2 {
  color:#000000;
  padding-top:20px;
}
h3 {
  color:#000000;
}
h5 {
  font-size:x-small;
  color:#FFFFFF;
}
h6 {
  font-size:xx-small;
  color:#FFFFFF;
}
p {
  max-width:1000px;
}
container {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  overflow:hidden;
  background-color:#810303;
}
#header {
  top:0px;
  left:0px;
  width:100%;
  height:124px;
  vertical-align:middle;
  overflow:auto;
}
#topedge {
  width:100%;
  height:30px;
  background-image:url(images/layout/bgs/top-edge_bg.png);
  background-color:#810303;
}  
#company-logo {
  position:absolute;
  left:12px;
  top:36px;
  width:226px;
  height:76px;
  background-color:#810303;
}
#heading {
  position:absolute;
  left:250px;
  top:15px;
  height:93px;
  padding-right:1em;
}
#section {
  position:relative;
  left:0px;
  top:0px;
  width:100%;
  overflow:hidden;
  background-color:#810303;
}
#content-area-wrapper {
  position:relative;
  margin-left:200px;
  top:0px;
  right:0px;
  overflow:hidden;  
  background-color:#FFFFFF;
  background-image:url(images/layout/bgs/content_right-edge-shadow.png);
  background-repeat:repeat-y;
}
#content-area-top-left-corner {
  position:absolute;
  width:43px;
  height:42px;
  background-color:#FFFFFF;
}
#content-area {
  position:relative;
  margin-left:43px;
  margin-right:0;
  top:0px;
  overflow:hidden;
  background-color:#FFFFFF;
  background-image:url(images/layout/bgs/content_top-edge_shadow.png);
  background-repeat:repeat-x;
}
#aside {
  float:right;
  width:24%;
}
#content {
  width:72%;
}
#endgame {
  font-family:Franklin Gothic Book, Arial, Geneva, Helvetica, sans-serif;
  font-size:smaller;
  text-align:center;
  margin-bottom:0;
  padding-top:14px;
  padding-bottom:0;
}
#text-links {
  text-align:left;
  font-family:Franklin Gothic Book, Arial, Geneva, Helvetica, sans-serif;
  font-size:.8em;
}
#text-links ul li {
  padding:0 0 0 3px;
  display:inline;
}
#text-links a:link {
  color:#E21E26;
  text-decoration:none;
  font-weight:bold;
}
#text-links a:visited {
  color:#810303;
  text-decoration:none;
  font-weight:bold;
}
#text-links a:hover {
  color:#E34141;
  text-decoration:underline;
  font-weight:bold;
}
#text-links a:active {
  color:#952B2B;
  text-decoration:none;
  font-weight:bold;
}
#green-links {
  text-align:center;
  max-height:35px;
  font-family:Franklin Gothic Book, Arial, Geneva, Helvetica, sans-serif;
  font-size:.8em;
}
#green-links ul li {
  display:inline;
}
#green-links a:link {
  color:#3CCF3C;
  text-decoration:none;
  font-weight:bold;
}
#green-links a:visited {
  color:#227722;
  text-decoration:none;
  font-weight:bold;
}
#green-links a:hover {
  color:#63CF63;
  text-decoration:underline;
  font-weight:bold;
}
#green-links a:active {
  color:#089E08;
  text-decoration:none;
  font-weight:bold;
}
#footer {
  position:relative;
  top:0px;
  left:0px;
  margin:0;
  width:100%;
  height:92px;
  text-align:center;
  background-color:#222222;
  background-image:url(images/layout/bgs/bg_tile_footer_full-accurat.png);
  background-repeat:repeat-x;
}
#content-footer {
  position:relative;
  margin-left:200px;
  right:0px;
  height:35px;
  text-align:center;
  font-family:Franklin Gothic Book, Arial, Geneva, Helvetica, sans-serif;
  font-size:.7em;
  background-color:#FFFFFF;
  overflow:auto;
}
#footer-content-shadow {
  position:relative;
  margin-left:200px;
  right:0px;
  height:50px;
  text-align:center;
  background-image:url(images/layout/bgs/footer-content-shadow_top-h.png);
  background-repeat:repeat-x;
}
#footer-notices {
  text-align:center;
  max-height:50px;
  font-family:Franklin Gothic Book, Arial, Geneva, Helvetica, sans-serif;
  font-size:.7em;
  color:#EEEEEE;
}
#footer-notices p {
  padding-top:3px;
  text-align:center;
}
#nav {
  position:absolute;
  left:14px;
  top:49px;
  width:179px;
  text-align:right;
  font-family:Franklin Gothic Book, Arial, Geneva, Helvetica, sans-serif;
  font-size:.8em;
}
#nav ul {
  list-style:none;
  margin:0;
  text-align:left;
}
#nav a:link {
  color:#E38A41; /* Golden Orange */
  text-decoration:none;
  font-weight:bold;
}
#nav a:visited {
  color:#E38A41; /* Golden Orange */
  text-decoration:none;
  font-weight:bold;
}
#nav a:hover {
  color:#FFFFFF; /* White */
  text-decoration:underline;
  font-weight:bold;
}
#nav a:active {
  color:#DBDBDB; /* Light Gray */
  text-decoration:none;
  font-weight:bold;
}
#dktexturebg {
  background-color:#222222;
  background-image:url(images/ads/ad-tile_705.png);
  background-repeat:repeat-y;
}
#go-green-promo {
  position:relative;
  width:179px;
  text-align:left;
  background-color:#222222;
  background-image:url(images/ads/ad-tile_705.png);
  background-repeat:repeat-y;
  color:#3ccf3c;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:small;
}
#go-green-promo p {
  padding-left:12px;
  padding-right:10px;
}
/* MENU: */
		/* CSS Sprites Based Interactive Navigation Menu IDs */
		#navigation { /* Sets up the default menu buttons image and the overall size. */
		    width: 173px; 
			height: 245px;
		    background: url(images/menu/menu_btns_706.png);
			margin: 0;
		    padding: 0;
		    position: relative;
			overflow:hidden;
		}
		#navigation li {
		    margin: 0; 
			padding: 0; 
			list-style: none; /* Rids the UL of bullets, which we do not want. */
		}
		#navigation li, #navigation a { 
			display: block; /* Displays the navigation li and a elements as a block for our required snips of images. */
			margin: 0; 
			padding: 0;
			width: 173px; /* This is the uniform required width amongst all our menu items (snippets of images). */
			height: 35px; /* As all of our images are the same height, this is easy enough to declare. */
			overflow: hidden; /* Hides excess parts of the image we don't want showing. */
		}
		#navigation li a {
		text-align: left;
		text-indent: -9999em; /* Users with CSS turned-off will still see a text link. Users with CSS will see an interactive menu based on CSS Sprites. */
		height: 35px; /* Some default size seems to be required here.  We are using the height of the tallest button, which is 35px because they are uniformly 35px. */
		}
		#home {
			left: 0; 
			top: 0;
			height: 35px;
			width: 173px;
		}
		#home a:hover {
		    background: transparent url(images/menu/menu_btns_706.png) -173px 0 no-repeat;
		}
		#home a:active {
		    background: transparent url(images/menu/menu_btns_706.png) -346px 0 no-repeat;
		}
		#cargo-heaters {
			left: 0; 
			top: 35px;
			height: 35px;
			width: 173px;
		}
		#cargo-heaters a:hover {
		    background: transparent url(images/menu/menu_btns_706.png) -173px -35px no-repeat;
		}
		#cargo-heaters a:active {
		    background: transparent url(images/menu/menu_btns_706.png) -346px -35px no-repeat;
		}
		#traction-sanders {
			left: 0; 
			top: 70px;
			height: 35px;
			width: 173px;
		}
		#traction-sanders a:hover {
		    background: transparent url(images/menu/menu_btns_706.png) -173px -70px no-repeat;
		}
		#traction-sanders a:active {
		    background: transparent url(images/menu/menu_btns_706.png) -346px -70px no-repeat;
		}
		#gopher-getters {
			left: 0; 
			top: 105px;
			height: 35px;
			width: 173px;
		}
		#gopher-getters a:hover {
		    background: transparent url(images/menu/menu_btns_706.png) -173px -105px no-repeat;
		}
		#gopher-getters a:active {
		    background: transparent url(images/menu/menu_btns_706.png) -346px -105px no-repeat;
		}
		#gopher-bait {
			left: 0; 
			top: 140px;
			height: 35px;
			width: 173px;
		}
		#gopher-bait a:hover {
		    background: transparent url(images/menu/menu_btns_706.png) -173px -140px no-repeat;
		}
		#gopher-bait a:active {
		    background: transparent url(images/menu/menu_btns_706.png) -346px -140px no-repeat;
		}
		#ordering {
			left: 0; 
			top: 175px;
			height: 35px;
			width: 173px;
		}
		#ordering a:hover {
		    background: transparent url(images/menu/menu_btns_706.png) -173px -175px no-repeat;
		}
		#ordering a:active {
		    background: transparent url(images/menu/menu_btns_706.png) -346px -175px no-repeat;
		}
		#contact {
			left: 0; 
			top: 210px;
			height: 35px;
			width: 173px;
		}
		#contact a:hover {
		    background: transparent url(images/menu/menu_btns_706.png) -173px -210px no-repeat;
		}
		#contact a:active {
		    background: transparent url(images/menu/menu_btns_706.png) -346px -210px no-repeat;
		}
/* /MENU */
		
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float:right;
  margin-left:8px;
}
.fltlft { /* this class can be used to float an element left in your page */
  float:left;
  margin-right:8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear:both;
  height:0px;
  font-size:1px;
  line-height:0px;
}
.container {
  display:table;
}
.row {
  display:table-row;
}
.cell {
  display:table-cell;
}
.x-small {
  font-size:x-small;
}
.Elston-Red {
  color:#E21E26;
  font-weight:bold;
}
.Elston-Red-Bright {
  color:#E34141;
  font-weight:bold;
}
.Elston-Maroon {
  color:#810303;
  font-weight:bold;
}
.Elston-Red-Shaded {  
  color:#952B2B;
  font-weight:bold;
}
.Lavender {
  color:#9F085D;
  font-weight:bold;
}
.GoGreen {
  color:#3CCF3C;
  font-weight:bold;
}
.Green-Hover {
  color:#089E08;
  font-weight:bold; 
}
.Green-Visited {
  color:#227722;
  font-weight:bold; 
}
.Green-Active {
  color:#63CF63;
  font-weight:bold; 
}
.go-green a:link {
  color:#3CCF3C;
  text-decoration:none;
  font-weight:bold;
}
.go-green a:visited {
  color:#227722;
  text-decoration:none;
  font-weight:bold;
}
.go-green a:hover {
  color:#63CF63;
  text-decoration:underline;
  font-weight:bold;
}
.go-green a:active {
  color:#089E08;
  text-decoration:none;
  font-weight:bold;
}
.img-right {
  float:right;
  padding-top:6px;
  padding-left:2em;
  padding-bottom:6px;
  border:0;
}
.img-left {
  float:left;
  padding-top:6px;
  padding-right:2em;
  padding-bottom:6px;
  border:0;
}
.footer-text {
  font-size:x-small;
  color:#CCCCCC;
  font-weight:bold;
}
.nobgsidebar {
  padding-top:35px;
  padding-left:35px;
  padding-right:35px;
}
.dkbgsidebar {
  /* background-image:url(images/layout/bgs/bg_dark-texture_tile.png); */
  color:#FFFFFF;
  padding-top:49px;
}
.dktexture {
  width:100%;
  border:0;
  color:#FFFFFF;
}
.dkbg-topleft {
  width:35px;
  height:35px;
  background-image:url(images/layout/bgs/bg_dark-texture_left-top-cr.png);
  background-repeat:no-repeat;
  color:#FFFFFF;
}
.dkbg-topedge {
  height:35px;
  background-image:url(images/layout/bgs/bg_dark-texture_top-edge.png);
  background-repeat:repeat-x;
  color:#FFFFFF;
}
.dkbg-topright {
  width:37px;
  height:35px;
  background-image:url(images/layout/bgs/bg_dark-texture_right-top-c.png);
  background-repeat:no-repeat;
  color:#FFFFFF;
}
.dkbg-leftedge {
  width:35px;
  background-image:url(images/layout/bgs/bg_dark-texture_left-edge.png);
  background-repeat:repeat-y;
  color:#FFFFFF;
}
.dkbg-main {
  background-color:#222222;
  background-image:url(images/layout/bgs/bg_dark-texture_tile.png);
  background-repeat:repeat;
  color:#FFFFFF;
}
.dkbg-rightedge {
  width:37px;
  background-image:url(images/layout/bgs/bg_dark-texture_right-edge.png);
  background-repeat:repeat-y;
  color:#FFFFFF;
}
.dkbg-btmleft {
  width:35px;
  height:40px;
  background-image:url(images/layout/bgs/bg_dark-texture_lower-left-.png);
  background-repeat:no-repeat;
  color:#FFFFFF;
}
.dkbg-btmedge {
  height:40px;
  background-image:url(images/layout/bgs/bg_dark-texture_lower-edge.png);
  background-repeat:repeat-x;
  color:#FFFFFF;
}
.dkbg-btmright {
  width:37px;
  height:40px;
  background-image:url(images/layout/bgs/bg_dark-texture_lower-right.png);
  background-repeat:no-repeat;
  color:#FFFFFF;
}
.whitebold {
  color:#FFFFFF;
  font-weight: bold;
}