@charset "UTF-8";
/* ------------------------------------------------------------------
Author: Justin Herrera <jherrera@awareweb.com>
Author: Nathan Walsh <nwalsh@awareweb.com>
Date: December 8, 2014
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
Base Elements / Basic Structure
-------------------------------------------------------------------*/
body { background-color: #fff; }

/* Breadcrumb ----------------------------------------------*/
#crumb {
    background-color: #f5f5f5;
}

/* Mobile Navigation ----------------------------------------------*/
#mobile_navigation .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    border-color: #111;
}

#mobile_navigation li a {
    color: #ccc;
}

#mobile_navigation .mm-list a.mm-subopen {
    background: #222;
    border-bottom: 1px solid #111;
}

    #mobile_navigation .mm-list a.mm-subopen:before {
        border-color: #111;
    }

    #mobile_navigation .mm-list a.mm-subopen:after,
    #mobile_navigation .mm-list a.mm-subclose:before {
        border-color: #ccc;
    }


/* Navigation */

/* Search */
#navigation > .search input {
    color: #999;
    border: 1px solid #ccc;
}

#navigation > .search .btn-group .dropdown-menu a .fa {
    color: #CD2027;
}
/* Mobile Search */
#navigation > .search.mobile_open > div {
    border-top: 1px solid #222;
    background: #333;
}

#mobilesearchboxkey{
    color:#fff !important;
}
/* Override Mobile list-group styles within dropdown on a button */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #333;
}

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #333;
    }


/*-------------------------------------------------------------------
Footer
-------------------------------------------------------------------*/
#footer {
    background: #ccc;
}

    #footer a {
        color: #333;
    }

        #footer a:hover {
            color: #CD2027;
        }


    /* Footer Links */
    #footer .dividers > li {
        border-right: 1px solid #777;
    }

/* Social Nav */
#social-nav > li > a {
    color: #FFF;
}

/* Carousel --------------------------------------------------*/

.carousel-indicators li {
    border-color: #ebebeb;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.60);
    box-shadow: 0 2px 6px rgba(0,0,0,0.60);
}

    .carousel-indicators li:hover {
        background: #fff;
        border-color: #fff;
    }

.carousel-indicators .active {
    background: #fff;
    border-color: #fff;
}

.carousel-control {
    color: #fff;
}

carousel-control:hover {
    color: #fff;
}

