/****************************************************************************

Author: Dan
Development by: iias
Last updated: 

*****************************************************************************/


/* BASE STYLING **************************************************************/
* {
margin:0;
padding:0;
font-style:normal;
}
h6 {
font-size:100%;
}
h5 {
font-size:100%;
}
h4 {
font-size:100%;
}
h3 {
font-size:100%;
}
h2 {
font-size:100%;
}
h1 {
font-size:100%;
}
ul {
list-style:none;  
}
ol {
list-style:none;  
}
a {
outline:none; 
}
img {
border-style:none;
}
sup{
font-size:9px;	
}
sup.degrees{
font-size:7px;	
}

/* BASE STRUCTURE ************************************************************/
body {
text-align:center;
font:12px/1.5 Arial, Verdana, Helvetica, sans-serif;
color:#222;
background:#2a2a2a url(../images/interface/bg.gif) repeat-x;
}
#wrap{
width:760px;
height: 600px;
margin:0 auto;
text-align:left;
}
/* HACKS ********************************************************************/

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:inline-table;
}

/* Hides from IE-mac */
* HTML .clearfix {
height:1%;
}
/* tables inherit font sizes */
table {
font-size:1em;
}
form {
margin:0;
padding:0;
}
label {
display:none;
}
div { 
behavior: url(iepngfix.htc); 
}
img { 
behavior: url(iepngfix.htc); 
}
.clearLeft{
clear:left;
}
/* HEADER  ************************************************************/

#header{
width:760px;
height: 220px;
position:relative;
}
#header img{
margin-top:60px;
}
#header h1{
text-indent:-9999px;
}
#header #logo {
position:absolute;
top:-55px;
left:204px;
z-index:100;
}
#header a#excavatorAttachments {
height:41px;
width:290px;
position:absolute;
display:block;
z-index:200;
text-indent:-9999px;
}
#header a#workTrucks {
height:41px;
width:290px;
position:absolute;
display:block;
z-index:200;
text-indent:-9999px;
}
#header a#workTrucks{
left:0;
top:20px;
background:#2B2B2B url("../images/interface/btn/work-trucks.gif") no-repeat left top;
}
#header a#workTrucks:hover{
background:#2B2B2B url("../images/interface/btn/work-trucks.gif") no-repeat left bottom;
}
#header a#excavatorAttachments{
right:0;
top:20px;
background:#2B2B2B url("../images/interface/btn/excavator-attachments.gif") no-repeat right top;
}
#header a#excavatorAttachments:hover{
background:#2B2B2B url("../images/interface/btn/excavator-attachments.gif") no-repeat right bottom;
}
#mainNav {
position:absolute;
top:238px;
left:0;
height:41px;
border-top:3px solid #fff;
background: url("../images/interface/btn/mainNav-bg.gif") repeat-x left bottom;
}
#interiorWide #mainNav {
height:34px;
border-top:3px solid #fff;
}
#interior #mainNav {
height:34px;
border-top:3px solid #fff;
}
#mainNav li{
float:left;
}
#mainNav li a{
display:block;
float:left;
height:34px;
line-height:34px;
width:760px;
text-indent:-9999px;
}
#mainNav li#usedEquipment a{
width:149px;
background: url("../images/interface/btn/used-equipment.gif") no-repeat left top;
}
#mainNav li#usedEquipment a:hover{
background-position: left bottom;
}
#mainNav li#serviceShop a{
width:123px;
background: url("../images/interface/btn/service-shop.gif") no-repeat left top;
}
#mainNav li#serviceShop a:hover{
background-position: left bottom;
}
#mainNav li#stanleyHT a{
width:218px;
background: url("../images/interface/btn/stanley-h-t.gif") no-repeat left top;
}
#mainNav li#stanleyHT a:hover{
background-position: left bottom;
}
#mainNav li#aboutUs a{
width:93px;
background: url("../images/interface/btn/about-us.gif") no-repeat left top;
}
#mainNav li#aboutUs a:hover{
background-position: left bottom;
}
#mainNav li#contactUs a{
width:110px;
background: url("../images/interface/btn/contact-us.gif") no-repeat left top;
}
#mainNav li#contactUs a:hover{
background-position: left bottom;
}
#mainNav li#home a{
width:67px;
background: url(../images/interface/btn/home.gif) no-repeat left top;
}
#mainNav li#home a:hover{
background-position: left bottom;
}

