*{  }
body{
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(../images/body-bkg.jpg) ;
}
#mWrapper{
margin: 0 auto;
padding: 0;
width: 1020px;
background: none;
}
.clear{clear: both;}

/*
HEADER / NAVIGATION ------------------------------------------ */

#header{
background: url(http://hadleytowingequipment.com/images/header-top.png) no-repeat top;
margin: 50px 0;
padding: 0;
overflow: hidden;
height: 112px;
behavior: url(http://hadleytowingequipment.com/inc/iepngfix.htc);
}
#header h1{
background: url(../images/header-logo.png) no-repeat;
width: 269px;
height: 107px;
text-indent: -1000em;
margin: 0;
padding: 0;
float: left;
/*behavior: url(../inc/iepngfix.htc);*/
}

.credit-app { text-indent: -1000em; width: 100px; height: 45px; display: block;
background: url(../images/CreditAppButton.gif) no-repeat; position: relative; top: 90px; left: 850px;  }
.credit-app a { display: block; width: 100px; height: 45px; z-index: 5px; }

#topNav{
margin: 0;
padding: 0;
background: url(../images/topNav-all.jpg) 269px -47px no-repeat; /*269px*/
position: relative;
top: 65px;
left: 30px;
height: 47px;
}
ul#topNav li{
display: inline;
float: left;
list-style-type: none;
text-indent: -1000em;
height: 47px;
}
ul#topNav li a{
background: transparent url(../images/topNav-all.jpg) no-repeat;
display: block;
height: 47px;
}
ul#topNav a:hover{
background: none;
}
ul#topNav #homebtn a{
background-position: 0 0;
width: 111px;
}
ul#topNav #aboutbtn a{
background-position: -111px 0;
width: 138px;
}
ul#topNav #productsbtn a{
background-position: -249px 0;
width: 136px;
}
ul#topNav #dealersbtn a{
background-position: -385px 0;
width: 126px;
}
ul#topNav #contactbtn a{
background-position: -511px 0;
width: 152px;
}

/*
NEW NAVIGATION STYLES ---------------------------------------- */

.topNav {
margin: 64px 0 0 0;
padding: 0;
list-style: none;
/*background: url(../images/topnav-hover.jpg) 269px 0 no-repeat;*/
}
.topNav li {
padding: 0;
margin: 0;
height: 47px;
list-style: none;
background-repeat: no-repeat;
}
.topNav li a, .topNav li a:visited {
display: block;
text-decoration: none;
text-indent: -1000px;
height: 47px;
background-repeat: no-repeat;
}
.homebtn {background-image: url(../images/topnav-home-hover.jpg); width: 92px;}
.homebtn a {background-image: url(../images/topnav-home-all.jpg);}

.aboutbtn {background-image: url(../images/topnav-about-hover.jpg); width: 118px;}
.aboutbtn a {background-image: url(../images/topnav-about-all.jpg);}

.productsbtn {background-image: url(../images/topnav-products-hover.jpg); width: 116px;}
.productsbtn a {background-image: url(../images/topnav-products-all.jpg);}

.partsbtn {background-image: url(../images/topnav-parts-hover.jpg); width: 88px;}
.partsbtn a {background-image: url(../images/topnav-parts-all.jpg);}

.dealersbtn {background-image: url(../images/topnav-dealers-hover.jpg); width: 107px;}
.dealersbtn a {background-image: url(../images/topnav-dealers-all.jpg);}

.contactbtn {background-image: url(../images/topnav-contact-hover.jpg); width: 142px;}
.contactbtn a {background-image: url(../images/topnav-contact-all.jpg);}

ul.topNav li a:hover {background: none;}

.topNav li {float: left;}

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

/*
DROP DOWN TOP NAVIGATION STYLES ------------------------------ */
#dropmenudiv{
position:absolute;
border:1px solid #799cbe;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #799cbe;
padding: 5px 0;
text-decoration: none;
font-weight: bold;
background: #799cbe;
color: #fff;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #012243;
}