/* Main Carousel --------------------------------------------------*/
.main_carousel {
    background-color: #000;
}

    .main_carousel .carousel-caption {
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 30%, rgba(0,0,0,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    }

    .main_carousel h1 {
        text-shadow: 2px 2px 4px #000000;
        border-bottom: 1px dashed #f9fbf9;
    }
    
        .main_carousel h1 small {
            color: #fff;
            border-bottom: 1px dashed #f9fbf9;
        }

    .main_carousel p {
        text-shadow: 2px 2px 4px #000000;
    }

    /* Indicators + Nav Controls */
    .main_carousel .carousel-indicators li {
        border-color: #ebebeb;
    }

        .main_carousel .carousel-indicators li:hover {
            background: #fff;
            border-color: #fff;
        }

    .main_carousel .carousel-indicators .active {
        background: #ebebeb;
    }

    .main_carousel .carousel-control {
        text-shadow: 2px 2px 4px #000000;
        color: #ebebeb;
    }

    /* Alternate Carousel -------------------------------------------------- */
	.alt-carousel {
		background-color:#000;
	}
	.alt-carousel .carousel-caption a:not(.btn) {
		color:#CD2027;
	}
	.alt-carousel .carousel-caption a:hover:not(.btn) {
		color:#fff; 
		text-decoration:none;
	}

    .alt-carousel .carousel-caption {
        background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 20%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 20%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CD202700', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
    }
    
	.alt-carousel .caption-transparent {background:none;}  
    .alt-carousel h1 {color:#fff; text-shadow: 2px 2px 4px #000000;}
	.alt-carousel h1 small {color: #fff; border-bottom:1px dashed #fff;}
    .alt-carousel h2 {color:#fff; text-shadow: 2px 2px 4px #000000;}
    .alt-carousel h2 small {color: #fff; border-bottom:1px dashed #fff;}
	.alt-carousel .caption-transparent h1 {color:#fff;}
    .alt-carousel p, .alt-carousel .description {text-shadow:2px 2px 4px #000000;}
	.alt-carousel .media {border-top:1px dashed #fff;}
	.alt-carousel .media-left > img, .alt-carousel .media-right > img {border:2px solid #fff;}


     Indicators + Nav Controls 
    .alt-carousel .carousel-indicators li {border-color: #ebebeb; -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.60); box-shadow:0 2px 6px rgba(0,0,0,0.60);}
	.alt-carousel .carousel-indicators li:hover {background:#fff; border-color:#fff;}
    .alt-carousel .carousel-indicators .active {background:#CD2027; border-color:#CD2027;}
    .alt-carousel .carousel-control {text-shadow:0 2px 6px #000000; color:#fff;}
	.alt-carousel .carousel-control:hover {color:#CD2027;}

/* Callout Carousel --------------------------------------------------*/
.callout-carousel {
    background-color: #d7d7d7;
}

    .callout-carousel .carousel-caption {
        color: #333;
    }

    .callout-carousel h3 {
        border-bottom: dashed 1px #999;
    }

    .callout-carousel .callout-controls {
        background-color: #d7d7d7;
    }

    .callout-carousel .carousel-indicators li {
        background-color: #999;
        border-color: #999;
    }

        .callout-carousel .carousel-indicators li:hover {
            background-color: #CD2027;
            border-color: #CD2027;
        }

    .callout-carousel .carousel-indicators .active, .callout-carousel .carousel-indicators .active:hover {
        background-color: #666;
        border-color: #666;
    }

    .callout-carousel .carousel-control {
        color: #666;
    }

        .callout-carousel .carousel-control:hover {
            color: #CD2027;
        }

/* Detail Carousel --------------------------------------------------*/
.detail_carousel .carousel-inner .item {
    background: #fff;
}

    .detail_carousel .carousel-inner .item .fa {
        color: #fff;
        text-shadow: 0 2px 6px #333333;
    }

    .detail_carousel .carousel-inner .item a:hover .fa {
        text-shadow: 0 2px 4px #000000;
    }

/* Thumb Carousel --------------------------------------------------*/
.thumb-carousel .thumb-indicators .thumb img {
    border: solid 2px #fff;
}

.thumb-carousel .thumb-indicators .thumb:hover img {
    border: solid 2px #666;
}

.thumb-carousel .thumb-indicators .thumb.active img {
    border: solid 2px #CD2027;
}

.thumb-carousel .thumb-indicators .thumb.active:hover img {
    border: solid 2px #CD2027;
}

.thumb-carousel .thumb .fa {
    color: #fff;
    text-shadow: 0 2px 6px #333333;
}

    .thumb-carousel .thumb:hover .fa,
    .thumb-carousel .thumb .fa:hover {
        text-shadow: 0 2px 4px #000000;
    }

.thumb-carousel .carousel-control {
    color: #000;
}

.media-thumb > i {
    position: absolute;
    bottom: 35px;
    right: 35px;
    font-size: 30px;
    color: #CD2027;
    cursor: pointer;
}

.thumb-carousel .carousel-control.form .fa {
    color: #CD2027;
}

/*-------------------------------------------------------------------
Component Overrides
-------------------------------------------------------------------*/


/* Container Overrides --------------------------------------------*/
.options {
    border-top: 1px solid #ccc;
    background: #fff; /*older browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 60px, rgba(255,255,255,0) 100px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60px,rgba(255,255,255,1)), color-stop(100px,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 60px,rgba(255,255,255,0) 100px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 60px,rgba(255,255,255,0) 100px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 60px,rgba(255,255,255,0) 100px); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 60px,rgba(255,255,255,0) 100px); /* W3C */
}

/* Product Nav / Toro Default -------------------------------------*/
#product_nav h4,
	.list-group.product-listing h4,
	.product-listing .list-group-item.list-group-header{
    background: #333;
    color: #fff !important;
    border-color: #333;
}

#product_nav .list-group-item,
.list-group.list-group-item {
    color: #333;
}

    /* Icon Positions ---------------------------------------------*/
    #product_nav .list-group-item .fa-chevron-right,
    .list-group .list-group-item .fa-chevron-right {
        color: #CD2027;
    }

    .list-group.toro-icon-left .list-group-item .fa  {
        color: #CD2027;
    }

/* Product Listing --------------------------------------------*/
.list-group.product-listing .list-group-item a .vertical_align {
    color: #333;
}

.list-group.product-listing .list-group-item a:hover .vertical_align {
    color: #CD2027;
}

/* Rating / Price ---------------------------------------------*/
.sale_price {
    color: #CD2027;
}

.product-listing .rating .fa-star {
    color: #f7bc31;
}

/* Nav Narrow -------------------------------------*/
#nav-narrow .navbar-toggle {
    background-color: transparent;
    border: 1px solid transparent;
}

    #nav-narrow .navbar-toggle:hover {
        color: #000;
    }

/* Product Info -----------------------------------------------*/
.assembly-parts-list > tr > .template-number > .fa {
    color: #CD2027;
}

/* Image Container */
.toro-image_container .thumbnail .caption a {
    color: #333;
}

/* Exploded Part Assembly Drawing */
#assembly_drawing_map > .active {
    border: 1px solid #CD2027;
}

/* Custom - Full Gray -----------------------------------------*/
.panel-full_gray {
    background: #333;
    color: #fff;
}

/* Collapse ---------------------------------------------------*/
.panel-title a .caret {
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.panel-title a.collapsed .caret {
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

/* Filters Panel --------------------------------*/
#filters.panel-primary .panel-heading {
    background-color: #666;
    border-color: #666;
}

/* List Groups ----------------------------------------------------*/
/* Panel Pricing ------------------*/
	.panel-pricing .panel-heading h2 small {color:#aaa; }
	.panel-pricing .panel-body {
		color:#fff;
		position:relative;
		background-color:#48874a;
	}
	.panel-pricing .panel-body:after {
		border-top-color: #48874a;
	}
	
	/* Panel Callout ------------------*/
	.panel-callout {
		border-top:solid 4px #CD2027;
		border-bottom-color:#ccc;
	}
	

/* Manual Listing ---------------------------------------------*/
.manual-listing li {border-top:1px solid #ddd;}

/* Media Listing --------------------------------------------------*/
.media .media-thumb .fa {
    color: #CD2027;
    background-color: #efefef;
    background-color: rgba(255,255,255,0.75);
}

.media .media-thumb:hover .fa {
    color: #fff;
    background-color: #666;
    background-color: rgba(0,0,0,0.60);
}

.media .fa.fa-play-circle {
    color: #fff;
    background-color: transparent;
    background-color: rgba(0,0,0,0.25);
}


.media .media-thumb:hover .fa.fa-play-circle {
    background-color: transparent;
    background-color: rgba(0,0,0,0.60);
}

/* Where To Buy Results -------------------------------------------*/
.fa.tip, .fa-solid.tip {
    color: #CD2027;
}

.fa.tip:hover, .fa-solid.tip:hover {
        color: #a30000;
    }

/* Search Input + Submit ------------------------------------------*/
.toro-search > input {
    color: #999;
    border: 1px solid #ccc;
}

/* Results ----------------------------------------------------*/
.toro-results_container h4 {
    border-bottom: 1px solid #ddd;
}

/* Product Intro ------------------------------------------*/
.product_intro .list-inline .fa-star {
    color: #f9ba32;
}

.product_intro .list-inline a .fa-search-plus {
    color: #333;
}

.product_intro .list-inline a:hover .fa-search-plus {
    color: #CD2027;
}

.product_intro .btn.btn-default .fa {
    color: #CD2027;
}

    /* Side Bar / Side Nav ------------------------------------------*/
	ul.side-nav li a:before {
		color:#CD2027;
	}
	ul.side-nav li a {color:#333; }
	ul.side-nav li a:hover {color:#CD2027;}

/* List Angle Right ------------------------------------------*/
.list-angle-right li:before {
    color: #CD2027;
}

.list-angle-right.gray li:before {
    color: #999;
}

.list-angle-right a {
    color: #333;
}

/* Ribbons ------------------------------------------*/
.ribbon-wrapper .ribbon {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    color: white;
}

/* Product Tab Selector -----------------------------------------------------*/
	.prodTabs .tab-content {background-color:#fff;}
	.prodTabs .nav-tabs img {border: solid 7px #666666;}
	.prodTabs .nav-tabs > li.active img, .prodTabs .nav-tabs > li:hover img {border-color:#CD2027;}

/*-------------------------------------------------------------------
Landing Page Components
-------------------------------------------------------------------*/
/* Sliders -----------------------------------------------*/
	.slick-slider .slick-dots li button {color:#777; background-color:#777;}
	.slick-slider .slick-dots li.slick-active button {color:#CD2027; background:#CD2027;}

/* Product Carousel -----------------------------------------------*/
	.product-carousel .slick-prev,
	.product-carousel .slick-next {color:#777;}
	.product-carousel .slick-prev:hover,
	.product-carousel .slick-next:hover {color:#CD2027;}
	
/* Video Thumb Carousel -------------------------------------------*/
	#video-carousel .thumbnail {background-color:#fff; border-color:#ddd;}
	#video-carousel	.thumbnail .caption{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); background:rgba(36,27,28,0.9);}
	#video-carousel .thumbnail .caption .type {background-color:#CD2027;}
	#video-carousel .thumbnail .hover {color:#fff; background:rgba(36,27,28,0.9);}
	#video-carousel .thumbnail .icon-wrap {background:#CD2027;}

/* Narrow Media Slider --------------------------------------------*/
	#narrow-media-slider {background-color:#fff;}
	#narrow-media-slider h5 {color:#CD2027;}
	#narrow-media-slider .carousel-caption {color:#CD2027;}

/* Slider Testimonial ---------------------------------------------*/
	#testimonial-slider .carousel-indicators .active {background-color:#869791;}
	#testimonial-slider .carousel-indicators li {background-color:#d6d6d6;}

/* Billboard ------------------------------------------------------*/
	#billboard p, #billboard .description {color:#fff;}

/* Media Objects --------------------------------------------------*/
	.media-objects h4 {color: #333;} 
	.media-objects .image span {color:#CD2027;}
	.media-objects .media-body .description {color:#777;}

/* Media Block ----------------------------------------------------*/
	.media-block:after{
		background-image:-webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
    	background-image:linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
    }

/* Parallax -------------------------------------------------------*/
	.parallax .testimony {color:#dadada;}
	.parallax .testimony:before,
	.parallax .testimony:after {color:#fff;}
	.parallax .author {color:#777;}

/* Scroll To Top --------------------------------------------------*/
	.scroll-to-top {background:#404040; color:#FFF;}

/* Product Comparison ---------------------------------------------*/
	.product-comparison {border-color:#b6b0b0; background-color:#ecebeb;}
	.product-comparison .heading > span {color:#CD2027;}
	.product-comparison .info {color:#777;}
	.categories li,
	.compare-item li {border-color:#ddd;}
	
/*-------------------------------------------------------------------
Template Specific Overrides
-------------------------------------------------------------------*/

	/* Products ---------------------------------------------------*/
		
	/* Where to Buy ------------------------------------------*/
	#map-canvas {
		border: 1px solid #CCC;
		background-color:#FFF;
	}
	
	/* FAQs ------------------------------------------*/
		.faq-question:before, .faq-question[aria-expanded="true"]:before {
			color:#CD2027;
		}
	/* Financing ------------------------------------------*/
		.badge-finance {
			color:#fff;
			background-color:#333;
		}
		.badge-finance .content-body {
			background:#48874a;
		}
		

/*-------------------------------------------------------------------
Utility Classes
-------------------------------------------------------------------*/
h2.subhead, h3.subhead, h4.subhead, h5.subhead,
.h2.subhead, .h3.subhead, .h4.subhead, .h5.subhead {
    border-bottom: solid 1px #999;
}

/*-------------------------------------------------------------------
Coveo Search
-------------------------------------------------------------------*/
.container .CoveoResultLink:link { color: #CD2027; }
.container .CoveoResult a { color: #CD2027; }
.container .CoveoResult a:hover {
    color: #CD2027;
    text-decoration: underline;
}
.container .CoveoSort,
.container .CoveoSort:hover {
    color: #CD2027;
}
.container .CoveoResult .CoveoFieldValue span.coveo-clickable,
.container .CoveoResult .CoveoFieldValue a.coveo-clickable {
    color: #CD2027;
}
.container .CoveoResult .CoveoFieldValue span.coveo-clickable:hover,
.container .CoveoResult .CoveoFieldValue a.coveo-clickable:hover {
    color: #CD2027;
    text-decoration: underline;
}
.container .CoveoSearchButton,
.container .CoveoSearchButton:hover {
    background-color: #CD2027;
}
.container .CoveoPager ul li.coveo-active > a {
    background-color: #CD2027;
    border-color: #CD2027;
}
.container .CoveoPager ul li.coveo-active:first-child > a,
.container .CoveoPager ul li.coveo-active:last-child > a {
    border-color: #EE4037;
}

/* parts catalog style*/
.download-parts-catalog {
	width: 100%;
	text-align: center;
	font-size: 200px !important;
	margin-top: 25px;
}
.video-Play {
    color: #fff !important;
    background-color: transparent !important;
    background-color: rgba(0,0,0,0.25) !important;
    text-shadow: 0 2px 6px #333333 !important;
    opacity: .7 !important;
    /*border-radius: !important;*/
    width: auto !important;
    height: auto !important;
    padding: 0px !important;
}

.Video-Play:hover {
        opacity: 10 !important;
        color: white !important;
    }

.play-wrapper {
    position: relative !important;
}

    .play-wrapper i {
        top: 50% !important; 
        left: 50% !important;
        position: absolute !important;
        transform: translate(-50%, -50%) !important;
    }

.bg-white {
    background-color: #fff;
}

.checkbox-width {
    width: 30px;
}

.toro-red {
    color: #CD2027;
}

.panel .btn {
    margin-top: 3px;
    margin-bottom: 3px;
}

#accordion .panel-title > a:hover {
        color: #CD2027;
}

#accordion .marketing-media-list {
    width: 100%;
    padding: 0;
}

/* dealer detail pages */
.dealer-detail h4 {
    line-height: 1.5;
    padding-bottom: 6px;
}