/* CONTENT  ************************************************************/
/*HOME*/
#content {
width:760px;
background:#fff;
}
#interior #content {
background:#fff url("../images/interface/sub-menu-tile.gif") repeat-y 1px 0;
}
#interiorWide #content {
background:#fff;
}
#content div.home{
width:242px;
height:230px;
background:#fff;
float:left;
margin:70px 0 10px 0;
}
#content div.home p{
width:200px;
}
#content div.home a{
color:#555;
text-decoration:none;
}
#content div#flash {
width:260px;
margin-left:10px;
}
#content div#flash #object{
margin-top:4px;
}
#content div#workTrucksDisplay {
background: url("../images/interface/body-box-left.gif") no-repeat left top;
}
div#workTrucksDisplay h2{
text-indent:-9999px;
width:109px;
height:11px;
background: url("../images/interface/index-work.gif") no-repeat left top;
margin:9px 0 6px 60px;
}
#content div#workTrucksDisplay p{
margin:4px 0 0 18px;
}
#content div#excavatorAttachmentsDisplay{
background: url("../images/interface/body-box-right.gif") no-repeat left top;
float: right;
}
#content div#excavatorAttachmentsDisplay img{
margin-left: 6px;
}
div#excavatorAttachmentsDisplay h2{
text-indent:-9999px;
width:205px;
height:11px;
background: url("../images/interface/index-excavator.gif") no-repeat left top;
margin:9px 0 6px 26px;
}
#content div#excavatorAttachmentsDisplay p{
margin:4px 0 0 26px;
}
/*INTERIOR*/
#subContent {
width:217px;
margin:54px 0 0 0;
float:left;
min-height:400px;
height:auto !important;
height:400px;
}
#subContent img#subImage{
margin:28px 0 0 30px;
border:1px solid #ccc;
}
#mainContent {
width:520px;
margin:54px 0 0 0;
float:right;
padding-top:20px;
}
#interiorWide #mainContent {
width:728px;
margin:0 0 0 16px;
padding:20px 0 20px 0;
float:left;
display:inline;
}
.headerContent #subContent {
margin:0 0 0 0;
}
.headerContent #mainContent {
margin:0 0 0 0;
}
#mainContent h2{
font-family: Georgia, Times, serif;
font-size: 24px;
font-weight: normal;
}
#mainContent p{
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin:10px 30px 16px 3px;
color:#333;
}
#mainContent img.noLink {
border: 1px solid #d6d6d6;
margin-right:20px;
}
#mainContent img.noLinkGrid {
border: 1px solid #d6d6d6;
}
#mainContent table a{
text-decoration:none;
border-bottom:1px dotted #0e5bcb;
color:#0e5bcb;
}
#mainContent p a, #mainContent li a{
text-decoration:none;
border-bottom:1px dotted #0e5bcb;
color:#0e5bcb;
}
#mainContent table a:hover{
color:#000;
border-bottom:1px dotted #000;
background:#e7f7ff;
}
#mainContent p a:hover, #mainContent li a:hover{
color:#000;
border-bottom:1px dotted #000;
background:#e7f7ff;
}
#mainContent table#photoGallery a{
border:none;
background:none;
}
#mainContent table a.tblHeadings{
border:none;
background:none;
}
#mainContent table a.camera{
border:none;
background:none;
}
#mainContent table a.camera img{
position:relative;
top:1px;
}
#mainContent hr {
border: 0;
color: #333;
background-color: #333;
height: 1px;
margin-bottom:6px;
}
#mainContent p.noUnderline a{
border:none;
background:none;
}
#mainContent p.noUnderline a:hover{
border:none;
}
#mainContent table td{
padding:3px 0;
text-align:left;
}
#mainContent a.nextLink{
margin-right: 5px;
}
#contentHead h3 {
background:#1a53a7;
height:34px;
line-height:34px;
margin-top:54px;
text-align:right;
text-transform:uppercase;
font-family: times, serif;
font-weight: normal;
color:#fff;
padding-right: 5px;
}
/* stanley hydraulic page  */
#interiorWide #content .stanleyHydraulicTools h2{
margin:0 0 20px 0;
}
#interiorWide #content .stanleyHydraulicTools a {
display:block;
width: 111px;
height:111px;
border:1px solid #d6d6d6;
float:left;
margin:0 10px 33px 0;
position:relative;
text-decoration:none;
color:#000;
}
#interiorWide #content .stanleyHydraulicTools a.last {
margin-right:0;
}
#interiorWide #content .stanleyHydraulicTools a:hover {
border:1px solid #1A53A7;
}
#interiorWide #content .stanleyHydraulicTools a span{
font-size:10px;
color:blue;
margin:0 auto;
text-align:center;
color:#000;
display:block;
width:111px;
position:absolute;
top:115px;
left:0;
cursor:pointer;
line-height:12px;
}
/* stanley hydraulic page: Battery Tools  */
div.display01 {
border-bottom:1px dotted #ededed;
margin-top:20px;
padding-bottom:20px;
}
#interiorWide #mainContent .display01 img{
border:1px solid #d6d6d6;
float:left;
}
#interiorWide #mainContent .display01 *{
color:#000;
}

