.InfoTags{font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:normal;}

a:visited { color: #2200CC;	text-decoration: none;}
a:hover { color:#2200CC; text-decoration: none; }
a:active { color:#2200CC; text-decoration: none; }

.maincontainer{margin:10px 10px 10px 10px;}


@media only screen and (max-width: 640px) { a.btn.red {margin-right:0px !important;margin-top:0px !important; } }


.maincategory {width:100%!important;padding:0; margin:0;
}
div.clear { clear:both; }

.last{clear:both}

div.img.left.thumb { width:200px;height:auto;border:none; }

.mainwrapper { width:100%;margin:0px auto; padding:20px;box-sizing:border-box;clear:both;}
.productwrapper {width:260px; float:left; margin-right:2%;box-sizing:border-box;display:inline-block;margin-bottom:15px;text-align:center;font-size:16px;}
.productwrapper a { color:#FFFFFF; }
.productwrapper:hover { opacity: .9}
.link-button {color: #2200CC;	text-decoration: none !important;font-family:Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:normal;padding:0px;margin-bottom:10px;width:100% !important;box-sizing:border-box;
}
.label {color:#FFF;font-weight:400; bottom:10px; left:0px; text-align:center; position:absolute;background-color:#333;line-height:auto; font-size:12px;padding:7px 2% 7px 2%; 
}
.productLabel { background-color:#333; padding:4px;box-sizing:border-box;}
.productLabel a { color:#FFFFFF; }
a.productwrapper:hover + div.label { background-color:#FC0; }
.subcat {border:none;
}
a.btn.yellow { border-radius:0px;margin-top:20px; }
.subcat td {  border:none; }

.subcat tr { padding:10px;
		
}
.subcat tr:nth-child(even) {background: #f1f1f1;border-top:#ccc; }
.subcat tr:nth-child(odd) { background: #f6f66;}
.subcat tr:hover { background-color:#FFFEEC;}
.subcatth {width:175px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;
font-size:14px;text-align:center; vertical-align:middle;border:none;
}
.subcatthimg {width:160px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;
font-size:14px;text-align:center; vertical-align:middle;
}
.subcattd {width:175px;font-family:Arial,Helvetica,sans-serif;
font-size:14px;text-align:center; vertical-align:middle;border:none;
}
.subcatthsmal {width:125px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;
font-size:14px;text-align:center; vertical-align:middle;
}
.subcattdsmal {width:125px;font-family:Arial,Helvetica,sans-serif;
font-size:14px;text-align:center; vertical-align:middle;
}
.subcattdimg {width:160px;font-family:Arial,Helvetica,sans-serif;
font-size:14px;text-align:center; vertical-align:middle;
}
.hours {
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
}
.product_family {
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px;
	color:#808080;
}
div.contentslice.productfamily:hover { background-image:none;background-color:#F7FFBD; }
.Location,.year {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: normal;
}
.details {
}div.productfamilytitle { width:100%;border-bottom:1px solid #cccccc;padding:6px 0px;font-size:24px;box-sizing:border-box;color:#000000;font-weight:500;}
.detailsimg {width:160px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;
font-size:14px;text-align:center; vertical-align:middle;
}
.detailstext {width:175px;font-family:Arial,Helvetica,sans-serif;
font-size:14px;text-align:left; vertical-align:top;
}


.galleryWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0px;
	margin-bottom:10px;
	
}
.galleryWrapper #galleria{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* #galleria{ width: 50%; height:400px; background: #f6f6f6!important; } */

.transparent {
	
	filter: alpha(opacity=100);

	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 96%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=100);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:1.0;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 1.0;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 1.0;
	
	line-height:30px;
}


/* Post Dev CSS */
div.productlisting  { padding:5px 10px 5px 10px; }
div.productlisting  div.img{ width:15%;margin-right:15px;min-width:150px;}
div.productlisting  div.img img{ width:100%; height:auto;border:1px solid #ccc;}

div.productlisting  div.details { width:inherit; }
div.productlisting  div.divbutton { width:250px; }
div.productlisting  div.divbutton a.btn { width:100%; text-transform:uppercase;min-width:150px;margin-left:-40px;border-radius:0px;font-size:16px;}
div.btnCategory {
	background-size:cover;overflow:hidden;}
div.productlisting div.details.left { font-size:16px;}
div.description.left { float:left; margin-bottom:15px;box-sizing:border-box;width:48%;}
div.description.left h2 { border-bottom:1px solid #cccccc; }
div.galleryWrapper.right {float:right;max-width:50%;min-width:500px;}
div.galleria-container {max-height:475;}



#tabs_container { border:1px solid #000000; }
table.evenrows tr:nth-child(even)		{ background-color:#f1f1f1; }
table.evenrows tr:hover { background-color:#ffcc00; }
a.tabulous_active { border-top-right-radius:5px;border-top-left-radius:5px;background-color:#cccccc !important; }
div#tabs-1 { top:0px !important; }





/* 10-9-2018 Post Dev */


div.productImage { height:300px;background-color:#CCCCCC;background-repeat:none;background-size:cover;}
/* div.productImage. { background-image:url(images/.jpg); } */
div.productImage.Aerial_Work_Platforms { background-image:url(images/Boom_lift.jpg);background-repeat:none;background-size:cover; }
div.productImage.Air_Compressors_and_Air_Tools { background-image:url(images/cat_185_34291686.jpg); }
div.productImage.Concrete_and_Masonry { background-image:url(images/cat_Stihl_3.jpg); }
div.productImage.Earthmoving_Equipment { background-image:url(images/Skid_Steer.jpg); }
div.productImage.Light_Towers_and_Generators { background-image:url(images/Generators.jpg); }
div.productImage.Material_Handling_and_Forklifts { background-image:url(images/material_telehandler.jpg); }
div.productImage.Pumps { background-image:url(images/Pumps.jpg); }
div.productImage.Rollers_and_Compaction { background-image:url(images/compactor.jpg); }
div.productImage.Utility_and_Jobsite_Vehicles { background-image:url(images/Water_truck.jpg); background-position:right;}
div.productImage.Welders { background-image:url(images/Trailblazer-325-Rent.jpg); }
div.Compact_Track_Loaders.productImage{ background-image:url(images/CTL.jpg);}

div.Backhoe_Loaders.productImage{ background-image:url(images/backhoe.jpg);}
div.box_blade_loaders.productImage{ background-image:url(images/cat_C10438977_415F2-IL.png);}
div.Dozers.productImage{ background-image:url(images/Dozer.jpg);}
div.Excavators.productImage{ background-image:url(images/excavator.jpg);}
div.Skid_Steer_Loaders.productImage{ background-image:url(images/Skid_Steer.jpg);}
div.Wheel_Loaders.productImage{ background-image:url(images/wheel_loader.jpg);}
div.Scrapers.productImage{ background-image:url(images/scrapers.jpg);}
div.Motor_Graders.productImage{ background-image:url(images/motorgrader.jpg);}
div.Asphalt_Pavers.productImage{ background-image:url(images/asphaltpavers.jpg);}
div.Off_Highway_Trucks.productImage{ background-image:url(images/offhighway.jpg);}
div.Articulated_Trucks.productImage{ background-image:url(images/articulatedtrucks.jpg);}
div.Power_Systems.productImage{ background-image:url(images/generators.jpg);}
div.Air_Compression.productImage{ background-image:url(images/cat_185_34291686.jpg);}
div.Paving.productImage{ background-image:url(images/asphaltpavers.jpg);}
/* div.brooms_&_sweepers.productImage{ background-image:url(images/street_sweeper.jpg);} */

@media only screen and (min-width: 501px)  and (max-width:979px) {

    div.img.left.thumb { margin-bottom:10px; }
    
    div.productlisting  { padding:5px 10px 5px 10px; }
    div.productImage { background-position:center; }
div.label.transparent { font-size:20px; }

div.productlisting  div.details { width:50%;float:left; }
div.productlisting  div.divbutton { width:100%;margin-top:10px; }
div.productlisting  div.divbutton a.btn { width:100%; text-transform:uppercase;margin-left:0px;float:none;}
div.productlisting  div.divbutton a.btn.right {float:none;}
div.productlisting div.details.left { font-size:18px;}
div.description.left { margin-left:auto;margin-right:auto;padding:10px; width:92%;float:none;}	
div.galleryWrapper.right {width:100%;min-width:100%;float:none;}
    
    
/* .productwrapper { width:48%;margin-right:5px;height:250px;border:none;}

.link-button { width:100%;margin-right:3px;overflow:hidden;

	
height:155px;
	

} */

/* div.label.transparent { bottom:1px; font-size:15px;} 

div.productlisting  div.divbutton { width:100%;margin-top:10px;padding:none;}
div.productlisting  div.divbutton a.btn { width:300px;; text-transform:uppercase;margin-left:0px;float:none;}
div.productlisting  div.divbutton a.btn.right {float:none;}
div.productlisting div.details.left { font-size:18px;}
div.description.left { margin-right:20px; width:42%;}	
div.galleryWrapper.right {width:100%;min-width:100%;float:none;}
div.productlisting div.details.left { font-size:18px;} */
  
  
}

@media only screen and (min-width: 350px)  and (max-width:500px) {


.productwrapper { width:100%;margin:0px 0px 5px 0px;}
    div.img.left.thumb { margin-bottom:10px; }
.link-button {
	width:100%;
	position: relative;
	padding-bottom: 25%; /* 16:9 */
	
	height: 0;
	overflow:hidden;
	min-height:250px;
	max-height:350px;
}
div.btnCategory {
	background-size:cover;
	background-position:center ;
	position: absolute;
	top: 5;
	left: 0;
	width: 100%;
	height: 100%;
	max-height:250px;
	
}
    div.secondarynav { text-align:center !important; }
div.productlisting  { padding:5px 10px 5px 10px; }
    div.productImage { background-position:center; }
div.label.transparent { font-size:20px; }

div.productlisting  div.details { width:100%; }
div.productlisting  div.divbutton { width:100%;margin-top:10px; }
div.productlisting  div.divbutton a.btn { width:100%; text-transform:uppercase;margin-left:0px;float:none;}
div.productlisting  div.divbutton a.btn.right {float:none;}
div.productlisting div.details.left { font-size:18px;width:100% !important;}
div.description.left { margin-left:auto;margin-right:auto;padding:10px; width:92%;float:none;}	
div.galleryWrapper.right {width:100%;min-width:100%;float:none;}
  
}