/*
WRAPPER ELEMENTS --------------------------------------------- */

#contentWrapper{
background: url(../images/contentWrapper-bg.png) repeat-y;
margin: -50px 0 0 0;
padding: 0;
behavior: url(/inc/iepngfix.htc);
}
#contentWrapperRest{
background: #295989 url(../images/mContent-bg.png) repeat-x;
margin: 0 10px;
padding: 0 10px;
overflow: hidden;
}
.clear{clear: both;margin:0;padding:0;}

/*
FLASH ANIMATION ---------------------------------------------- */

#flashAnimation{
border-top: 3px solid #799cbe;
background: url(../images/flashAnimation-bg.jpg) no-repeat bottom;
padding: 0 0 21px;
}
#flashAnimation img{
margin: 1px 0 0 0;
}

/*
INNER PAGE IMAGE CONTAINER ----------------------------------- */

#innerpgbanner{
border-top: 3px solid #799cbe;
margin: 0;
padding; 0;
}
#innerpgbanner img{
margin: 1px 0 0 0 ;
}

/*
PAGE CONTENT ELEMENTS ---------------------------------------- */

#pageContent{
margin: 5px;
padding: 0;
}
#aboutWidget{
margin: 20px 0 0 0;
padding: 0;
float: left;
width: 630px;
}
#aboutWidget h2{
background: url(../images/h2-bg.jpg) repeat-x;
padding: 0 10px;
color: #fff;
display: block;
margin: 0;
font-size: 1.3em;
}
#aboutWidget h2 span{
display: block;
font-weight: normal;
margin: 0;
padding: 0;
font-size: .8em;
}
#aboutWidget h3{
background: #3a7fc3;
color: #fff;
font-size: 1em;
padding: 5px 10px;
border-bottom: 1px dashed #012243;
font-weight: normal;
}
#aboutWidget p{
font-size: 14px;
color: #fff;
line-height: 1.5em;
}
#dealer{
margin: 15px 0 60px;
padding: 0;
}
#productWidget{
float: left;
width: 319px;
padding: 0 0 20px;
background: #002143;
}
h2.productsheader{
background: url(../images/h2-products.jpg) no-repeat;
width: 319px;
height: 49px;
text-indent: -1000em;
margin: 0;
padding: 0;
}
#productWidget img, #newusedWidget img{
padding: 5px;
background: #fff;
border: 1px solid #333;
margin: 10px 20px;
}
#productWidget p, #newusedWidget p{
background: #ccc;
margin: 10px;
padding: 5px;
color: #333;
line-height: 1.2;
font-size: .7em;
text-align: justify;
}
#newusedWidget{
float: left;
background: url(../images/newused-bg.jpg) repeat-y;
width: 318px;
padding: 0 0 20px;
}
h2.newusedheader{
background: url(../images/h2-newused.jpg) no-repeat;
width: 318px;
height: 49px;
text-indent: -1000em;
margin: 0;
padding: 0;
}
#newscol{
float: left;
background: url(../images/newsWidget-bg.png) no-repeat;
margin: 0 0 0 12px;
padding: 10px;
width: 301px;
/*behavior: url(../inc/iepngfix.htc);*/
}
#newscol #newsxml{
background: #ccc;
color: #333;
margin: 0 5px 0 2px;
overflow: scroll;
height: 200px;
}
#newscol #newsxml dl{
margin-top: 5px;
}
#newscol #newsxml dl, #newscol #newsxml dt, #newscol #newsxml dd{
margin: 0;
padding: 0;
font-size: .8em;
}
#newscol #newsxml dd.date{
float: left;
padding: 5px;
text-align: center;
}
#newscol #newsxml dd.date span{
display: block;
text-align: center;
}
#newscol #newsxml dd.description{
padding: 0 5px 0 27px;
text-align: justify;
}
#newscol #newsxml h3{
background: url(../images/h3-newsxml-bg.jpg) repeat-x;
margin: 5px 0 0 0;
padding: 5px;
font-size:1em;
}
#newscol #newsxml h5{
text-align: center;

}
#newscol #newsxml span{
text-align: justify;
font-size: .7em;
}
h2.newsheader{
background: url(../images/h2-news.jpg) no-repeat;
width: 294px;
height: 39px;
text-indent: -1000em;
margin: 2px;
padding: 0;
}
h2.dealersheader{
background: url(../images/h2-dealers.jpg) no-repeat;
width: 294px;
height: 49px;
text-indent: -1000em;
margin: 5px 0 0 1px;
padding: 0;
}
#newscol p{
margin: 0 0 0 2px;
background: #ccc;
width: 284px;
padding: 5px;
font-size: .7em;
}
#dealerinner{
background: url(../images/dealers-bg.jpg) repeat-x;
margin: 0 0 0 1px;
width: 292px;
border-left: 1px solid #003062;
border-right: 1px solid #003062;
border-bottom: 1px solid #003062;
}
#dealerinner img{
margin: 0 0 0 15px;
padding: 0;
}