#interiorWide #mainContent div.description{
width:585px;
background: url("../images/interface/product-box.gif") repeat-x left top;
float:left;
margin-left:16px;
display:inline;
border:1px solid #e2e2e2;
border-top:1px solid #d6d6d6;
position:relative;
}
div.description h4{
margin:10px 10px 0 10px;
}
#interiorWide #mainContent div.description h5{
margin:10px 10px 0 10px;
line-height:12px;
font-size:12px;
font-weight:bold;
}
#interiorWide #mainContent div.description h4{
margin:10px 10px 0 10px;
line-height:12px;
font-size:12px;
font-weight:bold;
}
#interiorWide #mainContent div.description h4{
margin-bottom:18px;
}
.description h4 {
color:#000;
}

.description a.toolPdf {
display:block;
position:absolute;
right:4px;
top:-6px;
width:35px;
height:33px;
background: url(../images/tools/pdf-02.gif) no-repeat left top;
text-indent:-9999px;
}
.description a.toolPdf:hover {
/*background-position:right top;*/
text-indent:0;
line-height:33px;
padding-top:3px;
color:#ff0003;
width:118px;
background-position: 83px -33px;
}
#interiorWide #mainContent div.description p{
margin:20px 0 20px 0;
padding:0 11px 12px 11px;
border-bottom:1px dotted #ededed;
font-size:11px;
}
#interiorWide #mainContent div.description strong{
margin-right:8px;
}
div.clear {
clear:left;
}
div.specs table {
width: 370px;
float:right;
border-bottom:1px solid #ededed;
margin-bottom:8px;
}
#mainContent div.specs table td{
border-top:1px solid #ededed;
border-left:1px solid #ededed;
margin:0;
padding:5px;
width:185px;
padding-left:10px;
color:#777;
}
div.specs table tr.grey {
background:#f9f9f9;
}
div.featuresAndBenefits{
width:200px;
float:left;
margin-top:8px;
}
div.featuresAndBenefits h5{
color:#000;
}
div.featuresAndBenefits ul{
margin:10px;
margin-bottom:22px;
}
div.featuresAndBenefits li{
line-height:16px;
padding:4px 0 4px 21px;
font-size:11px;
background: url("../images/interface/blt-1.gif") no-repeat left 5px;
}
#interiorWide #mainContent div.description p.application{
margin:12px 0 20px 0;
border-bottom:none;
font-size:11px;
}
div.para div.featuresAndBenefits{
margin-top:0px;
}

