/*------------------------------------------------------------------
Project:	Western Trailers
Version:	1
Last change:	12/14/16 [Updated by Katie]

Made by Neoreef	

------------------------------------------------------------------
[Table of contents]

> General Styles
	> Body // .body
	> Basic Module Style
	> H1 - H4
> Layout Styles
	> Masthead
		> Top // .top		
		> Header // .header
		> Logo // .logo
	> Content Zones
		> Feature // .feature
		> Primary Content // .leftmenu
		> Full Width Content Zones // .leftmenu
	> Footer // .footer
		> Bottom // .bottom
> Common Elements & Internal Styles
	> Upper Menu // #UpperMenu
	> Lower Menu // #Menu
	> Side Menu // .accordion
	> Module Themes
	> Buttons
	> Miscellaneous
> Media Queries
    > Mobile Menu // #Mobile_Menu

[Basic Styles]

Font 1 > 'Open Sans', sans-serif
#ffffff / White
#f7f7f7 / Light Grey
#555555 / Dark Grey


-------------------------------------------------------------------*/

/* General Styles
===========================================================================
=========================================================================== */

@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(Common.css);
.body {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 300;
    color: #222222;
    background-color: #000000;
}

.body a {color: #B40000;}
.body a:hover {color: #d30000;}

input[type=submit],
input[type=reset],
input[type=submit]:hover,
input[type=reset]:hover,
.body a,
.body a:hover,
.body a:hover.active {
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
}

.module-class h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    color: #444444;
    margin: 0 0 20px 0;
}

.module-class h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    color: #352717;
    margin: 0 0 20px 0;
}

.module-class h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    color: #444444;
    margin: 20px 0 20px;
}

.boldtitle {font-size:  1.3em; font-weight: 800;text-transform: uppercase;}
.skinnytitle {font-size:  1.3em; font-weight: 300;text-transform: uppercase;}
.modulecontent {line-height: 1.75em;}


/* Layout Styles
===========================================================================
=========================================================================== */

/* Masthead
=========================================================================== */

/* Top -------------------------------------------------------------------- */
.top {
    background-color: #222;
    min-height: 45px;
    position: relative;
    z-index: 201;
}

.top h1 {margin: 0; padding: 0; float: right;}
.top .phone .modulecontent,
.top .toplinks .modulecontent {
    min-height: 45px;
    line-height: 45px;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: 300;
    letter-spacing: 2px;
}

.top .toplinks {text-align: right;}
.top a i {
    font-size: 1.2em !important;
    color: #fff;
    margin: 14px 15px 0 0;
}
.top a i:hover {color: #b40000;}

/* Header ---------------------------------------------------------------- */
.header {
    background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 41%, #f4f4f4 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffffff 41%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffffff 41%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    min-height: 110px;
    position: relative;
    z-index: 200;
}

/* Logo ------------------------------------------------------------------ */
.logo {
    position: relative;
    padding: 0;
    top: 32px;
    left: 50px;
    z-index: 202;
    min-height: 1px;
}

.logo IMG {
    width: 100%;
    max-width: 300px;
    display: block;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    position: relative;
}

img.logotruck {display: none;}

/* Sticky ---------------------------------------------------------------- */
	.is-sticky .header {
		background-color: rgb(34, 34, 34);
		min-height: 70px;
		position: relative;
		z-index: 200;
		border-top: none;
		box-shadow: -1px 3px 3px rgba(0, 0, 0, .3);
	}

	.is-sticky .header:before {display: none;}

	.is-sticky .logo {
		position: relative;
		padding: 0;
		top: 16px;
		z-index: 202;
	}

	.is-sticky .logo IMG {
		width: 100%;
		max-width: 225px;
		margin: -3px 0 0 5px
		display: block;
		-webkit-transition: all 150ms linear;
		transition: all 150ms linear;
	}

	.is-sticky img.logotruck {display: none;}

/* Content Zones
=========================================================================== */

/* Feature Zone ---------------------------------------------------------- */
.feature {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 1.0);
    position: relative;
    z-index: 97;
    margin-top: -120px;
    min-height: 120px;
}

.upper {
    background-color: #FFFFFF;
    position: relative;
    z-index: 98;
}

.upper .module-class .content {line-height: 1.75em; font-size: .9em;}