ul#sitemaplinks{
list-style-type: square;
color: #ccc;
}
ul#sitemaplinks li a{
display: block;
text-decoration: none;
padding: 5px;
color: #fff;
}


/*
USED/NEW PAGE STYLES ---------------------------------------- */
#newusedPage{
margin: 20px 0 0 0;
padding: 0;
float: left;
width: 630px;
}
#newusedPage h2{
background: url(../images/h2-bg.jpg) repeat-x;
padding: 0 10px;
color: #fff;
display: block;
margin: 0;
font-size: 1.3em;
}
#newusedPage h4{
/*background: url(../images/h3-newusedPage.jpg) repeat-x;*/
color: #ccc;
}
#newusedPage p{
color: #fff;
}
#newusedPage p.left{
float: left;
padding: 0;
margin: 0 0 5px;
}
#newusedPage img{
background: #fff;
padding: 5px;
border: 1px solid #333;
}
#newusedPage p a{
color: #666;
background: #ccc;
margin: 10px 0 0;
padding: 5px;
text-decoration: none;
}
#newusedPage p a:hover{
text-decoration: none;
background: ;
color: #333;
}
#newusedPage p.right{
float: right;
padding: 0;
margin: 0 0 5px;
}
#newusedPage hr{
margin: 0;
padding: 0;
color: #ccc;
}

/*
GALLERY PAGE ------------------------------------------------ */

#galleryPage ul.thumbs{
margin: 0 0 10px 0;
padding: 0;
float: left;
text-align: center;
background: none;
line-height: 1em;
list-style: none;
}

#galleryPage ul.thumbs li, ul.nav li{
display: inline;
margin: 0;
padding: 0;
}

#galleryPage ul.thumbs li a img{
padding: 5px;
background: #fff;
border:1px solid #333;
}

/*#galleryPage a:link, #infoContent a:active, #infoContent a:visited{
padding: 5px;
background: #fff;
color: #fff6d7;
text-decoration: none;
}*/

#imgGallery{
margin: 10px 0 0 0;
}

#galleryPage .subNavLinks{
background: none;
font-size: 10px;
color: #fff;
}
#galleryPage .subNavLinks a{
background: none;
font-size: 10px;
color: #fff;
text-decoration: underline;
}

/*
PRODUCT PAGE ------------------------------------------------ */

table {
	font-size:90%;
	font-family: "trebuchet ms", "lucidia grande", verdana, arial, sans-serif;
	line-height:1.2em;
	color: #333;
	background-color:#fff;
	border-collapse:collapse;
	text-align:left;
	letter-spacing:.1em;
}

caption {
	padding-bottom:1em;
	text-align: center;
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing:.6em;
	color: #333;
	background: transparent;
}
  
thead th, tfoot th, tfoot td {
	font-family: arial, verdana, sans-serif;
	border-right: 1px solid #fff;
	padding-left:5px;
	font-variant:small-caps;
	letter-spacing:0.1em;
	color: #fff;
	background: #013366;
}
  