/* stanley hydraulic page: Breakers  */
div.specs02 table {
width:585px;
border-bottom:none;
margin-bottom:0;
}
div.specs02 table td{
border-top:1px solid #ededed;
margin:0;
padding:5px;
width:185px;
padding-left:10px;
color:#777;
}
div.specs02 table tr.grey {
background:#f3f3f3;
}
/*work trucks*/
#content #mainContent a.imgLink {
border:1px solid #dadada;
display:block;
float:left;
margin:0 20px 20px 0;
}
#content #mainContent a.imgLink:hover {
border:1px solid #1A53A7;
}
#content #mainContent a.wide {
height:245px;
width:243px;
}
#content #mainContent a.narrow {
height:245px;
width:156px;
}
#content #mainContent .bodyImages a.textLink {
display: inline;
text-decoration:none;
border:none;
border-bottom:1px dotted #0e5bcb;
color:#0e5bcb;
}
#content #mainContent .bodyImages a.textLink:hover {
display:inline;
color:#000;
border:none;
border-bottom:1px dotted #000;
background:#e7f7ff;
}
/* Contact Page -----------------------------------------------------------------------------------------------  */
#subContent #p_gMaps {
margin:26px 18px 0 20px;
}
#subContent p#address {
margin:20px 18px 0 20px;
}
#subContent a#googleMap{
display:block;
width:179px;
height:71px;
border:1px solid #ccc;
margin:10px 0 0 18px;
}
#subContent a#googleMap:hover{
border:1px solid #1A53A7;
}
/* Contact Form -----------------------------------------------------------------------------------------------  */
form#subscribeForm {
font-size:;
width: 344px;
float:left;
margin: -18px -44px 20px 0;
}
#mainContent form fieldset p{
margin-bottom:2px;
}
/* fieldset styling */
fieldset {
margin:1em 0; /*  space out the fieldsets a little*/
padding:1em;
border :1px solid #e4e4e4;
background:#fafafa;
}
/* legend styling */
legend {
font-weight: bold;
color:#333;
margin-left:-8px;
}
/* style for  labels */
label {
display: block;
}
/* style for required labels */
label .required {
font-size:0.75em;
color:#760000;
}
textarea {
width:290px;
font-family:Arial, Helvetica, sans-serif
}
input {
font-family:Arial, Helvetica, sans-serif
}
textarea {
height:100px;
}
input.submit {
width:auto;
cursor:pointer;
margin-top:10px;
}
input#strCAPTCHA {
border:1px solid #e4e4e4;
background:#fff;
padding:4px;
}
textarea#message {
border:1px solid #e4e4e4;
background:#fff;
padding:4px;
}
input#email {
border:1px solid #e4e4e4;
background:#fff;
padding:4px;
}
input#phone {
border:1px solid #e4e4e4;
background:#fff;
padding:4px;
}
input#name {
border:1px solid #e4e4e4;
background:#fff;
padding:4px;
}
input#submitButton {
height:34px;
width:83px;
margin-bottom:4px;
}
/* style form elements on focus */
textarea#message:focus {
border:1px solid #dedcdc;
background:#f2fbff;
}
input#email:focus {
border:1px solid #dedcdc;
background:#f2fbff;
}
input#phone:focus {
border:1px solid #dedcdc;
background:#f2fbff;
}
input#name:focus {
border:1px solid #dedcdc;
background:#f2fbff;
}
p#subscribeInfo {
font-size:11px;
line-height:14px;
color:#666666;
margin:16px 14px 14px 14px;
}

/* Contact Photos -----------------------------------------------------------------------------------------------  */
#contactPhotos {
width:140px;
height:300px;
float:right;
margin:-6px 18px 0 0;
}
/* Excavator Attachments -----------------------------------------------------------------------------------------------  */
div.display02 {
border-bottom:1px dotted #ededed;
margin-top:20px;
padding-bottom:20px;
width:499px;
}
#mainContent .display02 img{
border:1px solid #ededed;
float:left;
padding:10px;
margin:0 0 8px 8px;
}
#mainContent .display02 *{
color:#000;
}
#mainContent .display02 div.description {
width:495px;
background: url("../images/interface/product-box.gif") repeat-x left top;
float:left;
display:inline;
border:1px solid #e2e2e2;
border-top:1px solid #d6d6d6;
position:relative;
}
 #mainContent .display02 div.description .rightCol{
