@charset "utf-8";
/* CSS Document */


body
{
    padding: 0 !important;
    margin: 0 !important;
    width:100% !important;
    min-width:200px !important;
    background:rgb(7, 6, 5) url('images/bg.jpg') repeat-x left top !important;
    font-family: Verdana, Arial !important;
}

.sfContentBlock p{padding:0px 10px !important;font-size:1.1em !important;} 

p
{
    padding: 0px 20px 0px 0px !important;
    line-height:1.6 !important;
}

a
{
    text-decoration:underline;
    color:inherit;
}

a:hover
{
    text-decoration:none;
	color:#fdbe11 !important;
}

a img
{   
    border:none;
    outline:none;
}

h1{font-size:1.4em!important; font-weight:bold !important;}
h2{font-size:1.3em!important; padding:0 0px 20px 0px !important; margin:0 !important; font-weight:bold !important;}
h3{font-size:1.4em!important;}

.wrapper
{
    width:100%;
    max-width: 1000px;
    margin:0px auto;
    position:relative;
    background-color:White;
}

.top
{
    width:100%;
    height: 155px;
    background-image: url(images/metalbg.jpg);
    background-repeat: repeat-x;
}

.navbar
{
    width:100%;
    height: 42px;
    background-color:Black;
}

.nav
{
    width:100%;
    max-width:1000px;
    height:42px;
    margin:0 auto;
}

.nav ul.rmRootGroup.rmHorizontal
{
    height:42px;
}

.nav .rmText
{
    color: White;
    font-size:1em;
    padding:13px 17px 11px 18px !important;
}

.nav .rmText:hover
{
    background-color:#ffc81f !important;
    padding:13px 17px 11px 18px !important;
    color:Black;
}

.nav .RadMenu .rmLink 
{
    padding:0 !important;
    text-transform:uppercase;
    cursor:pointer;
}

.nav .RadMenu .rmLink:hover 
{
    background-color:#ffc81f;
    color:Black;
}

.nav .RadMenu .rmVertical .rmText, .RadMenu .rmHorizontal .rmVertical .rmText 
{
    background-color:#525252;
    margin: 0 !important;
}

.nav .rmExpandRight
{
    background-image: url(images/arrow.png);
    background-repeat:no-repeat;
    background-position: right;
    border-right: 5px solid transparent;
}

.pageheader
{
    background-color:#ffc81f;
    width:95%;
    padding: .30% 2.5% !important;
    font-weight:bold;
	font-size:1.2em;
}

.pageheader a
{
    background-color:#ffc81f;
    color: #2d2a26 !important;
    font-size: 1.2em;
    font-weight:bold !important;
}

.pageheader span{margin-left:20px;}

.sfBreadcrumbWrp
{
    margin:0 !important;
}

.breadcrumbs .sfBreadcrumbWrp .RadSiteMap .sfBreadcrumbNavigation .rsmLink
{
    color:gray !important;
    text-decoration:none;
}

.breadcrumbs .sfBreadcrumbWrp .RadSiteMap .sfBreadcrumbNavigation .rsmLink:hover
{
    text-decoration:underline;
}

.breadcrumbs
{
    width:95%;
    padding: 1% 2.5%;
}

.breadcrumbs a
{
    color:Black !important;
	font-size:0.85em;
}

.main
{
    margin: 0 auto !important;
    min-height:200px !important;
    padding: 10px 0px !important;
    width: 92% !important;
}

.center
{
    width:100%;
    max-width: 1000px;
    margin:0px auto;
}


.sfsearchBox
{
    float:right;
    margin-top:10px !important;
}

.sfsearchBox .sfsearchTxt
{
    margin: -2px -4px 0px 0px;
    border:none;
    width:130px !important;
    height:17px !important;
    padding:0px !important;
}

.sfsearchBox .sfsearchSubmit
{
    color:transparent;
    background-color:transparent;
    border:none;
    padding: 0 !important;
    background-image: url(images/go.jpg);
    background-repeat: no-repeat;
    height:17px;
    width:38px;
}

.copy
{
    margin: 0 auto;
    width:95%;
    color: Gray;
    border-top:1px solid black;
    padding: 2% 0px 4% 5%;
    text-align:left;
    line-height:2;
}

.blackbuttons
{
    padding: 10px 50px;
    width: 200px;
    background-color:Black;
    font-weight:bold;
    color:White;
    margin:5px 0px;
    color:White;
    float:right;
    font-size:1.3em;
}

.blackbuttons a:link {
	color:white;
	text-decoration:none;
	display:block !important;
}