/* Primary Content Zone --------------------------------------------------- */
.leftmenu, .middle { background-color: #FFFFFF; color: #333333;}
.lower {background-color: #FFFFFF;}
.lower .module-class .content {line-height: 1.75em; font-size: .9em;}

/* Full Width Content Zones --------------------------------------------------- */
.redbar {background: #D30000; color: #FFFFFF;}
.redbar .module-class .content {padding: 50px 10px !important; line-height: 1.75em;}
.redbar .module-class h1 {color: #FFFFFF;}

.whitebar {
    background-color: #FFFFFF;
    color: #333333;
    border-top: 1px solid #dddddd;
}

.whitebar .module-class .content {
    padding: 25px 0px 25px !important;
    line-height: 1.75em;
}

.whitebar .minisearch .searchfield {
    display: inline-block !important;
    width: 30% !important;
    margin-left: 35px;
    border: none;
    border-bottom: 1px solid #888888;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.8em !important;
    font-weight: 300 !important;
    color: #DD0000;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.whitebar .minisearch:before {
    position: absolute;
    margin-top: 35px;
    margin-left: 0px;
    content: '\f002';
    font-family: 'FontAwesome';
    font-size: 30px;
    color: #DD0000;
    text-transform: none !important;
    line-height: 34px;
    -webkit-font-smoothing: antialiased;
}

.whitebar .minisearch .searchfield:hover,
.whitebar .minisearch .searchfield:focus {
    width: 96% !important;
    border-bottom: 1px solid #FF0000;
}

.whitebar .minisearch .searchbtn {
    display: inline-block !important;
    margin-left: -20px;
}

/* Footer
=========================================================================== */
.footer {background-color: #222222; color: #FFFFFF;}

.footer .module-class .content {
    padding: 50px 10px 40px 30px !important;
    line-height: 1.75em;
}

.footer .module-class h1 {
    font-size: 1.25em;
    font-weight: 400;
    color: #FF0000;
    text-transform: uppercase;
}

.footer .modulecontent {font-size: .9em;}
.footer a {color: #FF0000;}
.footer a:hover {color: #FFFFFF;}
.footer .footer2 a, .footer .footer3 a, .footer .footer4 a {color: #FFFFFF;}
.footer .footer2 a:hover, .footer .footer3 a:hover {color: #FF0000;}

.footer i {
    color: #FF0000;
    font-size: 1.5em;
    vertical-align: middle;
    padding: 0 10px;
}

.footer a:hover i {color: #FFFFFF; text-decoration: none;}

.footer .locations {padding-top: 50px; border-top: 1px solid #444444; }

.footer .locations .module-class {
    float: left;
    padding: 10px 10px 30px 10px !important;
    line-height: 1.75em;
    margin-bottom: 40px;
    width: 18vw;
    max-width: 200px;
}

.footer .locations .module-class h1 {font-size: 1.15em; font-weight: 300;}

.footer .locations .module-class:nth-child(2),
.footer .locations .module-class:nth-child(3),
.footer .locations .module-class:nth-child(4),
.footer .locations .module-class:nth-child(5) {
    border-left: 1px solid #444 !important;
}

/* Bottom ---------------------------------------------------------------- */
.bottom {
    background-color: #000000;
    color: #FFFFFF;
    text-align: center;
    padding: 50px 0;
}

.copyright {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.0em;
    font-weight: 500;
    color: #FFFFFF;
    padding-bottom: 8px;
}

.poweredby, .poweredby a {font-size: .9em; color: #FFFFFF;}
.poweredby a:hover {color: #FF0000;}
.bottom .footericons .modulecontent {padding-bottom: 15px;}


/* Common Elements & Internal Styles
==========================================================================
========================================================================== */

/* Upper Menu ------------------------------------------------------------- */

/* Upper Menu 1st Level */

#UpperMenu {margin: -25px 10px 0 0;}
#UpperMenu > ul > li > a {padding: 16px 16px 15px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: .95em; text-transform:uppercase; color: #FFFFFF; letter-spacing: 1px;}
#UpperMenu > ul > li.current > a {color: #cb0000;}


#UpperMenu > ul > li > a:hover,
#UpperMenu > ul > li.hover > a {
    background: #FFFFFF;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
    color: #B40000;
}

#UpperMenu ul li.submenu .menu-toggle {color: #FFFFFF;}
#UpperMenu > ul > li.menusep {
    margin: 10px 10px;
    height: 30px;
    border-left: 1px solid #888888;
}

#UpperMenu > ul > li.phone > a:before {
    position: relative;
    content: '\f007';
    font-family: 'FontAwesome';
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    left: -10px;
}

#UpperMenu > ul > li.phone > a:before {content: '\f095'; vertical-align: middle;}
#UpperMenu > ul > li.phone > a:hover,
#UpperMenu > ul > li.phone.hover > a {
    background-color: transparent;
    color: #B40000;
}


	/* Upper Menu 2nd Level */

	#UpperMenu > ul > li ul {background: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);}
	#UpperMenu > ul > li ul li a {color: #333333;}
	#UpperMenu > ul > li ul li a:hover,
	#UpperMenu > ul > li ul li.hover > a {
		background: #B40000;
		color: #ffffff;
	}

	#UpperMenu > ul > li ul li:hover.submenu .menu-toggle,
	#UpperMenu > ul > li ul li.hover.submenu .menu-toggle {
		color: #404040;
	}


	/* Upper Menu 3rd Level */

	#UpperMenu ul ul ul {background: #B40000;}
	#UpperMenu ul ul ul li a {color: #fff;}
	#UpperMenu ul ul ul li a:hover,
	#UpperMenu ul ul li ul li.hover > a {
		color: #fff;
		text-decoration: underline;
	}
	#UpperMenu ul ul li ul li.submenu .menu-toggle {color: #FFFFFF;}

/* Lower Menu ------------------------------------------------------------- */

/* Lower Menu 1st Level */

#Menu > ul > li > a {
	color: #6E6E6E; 
	padding: 76px 0 14px;
	width: 160px; 
	font-family: 'Open Sans', sans-serif; 
	font-weight: 600; 
	font-size: .95em;
	text-transform:uppercase; 
	letter-spacing: .02em; 
	display: block;
	text-align: center !important;
	}
#Menu > ul > li.current > a {color: #cb0000;}

#Menu > ul > li:nth-child(1) > a:after {
	content: url(/Documents%20and%20Settings/73/Site%20Documents/Site%20Pictures/Truck%20Icon%20Menu/agriculture.png);
	position: absolute;
	top: 15px !important;
	margin-left: -127px !important;
}

#Menu > ul > li:nth-child(1):hover > a:after {content: url(/Documents%20and%20Settings/73/Site%20Documents/Site%20Pictures/Truck%20Icon%20Menu/agriculture-hov.png);}


#Menu > ul > li:nth-child(2) > a:after {
	content: url(/Documents%20and%20Settings/73/Site%20Documents/Site%20Pictures/Truck%20Icon%20Menu/platform.png);
	position: absolute;
	top: 20px !important;
	margin-left: -110px !important;
}

#Menu > ul > li:nth-child(2):hover > a:after {content: url(/Documents%20and%20Settings/73/Site%20Documents/Site%20Pictures/Truck%20Icon%20Menu/platform-hov.png);}


#Menu > ul > li:nth-child(3) > a:after {
	content: url(/Documents%20and%20Settings/73/Site%20Documents/Site%20Pictures/Truck%20Icon%20Menu/forest.png);
	position: absolute;
	top: 15px !important;
	margin-left: -100px !important;
}

#Menu > ul > li:nth-child(3):hover > a:after {content: url(/Documents%20and%20Settings/73/Site%20Documents/Site%20Pictures/Truck%20Icon%20Menu/forest-hov.png);}


#Menu > ul > li:nth-child(4) > a:after {
	content: url(/Documents%20and%20Settings/73/Site%20Documents/Site%20Pictures/Truck%20Icon%20Menu/refuse.png);
	position: absolute;
	top: 15px !important;
	margin-left: -97px !important;
}

#Menu > ul > li:nth-child(4):hover > a:after {content: url(/Documents%20and%20Settings/73/Site%20Documents/Site%20Pictures/Truck%20Icon%20Menu/refuse-hov.png);}


#Menu > ul > li:nth-child(5) > a:after {
	content: url(/Documents%20and%20Settings/73/Site%20Documents/Site%20Pictures/Truck%20Icon%20Menu/curtain.png);
	position: absolute;
	top: 15px !important;
	margin-left: -105px !important;
}

