.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;}

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

.first,.mid,.last { width:100%; height:250px;  
                         margin-right:auto;margin-left:auto; margin-bottom:10px;margin-top:10px;
}
.last{clear:both}
.mainwrapper { width:100%;margin:0px auto; padding:0px 0px 0px 3%;box-sizing:border-box;}
.productwrapper { width:23%;min-width:200px; float:left; margin-right:5px;margin-left:5px;}
.link-button {color: #2200CC;	text-decoration: none !important;font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;padding:0px 0px 0px 0px;position:relative;overflow:none;border:1px solid #f1f1f1;margin-bottom:10px;width:100% !important;
}
/* 2023-12-02 - daveh - disabled due to conflict with contact phone popup */
/*
.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%; 
}
*/
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;
		
}
 .contentslice.productfamily { box-sizing:border-box;padding:20px 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;
}
.Location,.year {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: normal;
}
.details { padding:24px 10px 0px 10px;font-size:16px;
}
.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: 0;
	margin-bottom:10px;    
    max-width: 50%;
    min-width: 475px!important;	
}
.galleryWrapper #galleria{
	/*position: absolute;
	top: 0;
	left: 0;*/
	/*width: 100%;*/width: 400px;
	/*height: 100%;*/height:400px;
}

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

div.description.left { float:left;width:45%; }
.mainimage { float:right;width:50%; }
.mainimage img { width:100%;height:auto; }

