.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:189px; height:200px;  
                         margin-right:auto;margin-left:auto; margin-bottom:10px;margin-top:10px;
}
.last{clear:both}
.mainwrapper { width:98%;margin:0px auto; padding:0px 0px 0px 5%;}
.productwrapper { width:24%;min-width:200px; float:left; }
.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;
}

div.productwrapper div.label {color:#000;font-weight:400; bottom:10px; left:0px; text-align:center; position:absolute;background-color:#CCC;line-height:auto; font-size:11px;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.Augers {background-image:url(images/auger.jpg)!important;}
div.btnCategory.Backhoes {background-image:url(images/backhoe.jpg)!important;}
div.btnCategory.Blades {background-image:url(images/blade.jpg)!important;}
div.btnCategory.Brooms {background-image:url(images/broom.jpg)!important;}
div.btnCategory.Brushcutters {background-image:url(images/brushcutter.jpg)!important;}
div.btnCategory.Buckets___Backhoe_Front {background-image:url(images/bucket-backhoe-front.jpg)!important;}
div.btnCategory.Buckets___Backhoe_Rear {background-image:url(images/bucket-backhoe-rear.jpg)!important;}
div.btnCategory.Buckets___Compact_Wheel_Loader {background-image:url(images/bucket-compact-wheel-loader.jpg)!important;}
div.btnCategory.Buckets___Excavator {background-image:url(images/bucket-excavator.jpg)!important;}
div.btnCategory.Buckets___Loader {background-image:url(images/bucket-loader.jpg)!important;}
div.btnCategory.Buckets___Mining_Shovels {background-image:url(images/bucket-mining-shovel.jpg)!important;}
div.btnCategory.Buckets___Skid_Steer_Loader {background-image:url(images/bucket-skid-steer.jpg)!important;}
div.btnCategory.Buckets___Telehandler {background-image:url(images/bucket-telehandler.jpg)!important;}
div.btnCategory.Cold_Planers {background-image:url(images/cold-planer.jpg)!important;}
div.btnCategory.Compactors {background-image:url(images/compactor.jpg)!important;}
div.btnCategory.Couplers___Backhoe_Rear {background-image:url(images/coupler-backhoe-rear.jpg)!important;}
div.btnCategory.Couplers___Excavator {background-image:url(images/coupler-excavator.jpg)!important;}
div.btnCategory.Couplers___Loader {background-image:url(images/coupler-loader.jpg)!important;}
div.btnCategory.Delimbers {background-image:url(images/delimber.jpg)!important;}
div.btnCategory.Bale_Grabs {background-image:url(images/bale-grabs.jpg)!important;}
div.btnCategory.Bale_Spears {background-image:url(images/bale-spears.jpg)!important;}
div.btnCategory.Felling_Heads {background-image:url(images/felling-head.jpg)!important;}
div.btnCategory.Forks {background-image:url(images/forks.jpg)!important;}
div.btnCategory.Grapples {background-image:url(images/grapples.jpg)!important;}
div.btnCategory.Hammers {background-image:url(images/hammers.jpg)!important;}
div.btnCategory.Harvester_Heads {background-image:url(images/harvester-heads.jpg)!important;}
div.btnCategory.Material_Handling_Arms {background-image:url(images/material-handling-arm.jpg)!important;}
div.btnCategory.Mulchers {background-image:url(images/mulcher.jpg)!important;}
div.btnCategory.Multi_Processors {background-image:url(images/multi-processors.jpg)!important;}
div.btnCategory.Pulverizers {background-image:url(images/pulverizer.jpg)!important;}
div.btnCategory.Rakes {background-image:url(images/rakes.jpg)!important;}
div.btnCategory.Rippers {background-image:url(images/rippers.jpg)!important;}
div.btnCategory.Saws {background-image:url(images/saws.jpg)!important;}
div.btnCategory.Shears {background-image:url(images/shears.jpg)!important;}
div.btnCategory.Silage_Defacers {background-image:url(images/silage-defacer.jpg)!important;}
div.btnCategory.Snow_Blowers {background-image:url(images/snow-blower.jpg)!important;}
div.btnCategory.Snow_Plows {background-image:url(images/snow-plow.jpg)!important;}
div.btnCategory.Snow_Pushes {background-image:url(images/snow-push.jpg)!important;}
div.btnCategory.Stump_Grinders {background-image:url(images/stump-grinder.jpg)!important;}
div.btnCategory.Thumbs {background-image:url(images/thumbs.jpg)!important;}
div.btnCategory.Tillers {background-image:url(images/tiller.jpg)!important;}
div.btnCategory.Trenchers {background-image:url(images/trencher.jpg)!important;}
div.btnCategory.Truss_Booms {background-image:url(images/truss-boom.jpg)!important;}
div.btnCategory.Water_Delivery_System {background-image:url(images/water-delivery-system.jpg)!important;}
div.btnCategory.Winches {background-image:url(images/winch.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; }
}