tfoot th, tfoot td {
	border-top: 2pt double #013366;
}

td, th {
	padding:4px;
}

tbody tr th, tbody tr td {
	border-bottom: 1px dashed #013366;
}

tbody tr:hover td, tbody tr:hover th {
	border-bottom: 1px solid #333;
}

table a[title^="Download"] { 
	font-style:italic;
}

tbody td a, tbody th a {
	background: transparent;
	color: #013366;
	text-decoration: none;
	border:none;
}

tbody td a:hover, tbody th a:hover {
	background: transparent;
	color: #aec6dd;
}

.odd {
	background: #aec6dd;
}

tbody tr:hover {
	color: #333;
	background: #8da1b4;
}

tbody tr th:hover {
	background:#fff;
}

table a:visited {
	text-decoration: line-through;
	color:#ccc;
}


.thumbgallery{
float: left;
width: 300px;
height: 351px;
/*overflow: scroll;*/
margin: 0 0 0 10px;
}
.thumbgallery ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.thumbgallery ul li{
display: inline;

}
.thumbgallery ul li a img{
width: 75px;
height: 50px;
background: #fff;
padding: 5px;
margin: 0 2px 2px 0;
border:1px solid #013366;
}
.thumbgallery ul li a img:hover{
width: 75px;
height: 50px;
background: #aec6dd;
padding: 5px;
margin: 0 2px 2px 0;
border:1px solid #333;
}
.thumbgallery h3{color: #fff;font-size: 11px;}
.thumbbtns{
width: 300px;
height: 21px;
margin: 0;
padding: 0;
border-bottom:2px solid #fff;
font-size: 10px;
color: #fff;
}
.thumbbtns ul{margin:0;padding:0;list-style-type:none;}
.thumbbtns ul li{display:inline;margin:0;padding:0;}
.thumbbtns ul li.active{}
.thumbbtns ul li a{background:#fff;padding: 5px 10px;margin:0 0 0 1px;color:#8da1b4;font-size:10px;text-decoration:none;}
.thumbbtns ul li a:hover{background:#aec6dd;color:#fff;text-decoration:none;}			


#g10series img, #g0degree img, #g4000 img, #g6000 img, #gselfloader img, 
#g70ton img, #g60ton img{
float: left;
}
#g10series, #g0degree, #g4000, #g6000, #gselfloader, #g70ton, #g60ton{
padding-bottom:10px;
}
#g10series dl.g10sf dd, #g10series dl.g10oe dd, #g10series dl.g10bs dd, 
#g10series dl.g10wls dd, #g10series dl.g10tr dd, #g0degree dl.g0sf dd, 
#g0degree dl.g0oe dd, #g0degree dl.g0bs dd, #g0degree dl.g0wls dd, 
#g0degree dl.g0tr dd, #g4000 dl.g4sf dd, #g4000 dl.g4oe dd, 
#g4000 dl.g4rb dd, #g4000 dl.g4winch dd, #g4000 dl.g4cable dd, 
#g4000 dl.g4cta dd, #g4000 dl.g4sc dd, #g4000 dl.g4under dd{ 
margin: 0 0 0 10px;
padding: 0;
font-size: 11px;
color: #fff;
}
#g6000 dl.g6sf dd, #g6000 dl.g6oe dd, #g6000 dl.g6rb dd, 
#g6000 dl.g6winch dd, #g6000 dl.g6cable dd, #g6000 dl.g6cta dd, 
#g6000 dl.g6sc dd, #g6000 dl.g6under dd, #gselfloader dl.gslsf dd, 
#gselfloader dl.gsloe dd, #gselfloader dl.gslbs dd, #gselfloader dl.gslwls dd, 
#gselfloader dl.gslwrc dd, #gselfloader dl.gslcr dd, #g70ton dl.g70sbf dd, 
#g70ton dl.g70oe dd, #g70ton dl.g70rb dd, 
#g70ton dl.g70ctb dd, #g70ton dl.g70sc dd, #g70ton dl.g70under dd{
margin: 0 0 0 10px;
padding: 0;
font-size: 11px;
color: #fff;
}

