
html { font-family: 'Georgia', serif; }
.ital { font-style: italic; }

/* h1, .h1 { font-size: 1.75rem; margin-bottom: 1.3em; font-family: 'Georgia', serif; font-style: italic; } */
h1, .h1 { font-size: 1.75rem; color: #FFFFFF; font-family: 'Bebas Neue', sans-serif; text-shadow: 0 4px 4px rgba(61,62,63,0.9), 0 0 10px rgba(61,62,63,0.6), 0 0 20px rgba(61,62,63,0.4);}
h2, .h2 { font-size: 1.75rem; color: #293078; font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.03em; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.25rem;  color: #293078; font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.03em; }
h6, .h6 { font-size: 1rem; }

#top_lines { background-image: url('img/top_lines_big.png'); background-repeat: repeat-x; background-size: contain; height: 11px; }

#top-search {float: left; margin-top: 12px; padding-bottom: 3px; width: 100%; display: block; text-align: right; font-size: 12px; color: #00008A; line-height: 18px; text-shadow: 0 2px 2px rgba(0,0,6,0.4);}
.search_field { font-size: 16px; font-family: Arial, Helvetica, Sans-Serif; line-height: 120px; height: 24px; }

.manu_list { position: relative; display: block; border: 1px solid #8F8F8F; background: #EBEBEC; padding: 20px;
	border-radius: 6px; z-index: 99; box-shadow: 2px 4px 3px rgba(0,0,0,0.3); z-index: 888;}

.manu_names { font-size: 14px; font-family: 'Arial', sans-serif; text-decoration: none; float: none; padding: 2px 16px; white-space: nowrap; }

span.dyn_but { background:url('img/dyn_but_left_sm.png') 0 0 no-repeat; text-decoration:none; white-space: nowrap;
		padding-left:8px; text-align:center; font-size:13px; font-weight:500; font-family:arial;
		line-height:24px; display:block; height:30px; width:200px; }
span.dyn_but a { background:url('img/dyn_but_right_sm.png') top right no-repeat; white-space: nowrap;
		padding-right:8px; text-decoration:none; color:#FFFFFF; display:block; height:30px; }
span.dyn_but a:hover { background:url('img/dyn_but_right_sm.png') top right no-repeat; white-space: nowrap;
		padding-right:8px; text-decoration:none; color:#FF0000; display:block; height:30px; }

.light-blue { background-color: #D2E5FF; }
.up10 { margin-top: 0px;}
.up20 { margin-top: 0px;}
.up30 { margin-top: 0px;}

#logo { background-image: url('img/logo_300x160B.png'); background-position: center; background-repeat: no-repeat; height: 200px;}
.logo_home_link { width: 300px; height: 160px;}
.phone_navs { float: none; text-align: center; }
#phones { width: 100%; font-size: 24px; font-family: 'Bebas Neue', sans-serif; line-height:30px; color: #293078;}
.container {line-height: 30px; color: #000000; font-size: 16px;} 

#primary_source { font-family: 'Bebas Neue', sans-serif; color: #FFFFFF; font-size: 36px; line-height: 40px; text-shadow: 0 4px 4px rgba(61,62,63,0.9), 0 0 10px rgba(61,62,63,0.6), 0 0 20px rgba(61,62,63,0.4); }

#products { color: #FFFFFF; font-family: 'Bebas Neue', sans-serif; font-size: 26px; line-height: 28px; float: right; margin-top: -16px; text-shadow: 0 4px 4px rgba(61,62,63,0.9), 0 0 10px rgba(61,62,63,0.6), 0 0 20px rgba(61,62,63,0.4); }
#closeout_title { color: #FFFFFF; font-family: 'Georgia', serif; font-size: 20px; line-height: 20px; text-shadow: 0 4px 4px rgba(61,62,63,0.9), 0 0 10px rgba(61,62,63,0.6), 0 0 20px rgba(61,62,63,0.4); }
#home_top { position: relative; color: #FFFFFF; font-family: 'Bebas Neue', sans-serif; font-size: 40px; line-height: 40px; padding-top: 40px; text-shadow: 0 4px 4px rgba(61,62,63,0.9), 0 0 10px rgba(61,62,63,0.6), 0 0 20px rgba(61,62,63,0.4); }


#quotes { float: right; color: #FFFFFF; font-family: 'Bebas Neue', sans-serif; font-size: 30px; line-height: 30px; padding-top: 30px; text-shadow: 0 4px 4px rgba(61,62,63,0.9), 0 0 10px rgba(61,62,63,0.6), 0 0 20px rgba(61,62,63,0.4); }
.quote_guy { position: relative; opacity: 0.85; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.quote_guy { background-image: url("img/quote_guy.jpg"); min-height: 480px; }
@media only screen and (max-device-width: 1024px) {
	.quote_guy { background-attachment: scroll; }
}
.homeH1 { font-size: 40px; }

#home_space { height: 28px; }
#half_home_space { height: 20px; }
.but_max { max-width: 140px; padding: 0px;}
.extra_but { display: block;}
.home_but_pad { padding-top: 4px;}
.catalog_pad { padding-top: 10px;}
#home_truck { display: none; }
#testimonials { text-align: center; clear: both; font-family: 'Georgia', serif; font-size: 18px; line-height: 24px; }

#main_navbar { width: 100%; float: right;  text-align: center; margin-left: auto; margin-right: auto; }
.navbar-custom { color: #293078; font-size: 24px; font-family: 'Bebas Neue', sans-serif; float: right;}
.navbar-custom .navbar-brand, .navbar-custom .navbar-text { color: #293078; }
.navbar-custom .navbar-nav .nav-link { color: #293078; padding: 2px 16px; }
.navbar-custom .nav-item.active .nav-link, .navbar-custom .nav-item:hover .nav-link { color: #FF0000; }
.navbar-custom .dropdown-menu { background-color: #D2E5FF; padding: 4px 2px; }
.navbar-custom .dropdown-item { color: #333333; }
.navbar-custom .dropdown-item:hover, .navbar-custom .dropdown-item:focus { color: #000000; background-color: rgba(255,255,255,1.0); }
.navbar-toggler-icon { color: #293078; font-size: 36px; }
.custom-toggler .navbar-toggler { border-color: #293078; } 
.custom-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(33, 33, 33, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } 

#banner_home { background-image: url('img/ban_home.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 300px;}
#banner_faq { background-image: url('img/ban_faq.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 200px;}
#banner_quote { background-image: url('img/ban_quote.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 200px;}
#banner_about { background-image: url('img/ban_about.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 200px;}
#banner_closeouts { background-image: url('img/ban_closeouts.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 200px;}
#banner_sear { background-image: url('img/ban_sear.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 200px;}

.breadcrumbs { float: left; width: 70%; z-index: 3; margin-top: 30px; }
#blue_band {clear: both; height: 10px; background-color: #293078; background-size: cover; text-align: center; margin: auto; }
#blue_prod_band {clear: both; height: 26px; background-color: #293078; background-size: cover; text-align: center; margin: auto; }

#blue_manu_band {clear: both; height: 50px; background-color: #293078; background-size: cover; text-align: center; margin: auto; }
#manu_letters {display: none;}
.manu_but { max-width: 240px; text-align: center; margin-left: auto; margin-right: auto; margin-top: -4px;}

.letter { font-size: 20px; font-family: 'Bebas Neue', sans-serif; line-height:24px; color: #FFFFFF; padding: 4px 8px 0px 8px; }
.letter a:link { color: #FFFFFF;}
.letter a:visited { color: #FFFFFF; }
.letter a:hover { color: #FF0000; font-size: 20px; }
.letter a:active { color: #FF0000; }

.letter_brand { font-size: 18px; font-family: 'Bebas Neue', sans-serif; line-height:22px; color: #293078; padding: 4px 6px 0px 6px; }
.letter_brand a:link { color: #293078;}
.letter_brand a:visited { color: #293078; }
.letter_brand a:hover { color: #FF0000; font-size: 24px; }
.letter_brand a:active { color: #FF0000; }
#brand_alpha { display: none;}

#home_blue {background-color: #243C91; }
#home_stars { background-image: url('img/bg_footer.jpg'); background-repeat: no-repeat; background-size: cover; text-align: center; margin: auto; height: 460px;}
#pad_stars { padding-top: 30px; }

#search_form_small { display: block; width: 100%;}
#search_form_big { display: none;}
.but_search {font-size: 18px; line-height: 6px; padding: 0px;}
.but_search_products { font-size: 28px; line-height: 28px; padding: 0px; height: 32px; margin-top: 18px; }
.but_search_products:hover { filter: invert(20%) sepia(98%) saturate(7262%) hue-rotate(5deg) brightness(98%) contrast(119%); }
.but_tools {font-size: 24px; line-height: 6px; padding: 0px;}


#footer_flag { background-image: url('img/bg_footer.jpg'); background-repeat: no-repeat; background-size: cover; text-align: center; margin: auto; background-position: bottom; bottom:0px; height: 400px;}
#foot_space { clear: both; height: 40px; width: 100%;}
#foot_text { color: #FFFFFF; font-family: 'Bebas Neue', sans-serif; font-weight: lighter; font-size: 24px; line-height: 30px; text-shadow: 0 2px 2px rgba(61,62,63,0.6); letter-spacing: 0.03em; }
#foot_address { color: #FFFFFF; font-family: 'Georgia', serif; font-size: 16px; line-height: 20px; text-shadow: 0 4px 4px rgba(61,62,63,0.8);}
#foot_phone { color: #FFFFFF; font-family: 'Bebas Neue', sans-serif; font-size: 16px; line-height: 20px; text-shadow: 0 4px 4px rgba(61,62,63,0.8);}
#foot_phone a:link { color: #ffffff;}
#foot_phone a:visited { color: #FFFFFF; }
#foot_phone a:hover { color: #999999; }
#foot_phone a:active { color: #999999; }

.pad_last_name { padding:6px 14px 0px 14px;}

#bottom_space { clear: both; height: 20px; }

.bidicode {unicode-bidi: bidi-override; direction: rtl; }

.buts { margin: auto; padding: 4px 5px 2px 6px;
	border-top: 1px solid #CCCCCC; background: #CD0101; background: -webkit-gradient(linear, left top, left bottom, from(#FF4D4D), to(#CD0101));
	background: -webkit-linear-gradient(top, #FF4D4D, #CD0101); background: -moz-linear-gradient(top, #FF4D4D, #CD0101);
	background: -ms-linear-gradient(top, #FF4D4D, #CD0101); background: -o-linear-gradient(top, #FF4D4D, #CD0101);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	text-align: center;
	text-decoration: none; vertical-align: middle;
	-webkit-box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.buts a:link { color: #FFFFFF; }
.buts a:hover { color: #CCCCCC; }
.buts a:visited { color: #FFFFFF; }
.buts a:active { color: #CCCCCC; }
#footspace {width: 100%; height: 30px;}

.grid-container { display: grid; grid-template-columns: auto auto; background-color: #D2E5FF; padding: 0x; }
.grid-item { background-color: #FFFFFF; border: 1px solid rgba(28,110,164,0.7); text-align: center; padding: 16px;}

.char18over30 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: normal; margin: 0 0 30px 0;}

.white_noline { text-decoration: none; color: #FFFFFF;}
.white_noline a:link { text-decoration: none; color: #FFFFFF;}
.white_noline a:hover { text-decoration: none; color: #999999;}
.white_noline a:visited { text-decoration: none; color: #FFFFFF;}

.char9 { color: #333333; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.char9b { color: #333333; font-weight: bold; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.char9 a:link { color: #FF4D4D; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char9 a:visited { color: #FF4D4D; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char9 a:hover { color: #757575; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

.char9w { color: #FFFFFF; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.char9b { color: #FFFFFF; font-weight: bold; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.char9w a:link { color: #FFFFFF; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char9w a:visited { color: #FFFFFF; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char9w a:hover { color: #FFFF81; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

.char10over12 { color: #333333; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; text-align: center;}
.char11over13 { color: #333333; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 13px; text-align: center;}
.char11over14 { color: #333333; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-align: center;}

.char10 { color: #333333; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; }
.char10b { color: #333333; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; }
.char10 a:link { color: #FF4D4D; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char10 a:visited { color: #FF4D4D; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char10 a:hover { color: #757575; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char10w { color: #FFFFFF; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; }
.char10wb { color: #FFFFFF; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; }
.char10w a:link { color: #FFFFFF; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char10w a:visited { color: #FFFFFF; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char10w a:active { color: #999999; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char10w a:hover { color: #999999; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }


.char11over14 { color: #000000; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; }
.char11over14 a:link { color: #FF4D4D; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 14px; }
.char11over14 a:visited { color: #FF4D4D; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 14px; }
.char11over14 a:hover { color: #757575; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 14px; }

.char12 { color: #000000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; }
.char12b { color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; }
.char12 a:link { color: #293078; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 18px; }
.char12 a:visited { color: #D2E5FF; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 18px; }
.char12 a:hover { color: #999999; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 18px; }
.char12w { color: #FFFFFF; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.char12wb { color: #FFFFFF; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.char12w a:link { color: #CCCCCC; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char12w a:visited { color: #CCCCCC; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char12w a:hover { color: #757575; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char12over14 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #000000; }
.char12over16 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #000000; }
.char12over18 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #000000; }

.char12wshadow { color: #FFFFFF; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 4px 4px rgba(61,62,63,0.8);}
.char12wshadow a:link { color: #FFFFFF; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char12wshadow a:visited { color: #FFFFFF; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char12wshadow a:hover { color: #757575; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

.char12rshadow { color: #b21000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 4px 4px rgba(61,62,63,0.8);}
.char12rshadow a:link { color: #b21000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char12rshadow a:visited { color: #b21000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char12rshadow a:hover { color: #757575; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }


.char14over18 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #000000; }
.char14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height: 18px;}
.char14b { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; line-height: 18px;}
.char14over20 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #000000; }
.char14over30bold { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 30px; color: #000000; font-weight: bold;}

.char20over30w { font-size: 20px; color: #FFFFFF; font-weight: normal; line-height: 30px; font-family: 'Georgia', sans-serif; }
.char16 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #00008A; font-weight: normal; }
.char16b { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #00008A; font-weight: bold; }
.char16bw { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; font-weight: bold; }
.char16red { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FF0000;}
.char16bluebold { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000099; font-weight: bold;}
.char18over30 { font-size: 18px; line-height: 30px; }
.char30over40w { font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 40px; color: #FFFFFF; font-weight: bold; }

.home_delivery_text { font-family: Arial, sans-serif; font-size: 18px; line-height: 22px; color: #FFFFFF; text-shadow: 0 4px 4px rgba(61,62,63,0.8);}
.home_staff_text { font-family: Arial, sans-serif; font-size: 18px; line-height: 22px; color: #FFFFFF; }

#nopad { padding:0; margin:0; border-collapse: collapse; }
.pad4 { padding:4px; }
.pad8 { padding:8px; }
.pad10 { padding:10px; }
.pad12 { padding:12px; }
.pad16 { padding:4px 12px 4px 16px; }

.pad_left_20 { padding:0px 0px 0px 20px; }
.pad_right_20 { padding:0px 20px 0px 0px; }
.pad_left_40 { padding:0px 0px 0px 40px; display: inline;}
.pad_right_40 { padding:0px 40px 0px 0px; }

.pad_top_20 { padding:20px 0px 0px 0px; }

.small_padtop_40 { padding:40px 0px 0px 0px; }

html { position: relative; min-height: 100%; }

.but_submit { margin: auto; padding: 3px 10px;
	background-color:rgba(51, 102, 0, 0.5);
	border: 1px solid #CCCCCC; 
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	text-align: center;
	text-decoration: none; vertical-align: middle;
	-webkit-box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.but_submit a:link { color: #000000; }
.but_submit a:hover { color: #CCCCCC; }
.but_submit a:visited { color: #000000; }
.but_submit a:active { color: #CCCCCC; }

.but_reset { margin: auto; padding: 3px 10px;
	background-color:rgba(231, 171, 28, 0.5);
	border: 1px solid #CCCCCC; 
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	text-align: center;
	text-decoration: none; vertical-align: middle;
	-webkit-box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.but_reset a:link { color: #000000; }
.but_reset a:hover { color: #CCCCCC; }
.but_reset a:visited { color: #000000; }
.but_reset a:active { color: #CCCCCC; }

#member_para { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 27px; -moz-column-gap: 27px;
	column-gap: 27px; -webkit-column-rule: 1px solid rgba(28,110,164,0.7); -moz-column-rule: 1px solid rgba(28,110,164,0.7);
	column-rule: 1px solid rgba(28,110,164,0.7); line-height: 32px; padding-bottom: 30px; }
#highway_img {display: none;}

.dark_blue_cell_left { text-align: left;  background-color: #00008A; color: #FFFFFF; font-weight: bold; font-size: 14px; 
	line-height: 16px; font-family: Arial, Helvetica, sans-serif; vertical-align: bottom; border-top: 0px solid #EEEEEE !important;
	border-bottom: 0px solid #EEEEEE !important; padding: 4px 0px 4px 0px; height: 18px;}
.dark_blue_cell_right { text-align: right; background-color: #00008A; color: #FFFFFF; font-weight: bold; font-size: 14px; 
	line-height: 16px; font-family: Arial, Helvetica, sans-serif; vertical-align: bottom; border-top: 0px solid #EEEEEE !important;
	border-bottom: 0px solid #EEEEEE !important; padding: 4px 0px 4px 0px; height: 18px;}

.prod_row { width: 96%; padding: 0px 0px 0px 20px; }
#prod_col_left { margin: 2px 0px; text-align: left; width: 92%; float: left; color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; }
#prod_col_right { margin: 2px 0px; text-align: right; width: 8%; float: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; }

#but_shop { margin-left: auto; margin-right: auto; width: 100%; margin-top: 10px;}
.shop_button { width: 300px; }

#catch_phrase { color: white; text-align: right; width: 100%; font-style: italic; font-weight: 300; font-size: 22px; margin-top: 0px;
	font-family: 'Bebas Neue', sans-serif; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 2px 2px rgba(0,0,0,0.7); }

#only_big {display: none; }

.awrf { display: none}
.vdot { max-width: 140px; max-height: 60px; padding-top: 8px;}
.linkedin { max-width: 70px; max-height: 70px; padding-top: 0px;}
.facebook { max-width: 70px; max-height: 70px; padding-top: 0px;}
.swam { max-width: 140px; max-height: 60px; padding-top: 6px;}
.scra { display: none;}


/*
@media only screen and (min-width : 400px) {
	#banner_home { height: 600px;}
}
*/

@media only screen and (min-width : 460px) {
	#banner_rigging { height: 260px;}
	input[type='radio'] { transform: scale(1); }
	.top-search { margin-top: -26px; }
	.shop_image { position: relative; width: 40%; }
	/* .manu_but { width: 100%; text-align: center; margin-left: auto; margin-right: auto; }  */
	.manu_but { max-width: 240px; text-align: center; margin-left: auto; margin-right: auto; margin-top: -4px;}
	#catch_phrase { font-weight: 300; margin-top: 30px; font-size: 24px; }
}

@media only screen and (min-width : 768px) {
	#top_lines { background-image: url('img/top_stripes.png'); background-repeat: repeat-x; background-size: contain; height: 7px; }
	#logo { background-image: url('img/logo_90B.png'); background-repeat: no-repeat; background-size: contain; height: 90px;  background-position: 50% 50%;   }
	.logo_home_link { width: 170px; height: 90px; margin-top :16px;}
	.phone_navs { text-align: right; }
	#phones { margin-top: 16px; }
	.nav_last { margin: 0px 33px 0px 0px; }
	#main_navbar { justify-content: flex-end; margin-top: -30px; }
	#navbarSupportedContent { float: right; text-align: right; justify-content: flex-end;}
	.nav_elim {display: none;}
	.nav_last { margin: 0px; }
	.letter { font-size: 20px; font-family: 'Bebas Neue', sans-serif; line-height:24px; color: #FFFFFF; padding: 4px 8px 0px 8px; }
	#banner_rigging { height: 400px;}
	#banner_home  { height: 400px;}
	#banner_faq  { height: 400px;}
	#banner_quote  { height: 400px;}
	#banner_about  { height: 400px;}
	#banner_closeouts  { height: 400px;}
	#products { font-size: 70px; line-height: 90px; float: left; margin-top: 30px;}
	#closeout_title { font-size: 40px; line-height: 60px; }
	#quotes { font-size: 70px; line-height: 90px; padding-top: 40px;}
	#home_top { font-size: 70px; line-height: 70px; padding-top: 40px; color: #FFFFFF; text-shadow: 0 4px 4px rgba(61,62,63,0.9), 0 0 10px rgba(61,62,63,0.6), 0 0 20px rgba(61,62,63,0.4); }
	.homeH1 { font-size: 70px;}

	#footer_flag { height: 350px;}
	#foot_text { font-size: 24px; line-height: 30px; text-shadow: 0 4px 4px rgba(61,62,63,0.8);}
	#foot_address { font-size: 16px; line-height: 30px; text-shadow: 0 4px 4px rgba(61,62,63,0.8);}
	#foot_phone { font-size: 16px; line-height:30px; text-shadow: 0 4px 4px rgba(61,62,63,0.8);}
	.pad_last_name { padding:0px 14px 0px 0px;}
	#footer_gradient { margin-top: -38px;}
	#bottom_space { clear: both; height: 40px; }
	#flag_panel { display: block; z-index: 1;}
	.up10 { margin-top: -10px;}
	.up20 { margin-top: -20px;}
	.up30 { margin-top: -30px;}
	#search_form_big { display: block; width: 100%;}
	#search_form_small { display: none;}
	.but_search {font-size: 18px; line-height: 6px; padding: 0px;}
	.but_tools {font-size: 18px; line-height: 6px; padding: 0px;}
	.but_max { max-width: 300px; padding: 12px;}
	#home_space {height: 50px; }
	#half_home_space {height: 30px; }
	.extra_but {display: none;}
	#home_stars { background-image: url('img/bg_footer.jpg'); background-repeat: no-repeat; background-size: cover; text-align: center; margin: auto; height: 100%;}
	#pad_stars { padding-top: 70px; }
	#home_truck { display: block; }
	.home_truck { border: 6px solid #FFFFFF !important; }
	#blue_manu_band { height: 70px; }
	#manu_letters {display: block; padding-top: 4px;}
	.manu_but { margin-top: 6px; float: left;}
	.featured_brand { width: 180px; float: left; }
	#brand_search { width: 100%; margin-top: 50px; text-align: right;}
	#navbarDropdown { padding: 2px 20px 2px 0px; }
	
	.brand_search_but { filter: none;}
	.brand_search_but:hover { filter: invert(20%) sepia(98%) saturate(7262%) hue-rotate(5deg) brightness(98%) contrast(119%); }
	#deliver_but { margin-left: 60px; margin-top: -70px;}
	.deliver_button { max-width: 200px; }
	#brand_alpha { display: block; z-index: 2; margin-top: -72px; width: 100%; text-align: center; padding:4px; border-top: 2px solid #00008A; border-bottom: 2px solid #00008A; background: #EFEFEF;}
	#member_para { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 22px; -moz-column-gap: 22px;
		column-gap: 22px; -webkit-column-rule: 1px solid rgba(28,110,164,0.67); -moz-column-rule: 1px solid rgba(28,110,164,0.67); column-rule: 1px solid rgba(28,110,164,0.67);
	}
	#highway_img {display: block;}
	span.dyn_but { background:url('img/dyn_but_left.jpg') 0 0 no-repeat; text-decoration: none; white-space: nowrap;
		padding-left:8px; text-align:center; font-size:20px; font-weight:500; font-family:arial;
		line-height:44px; display:block; height:55px; width:200px; }
	span.dyn_but a { background:url('img/dyn_but_right.png') top right no-repeat; white-space: nowrap; 
		padding-right:8px; text-decoration: none; color:#FFFFFF; display:block; height:55px; }
	span.dyn_but a:hover { background:url('img/dyn_but_right.png') top right no-repeat; white-space: nowrap;
		padding-right:8px; text-decoration: none; color:#FF0000; display:block; height:55px; }
	.grid-container { grid-template-columns: auto auto auto; }
	.grid-item { width: 160px; height: 160px;}
	#but_shop { margin-top: -40px;}
	.shop_button { width: 300px; }
	#catch_phrase { font-weight: 300; margin-top: 50px; font-size: 30px; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 2px 2px rgba(0,0,0,0.7); }
	#only_big {display: block; }
	.awrf { max-width: 140px; max-height: 120px; padding-top: 0px; display: block;}
	.vdot { max-width: 150px; max-height: 80px; margin-top: 40px;}
	.linkedin { max-width: 140px; max-height: 120px; padding-top: 40px;}
	.facebook { max-width: 140px; max-height: 120px; padding-top: 40px;}
	.swam { max-width: 140px; max-height: 70px; margin-top: 34px;}
	.scra { max-width: 140px; max-height: 70px; margin-top: 36px; display: block;}
	.small_padtop_40 { padding: 0px 0px 0px 0px; }
}

@media only screen and (min-width : 992px) {
	#logo { background-position: center 4px;}
	.logo_home_link { height: 95px; margin-top: 16px;}	.nav_elim {display: block;}
	.nav_last { margin: 0px -33px 0px 0px; }
	#blue_manu_band {height: 36px; }
	.letter { font-size: 20px; font-family: 'Bebas Neue', sans-serif; line-height:28px; color: #FFFFFF; padding: 4px 6px 0px 6px; }
	.manu_but { margin-top: -10px;}
	#home_space {height: 70px; }
	/* #banner_home { height: 600px;} */
	.home_delivery_text { font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.04em; font-size: 26px; line-height: 36px; }
	.home_staff_text { font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.04em; font-size: 30px; line-height: 40px; }
	#primary_source { font-size: 40px; line-height: 50px; padding-top: 40px;}
	.deliver_but { margin-left: 130px; }
	.letter_brand { font-size: 24px; line-height:26px; }
	.grid-item { width: 200px; height: 160px;}
	#catch_phrase { font-weight: 300; margin-top: 100px; font-size: 36px; 
		text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 2px 2px rgba(0,0,0,0.7), 0 0 10px rgba(61,62,63,0.6), 0 0 20px rgba(61,62,63,0.4); }

}

@media only screen and (min-width : 1200px) {
	#logo { background-position: center;  }
	.home_delivery_text { font-size: 30px; line-height: 40px; }
	.home_staff_text { font-size: 30px; line-height: 40px; }
	.letter { font-size: 24px; line-height:30px; padding: 4px 8px 0px 8px; }
	.deliver_but { margin-left: 160px;}
	.grid-container { grid-template-columns: auto auto auto auto auto auto;  }
	.grid-item { width: 200px; }
}

#bottom_logos { margin:0 auto; display: block;}
#page-footer {flex-shrink: 0}

a:visited { color: #88C0FF; }

.shadow { text-shadow: 0 2px 2px rgba(0,0,0,0.4);}
.box-shadow { -webkit-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); -moz-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); box-shadow: 2px 4px 3px rgba(0,0,0,0.3); border: 1px solid #232902;}
.bite-size {width: 100%; }

.show_links a:link {text-decoration: underline; }
hr { border-top: 1px solid #00008A; -webkit-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); -moz-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); box-shadow: 2px 4px 3px rgba(0,0,0,0.3); }

.quote_button { 
   border: 1px solid #00008A;
   background: -webkit-gradient(linear, left top, left bottom, from(#210088), to(#88C0FF));
   background: -webkit-linear-gradient(top, #210088, #88C0FF);
   background: -moz-linear-gradient(top, #210088, #88C0FF);
   background: -ms-linear-gradient(top, #210088, #88C0FF);
   background: -o-linear-gradient(top, #210088, #88C0FF);
   padding: 6px 8px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; line-height:12px;
   text-decoration: none;
   vertical-align: middle;
   white-space: nowrap;
   -webkit-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); -moz-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.quote_button:link { color: #FFFFFF;}
.quote_button:hover { background: #88C0FF; text-decoration: none;}
.quote_button:visited { background: #88C0FF;}
.quote_button:active { background: #210088;}

.clear_button { 
   border: 1px solid #8F8F8F;
   background: -webkit-gradient(linear, left top, left bottom, from(#8F8F8F), to(#C1C1C1));
   background: -webkit-linear-gradient(top, #8F8F8F, #C1C1C1);
   background: -moz-linear-gradient(top, #8F8F8F, #C1C1C1);
   background: -ms-linear-gradient(top, #8F8F8F, #C1C1C1);
   background: -o-linear-gradient(top, #8F8F8F, #C1C1C1);
   padding: 6px 8px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; line-height:12px;
   text-decoration: none;
   vertical-align: middle;
   -webkit-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); -moz-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.clear_button:link { color: #FFFFFF;}
.clear_button:hover { background: #88C0FF; text-decoration: none;}
.clear_button:visited { background: #88C0FF;}
.clear_button:active { background: #210088;}

.filter-white { filter: invert(83%) sepia(55%) saturate(0%) hue-rotate(47deg) brightness(111%) contrast(101%); }
.filter-red { filter: invert(20%) sepia(98%) saturate(7262%) hue-rotate(5deg) brightness(98%) contrast(119%); }

.shrink img { transition: .2s ease; }
.shrink img:hover{ -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); transition: .2s ease; }

.brands_list { display: flex; flex-wrap: wrap; }
.brands_image { max-height:160px; -o-object-fit: contain; object-fit: contain; width: auto; display: block; height: 160px; margin: 0 2.7rem 1.8rem 0;}
.brands_link { width: 180px; height: auto; margin: 0; max-height: 160px; -o-object-fit: contain; object-fit: contain; }

.search_box { margin-top: 2px; padding:0px 10px; border: 1px solid #333333; border-radius: 4px; background: #D2E5FF;}
.staff_box { padding:14px 16px 14px 26px; border: 1px solid #333333; border-radius: 4px; background: #D2E5FF;}


#image-gallery-caption { font-size: 20px; font-family: Arial, Helvetica, sans-serif; text-align:center; max-width:99%; margin:auto; color: #00008A; text-shadow: 0 2px 2px rgba(0,0,0,0.4); }

.carousel { position: relative; }
.carousel-inner { position: relative; overflow: hidden; width: 100%; }
.carousel-inner > .item { display: none; position: relative; -webkit-transition: 900s ease-in-out left; transition: 900s ease-in-out left; }
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 40px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #5D4C3B; text-align: center; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev,
  .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; }
  .carousel-caption { left: 20%; right: 20%; padding-bottom: 10px; font-size: 28px; color: #5D4C3B; }
}

#overload { margin-top: 2px; padding:0px 10px; border: 1px solid #333333; border-radius: 4px; background: #EBEBEC;} 

.svg_cart { filter: invert(83%) sepia(55%) saturate(0%) hue-rotate(47deg) brightness(111%) contrast(101%); }
.svg_cart:hover { filter: invert(20%) sepia(98%) saturate(7262%) hue-rotate(5deg) brightness(98%) contrast(119%); }

.svg_search_w { filter: invert(83%) sepia(55%) saturate(0%) hue-rotate(47deg) brightness(111%) contrast(101%); }
.svg_search_w:hover { filter: invert(20%) sepia(98%) saturate(7262%) hue-rotate(5deg) brightness(98%) contrast(119%); }

.svg_search { }
.svg_search:hover { filter: invert(20%) sepia(98%) saturate(7262%) hue-rotate(5deg) brightness(98%) contrast(119%); }

.white_link { color: #FFFFFF; }
.white_link a:hover { color: #FF0000; }
.white_link a:link { color: #FFFFFF; }
.white_link a:visited { color: #FFFFFF; }
.white_link a:active { color: #FFFFFF; }

#cart_button_proceed {
   border: 2px solid #03A21D;
	background: -moz-linear-gradient(top, #333333 0%, #666666 100%);
	background: -webkit-linear-gradient(top, #333333 0%, #666666 100%);
	background: linear-gradient(to bottom, #333333 0%, #666666 100%);
   padding: 6px 8px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #FFFFFF; font-size: 14px; font-family: Arial, Helvetica, Sans-Serif; line-height:12px;
   text-decoration: none;
   vertical-align: middle;
}
#cart_button_proceed a:link { color: #FFFFFF; text-decoration: none; }
#cart_button_proceed a:hover { background: #03A21D; text-decoration: none; }
#cart_button_proceed a:visited { background: #D4D8A5; text-decoration: none; }
#cart_button_proceed a:active { background: #463c3c; text-decoration: none; }

#cart_button_update {
   border: 2px solid #E7A61A;
	background: -moz-linear-gradient(top, #333333 0%, #666666 100%);
	background: -webkit-linear-gradient(top, #333333 0%, #666666 100%);
	background: linear-gradient(to bottom, #333333 0%, #666666 100%);
   padding: 6px 8px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #FFFFFF; font-size: 14px; font-family: Arial, Helvetica, Sans-Serif; line-height:12px;
   text-decoration: none;
   vertical-align: middle;
}
#cart_button_update a:link { color: #FFFFFF; text-decoration: none; }
#cart_button_update a:hover { background: #E7A61A; text-decoration: none; }
#cart_button_update a:visited { background: #D4D8A5; text-decoration: none; }
#cart_button_update a:active { background: #463c3c; text-decoration: none; }

.svg_person { height: 30px;}
.svg_person:hover { filter: invert(20%) sepia(98%) saturate(7262%) hue-rotate(5deg) brightness(98%) contrast(119%);}

.svg_magnifier { height: 22px;}
.svg_magnifier:hover { filter: invert(20%) sepia(98%) saturate(7262%) hue-rotate(5deg) brightness(98%) contrast(119%);}


.thumb { width: 80px; }
.thumb:hover { opacity: 0.4; }
.mega-link { color: #000000; text-decoration: none; font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.03em; font-size: 16px; }
.mega-link a:link { color: #000000; text-decoration: none; font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.03em; font-size: 16px; }
.mega-link a:hover { color: #CCCCCC; }
.mega-link a:visited { color: #000000; }
.mega-link a:active { color: #CCCCCC; }
.navbar .megamenu { padding: 1rem; }
.blue_hex { background-color: #293078; height: 32px; width: 100%; -webkit-box-shadow: 0px 5px 10px -6px rgba(0,0,0,0.7); box-shadow: 0px 5px 10px -6px rgba(0,0,0,0.7);}

.navbar-togglerP { width: 30px; height: 30px; background-color: #303391; color: #FFFFFF; padding: 1px;}  /* dark blue */

.coupon_red {max-width: 360px; border: thick dotted #FFFFFF; background-color: #F21B26;}
.coupon_blue {max-width: 360px; border: thick dotted #FFFFFF; background-color: #1E2A7E;}
.coupon_red img, .coupon_blue img, {max-width: 360px;}

.blue-border-10-pad { padding:8px; border: 1px solid #333333; border-radius: 4px; background: #D2E5FF; }
.prod-link { color: #000000; text-decoration: none; font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.03em; font-size: 16px; line-height: 6px;}
.prod-link a:link { color: #000000; text-decoration: none; font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.03em; font-size: 16px; line-height: 6px;}
.prod-link a:hover { color: #CCCCCC; }
.prod-link a:visited { color: #000000; }
.prod-link a:active { color: #CCCCCC; }

#shop_but { margin-left: 60px; margin-top: -70px;}
.shop_button { max-width: 200px; }

.colorized_even { background: #E6E6E6; }
.colorized_odd { background: #FFFFFF; }

.blue_ital {font-size: 12px; color: #0033CC; font-family: Arial, Tahoma, Geneva, sans-serif; font-style: italic;}
.blue_ital a:link {color: #0033CC;  }
.blue_ital a:hover {color: #FFFFFF; }
.blue_ital a:active {color: #0033CC; }
.blue_ital a:visited {color: #0033CC; }

.red {color: #FF0000; }
.state_dropdown { font-size: 18px; line-height: 32px; margin-top: 4px; font-family: Arial, Helvetica, Sans-Serif;}