.blackbuttons a:active {
	color:white;
	text-decoration: none;
}

.blackbuttons a:visited {
	color:white;
	text-decoration: none;
}

.blackbuttons a:hover {
	color:#fdbe11;
	text-decoration:none;
}

.signup
{
    background-image: url(images/newsletterbg.jpg);
    background-size:100%;
    padding: 14px 10px 20px 30px;
    width:260px;
    height: 180px;
    font-weight:bold;
    margin-top:7px;
    float:right;
    color:Black;
    font-size:1.4em;
    line-height:1.2 !important;
}

.signup .contactform{padding: 14px 0px 0px 0px;margin-left:-40px !important;}
.signup .buttons .btnSubmit{padding: 0px 0px 0px 65px;background-color:transparent !important;border:none !important;}
.signup .contactform .error1{font-size:.6em !important;float:right;text-align:right;padding:10px 30px 10px 0px !important;line-height:0px !important;width:100% !important;}
.signup .contactform span{font-weight:normal !important;padding-right:10px !important;}
.signup .contactform .riSingle{width:180px !important;}
.signup-col{float:left;width:32%;margin-left:1.5% !important;}
.social-col{margin-top:20px;float:left;width:33%;} 
.midtxt-col, .logo-col
{
    float:left;width:33%;
}

.homeimg-1, .homeimg-2, .homeimg-3
{
    float:left;
    width:33%;
}

.homeimg-1 img, .homeimg-2 img, .homeimg-3 img
{
    width:95%;
}
.home-txt
{
    width:56%;
    float:left;
    padding:3% 6% 0% 3%;
    font-size:1.125em !important;
}

.nav-mo{display:none !important;}

#btnMenu
{
    padding: 10px 0px !important;
    margin: 1px 0px !important;
    background-color: #ff9900;
    width: 100%;
    display: inline-block;
    font-weight: bold !important;
    color: Black;
}

.one_col_first
{
    width:98%;
    max-width:915px;
    padding: 1%;
    display:block;
    margin: 0 auto;
    background-color:white;
}

.two_col_first, .two_col_sec
{
    background-color:white;
    width:48%;
    margin:1%;
    float:left;
}

.three_col_first, .three_col_sec, .three_col_last
{
    background-color:white;
    width:29% !important;
    padding:1%;
    margin:1%;
    float:left;
}

.banner{width:100% !important; text-align:center;}
.banner img{width:95%;max-width:916px;}

/*******CAROUSEL STYLES BEGIN*******/
.cur
{
    background-color:#fec81e !important;
}
        
.carousel-title img
{
    width:80%;
    margin:0 auto;
    display:block;
    padding:30px 30px 5px 30px !important;
}

.carouselwrapper
{
    background-image: url(images/metal-bg.jpg);
    background-repeat:repeat;
    width:45%;
    margin:0 auto;
    min-width:902px;
    border-radius:10px;
}
.carousel
{
    height:350px;
    width:80%;
    margin:0 auto;
}

.carousel img{width:100%;}

.carousel ul {
    list-style: none;
    margin: 0 auto;
}

.carousel ul li 
{
    width: 35%;
    height:auto !important;
    text-align: center;
    cursor: pointer;
}
/*
img1 - attatchments
img2 - hydrolic excavators
img3 - motor graders
img4 - pipelayers
img5 - track-type tractors
img6 - used equipment
*/

.img1
{
    background-image:url(images/img4.jpg);
    background-size:100%;
    background-repeat:no-repeat;
}

.img2
{
    background-image:url(images/img5.jpg);
    background-size:100%;
    background-repeat:no-repeat;
}
.img3
{
    background-image:url(images/img2.jpg);
    background-size:100%;
    background-repeat:no-repeat;
}

.img4
{
    background-image:url(images/img3.jpg);
    background-size:100%;
    background-repeat:no-repeat;
}

.img5
{
    background-image:url(images/img1.jpg);
    background-size:100%;
    background-repeat:no-repeat;
}
.img6
{
    background-image:url(images/img6.jpg);
    background-size:100%;
    background-repeat:no-repeat;
}

.roundabout-moveable-item{top:50px !important;}
.roundabout-in-focus{top:35px !important;}
    
.next, .next1, .next2, .next3, .next4
{
    margin: 0 auto;
    display:block;
}

