/*
background is the darkgrey (#555), the navbar and header boxes are the dull blue (#0e4394) with dull white font rgba(249,249,249,0.8), if its a link thats hovered over the font turns white (#FFF).
the text on the darkgrey background is dull white rgba(249,249,249,0.8), if its a link thats hovered over the font turns white (#FFF).
the text in the content boxes is black on white background, if its a link thats hovered over the font turns darkgrey (#555).
the buttons are dull white rgba(249,249,249,0.8) on dull blue background (#0e4394), when hovered over it turns to white text on blue background (#135bc8). --changed to #0f4cc3

original craneweb:
background (darkgrey): #555
header background, borders (blue): #0f4cc3
text (dull white): rgba(249,249,249,0.8)
hover text (white): #fff
buttons (dull blue): #0e4394
buttons-hover (bright blue)): #135bc8 --changed to #0f4cc3
*/
html{
	background: #555;
}
/* text */
body, h1, h2, h3, h4, h5, h6, p, table, ul, a{ 
	color: black;
}
/* navbar/footer/horizontalines */
#capacityContainer .ui-widget-header,
#detailsHeaderBarBG,
#detailsHeaderBarBG h2,
#detailsHeaderBarBG li h2 a,
#detailsHeaderBarBG ul,
.ui-widget-header a.fg-button.ui-button.ui-state-default,
#footer,
#footer-nav a,
#footer-nav a:active,
#footer-nav a:visited,
li.footerContact,
li.footerContact a,
li.footerContact a:active,
li.footerContact a:visited,
li.footerContact b,
li.footerContact p,
.gold_hrContent,
.gold_hrContent2,
.gold_hrDetailsContact,
.gold_hrFooter,
.gold_hrSide,
.grey_hrContent,
li.navButton a,
ul#navWrap,
#prevNextWrap h1,
#prevNextWrap h2,
#searchHeaderBarBG,
.searchHeaderIconBG{
	background: #0f4cc3 !important;/* did this because of ul#navWrap, was #0e4394 */
	color: rgba(249,249,249,0.8) !important;
	text-decoration: none !important;
}
/* navbar/footer -- hover */
#detailsHeaderBarBG li h2 a:hover,
li.footerContact a:hover,
#footer-nav a:hover,
.listingHeaderIcons a:hover,
#prevNextWrap a h1:hover,
#prevNextWrap a h2:hover,
#searchHeaderBarBG2 a:hover,
.ui-state-default:hover,
.ui-widget-header a.fg-button.ui-button.ui-state-default:hover{
	color: #fff !important;
}
div#tabs > ul.ui-tabs-nav > li.ui-state-default{													
	background: white !important;
	color: black !important;
}
/* buttons */
div.aboutText a > div.button,
div.buttonFeatured,
input.buttonKeyword,
input.searchButton,
#register-profile.btn-primary,
.buttonPrimary3,
.buttonPrimary4{
	background: #0e4394 !important;
	color: rgba(249,249,249,0.8) !important;
	text-decoration: none !important;
}
/* buttons -- hover */
div.aboutText a > div.button:hover,
div.buttonFeatured:hover,
.buttonPrimary3:hover,
.buttonPrimary4:hover,
#capacityContainer .ui-widget-header:hover,
#register-profile.btn-primary:hover,
input.buttonKeyword:hover,
div#tabs > ul.ui-tabs-nav > li.ui-state-default:hover,
input.searchButton:hover{
	background: #0f4cc3 !important;
	color: #fff !important;
}
.ui-widget-header a.fg-button.ui-button.ui-state-default:hover{
	font-weight: bold !important;
}
/* special buttons (reverse) */
.buttonPrimary{
	background: #0f4cc3 !important;
}
/* special buttons (reverse) -- hover */
.buttonPrimary:hover{
	opacity: 0.5;
}
/* no borders */
div.buttonFeatured,
input.buttonKeyword,
.buttonPrimary,
.buttonPrimary3,
.buttonPrimary4,
#capacityContainer .ui-widget-header,
.ui-widget-header a.fg-button.ui-button.ui-state-default,
#prevNextWrap h1,
#prevNextWrap h2,
input.searchButton{
	border: 0;
}
/* borders */
.boxborder,
#contentBG,
#craneInfoContainer2,
#featuredTitle,
#preFooter,
.sidebarBG{
	border-color: #0f4cc3;
	color: black;
}
/* content text */
#contentBG h1,
#contentBG h2,
#contentBG h2.aboutUs,
#contentBG h4,
div#contentBG > div.aboutText > p,
div#contentBG > div.aboutText > div.contactus,
div#contentBG > div.aboutText > div.contactus a,
#craneInfoBG2 h1,
.craneTitle,
div.descriptionText > p,
#detailHeaderWrap h3,
.detailsContact h3,
div.detailsContact > div#contactInfo > ul > li > h4,
#featuredTitle h1,
.inputComboBoxSmall,
#preFooter h1,
div#searchHeaderDescrip > p,
.sidebarBG b,
.sidebarBG h1,
#userStatus{
	color: black !important;
}
/* content text on dark background */
div#dateWrap,
div#dateWrap b,
div#detailsTitle > h4,
#login,
div.showroomLogo > a,
#viewMoreImg,
#viewMoreImg b{
	color: rgba(249,249,249,0.8) !important;
}
.listingHeaderIcons a:hover{
	text-decoration: underline !important;
}
/* link text */
#advertiserLetters a,
#contactInfo li a,
#contentBG h1 a,
.detailsContact h4 a,
.detailsContact h5 a,
#featuredWrap a,
#listingActionIcons b a,
#manfTable a,
#prefooter a,
#profileAction a,
#searchColsWrap a,
.sidebarBG a,
.sidebarBG h1 a,
.specsLink a,
#typeWrap ul li a,
.viewMoreSide a{
	color: black !important;
	text-decoration: none !important;
}
.sidebarBG a,
.sidebarBG a:active,
.sidebarBG a:visited{
	font-weight: normal !important;
}
/* content link text */
#companyTitle a,
.detailsContact b a,
#espanol a,
.listingHeaderIcons a,
#login a,
#statCounts li a{
	color: rgba(249,249,249,0.8) !important;
}
/* link text -- active/visited */
div#companyTitle a:active,
div#companyTitle a:visited,
#contactInfo li a:active,
#contactInfo li a:visited,
.detailsContact h4 a:active,
.detailsContact h4 a:visited,
.detailsContact h5 a:active,
.detailsContact h5 a:visited,
#espanol a:active,
#espanol a:visited,
.listingHeaderIcons a:active,
.listingHeaderIcons a:visited,
#login a:active,
#login a:visited,
.specsLink a:active,
.specsLink a:visited,
#statCounts li a:active,
#statCounts li a:visited,
.viewMoreSide a:active,
.viewMoreSide a:visited{
	color: rgba(249,249,249,0.8) !important;
	text-decoration: none !important;
}
#advertiserLetters a:active,
#advertiserLetters a:visited,
#contactInfo li a:active,
#contactInfo li a:visited,
div#craneInfoContainer2 > div#craneInfoBG2 h1 > a:active,
div#craneInfoContainer2 > div#craneInfoBG2 h1 > a:visited,
.detailsContact h5 a:active,
.detailsContact h5 a:visited,
#featuredWrap a:active,
#featuredWrap a:visited,
#manfTable a:active,
#manfTable a:visited,
#preFooter a:active,
#preFooter a:visited,
#profileAction a:active,
#profileAction a:visited,
#searchColsWrap a:active,
#searchColsWrap a:visited,
.sidebarBG a:active,
.sidebarBG a:visited,
.sidebarBG h1 a:active,
.sidebarBG h1 a:visited,
#typeWrap ul li a:active,
#typeWrap ul li a:visited,
.ui-widget-content a:active,
.ui-widget-content a:visited{
	color: black !important;
}
/* link text -- hover -- inherit font-weight (header text) */
div#companyTitle a:hover,
.DataTables_sort_wrapper:hover,
#detailsHeaderBarBG li h2 a:hover,
#espanol a:hover,
#login a:hover,
div.showroomLogo > a:hover,
#statCounts li a:hover{
	color: #fff !important;
	text-decoration: underline !important;
}
/* link text -- hover - font-weight normal */
.detailsContact h4 a:hover,
#manfTable a:hover,
li.navButton a:hover,
.viewMoreSide a:hover{
	color: #fff !important;
	font-weight: normal !important;
	text-decoration: none !important;
}
#manfTable a:hover{
	color: #555 !important;
}
center div.viewMoreSide a,
center div.viewMoreSide a:hover{
	font-weight: bold !important;
}
/* content link text */
#advertiserLetters a:hover,
#contactInfo li a:hover,
#contentBG h1 a:hover,
div#contentBG > div.aboutText > div.contactus a:hover,
div#craneInfoContainer2 > div#craneInfoBG2 h1 > a:hover,
.detailsContact h5 a:hover,
#featuredWrap a:hover,
#listingActionIcons b a:hover,
#preFooter a:hover,
#profileAction a:hover,
#searchColsWrap a:hover,
.sidebarBG a:hover,
.sidebarBG h1 a:hover,
#typeWrap ul li a:hover{
	color: #555 !important;
	font-weight: normal !important;
	text-decoration: none !important;
}
div.aboutText > p > a:hover,
span.morecontent > a.morelink:hover{
	color: #555 !important;
	text-decoration: underline !important;
}
div.aboutText > h2{
	padding-top: 8px;
}
div#craneInfoContainer2 > div#craneInfoBG2 h1 > a:hover,
.detailsContact h5 a:hover,
#listingActionIcons b a:hover,
li.navButton a:hover,
.sidebarBG h1 a:hover,
#typeWrap ul li a:hover{
	font-weight: bold !important;
}
.sidebarBG h1 a,
.sidebarBG h1 a:active,
.sidebarBG h1 a:hover{
	font-weight: bold !important;
}
/* don't alternate colors for rows in equipment table */
.dataTable tr.even,
.dataTable tr.odd{
	background-color: white !important;
	color: #252525 !important;
}
/* hover shading for rows in equipment table */
.dataTable tr.even:hover,
.dataTable tr.odd:hover{
	background-color: #F1F1EF !important;
}
/* table headers */
.DataTables_sort_wrapper,
table#datatablesNewSearchListings.display thead th.ui-state-default,
table.display thead th{
	background: #0f4cc3 !important;
	text-decoration: none !important;
}
/* suppress the small blue search arrow in header bars */
div#contentBG.sugg_table.boxborder,
div#searchHeaderBarBG > img,
img#searchHeaderRightArrow{
	display: none;
}
#searchHeaderBarBG2,
#searchHeaderBarBG2 a{
	background: #0f4cc3 !important;
	color: #fff;
	padding-left: 5px;
	text-decoration: none;
}
.detailsContact h3{
	font-size: 16px;
}
#detailsHeaderBarBG li h2{
	height: 23px;
}
.emailSellerLink{
	margin: 15px 0 15px 10px;
}
li.navButton{
	border-right: 0;
}
.ui-slider-horizontal{
	background-color: rgba(249,249,249,0.8) !important;
}
div#footer-nav > ul#footer-menu {
	text-align: center;
}
.ui-state-default a:link{
	color: #B1B3B5 !important;
}
div#dealerTabs > ul.ui-widget-content.ui-widget-header.ui-tabs-nav > li.ui-state-default,
div#dealerTabs > ul.ui-widget-content.ui-widget-header.ui-tabs-nav > li.ui-state-default > a,
div#dealerTabs > ul.ui-widget-content.ui-widget-header.ui-tabs-nav > li.ui-state-default > a:active,
div#dealerTabs > ul.ui-widget-content.ui-widget-header.ui-tabs-nav > li.ui-state-default > a:visited,
div#tabs.ui-widget-content.ui-widget > ul.ui-tabs-nav.ui-widget-header > li.ui-state-default,
div#tabs.ui-widget-content.ui-widget > ul.ui-tabs-nav.ui-widget-header > li.ui-state-default > a,
div#tabs.ui-widget-content.ui-widget > ul.ui-tabs-nav.ui-widget-header > li.ui-state-default > a:active,
div#tabs.ui-widget-content.ui-widget > ul.ui-tabs-nav.ui-widget-header > li.ui-state-default > a:visited{
	/* non-active tab */
	background: #B1B3B5 !important;/* was: #0e4394 */
	color: rgba(249,249,249,0.8) !important;
}
div#dealerTabs > ul.ui-widget-content.ui-widget-header.ui-tabs-nav > li.ui-state-default:hover,
div#dealerTabs > ul.ui-widget-content.ui-widget-header.ui-tabs-nav > li.ui-state-default:hover > a,
div#tabs.ui-widget-content.ui-widget > ul.ui-tabs-nav.ui-widget-header > li.ui-state-default:hover,
div#tabs.ui-widget-content.ui-widget > ul.ui-tabs-nav.ui-widget-header > li.ui-state-default:hover > a{
	/* non-active tab */
	background: #0f4cc3 !important;/* was #135bc8 */
	color: white !important;
	font-weight: bold !important;
}
div#dealerTabs > ul.ui-widget-content.ui-widget-header.ui-tabs-nav > li.ui-state-default.ui-tabs-active,
div#dealerTabs > ul.ui-widget-content.ui-widget-header.ui-tabs-nav > li.ui-state-default.ui-tabs-active > a,
div#dealerTabs > ul.ui-widget-content.ui-widget-header.ui-tabs-nav > li.ui-state-default.ui-tabs-active > a:active,
div#dealerTabs > ul.ui-widget-content.ui-widget-header.ui-tabs-nav > li.ui-state-default.ui-tabs-active > a:visited,
div#tabs.ui-widget-content.ui-widget > ul.ui-tabs-nav.ui-widget-header > li.ui-state-default.ui-tabs-active,
div#tabs.ui-widget-content.ui-widget > ul.ui-tabs-nav.ui-widget-header > li.ui-state-default.ui-tabs-active > a,
div#tabs.ui-widget-content.ui-widget > ul.ui-tabs-nav.ui-widget-header > li.ui-state-default.ui-tabs-active > a:active,
div#tabs.ui-widget-content.ui-widget > ul.ui-tabs-nav.ui-widget-header > li.ui-state-default.ui-tabs-active > a:hover,
div#tabs.ui-widget-content.ui-widget > ul.ui-tabs-nav.ui-widget-header > li.ui-state-default.ui-tabs-active > a:visited{
	/* active tab */
	background: white !important;
	color: black !important;
}
div#dealerTabs > ul.ui-widget-content.ui-widget-header.ui-tabs-nav > li.ui-state-default.ui-tabs-active:hover,
div#dealerTabs > ul.ui-widget-content.ui-widget-header.ui-tabs-nav > li.ui-state-default.ui-tabs-active > a:hover{
	/* active tab */
	background: white !important;
	color: rgba(249,249,249,0.8) !important;
}
.ul-header{
	padding-top: 5px;
	text-align: center;
}
.rates-ul{
	text-align: center;
}
.featuredItemLeft,
.featuredItemRight{
	border: 3px solid #0f4cc3;
}
#searchWrap,
#sidebarWrapLeft{
	margin-top: 12px;
}