#Menu > ul > li:nth-child(5):hover > a:after {content: url(/Documents%20and%20Settings/73/Site%20Documents/Site%20Pictures/Truck%20Icon%20Menu/curtain-hov.png);}


#Menu > ul > li:nth-child(6) > a:after {
	content: url(/Documents%20and%20Settings/73/Site%20Documents/Site%20Pictures/Truck%20Icon%20Menu/specialty.png);
	position: absolute;
	top: 15px !important;
	margin-left: -109px !important;
}
#Menu > ul > li:nth-child(6):hover > a:after {content: url(/Documents%20and%20Settings/73/Site%20Documents/Site%20Pictures/Truck%20Icon%20Menu/specialty-hov.png);}


#Menu > ul > li:nth-child(7) > a {width: 130px !important; background: #b40000; color: #fff !important;}
#Menu > ul > li:nth-child(7) > a:hover {background: #d30000;}
#Menu > ul > li:nth-child(7) > a:after {
	content: url(/Documents%20and%20Settings/73/Site%20Documents/Site%20Pictures/Truck%20Icon%20Menu/getquote.png);
	position: absolute;
	top: 16px !important;
	margin-left: -69px !important;
}

#Menu > ul > li > a:hover,
#Menu > ul > li.hover > a {
    background: #fff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
    color: #444;
}


#Menu ul li.submenu .menu-toggle {color: #FFFFFF;}
#Menu > ul > li.menusep {
    margin: 10px 10px;
    height: 30px;
    border-left: 1px solid #888888;
}

#Menu > ul > li.phone > a:before {
    position: relative;
    content: '\f007';
    font-family: 'FontAwesome';
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    left: -10px;
}