width:370px;
float:left;
margin:0;
padding:0
}
div.description h4{
margin:10px 10px 0 10px;
}
#mainContent .display02 div.description h5{
margin:10px 10px 0 10px;
line-height:12px;
font-size:12px;
font-weight:bold;
}
#mainContent .display02 div.description h4{
margin:10px 10px 0 10px;
line-height:12px;
font-size:12px;
font-weight:bold;
}
#mainContent .display02 div.description h4{
margin-bottom:18px;
}
.display02 .description h4 {
color:#000;
}
.display02 .description a.toolPdf {
display:block;
position:absolute;
right:4px;
top:-6px;
width:35px;
height:33px;
background: url(../images/tools/pdf-02.gif) no-repeat left top;
text-indent:-9999px;
}
.display02 .description a.toolPdf:hover {
text-indent:0;
line-height:33px;
padding-top:3px;
color:#ff0003;
width:118px;
background-position: 83px -33px;
}
#mainContent .display02 div.description p{
font-size:11px;
padding:0 0 10px 0;
margin:4px 8px 0 14px;
border-bottom:1px dotted #ededed;
}
div.clear {
clear:left;
}
.display02 div.description ul {
margin:10px 0 10px 0;
}
.display02 div.description ul  li{
background:url(../images/interface/blt-1.gif) no-repeat left 2px;
font-size:11px;
font-weight:normal;
margin:0 0 0 15px;
padding-left:20px;
}
#mainContent .display02 div.description h5.h-displayLinks {
display:block;
font-size:11px;
border-top:1px dotted #ededed;
padding:10px 0 0 0;
margin-left:16px;
}
.display02 div.description ul.displayLinks {
margin:10px 0 20px 0;
}
.display02 div.description ul.displayLinks  li{
background:url(../images/interface/smlpdf.gif) no-repeat left 1px;
font-size:11px;
margin:4px 0 4px 15px;
padding-left:22px;
}
.display02 div.description ul.displayLinks  li.movie{
background:url(../images/interface/mov.gif) no-repeat 3px 2px;
}
.display02 div.description ul.displayLinks  li a:hover{
text-decoration:none;
}
/* Trucks -----------------------------------------------------------------------------------------------  */

#content #mainContent .bodyImages a{
display:block;
width: 243px;
height:156px;
border:1px solid #d6d6d6;
margin:0 0 33px 0;
position:relative;
text-decoration:none;
color:#000;
position:relative;
}
#content #mainContent .bodyImages a.last {
margin-right:0;
position:relative;
}
#content #mainContent .bodyImages a:hover {
border:1px solid #1A53A7;
}
#content #mainContent .bodyImages a span{
font-size:10px;
margin:0 auto;
text-align:center;
color:#000;
display:block;
width:243px;
position:absolute;
top:160px;
left:0;
cursor:pointer;
line-height:12px;
}
#content #mainContent .bodyImages span{
font-size:10px;
text-align:center;
display:block;
color:#000;
margin-top:-2px;
}
#content #mainContent .bodyImages #leftCol{
background-color:#fff;
width:243px;
float:left;
}
#content #mainContent .bodyImages #rightCol{
width:243px;
float:left;
background-color:#fff;
margin-left:10px;
}
#content #mainContent .bodyImages #rightCol p{
margin:5px 8px 16px 8px;
}
#content #mainContent .bodyImages #leftCol p{
margin:5px 8px 16px 8px;
}
.bodyImages h4 {
text-align:center;
margin:0 0 10px 0;
line-height:34px;
background: url("../images/interface/product-box.gif") repeat-x left top;
}

/* USED EQUIPMENT  -----------------------------------------------------------------------------------------------  */
table td {
text-align:left;
}
input.button{
width:auto;
cursor:pointer;
}

/* FOOTER  -----------------------------------------------------------------------------------------------  */

#footer{
clear:both;
width:760px;
height:80px;
background: url(../images/interface/footer.gif) repeat-x left -2px;
position:relative;
font-size:11px;
margin-top:-9px;
}
#footer p#copyright{
position:absolute;
top:14px;
left:10px;
}
#footer p#footerPhone{
position:absolute;
top:14px;
right:10px;
}
#footer p#phone{
position:absolute;
top:14px;
right:10px;
}
#footer a#iiasLink{
position:absolute;
bottom:20px;
right:10px;
color:#fff;
text-decoration:none;
}
#footer a#iiasLink:hover{
color:#e2e2e2;
}