.buttonholder
{
    width:100%;
    height:150px;
    bottom:0;
    padding-top:12px;
    background-image: url(images/cleargray.png);
    background-repeat:repeat;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
}
.button
{
    background-color:#a09a9a;
    padding:0% .5% 1% .9%;
    width:13%;
    height:120px;
    color:#2b2a26 !important;
    border-radius:8px;
    display:block;
    float:left;
    text-align:center;
    font-weight:bold;
    font-family:Verdana, Arial, Sans-Serif;
    margin:10px;
    box-shadow: -2px 5px 20px black;
    -moz-box-shadow: -2px 5px 20px black;
    -webkit-box-shadow: -2px 5px 20px black;
}

.button:hover
{
    background-color:#fec81e;
    color:White !important;
}


.button span
{
    margin-top:40px;
    float:left;
    width:100%;
}

span.oneline
{
    margin-top:50px;
    float:left;
    width:100%;
}

/*******CAROUSEL STYLES ENDS *******/


/*------------------------------------------SPECIAL BRAND TACKLE STYLES-------------------------------------------------*/
/*------------------------------------------SPECIAL BRAND TACKLE STYLES-------------------------------------------------*/


.homePageFeatureText {
	font-size:1.1em;
	line-height: 1.7em;
}

.homePageFeatureText p {
	margin: 5% 3% 5% 4%;
}

.imagePaddingLeftJustified {
	padding-bottom:3px;
	padding-right:20px;
	padding-top:6px;
}

.imagePaddingRightJustified {
	padding-bottom:3px;
	padding-left:20px;
	padding-top:6px;
}

.pageSubheader
{
    background-color:#ffc81f;
    width:95%;
    padding: .65% 2.5% !important;
    font-weight:bold;
	font-size:1.2em;
}


.pageSubheader span{margin-left:0px;}


.myRSS {
	height:450px;
}

.machineryTrader {
	height:600px;
}

.visionLink {
	height:625px;
}

td p
{
    padding: 0px 20px 0px 0px !important;
    line-height:1.6 !important;
}

td a
{
    text-decoration:underline;
    color:blue !important;
	font-size:1.0em !important;
}

td p a
{
    text-decoration:underline;
    color:blue !important;
	font-size:1.0em !important;
}

td a:hover
{
    text-decoration:none;
	color:#fdbe11 !important;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-wrapper {
	width: 540px;
	max-width: 100%;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------------END BRAND TACKLE SPECIAL STYLES -------------------------------------------------*/

/*------------------------------------------BEGIN VIDEO ROTATOR STYLES -------------------------------------------------*/
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    position: absolute;
    top: calc(50% - 18px - 24px); /* 50% - half of button height - .owl-dots top margin */
    display: inline-block;
    width: 36px;
    /* height: 36px; */    
    font-family: Calibri, "Gill Sans", "Gill Sans MT", Arial, sans-serif;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: rgba(50,50,50,0.75);
}
.owl-carousel .owl-prev {
    left:-25px;
}
.owl-carousel .owl-next {
    right:-25px;
} 