#Menu > ul > li.phone > a:before {content: '\f095'; vertical-align: middle;}
#Menu > ul > li.phone > a:hover,
#Menu > ul > li.phone.hover > a {
    background-color: transparent;
    color: #B40000;
}

.is-sticky #Menu > ul > li > a {
    color: #6E6E6E; 
    padding: 15px 0;
    width: ; 
    font-family: 'Open Sans', sans-serif; 
    font-weight: 600; 
    font-size: .95em;
    text-transform:uppercase; 
    letter-spacing: .02em; 
    display: block;
    text-align: center !important;
}

.is-sticky #Menu > ul > li:nth-child(1) > a:after,
.is-sticky #Menu > ul > li:nth-child(2) > a:after,
.is-sticky #Menu > ul > li:nth-child(3) > a:after,
.is-sticky #Menu > ul > li:nth-child(4) > a:after,
.is-sticky #Menu > ul > li:nth-child(5) > a:after,
.is-sticky #Menu > ul > li:nth-child(6) > a:after,
.is-sticky #Menu > ul > li:nth-child(7) > a:after {display: none;}

.is-sticky #Menu > ul > li:nth-child(7) > a {padding: 25px 0px !important; margin-top: -10px;}


	/* Lower Menu 2nd Level */

	#Menu > ul > li ul {background: #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);}
	#Menu > ul > li ul li a {color: #333333;}
	#Menu > ul > li ul li a:hover,
	#Menu > ul > li ul li.hover > a {
		background: #B40000;
		color: #ffffff;
	}

	#Menu > ul > li ul li:hover.submenu .menu-toggle,
	#Menu > ul > li ul li.hover.submenu .menu-toggle {
		color: #404040;
	}


	/* Lower Menu 3rd Level */

	#Menu ul ul ul {background: #B40000;}
	#Menu ul ul ul li a {color: #fff;}
	#Menu ul ul ul li a:hover,
	#Menu ul ul li ul li.hover > a {
		color: #fff;
		text-decoration: underline;
	}
	#Menu ul ul li ul li.submenu .menu-toggle {color: #FFFFFF;}

/* Accordion Menu ------------------------------------------------------------- */

div.leftmenu > div > div > div > table > tbody > tr > td:nth-child(1) {
    background: #f7f7f7;
}

ul.accordion,
.accordion ul {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}

.accordion > li {width:295px;}
.accordion > li > a {
	font-size:1.0em;
    color: #444;
	background-color:#F9F9F9;
	display:block;
	line-height:40px;
	padding:0 15px;
	text-decoration:none;
}

.accordion > li > a.active, .accordion > li > a.selected {
    color: #ffffff;
    background-color: #b40000;
    text-decoration: none;
}
.accordion > li:hover > a, .accordion > li:target > a {
    color: #ffffff;
    background-color: #b40000;
    text-decoration: none;
}

