@charset "UTF-8";
/*-------------------------------------------------------------------
Author: Justin Herrera <jherrera@awareweb.com>
Date: June 6, 2014
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
Extra Small Devices
-------------------------------------------------------------------*/
@media only screen and (max-width:767px) {
        		
	/* Product Details ---------------------------------------------------*/
		#template-productdet .media {border-bottom:solid 1px #ccc;}

    /* dealer detail pages */
    .dealer-detail {
        margin-top: -20px;
    }
}

/*-------------------------------------------------------------------
Small Devices, Tablet(portrait)
-------------------------------------------------------------------*/
@media only screen and (min-width:768px) {

    /* Product Landing Pages*/
    #template-productlanding .container {
        width: 750px;
    }

    /* Navigation */
    #navigation > li{border-left: 1px solid #666;}
			#navigation > .open > a{background: #ebebeb;color:#666;}
			#navigation .dropdown-menu {
				background-color:#ebebeb;
				border:1px solid #ebebeb;
				/*border:1px solid rgba(0,0,0,0.15);*/
				border-top:none;
			}
			#navigation .dropdown-menu > li > a:hover,
			#navigation .dropdown-menu > li > a:focus {
				color:#fff;
				background-color:#333;
				text-decoration:none;

			}
            
	/* Carousel ---------------------------------------------------*/
		/* Caption */
			.main_carousel .carousel-caption {
				background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.8))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); /* IE10+ */
				background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
			}
            
	/* Product Listing --------------------------------------------*/
		.list-group.product-listing .list-group-item a {
			background:#fff;
			background-color: rgba(255,255,255,1);
		}
		.list-group.product-listing .list-group-item a:hover {
			background:#fff;
			background-color: rgba(255,255,255,.6);
			-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);
			-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);
			box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);
		}
		
	/* Product Tab Selector -----------------------------------------------------*/
		.prodTabs .nav-tabs {border-bottom:none;}
		.prodTabs .nav-tabs > li > a,
		.prodTabs .nav-tabs > li > a:hover,
		.prodTabs .nav-tabs > li > a:focus {
			color:#CD2027;
			background-color:transparent;
			border:none;
		}
		
    #social-nav {float:left;}
}
/*-------------------------------------------------------------------
Up to and including tablet portrait
-------------------------------------------------------------------*/
@media only screen and (max-width : 991px) {
	.side-bar.affix .back-to-top {
		color:#fff;
		background: rgba(0,0,0,0.50);
	}
	.side-bar.affix .back-to-top:hover {background: rgba(0,0,0,0.80);}
}		

/*-------------------------------------------------------------------
Medium Devices, Desktops
-------------------------------------------------------------------*/
@media only screen and (min-width : 992px) {

        /* Product Landing Pages*/
        #template-productlanding .container {
            width: 970px;
        }

		/* Navigation */
			#navigation > .search{border-left: 1px solid #666;}

	/* Megamenu ---------------------------------------------------*/
		.megamenu{background: #ebebeb;}
		.megamenu h4{
			border-bottom: 1px solid #ccc;
		}
		.megamenu h4 a{color: #666;}

		.megamenu .list-group .list-group-item a{color:#333;}
		#language_select > li > a > img.country-icon {line-height:22px; top:1px; margin-right:5px; width: 22px;}

    /* dealer detail pages */
    .dealer-detail {
        margin-top: 20px;
    }

    .dealer-detail-table {
        margin-top: 15px;
    }
}


/*-------------------------------------------------------------------
Large Devices, Wide Screens
-------------------------------------------------------------------*/
@media only screen and (min-width : 1200px) {

    /* Product Landing Pages*/
    #template-productlanding .container {
        width: 1170px;
    }

}