.owl-carousel .owl-dots {
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: center;
}
.owl-carousel .owl-dot {
    display: inline-block;
    margin: 0 10px;
}
.owl-carousel .owl-dot span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background-color:#231F20;
}
.owl-carousel .owl-dot.active span {background-color:#FEC81E;}
/*------------------------------------------END VIDEO ROTATOR STYLES -------------------------------------------------*/

/*------------------------------------------BEGIN FLEX SLIDER STYLES -------------------------------------------------*/
.flexslider .flex-direction-nav .flex-next {opacity: 1; right: 15px; width:22px; height:40px; background-image:url(./images/next-arrow.png); background-position:top left; background-repeat:no-repeat;}
.flexslider .flex-direction-nav .flex-prev {opacity: 1; left: 15px; width:22px; height:40px; background-image:url(./images/prev-arrow.png); background-position:top left; background-repeat:no-repeat; }
.flexslider:hover .flex-direction-nav .flex-next {opacity: 1; right:15px;}
.flexslider:hover .flex-direction-nav .flex-prev {opacity: 1; left:15px;}
/*------------------------------------------END FLEX SLIDER STYLES -------------------------------------------------*/

/*------------------------------------------BEGIN TAB STRIP STYLES -------------------------------------------------*/
.main .RadTabStripTop_Metro .rtsLevel1 {
    background-color:transparent;
    margin-bottom: -1px;
}
.main .RadTabStrip_Metro .rtsLevel1 .rtsUL {        
    background-color:transparent;
}
.main .RadTabStripTop_Metro .rtsUL .rtsLI,
.main .RadTabStripBottom_Metro .rtsUL .rtsLI {
    padding: 0;
}
.main .RadTabStrip_Metro .rtsLevel1 .rtsLink {  
    border-top: 1px solid #999; 
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: none;
    background-color: #f0f0f0;
    color: #000 !important;
    text-transform: none;
}
.main .RadTabStrip_Metro .rtsFirst .rtsLink {   
    border-left: 1px solid #999;        
}
.main .RadTabStrip_Metro .rtsLevel1 .rtsLink:hover {
    border-color: #999999;
    background-color:#fff;
    color: #000 !important;
}
.main .RadTabStrip_Metro .rtsLevel1 .rtsSelected {
    border-bottom: solid 1px #fff;
    background-color: transparent;
}
.main .RadTabStrip_Metro .rtsLevel1 .rtsSelected:hover {
    border-bottom: solid 1px #fff;
}
.main .tabDesignContainer {
    border-top: 1px solid #999; 
}
.main .tab-page {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.main .tab-page h2 {
    margin: 1rem 0 !important;
    border-bottom: dashed 1px #ddd;
    padding-bottom: 1rem !important;
    font-weight: normal !important;
}
/*------------------------------------------END TAB STRIP STYLES -------------------------------------------------*/

/*------------------------------------------TABLET STYLING BEGINS (LANDSCAPE)-------------------------------------------------*/
@media screen and (max-width: 62.5em){  /*1000px*/

.wrapper{background-color: white;}
.main{width:100% !important;}
.sfContentBlock p{font-size:1em !important;}
.nav{max-width:800px;}
.nav .rmText
{
    font-size:.8em;
    padding:13px 10px 11px 10px !important;
}
.nav .rmText:hover{padding:13px 10px 11px 10px !important;background-color:black !important;color:White;}

.logo-col{width:35% !important;margin-left:5%;}

.midtxt-col{width:30% !important;display:block;margin-left:2%;}

.social-col{width:25% !important;margin-top:25px;}

.homeimg-1, .homeimg-2, .homeimg-3
{
    width:31% !important;
    margin:0 1%;
}  
.homeimg-1 img, .homeimg-2 img, .homeimg-3 img
{  
    width:100%;
}

.one_col_first
{     
    width:90%;
    padding:1% 4%;
}                                 
.three_col_first, .three_col_sec, .three_col_last
{
    background-color:white;
    width:31% !important;
    padding:0%;
    margin:0% 0% 0% 2%;
    float:left;
}

.pageheader span{margin-left:0px;}


.button span
{
    margin-top:30px;
}

span.oneline
{
    margin-top:35px;
}
.buttonholder
{
    height:250px;
    padding-top:2%;
}
.button
{
    height:80px;
    width:25%;
    font-size:90%;
    margin:1% 3.3%;
}
                                     
}   /*Closes (LANDSCAPE) TABLET Styling*/
/*------------------------------------------TABLET STYLING ENDS (LANDSCAPE)-------------------------------------------------*/
/*------------------------------------------TABLET STYLING ENDS (LANDSCAPE)-------------------------------------------------*/
























/*------------------------------------------TABLET STYLING BEGINS (PORTRAIT)-------------------------------------------------*/
/*------------------------------------------TABLET STYLING BEGINS (PORTRAIT)-------------------------------------------------*/
@media screen and (max-width: 50em){  /*800px*/

    
.wrapper{background-color: white;}  
.main 
{
    margin: 0 auto !important;
    min-height: 200px !important;
    width: 98% !important;
} 
.nav{width:100%;max-width:700px;}
.nav .rmText
{
    font-size:.8em;
    padding:13px 3px 11px 5px !important;
}
.nav .rmText:hover{padding:13px 3px 11px 5px !important;background-color:black !important;color:White;}

.logo-col{width:45% !important;margin-left:4%;}

.social-col{width:45% !important;margin-top:25px;}

.signup-col{float:left;width:40% !important;margin: 2% 0% 0% 2%;}

.midtxt-col{display:none;}
.home-txt 
{
    width: 51%; 
    font-size:1em !important; 
    padding:3% 2% 0% 3%;
}

.copy
{
    width:100%;
    padding: 2% 0 4% 0;
    text-align:center;
}

.banner img{width:100% !important;}

.carouselwrapper{width:95%;min-width:0px;}

.buttonholder
{
    height:220px;
}

}   /*Closes Tablet Styling*/    
/*------------------------------------------TABLET STYLING ENDS (PORTRAIT)-------------------------------------------------*/
/*------------------------------------------TABLET STYLING ENDS (PORTRAIT)-------------------------------------------------*/














/*------------------------------------------MOBILE STYLING BEGINS-------------------------------------------------*/
/*------------------------------------------MOBILE STYLING BEGINS-------------------------------------------------*/

@media screen and (max-width: 43.750em)  /*700px*/
{

.sfContentBlock p{font-size:.99em !important;padding:0px 10px !important;}   
.wrapper{background-color:White !important;}

.main
{
    width:100% !important;
}

.navbar{height:auto;padding-bottom:1px;}
.nav, .sfsearchBox{display:none;}

.nav-mo
{
    display:block !important;
    width:100%;
    text-align:center;
    padding-top:60px;
}

.nav-mo .rtLI
{
    background-color:#000  !important;
}

.nav-mo ul li a
{
    padding: 10px 0px !important;
    margin:1px 0px !important;
    background-color:#fec81e;
    width:100%;
    display:inline-block;
    font-weight:bold !important;
    color:Black;
}

.nav-mo ul li ul li a /*Edits 2ndary dropdown level*/
{
    padding: 10px 0px !important;
    margin:1px 0px !important;
    background-color:#ffde74;
    width:100%;
    display:inline-block;
}

.nav-mo ul li ul li ul li a /*Edits tertiary dropdown level*/
{
    padding: 10px 0px !important;
    margin:1px 0px !important;
    background-color:#fee698;
    width:100%;
    display:inline-block;
}

.nav-mo .RadTreeView .rtUL .rtLI .rtUL /*Edits 2ndary dropdown level - important sitefinity override*/
{padding:0 !important;}

.nav-mo ul li a:hover, .RadTreeView .rtHover .rtIn, .RadTreeView .rtSelected .rtIn /*Important sitefinity override*/
{border:none !important;}

.RadTreeView .rtPlus, .RadTreeView .rtMinus /*Edits the invisible plus sign that allows the parent li to dropdown to lower levels*/
{
    position:absolute !important;
    margin:0px !important;
    height:40px !important;
    width:100% !important;
    background-color:transparent;
}
.RadTreeView .rtTop, .RadTreeView .rtMid, .RadTreeView .rtBot {padding:0px !important;}

.social-col
{
    clear:both;
    width:100% !important;
    text-align:center !important;
    margin: 0 auto;
    float:none;
    padding: 5px 0px;
    max-width:200px;
    min-width:195px !important;
}

.social-col img
{
    float:left !important;
    margin:-8px 2px;
}

.homeimg-1, .homeimg-2, .homeimg-3, .homeimg-1 img, .homeimg-2 img, .homeimg-3 img
{
    clear:both;
    width:100% !important;
    margin: 5px 0;
}

.home-txt
{
    width:90%;
    float:none;
    padding:3% 2% 0% 3%;
    font-size:.938em !important;
}

.midtxt-col{display:none;}

.logo-col
{
    width:100% !important;
    margin:0 !important;
    height:155px;
    clear:both;
}

.logo-col img
{
    float:none !important;
    margin: 0 auto !important;
    width:280px;
    display:block;
}
    

.signup, .blackbuttons
{
    width:90%;
    padding: 3% 0% 3% 10% !important;
    float:none !important;
}
.signup .contactform .riSingle{width:70% !important;}
.signup-col
{
    width:100%  !important;
    float:left;
    margin-left:0 !important;
}

.two_col_first, .two_col_sec
{
    background-color:white;
               width:90%;
               margin:5%;
               float:none;
}

.three_col_first, .three_col_sec, .three_col_last
{
    background-color:white;
    width:95% !important;
    padding:0%;
    margin:2.5%;
    float:none;
    font-size:1em !important;
}

.copy{width:95%;padding:2% 2.5% 4% 2.5%;font-size:.9em;}

.roundabout-in-focus img
{margin-top:25px;}
.nav-mo #btnMenu
{
    background-color:#fec81e;
    border-bottom:3px solid black;
    border-top:1px solid black;
}
.roundabout-in-focus{top:45px !important;} 
.carousel{height:160px;}
.carousel-title{width:100% !important;}
.carousel-title img{padding:20px 0 0 0 !important;}
.carouselwrapper
{
    width:100%;
    min-width:0px;
} 
.buttonholder
{
    height:180px;
    padding:2% 0;
}
.button
{
    width:42%;
    height:50px;
}
span.oneline, .button span{margin-top:10px;}

}   /*Closes Mobile Styling*/
/*------------------------------------------MOBILE STYLING ENDS-------------------------------------------------*/
/*------------------------------------------MOBILE STYLING ENDS-------------------------------------------------*/