.accordion > li li > a {
    font-size: .9em;
    color: #606060;
    background-color: #eee;
    display: block;
    line-height: 32px;
    padding: 0 0 0 20px;
    text-decoration: none;
}
.accordion > li li:hover > a, .accordion > li li:target > a, .accordion > li li > a.active, .accordion > li li > a.selected {
    font-size: .9em;
    color: #ffffff;
    background-color: #b40000;
    display: block;
    line-height: 32px;
    padding: 0 20px 0 25px;
    text-decoration: none;
}

	.accordion > li li > a:before{
        content: '\f067';
        font-family: 'FontAwesome';
        font-size: 13px;
        text-transform: none !important;
        line-height: 32px;
        -webkit-font-smoothing: antialiased;
		margin-right: 10px;
		color: #000;
    }
    .accordion > li li:hover > a:before {content: '\f068'; color: #fff !important;}
    .accordion > li li > a.selected:before {color: #fff !important;}


.accordion ul ul li a {
	font-size:.85em;
    color: #444;
    background-color: #e8e8e8;
	display:block;
	line-height:32px;
	padding:0 15px 0 30px;
	text-decoration:none;
}

.accordion ul ul li a:before, .accordion > ul ul li:hover > a:before { content:'' !important; }

.accordion > li li li:hover > a,
.accordion > li li li:target > a,
.accordion > li li li > a.active,
.accordion > li li li > a.selected {
	font-size:.85em;
    color: #FF0000;
	background-color:#FFFFFF;
	display:block;
	line-height:32px;
	padding:0 20px 0 25px;
	text-decoration:none;
}

.accordion > li:hover > a span,
.accordion > li:target > a span,
.accordion > li > a.active span {
    color: #fdfdfd;
    text-shadow: 0px 1px 0px rgba(0,0,0, .35);
    background: #3e5706;
}

		.accordion li > .sub-menu {display: none;}
		.accordion li.active > .sub-menu {display: block;}
		.accordion li:target > .sub-menu {
			display: block;
			position: relative;
			left: 0;
			width: 295px;
			z-index: 99;
			top: 0;
		}
		.accordion li.active .sub-menu {
			display: block;
			position: relative;
			left: 0;
			width: 295px;
			z-index: 99;
		}


/* Module Themes ---------------------------------------------------------- */
.white .content {background-color: #FFFFFF; color: #444444;}
.white .content h1 {color: #444444;}

.grey .content {background-color: #EFEFEF; color: #444444;}
.grey .content h1 {color: #444444;}

.greydark .content {background-color: #222222; color: #FFFFFF;}
.greydark .content h1 {color: #FFFFFF;}
.greydark a {color: #FFFFFF;}
.greydark a:hover {color: #CCCCCC;}

.black .content {background-color: #000000; color: #333333;}
.black .content h1 {color: #000000;}
.black a {color: #111111;}
.black a:hover {color: #888888;}

.red .content {background-color: #D30000; color: #FFFFFF; margin-top: 0px;}
.red .content h1 {color: #FFFFFF; margin-top: 0px;}
.red a {color: #ffffff;}
.red a:hover {color: #222222;}

/* Buttons ------------------------------------------------------------- */

input.redbtn,
a.redbtn,
input[type=submit],
input[type=reset] {
    height: 50px;
    line-height: 50px;
    background-color: #DD0000;
    color: #FFFFFF !important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 0 1.5em;
    font-weight: 700;
    font-size: .9em !important;
    margin: 0 !important;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    text-shadow: none !important;
}
input[type=submit], input[type=reset] {font-size: 14px !important;}

input.redbtn:hover,
a.redbtn:hover,
input[type=submit]:hover,
input[type=reset]:hover {
    background-color: #000000;
    color: #FFFFFF !important;
    text-decoration: none;
}

input.redbtn:focus,
a.redbtn:focus,
input[type=submit]:focus,
input[type=reset]:focus {
    outline: none;
}


input.transbtn,
a.transbtn {
    height: 50px;
    line-height: 50px;
    background-color: transparent;
    color: #FFFFFF !important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    padding: 0 1.5em;
    font-weight: 600;
    font-size: .9em !important;
    margin: 0 !important;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    text-shadow: none !important;
}

input.transbtn:hover,
a.transbtn:hover {
    background-color: #DD0000;
    color: #FFFFFF !important;
    text-decoration: none;
    border: 1px solid #DD0000;
}
input.transbtn:focus, a.transbtn:focus {outline: none;}

submit.whitebtn,
input.whitebtn,
a.whitebtn {
    height: 50px;
    line-height: 50px;
    background-color: #FFFFFF;
    color: #B40000 !important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    padding: 0 1.5em;
    font-weight: 700;
    font-size: .9em !important;
    margin: 0 !important;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    text-shadow: none !important;
}

input.whitebtn:hover,
a.whitebtn:hover {
    background-color: #DD0000;
    color: #FFFFFF !important;
    text-decoration: none;
}
input.whitebtn:focus, a.whitebtn:focus {outline: none;}

input.greybtn,
a.greybtn {
    height: 50px;
    line-height: 50px;
    background-color: #AFAFAF;
    color: #FFFFFF !important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 0 1.5em;
    font-weight: 700;
    font-size: .9em !important;
    margin: 0 !important;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    text-shadow: none !important;
}

input.greybtn:hover,
a.greybtn:hover {
    background-color: #333;
    color: #FFF !important;
    text-decoration: none;
}
input.greybtn:focus, a.greybtn:focus {outline: none;}

input.blackbtn,
a.blackbtn {
    height: 50px;
    line-height: 50px;
    background-color: #000000;
    color: #FFFFFF !important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 0 1.5em;
    font-weight: 700;
    font-size: .9em !important;
    margin: 0 !important;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    text-shadow: none !important;
}

input.blackbtn:hover,
a.blackbtn:hover {
    background-color: #DD0000;
    color: #FFFFFF !important;
    text-decoration: none;
}

input.blackbtn:focus, a.blackbtn:focus {outline: none;}


.redtxtbtn, a.redtxtbtn { font-family: 'Open Sans', sans-serif; font-size: 1.1em; color: #dd0000 !important; font-weight: 700; text-decoration: none; text-transform: uppercase; margin: 20px 0 0px; } 

.redtxtbtn:hover, a.redtxtbtn:hover { letter-spacing: 1px; text-decoration: none; }

.boxlink { width: 100%; height: 100px; overflow:hidden; }
  
.boxlink > a  {
    display: block;
    width: 100%;
    height: 100px;
    transition: all 1.0s ease-in-out;
    text-align: center;
    vertical-align: middle;
    line-height: 100px;
    font-size: 1.3em;
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #A50000;
    background-blend-mode: multiply !important;
    background-size: cover;
    background-position: center center;
}
  
.boxlink:hover a  {
    letter-spacing: 1px;
    color: #ffffff !important;
    background-color: #B50003;
    cursor:pointer;
    transition: all 300ms ease-in-out;
}

a.extended {
    height: auto;
    line-height: 1.25em;
    display: block;
    text-align: left;
    border-radius: 3px 0 0 3px;
    padding: 1.0em 0 1.0em 1.5em;
}

/* Slanted Buttons */

.slantred,
.slantgray {
    display: inline-block;
    background: #D10000;
    padding: 1em 7em 1em 2em;
    color: #fff;
    text-decoration: none;
    position: relative;
    text-align: center;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
	font-weight: 700;
}

.slantred span,
.slantgray span {
    position: relative;
    left: 0em;
    letter-spacing: 0.03em;
    z-index: 101;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.slantred:after,
.slantgray:after {
    content: '.';
    padding: 1em 2em;
    width: 1em;
    background: #B20000;
    color: #B20000;
    /* must be same as background */
    position: absolute;
    top: 0px;
    right: -10px;
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);
    z-index: 100;
    -webkit-transition: all 0.3s cubic-bezier(.62, -0.51, .37, .97);
    transition: all 0.3s cubic-bezier(.62, -0.51, .37, .97);
}

.slantred:before,
.slantgray:before {
    font-family: 'FontAwesome';
    content: "\f105";
    font-size: 2em;
    color: #fff;
    position: absolute;
    top: 0.5em;
    right: 0.9em;
    z-index: 102;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.slantred:hover:after,
.slantgray:hover:after {
    padding: 1em 2em 1em 15em;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.slantgray {background: #afafaf; color: #fff;}

a.slantgray, a.slantgray:hover {color: #fff !important;}

a.slantred, a.slantred:hover {color: #fff !important;}

.slantgray:after {background: #8c8c8c ; color: #8c8c8c;}
.slantgray:before {color: #fff;}

a.ylink:hover {color: #fff;}

a.textbtn {
    height: auto;
    min-height: 50px;
    line-height: 1.75em;
    display: block;
    text-align: center;
    padding: 50px;
    text-transform: none;
    font-size: 1.1em !important;
    min-height: 280px;
}

a.textbtn:hover {background-image: none;}

a.textbtn span {display: block;}

@media only all and (max-width: 979px) {
    a.textbtn {min-height: 350px;}
}

@media only all and (max-width: 767px) {
    a.textbtn {min-height: inherit;}
}


/* Miscellaneous --------------------------------------------------------- */

/* Slick Slider */

.slk-content {width: 100%;}
.slk-block {padding: 20px 20px 0; text-align: center;}
.slk-img {min-height: 100px; padding: 15px 0; text-align: center;}
.slk-img IMG {display: inline-block !important; text-align: center; vertical-align: middle;}
.slk-text {text-align: center; padding-bottom: 15px; min-height: 100px;}
.slk-btn {text-align: center;}


/* Keyframes for the fade-in */

@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

.textfade {
    opacity: 0;
    opacity: 1 \9;
    /*just in case ie*/
    -webkit-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.textfade.delay2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.textfade.delay4 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

/* Modal Overlay */
.blocker {z-index: 99 !important;}

/* Fancy List */
  ul.fancylist {list-style-type: none !important; font-size: .9em;}
  ul.fancylist li{margin-top: 5px; text-indent: -1.4em;}
  ul.fancylist li:before{
    font-family: FontAwesome !important;
    content: "\f18e";
    color: #C90000;
    font-size: 1.4em;
    float: left;
    width: 1em;
    margin-right: 5px;
}

/* Pop up Box */

.sb.sb-withoverlay {
    margin-left: -350px !important;
    top: 50% !important;
}

.sb {
    width: 400px !important;
    height: 250px !important;
    background: #FFFFFF url(/Documents%20and%20Settings/131/Site%20Documents/PopUp/5Things.png) 100% 0 no-repeat !important;
    background-size: contain !important;
    padding: 25px 275px 25px 25px !important;
}

.sb h1 {
    padding: 0 0 0 10px !important;
    text-transform: uppercase !important;
}

.sb p {
    font-size: 1em !important;
    padding: 5px 10px 0;
}

/* Media Queries
==========================================================================
========================================================================== */

/* Desktop ( 979px < ) --------------------------------------------------- */

@media only all and (max-width: 1475px) {
    .logo {max-width: 250px;}
    .nav {position: absolute; right: 0;}
    #Menu > ul > li > a {width: 10vw;}
    #Menu > ul > li:nth-child(1) > a:after,
    #Menu > ul > li:nth-child(2) > a:after,
    #Menu > ul > li:nth-child(3) > a:after,
    #Menu > ul > li:nth-child(4) > a:after,
    #Menu > ul > li:nth-child(5) > a:after,
    #Menu > ul > li:nth-child(6) > a:after,
    #Menu > ul > li:nth-child(7) > a:after {
        transform: scale(.8);
    } 
}

@media only all and (max-width: 1199px) {
    .top {font-size: .9em;}
    .header {min-height: 90px;}
    .logo img {margin-top: 0px; left: -30px;}
    #Menu > ul > li > a {width: 11vw; font-size: .8em; padding: 60px 0 12px;}
    #Menu > ul > li:nth-child(1) > a:after,
    #Menu > ul > li:nth-child(2) > a:after,
    #Menu > ul > li:nth-child(3) > a:after,
    #Menu > ul > li:nth-child(4) > a:after,
    #Menu > ul > li:nth-child(5) > a:after,
    #Menu > ul > li:nth-child(6) > a:after,
    #Menu > ul > li:nth-child(7) > a:after {
        transform: scale(.7);
        padding-left: 8px;
        margin-top: -10px;
    } 
	#Menu > ul > li:nth-child(7) > a {width: 110px !important;}
    .body {overflow-x: hidden;}
    .whitebar .minisearch .searchfield {
        width: 37.5% !important;
        -webkit-transition: all 300ms linear;
        transition: all 300ms linear;
    }
    .footer .n-v1-container {width: 100vw !important; }
}

@media only all and (min-width: 980px) { #Mobile_Menu_Panel {display: none;} }

@media only all and (max-width: 979px) {
	.header, .is-sticky .header {min-height: 70px !important;}
	.logo {max-width: 220px; top: 16px !important;}

	#Menu { display:none; margin: 0; float:right; right:-1px; top:50px; }
	#Menu > ul > li {display: none;}
	
	.responsive-menu-toggle {
		display: none;
		cursor:pointer;
		position:absolute;
		text-decoration: none;
		text-align: center;
		width: 40px;
		height: 36px;
		padding-top:4px;
		background-color: transparent;
        color: #444 !important;
        display: block;
        top: 15px;
        right: 40px;
	}
	.responsive-menu-toggle:before {
		content: '\f0c9';
		font-family: 'FontAwesome';
		font-size: 30px;
		text-transform: none !important;
		line-height: 34px;
		-webkit-font-smoothing: antialiased;
	}
    .responsive-menu-toggle.active,
    .responsive-menu-toggle:hover {
        background-color: #ddd;
    }
    
	.slideout-menu {
		position: fixed;
		top: 0;
		left: auto;
		bottom: 0;
		right: 0;
		z-index: 0;
		width: 300px;
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		display: none;
		background: #444;
	}

	.slideout-panel {position: relative;z-index: 1;}
	.slideout-open,
	.slideout-open body,
	.slideout-open .slideout-panel {
		overflow: hidden;
		box-shadow: 5px -1px 20px rgba(0,0,0,.4);
	}
	.slideout-open .slideout-menu {display: block;}

	#Mobile_Menu ul {list-style-type: none;}
	#Mobile_Menu > ul > li.submenu:before { display:none; }

	/* Mobile Menu Level 1 */
	#Mobile_Menu ul li	{ width: 100%;}
	#Mobile_Menu ul li a {
		 display: block;
		 font-family: 'Open Sans', sans-serif;
		 font-size: .9em;
		 font-weight: 500;
		 color: #ccc;
		 padding: 10px 25px;
		 text-decoration: none;
	}
	
	#Mobile_Menu ul li a:hover,
	#Mobile_Menu > ul > li.current > a {
		 background: #555;
		 color: #fff;
	}

	/* Mobile Menu Level 2 */
	#Mobile_Menu ul li ul li a,
	#Mobile_Menu ul li ul li ul li a {
		 display: block;
		 width: 300;
		 margin-left: -34px;
		 background: #333;
		 font-family: 'Open Sans', sans-serif;
		 font-size: .9em;
		 color: #fff;
		 padding: 10px 0 10px 30px;
		 text-decoration: none;
	}
	#Mobile_Menu ul li ul li a:hover {
		 background: #444;
		 font-size: .9em;
		 color: #fff;
	}
	#Mobile_Menu ul li.submenu:before {
		content: '\f067';
		font-family: 'FontAwesome';
		color: #ccc;
		float: right;
		position: relative;
		display: inline-block;
		text-align: right;
		margin: -5px 0px -15px -70px;
		padding: 15px 15px 15px 70px;
	}
	#Mobile_Menu ul li.submenu.hover:before { content: '\f068' !important; }

	/* Mobile Menu Level 3 */
	#Mobile_Menu ul li ul li ul li a {
		 margin-left: -80px;
		 color: #bbb;
		 padding: 10px 0 10px 50px;
	}
    
	.mobiletop, .mobilebot {display: block; color: #ccc;}
	.mobiletop .module-class, .mobilebot .module-class {
		position: relative;
		width: 225px !important;
		right: 0 !important;
		float: right;
		}
	
	#Mobile_Menu_Panel .accountlogin {
		width: 300px;
		text-align: center; 
		padding: 10px 0 15px 47px; 
		position: relative;
		}
	#Mobile_Menu_Panel .accountlogin a {color: #ccc; text-decoration: none;}
	.mobilebot {position: relative; bottom: 0;}
	
	#Mobile_Menu_Panel .minisearch {
		padding: 10px 0px 10px !important;
		line-height: 1.75em;
	}

	#Mobile_Menu_Panel .minisearch .searchfield {
		display: inline-block !important;
		width: 232px !important;
		margin-left: -17px;
		border: none;
		background: #333;
		border-radius: 50px;
		font-family: 'Open Sans', sans-serif;
		font-size: .9em !important;
		font-weight: 300 !important;
		color: #aaa;
		padding: 7px 15px 7px 40px;
		-webkit-transition: all 300ms linear;
		transition: all 300ms linear;
	}

	#Mobile_Menu_Panel .minisearch:before {
		position: absolute;
		margin-top: 2px;
		margin-left: 0;
		content: '\f002';
		font-family: 'FontAwesome';
		font-size: 14px;
		color: #aaa;
		text-transform: none !important;
		line-height: 34px;
		-webkit-font-smoothing: antialiased;
	}

	#Mobile_Menu_Panel .minisearch .searchbtn {display: none !important;}
	
	.mobile-trucks {
		width: 240px !important;
		position: relative;
		left: -20px;
		padding: 15px 0 0;

	}
	.mobile-trucks-icon {
		display: block;
		width: 50%;
		height: 70px;
		text-align: center;
		float: left;
	}
	.mobile-trucks-icon img {
		display: block;
		position: relative;
		left: 50%;
		margin-left: -40px;
		margin-bottom: -5px;

	}
	.mobile-trucks-icon a {
		display: block;
		font-size: .9em;
		letter-spacing: .03em;
		color: #bbb;
		text-align: center;
		text-decoration: none;
	}
	.mobile-trucks-icon {
		display: block;
		width: 50%;
		height: 70px;
		text-align: center;
		float: left;
	}
	.mobile-trucks-icon img {
		display: block;
		position: relative;
		left: 50%;
		margin-left: -40px;
		margin-bottom: -5px;

	}
	.mobile-trucks-icon a {
		display: block;
		font-size: .9em;
		letter-spacing: .03em;
		color: #bbb;
		text-align: center;
		text-decoration: none;
	}
	
    .responsive-menu-toggle, .is-sticky .responsive-menu-toggle {
        display: block;
        top: 10px;
        right: 40px;
    }
    
	.footer .module-class .content {padding: 40px 0 0 20px !important;}
	/* Five Column Footer Only */
	.footer2 .module-class .content {margin-left: 30px;}
	.footer3 .module-class .content {margin-left: 20px;}
	.footer5 {text-align: center;}

	.whitebar .n-v1-container  {width: 100% !important;}
    .whitebar .module-class .content {padding: 25px 0px 25px 25px !important;}
    .whitebar .minisearch .searchfield {width: 90% !important; font-size: 1.8em !important; margin-left: 35px;}
    .whitebar .minisearch:before {font-size: 26px; margin-top: 31px; margin-left: 18px;}
    .whitebar .minisearch .searchfield:hover,
	.whitebar .minisearch .searchfield:focus {width: 90% !important;}
    
    .footer .n-v1-container {width: 100vw !important; }
    .footer1, .footer2, .footer3, .footer4 {width: 50vw !important; height: 250px !important;}
    .locations .module-class {float: left; width: 33vw !important;}
}

/* Tablet ( 480px - 768px ) --------------------------------------------------- */

@media only all and (max-width: 767px) {
    
    .header, .is-sticky .header {min-height: 60px !important;}
    .logo IMG {max-width: 180px !important;}
    .responsive-menu-toggle, .is-sticky .responsive-menu-toggle {top: 10px; right: 10px;}
	.feature {margin-top: -50px; min-height: 0;}
    .footer {text-align: center; padding: 30px 0 45px;}
    .footer .module-class .content {padding: 20px 10px 5px !important; line-height: 1.75em;}
    .locations .module-class {width: 49vw !important;}
	.footer .locations {padding-top: 20px; border-top: 0px; }
}

/* Mobile ( < 480px ) -------------------------------------------------------- */


@media only all and (max-width: 479px) {
    .body {overflow-x: hidden;}
    .leftmenu .n-v1-container {width: 100vw !important;}
	.responsive-menu-toggle, .is-sticky .responsive-menu-toggle {top: 10px; right: 10px;}
    .feature-txt .slantred, .feature-txt .slantgray {font-size: .85em !important; margin: 5px 0 !important;}
    .whitebar .module-class .content {padding: 25px 0px 25px 20px !important;}
    .whitebar .minisearch .searchfield {width: 85% !important; font-size: 1.3em !important; margin-left: 25px;}
    .whitebar .minisearch:before {font-size: 25px; margin-top: 25px; margin-left: 10px;}
	.footer1, .footer4 {width: 100% !important; height: auto !important;}
    .footer2, .footer3 {display: none;}
}