/*
CSS author: Karen Lawes
Created: Jan 2007
Design: Affiliate - Equipment Resource
Description: all styles
*/

a { color: #000000;  }
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover, a:active { color: #666666;}
body.index { margin-top: 0px;  }
body div#center { width: 745px; margin: auto auto; padding-top: 0px; margin-top: 0px; }
body { padding-top: 0px; margin-top: 0px; }
/* jump to top link */
body div.border {clear: both; height: 16px; background: url(images/border-fade.gif) repeat-x left bottom; border-bottom: solid 1px #333333; width: 100%; margin: 0px; }
body h1 { padding: 0px 0px 0px 0px; margin: 0px; font: bold 26px impact; }
body img.subpage-image {float: right; margin-right: 60px; padding-left: 10px;}
body div.directory p { font-size: 12px;}
body div.directory hr.divider { width: 650px; margin: auto auto;}

body div.skyscraper { float: right; margin-right: 55px; padding: 10px; }

/* Forms */
.tabledetails{font:12px/14px Arial, Helvetica, sans-serif; margin:0 0px 0 70px;}
.tabledetails input{font:12px Arial, Helvetica, sans-serif;}
.asterix {color:#990000;}

/* Hover Tip*/
#dhtmltooltip{
background: url(images/bg-hover.gif) no-repeat top left; 
position: absolute;
width: 155px;
height: 160px;
padding: 40px 35px 15px 15px; 
text-align: left; 
visibility: hidden;
z-index: 100;
font: bold 12px arial;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}



/* tab sytles */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/doors_drop_line.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* for this demo only */
#nav a { color: #666666; font-family: Times New Roman;}
#nav a:link { color: #666666; }
#nav a:visited { color: #666666; }
#nav a:hover, #nav a:active { color: #000000;}
#nav { width: 1200px; margin:0px 0 25px 0; padding-top: 45px; background: #000000 url("images/spotlight.gif") no-repeat right top; font-family: Times New Roman;  }
/* the styling */

#nav {float:left; padding-left:0px; width:100%; height:auto; }
#nav .select, #nav .current {margin:2.5em 0 0 0; padding:0; list-style:none; display:block;}
#nav .sub {margin:0; padding:0; list-style:none;}
#nav li {display:block; float:left; margin:0; padding:0; position:relative; z-index:100;}
#nav .current li {z-index:50;}
#nav .select a, 
#nav .current a {display:block; height:2.5em; float:left; width:100px; background:url("images/left_both.gif") no-repeat left top; padding:0 0 0 9px; border-bottom:1px solid black; text-decoration:none; font-weight:bold; line-height:2.4em; white-space:nowrap;}

/* calculate the required widths of the top level */
#nav .one a {width:7em;}
#nav .two a {width:6em;}
#nav .three a {width:6em;}
#nav .four a {width:8em;}
#nav .five a {width:8.5em;}
#nav .six a {width:6.2em;}
#nav .select a b, 
#nav .current a b {height:100%; display:block; background:url("images/right_both.gif") no-repeat right top; padding:0 15px 0 6px; color:#553;}
#nav .sub {display:none;}
/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:1em;}

#nav .select a:hover b {color:#000; cursor:pointer;}

#nav .current a {background-position:0 -150px; border-color:#fff;}
#nav .current a b {background-position:100% -150px; color:#000;}

#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover { color:#000; background: url(images/small-bullet.gif) no-repeat 4px 6px; }

#nav .current .sub .current_sub a, 
#nav .current .sub a:hover {  color:#000000; background: url(images/small-bullet.gif) no-repeat 4px 6px;   }
#nav .current .sub .current_sub a { text-decoration: underline; font-weight: bold; background: url(images/small-bullet.gif) no-repeat 4px 6px; }
#nav .current .sub, 
#nav .select a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:745px; top:2.5em; background:#fff; margin-top:1px; padding:10px 0 0px 0;}

* html #nav .current .sub, * html #nav .select a:hover .sub {margin-top:0; margin-t\op:1px;}

#nav .current .sub li a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; background:#fff; border: none; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:0.9em; height:1.1em; line-height:1.1em;}

#nav .select a:hover, 
#nav li:hover a {background-position:0% -150px; border-color:#fff;}

#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -150px; border-color:#fff; color:#000;}

/* calculate the left edge position of each sub level */
/* calculate the left edge position of each sub level */
#nav .one .sub {left:0;}
#nav .two .sub {left:-7em; margin-left:-9px;}
#nav .three .sub {left:-13em; margin-left:-20px;}
#nav .four .sub {left:-19em; margin-left:-29px; }
#nav .five .sub {left:-27em; margin-left:-42px;}
#nav .six .sub {left:-36em; margin-left:-41px;}


/* Background Images for Content Section:*/
body div.content {line-height: 18px; font-family: arial;  font-size: 14px; clear:both; width: 100%; margin-top: 0px; padding-top: 0px;  margin: auto auto; padding: 0px; }
body div#top { clear: both; background: url(images/bg-top.gif) no-repeat center bottom; width: 100%; height: 67px; margin: auto auto; }
body div#middle { background:url(images/bg-mid.gif) repeat-y left top; width: 788px; margin: auto auto; }
body div#footer { background: url(images/bg-bottom.gif) no-repeat center top; width: 100%; margin: auto auto; }
body div.content p { padding: 0px 60px 0px 70px; }
body div.content h3 { padding: 0px 60px 0px 70px; }
body div.content ul { padding: 0px 60px 20px 80px; margin:0px; }

/* Call to Quote - all equipment */
body h2 { font: bold 20px impact; margin: 0px 18px 0 0; color: #FFFFFF; text-align: center; padding: 20px 0px 10px 0px; } 
body div.call2quoteall { float: left; padding-left: 95px; height: 194px; margin-right: 15px;   background:url(images/bg-call2quote.gif) no-repeat top right; }
body div.call2quoteall select {  }
body div.call2quoteall p { color: #FFFFFF;  margin: 0px; padding: 0px 15px 10px 0px; width: 175px; text-align: center; font: arial; }
body div.call2quoteall img { margin-top: 13px; }
/* Main Image Table */ 
body.index div#main table { width: 690px; margin-left: 1px; margin: auto auto; background: url(images/bg-table.gif) repeat-x top left; }
body.index div#main table td { vertical-align: top; font: bold 16px arial; text-align: left; margin:0px; padding: 0px; }
body.index div#main table td a { padding: 0px 0px 5px 0px; text-decoration: none; color: white; }
body.index div#main table td a:hover { cursor: auto; padding: 0px 0px 5px 0px; text-decoration: none; color: #FFFF33;}
body.index div#main table td h3 { font: bold 12px arial; padding: 130px 0 0 10px;}
body.index div#main table td h3 a {color: black; padding-bottom: 0px; }
body.index div#main table td h3 a:hover { color:#666666; text-decoration: underline; font-weight: bold; padding-bottom: 0px;  }
body.index div#main table td#one { background: url(images/index-excavator.gif) no-repeat top left; width: 176px; height:210px; }
body.index div#main table td#two { background: url(images/index-backhoe.gif) no-repeat top left; width: 176px; height:210px; }
body.index div#main table td#three { background: url(images/index-skid-steer.gif) no-repeat top left; width: 175px; height:210px; }
body.index div#main table td#four{ background: url(images/index-mini-excavator.gif) no-repeat top left; width: 120px; height:210px; }


/* footer styles */
div.footer-bg {  background: url(images/bg-content-bottom.gif) no-repeat center bottom; }
div#footer { padding: 0px; margin: 0px 0 15px 0; text-align:center; background: url(images/bg-footer.gif) repeat-x top left; height: 200px;}
div#footer ul.footer {  list-style: none; background: none; display: inline;}
div#footer ul.footer li { list-style: none; background: none; display: inline; font: normal 11px arial; padding: 0 0 0 1px;  }
div#footer ul.footer li a { padding: 0 2px 0 0;}
div#footer p { font: normal 11px arial; text-align: center; margin: 0px; padding: 10px 0 0 0;}