.transparent {
	
	filter: alpha(opacity=100);
	opacity: 0.8;
	/* 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;
}


div.specitem{ border-bottom:1px solid #ccc;padding-top:15px;padding-bottom:15px;}

div.btnCategory { background-color:#FFF; background-size:contain !important;padding-top:0px;background-position: 10%;background-repeat:no-repeat;}
/*Upload image in the images folder and change urls in the background-images like the below*/
/*div.btnCategory.Articulated_Trucks {background-image:url(images/articulated_trucks.jpg)!important;}*/
div.btnCategory.Articulated_Trucks {background-image:url(images/articulated_trucks.jpg)!important;}
div.btnCategory.Asphalt_Pavers{background-image:url(images/asphalt_pavers.jpg)!important;}
div.btnCategory.Backhoe_Loaders{background-image:url(images/backhoe_loaders.jpg)!important;}
div.btnCategory.Cold_Planers{background-image:url(images/cold_planers.jpg)!important;}
div.btnCategory.Compact_Track_and_Multi_Terrain_Loaders{background-image:url(images/compact_track_loaders.jpg)!important;}
div.btnCategory.Compactors{background-image:url(images/compactors.jpg)!important;}
div.btnCategory.Dozers{background-image:url(images/dozers.jpg)!important;}
div.btnCategory.Draglines{background-image:url(images/draglines.jpg)!important;}
div.btnCategory.Drills{background-image:url(images/drills.jpg)!important;}
div.btnCategory.Electric_Rope_Shovels{background-image:url(images/electric_rope_shovels.jpg)!important;}
div.btnCategory.Excavators{background-image:url(images/excavators.jpg)!important;}
div.btnCategory.Feller_Bunchers{background-image:url(images/feller_bunchers.jpg)!important;}
div.btnCategory.Forest_Machines{background-image:url(images/forest_machines.jpg)!important;}
div.btnCategory.Forwarders{background-image:url(images/forwarders.jpg)!important;}
div.btnCategory.Harvesters{background-image:url(images/harvesters.jpg)!important;}
div.btnCategory.Highwall_Miners{background-image:url(images/highwall_miners.jpg)!important;}
div.btnCategory.Hydraulic_Mining_Shovels{background-image:url(images/hydraulic_mining_shovels.jpg)!important;}
div.btnCategory.Knuckleboom_Loaders{background-image:url(images/knuckleboom_loaders.jpg)!important;}
div.btnCategory.Material_Handlers{background-image:url(images/material_handlers.jpg)!important;}
div.btnCategory.Motor_Graders{background-image:url(images/motor_graders.jpg)!important;}
div.btnCategory.Off_Highway_Trucks{background-image:url(images/off_highway_trucks.jpg)!important;}
div.btnCategory.On_Highway_Trucks{background-image:url(images/on_highway_trucks.jpg)!important;}
div.btnCategory.Pipelayers{background-image:url(images/pipelayers.jpg)!important;}
div.btnCategory.Road_Reclaimers{background-image:url(images/road_reclaimers.jpg)!important;}
div.btnCategory.Site_Prep_Tractors{background-image:url(images/site_prep_tractors.jpg)!important;}
div.btnCategory.Skid_Steer_Loaders{background-image:url(images/skid_steer_loaders.jpg)!important;}
div.btnCategory.Skid_Steer_and_Compact_Track_Loaders{background-image:url(images/skid_steer_loaders.jpg)!important;}
div.btnCategory.Skidders{background-image:url(images/skidders.jpg)!important;}
div.btnCategory.Surface_Mining___Conveyor_Systems{background-image:url(images/surface_mining_conveyor_systems.jpg)!important;}
div.btnCategory.Telehandlers{background-image:url(images/telehandlers.jpg)!important;}
div.btnCategory.Track_Loaders{background-image:url(images/track_loaders.jpg)!important;}
div.btnCategory.Underground___Hard_Rock{background-image:url(images/underground_hard_rock.jpg)!important;}
div.btnCategory.Underground___Longwall{background-image:url(images/underground_longwall.jpg)!important;}
div.btnCategory.Underground___Room_and_Pillar{background-image:url(images/underground_room_and_pillar.jpg)!important;}
div.btnCategory.Underground_Mining___Conveyor_Systems{background-image:url(images/underground_mining_conveyor_systems.jpg)!important;}
div.btnCategory.Wheel_Dozers{background-image:url(images/wheel_dozers.jpg)!important;}
div.btnCategory.Wheel_Excavators{background-image:url(images/wheel_excavators.jpg)!important;}
div.btnCategory.Wheel_Loaders{background-image:url(images/wheel_loaders.jpg)!important;}
div.btnCategory.Wheel_Tractor_Scrapers{background-image:url(images/wheel_tractor_scrapers.jpg)!important;}


@media only screen and (min-width: 601px)  and (max-width:879px) {
 
 
 .contentslice.productfamily { width:50%;float:left;border:2px solid #FFF;margin-bottom:5px;}
.mainwrapper { padding:0px; }
.productwrapper { width:48% !important; margin-right:3px; }
 div.btnCategory { width:100% !important; } 
  .link-button {width:100% !important;overflow:hidden;padding:0px;min-height:250px;
}
.label {color:#000;font-weight:400; bottom:0px; left:0px; text-align:center; position:absolute;background-color:#CCC;line-height:auto; font-size:11px;padding:7px 0% 7px 0%; 
}
div.divbutton.right { float:none;width:100%;padding:0px; }
/* a.btn.yellow { width:100%; padding: 10px 0px; } */
div.img.left { width:100% !important; }
.details.left { padding:0px;font-size:16px;float:right;width:100%;
}
div.productlisting img { width:100% !important; }
}

@media only screen and (min-width: 350px)  and (max-width:600px) {
  .mainwrapper { padding:0px; }
  .productwrapper { width:100% !important; margin-right:0px; padding:0px; }
 div.description.left { float:none;width:100%; }
.mainimage { width:100%; float:none;}
 div.btnCategory { width:100% !important;padding:0px; background-position:center} 
  .link-button {width:100% !important;overflow:hidden;padding:0px;min-height:250px;
}
.label {color:#000;font-weight:400; bottom:0px; left:0px; text-align:center; position:absolute;background-color:#CCC;line-height:auto; font-size:16px;padding:7px 0% 7px 0%; width:100%;
}

.details { width:100%;padding: 10px 0px; }
div.divbutton.right { float:none;width:100%;padding:0px; }
a.btn.yellow { width:100%; padding: 10px 0px; }

div.productlisting img { width:100% !important; }
}