#g10series h2, #g0degree h2, #g4000 h2, #g6000 h2, 
#gselfloader h2, #g70ton h2{
color: #003062;
border-bottom: 1px dotted #003062;
margin: 0 0 5px;
padding: 0;
font-size: 20px;
}
#g10series dl.g10sf, #g0degree dl.g0sf, #g4000 dl.g4sf, 
#g6000 dl.g6sf, #gselfloader dl.gslsf, #g70ton dl.g70sbf{
float: right;
width: 320px;
}
#g10series dl.g10oe, #g0degree dl.g0oe, #g4000 dl.g4oe, 
#g6000 dl.g6oe, #gselfloader dl.gsloe, #g70ton dl.g70oe,
#g70ton dl.g70rb{
float: left;
width: 275px;
}
#g10series dl.g10bs, #g0degree dl.g0bs, #g4000 dl.g4rb{
float: left;
width: 400px;
}
#g10series dl.g10bs span, #g0degree dl.g0bs span, #g0degree dl.g0wls span, 
#g0degree dl.g0tr span{
margin: 0 0 0 20px;
}
#g10series dl.g10wls span{
margin: 0 0 0 20px;
}
#g10series dl.g10tr span{
margin: 0 0 0 20px;
}



/*#g10series a, #g0degree a, #g4000 a, #g6000 a, #gselfloader a{
padding: 5px;
background: #fff;
color: #003062;
text-decoration: none;
}*/




/*
CONTACT FORM STYLES ----------------------------------------- */
/*

#aboutWidget form{
margin: 0 0 200px;
}

#aboutWidget input{
width: 200px;
border: 1px dashed #012243;
/*background: #E9E1C5;*/
}
/*
#aboutWidget input.submit, #aboutWidget input.reset{
width: auto;
border: 1px solid #012243;
background: #012243;
color: #ccc;
cursor: hand;
}

#aboutWidget label{
float: left;
margin: 0 2em 0 0;
color: #fff;
}

#aboutWidget textarea{
border: 1px dashed #012243;
}

#aboutWidget label.top{
display: block;
float: none;
}
*/

/*
PARTS PAGE -------------------------------------------------- */

ul#parts{
margin: 10px 20px;
padding: 0;
width: 200px;
}
ul#parts li{
list-style-type: none;
margin: 0;
padding: 2px 5px;
width: 200px;
}
ul#parts li a{
margin: 0;
padding: 5px;
background: #ccc;
text-decoration: none;
display: block;
color: #333;
background: url(../images/parts-btns-bg.jpg) repeat-x;
border: 1px solid #7a7a7a;
}
#partsframe{
float: right;
}


#partsicons ul.thumbs{
margin: 0 0 10px 0;
padding: 0;
float: left;
text-align: center;
background: none;
line-height: 1em;
list-style: none;
}

#partsicons ul.thumbs li, ul.nav li{
display: inline;
margin: 0;
padding: 0;
}

/*#partsicons ul.thumbs li a img{
padding: 5px;
background: none;
border:1px solid #333;
}*/

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

#footer{
background: #295989 ; /* REMOVED url(../images/footer-bg.png) no-repeat bottom */
padding: 0 10px;
margin: 0 10px;
border-top: 1px solid #012243;
overflow: hidden;
}
#footer p img{
float: left;
margin: 0;
padding: 0 15px 0 0;
}
#footer p{
float: left;
background: #295989;
padding: 15px;
line-height: 1;
color: #fff;
margin: 0;
font-size: 10px;
}
ul#footerNav{
background: #295989;
float: right;
list-style-type: none;
margin: 0;
padding: 10px;
color: #193551;
}
ul#footerNav li{
display: inline;
color: #193551;
}
ul#footerNav li a{
color: #193551;
font-size: 10px;
text-decoration: none;
}
ul#footerNav li a:hover{
color: #fff;
}