/* STS Grabber Hire Style Sheets
----------------------------------------------- */

body, td
{
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:80%;
}

a, a:visited
{
font-weight:bold;
text-decoration:underline;
color:#000000;
}

a:hover
{
font-weight:bold;
text-decoration:none;
color:#fd0116;
}

h1
{
font-weight:normal;
text-decoration:none;
color:#fd0116;
font-size:160%;
}

h2
{
font-weight:bold;
text-decoration:none;
color:#fd0116;
font-size:120%;
}
#container { width: 750px; margin-right: auto; margin-left: auto; }


.intro
{
font-weight:bold;
text-decoration:none;
color:#000000;
}
#sec-navi { width: 750px; background-image: url(images/navigation-bottom.gif); background-repeat: no-repeat; background-position: left bottom; border-top: 2px solid #FFFFFF; clear: both; }

#sec-navi ul { margin: 0px; padding: 0px; }

#sec-navi li { display: inline; float: left; }

#sec-navi a { color: #FFFFFF; text-decoration: none; padding: 6px 30px; display: block; text-align: center; }

#sec-navi a:hover { background-color: #ffcc00; color: #000000; text-decoration: none; }
#sec-navi .sec-grab a:hover, #grab #sec-navi .sec-grab a  { background-image: url(images/navigation-bottom-left.gif); background-position: left bottom; !important ; color: #000000; }
/* this highlights the current page by targeting body id followed by class on individual links */
#tipper #sec-navi .sec-tipper a, #environmental #sec-navi .sec-environmental a, #aggregate #sec-navi .sec-aggregate a, #plant #sec-navi .sec-plant a, #muck #sec-navi .sec-muck a, #driver #sec-navi .sec-driver a, #imagegallery #sec-navi .sec-gallery a { background-color: #ffcc00; color: #000000; text-decoration: none; }


#main-navi { width: 750px; background-image: url(images/navigation-top.gif); background-repeat: no-repeat; background-position: left top; border-bottom: 2px solid #FFFFFF; font-size: 14px; clear: both; }

#main-navi ul { margin: 0px; padding: 0px; }

#main-navi li { display: inline; float: left; }

#main-navi a { color: #000000; text-decoration: none; padding: 10px 12px; display: block; text-align: center; }

#main-navi a:hover { background-color: #fd0116; color: #FFFFFF; text-decoration: none; }
#main-navi .main-home a:hover, #home #main-navi .main-home a { background-image: url(images/navigation-top-left.gif); background-position: left top; !important ; color: #FFFFFF; }

/* this highlights the current page by targeting body id followed by class on individual links */
#home #main-navi .main-home a, #faqs #main-navi .main-faqs a, #health #main-navi .main-health a, #insurance #main-navi .main-insurance a, #contact #main-navi .main-contact a, #driver #main-navi .main-driver a, #environment #main-navi .main-environment a  { background-color: #fd0116; color: #FFFFFF; text-decoration: none; }



.clear { clear: both; }


/* Logo And Header
----------------------------------------------- */

table.header
{
width:750px;
background-color:#FFFFFF;
margin-top:15px;
margin-bottom:15px;
}

td.logo-cell
{
width:450px;
text-align:left;
vertical-align:bottom;
}

td.top-right-cell
{
text-align:right;
vertical-align:top;
padding-bottom:4px;
}

/* Navigation
----------------------------------------------- */

table.navigation-top
{
width:750px;
background-color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
}

table.navigation
{
width:750px;
background-color:#FFFFFF;
}

table.navigation-bottom
{
width:750px;
background-color:#FFFFFF;
border-top:1px solid #FFFFFF;
}

td.navigation-cell
{
width:150px;
text-align:left;
vertical-align:top;
}

/* Content
----------------------------------------------- */

table.content
{
width:750px;
background-color:#FFFFFF;
background-image:url(images/yellow-grab-hire-bg.jpg);
background-repeat:repeat-x;
background-position:left bottom;
}

td.testimonial-cell
{
width:180px;
text-align:left;
vertical-align:top;
}

#testimonial-margin
{
margin-left:0px;
margin-right:0px;
margin-top:10px;
margin-bottom:10px;
}

td.main-content-cell
{
text-align:left;
vertical-align:top;
}

#content-margin
{
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
}

li
{
list-style:disc url(images/bullet.gif) outside;
}

ol li { list-style-image: none; list-style-type: decimal; }

ul li ul li{ list-style-image: none; list-style-type: circle; }

.input-box
{
width:220px;
color:#000000;
background-color:#FFFFFF;
border:1px #fd0116 solid;
}

.button-form
{
color:#003366;
font-weight:bold;
padding:2px;
background-color:#FFFFFF;
border:1px #fd0116 solid;
}

.dropdown-menu
{
color:#000000;
background-color:#FFFFFF;
border:1px #fd0116 solid;
}

hr.red
{
color:#fd0116;
background-color:#fd0116;
height:1px;
}

img.certificate
{
border:1px #fd0116 solid;
margin-right:10px;
}

#certificate-margin
{
margin-bottom:10px;
}

#swatch-container
{
float:left;
width:150px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
}

#3-swatch-container
{
float:left;
}

img.swatch-image
{
margin-bottom:10px;
}

img.paycards-image
{
margin-top:5px;
border:1px #000000 solid;
}

img.right-image
{
float:right;
margin-left:10px;
margin-bottom:10px;
}

/* Footer Elements
----------------------------------------------- */

table.footer
{
width:750px;
background-color:#FFFFFF;
border-top:1px solid #fd0116;
background-image:url(images/red-grab-hire-bg.jpg);
background-repeat:repeat-x;
background-position:left top;
}

td.footer-cell
{
text-align:center;
vertical-align:top;
padding-top:5px;
padding-bottom:5px;
}

.bot-navi-text
{
font-weight:bold;
color:#000000;
}

a.bot-navi-text, a.bot-navi-text:visited
{
font-weight:bold;
text-decoration:underline;
color:#000000;
}

a.bot-navi-text:hover
{
font-weight:bold;
text-decoration:none;
color:#fd0116;
}

/* Copyright Elements
----------------------------------------------- */

table.copyright
{
width:750px;
background-color:#FFFFFF;
margin-bottom:10px;
}

td.copyright-cell
{
text-align:center;
vertical-align:top;
padding-top:5px;
padding-bottom:5px;
}

.copyright-text
{
font-weight:normal;
color:#666666;
font-size:90%;
}

a.copyright-text, a.copyright-text:visited
{
font-weight:bold;
text-decoration:underline;
color:#666666;
}

a.copyright-text:hover
{
font-weight:bold;
text-decoration:none;
color:#666666;
}

.fltrt { float: right }
.fltlft { float: left }
#gallery img { margin-right: 16px; margin-bottom: 16px; }
#gallery a img { border-color: #000000; }
#gallery a:hover { color:#fd0116; }