﻿@font-face {
	font-family: 'icomoon';
	src: url('/assets/fonts/icomoon.eot?oba4w1');
	src: url('/assets/fonts/icomoon.eot?oba4w1#iefix') format('embedded-opentype'), url('/assets/fonts/icomoon.ttf?oba4w1') format('truetype'), url('/assets/fonts/icomoon.woff?oba4w1') format('woff'), url('/assets/fonts/icomoon.svg?oba4w1#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* STANDARD STYLES */
html { font-size: 100%; }
body {
	color: #454b4f;
	font-style: normal;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
	line-height: 1.5;
	letter-spacing: 0.01em;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

/*a, th, small { font-weight: 400; }*/

h1 { line-height: 1.2; font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; font-weight: 300 !important; font-stretch: condensed; }
h2, h3, h4, h5, h6 { line-height: 1.2; font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; font-weight: 300 !important; font-stretch: condensed; }

.text-error, .error .help-inline { color: #f00; font-size: 12px; font-style: italic; }
.error .form-control, .error.form-control { border: 1px solid #f00; }

/* INTERIOR STYLES */
#interior-header-bg { height: 181px; background: url('/assets/img/bg/interior-bg-green.jpg') right no-repeat #777; background-size: cover; }
#interior-header-container { height: 181px; position: relative; }
#interior-header-text { position: absolute; bottom: 24px; }
#interior-header-text h1 { margin-bottom: 0; color: #3c494f; font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; font-weight: 700 !important; }
#interior-header-text h3 { color: #3c494f; font-weight: 400 !important; opacity: 0.6; filter:alpha(opacity=60); }
#interior-container { min-height: 312px; padding-bottom: 12px; }

/* BREADCRUMBS */
#breadcrumbs { margin-bottom: 20px; font-size: 13px; }

/* VIDEO PoC */
.video-js { width: 540px !important; height: 304px !important; }
.video-js .vjs-caption-settings, .video-js .vjs-captions, .video-js .vjs-subtitles { color: #f00 !important; font-size: 36px !important; }

/* HEADER STYLES */
#header-fluid {
	background-color: #edeff2;
	border-bottom: 1px solid #dcdcdc;
	-webkit-box-shadow: 0px 1px 8px 0px rgba(224,224,224,1);
	-moz-box-shadow: 0px 1px 8px 0px rgba(224,224,224,1);
	box-shadow: 0px 1px 8px 0px rgba(224,224,224,1);
}

#eyebrow { padding: 6px 30px 6px 15px; background-color: #334655; color: #eee !important; font-size: 13px; font-weight: 400; }
#eyebrow a { color: #ddd; font-size: 13px; text-decoration: none; }
#eyebrow a:hover { color: #fff; border-bottom: 1px dotted #fff; }
#eyebrow .eyebrow-news { padding-left: 22px; }

#header { margin: 5px 0 0 0; padding: 8px 0; }
#header #header-input { width: 100%; }

#header .navbar { padding-right: 0; }
#header .navbar-brand { padding-left: 0; }
#navbar-livechat { margin-top: 24px; margin-left: 16px; }
#navbar-mylist {
	background: url('/assets/img/icons/icon-clipboard.png') top left no-repeat;
	width: 48px;
	height: 48px;
	margin-top: 14px;
	margin-left: 5px;
	padding-left: 1px;
	padding-top: 13px;
	text-align: center;
}
#navbar-mylist h3.popover-title { display: none; }

a#wishlistHeader:link, a#wishlistHeader:visited { color: #647382; }
a#wishlistHeader:hover, a#wishlistHeader:active, a#wishlistHeader:focus { color: #0e7dc7; text-decoration: none; }
a#wishlistHeader:focus { outline: 0; }
#navbar-mylist .popover { z-index: 2610; width: 270px; }

a#wishlistHeader #wlCount, #wlCount-xs {
  font-weight: 700 !important;
  font-size: 18px;
  color: #656d73 !important;
  margin-top: 3px;
}

/* MEGAMENU STYLES */
#main-nav { z-index: 2601; padding: 8px 0 0 0; }
#main-nav.navbar { margin-bottom: 0; border: 0; }
#main-nav ul, #main-nav ul .nav-item { margin-left: 0; }
/*#main-nav .dropdown .nav-link { font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; font-weight: 300; font-size: 15px; color: #334655; text-decoration: none; }*/
#main-nav .dropdown .nav-link {
	/*font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;*/
	font-weight: 700;
	font-size: 16px;
	color: #647382;
	text-decoration: none;
	text-transform: uppercase;
}

#main-nav .dropdown .nav-link span { text-transform: none; }
#main-nav .dropdown.open .nav-link { background-color: #edeff2; color: #647382; text-decoration: none; }
#main-nav .dropdown { padding: 10px 0 5px 0; margin-right: 35px; }
#main-nav .dropdown.open { background-color: #edeff2; border-bottom: 4px solid #0275d8; }

#main-nav .dropdown-menu {
	min-height:250px;
	max-height:380px;
	margin-top: 4px;
	padding: 15px;
	border-radius: 0;
	border: 1px solid #d8dfe3;
	background-color: #ccc;
	background-image: -webkit-linear-gradient(left, #fff 0%, #fff 25%, #334655 25%,#334655 49.6%, #e2e7ea 49.6%, #e2e7ea 74.9%, #fff 74.9%, #fff 100%);
	background-image: linear-gradient(90deg, #fff, #fff 25%, #334655 25%, #334655 49.6%, #e2e7ea 49.6%, #e2e7ea 74.9%, #fff 74.9%, #fff 100%);
	/*z-index: -1;*/
}
#megamenu-more.dropdown-menu {
	background-image: -webkit-linear-gradient(left, #fff 0%, #fff 25%, #334655 25%,#334655 49.6%, #fff 49.6%, #fff 74.9%, #334655 74.9%, #334655 100%) !important;
	background-image: linear-gradient(90deg, #fff, #fff 25%, #334655 25%, #334655 49.6%, #fff 49.6%, #fff 74.9%, #334655 74.9%, #334655 100%) !important;
}

#main-nav .dropdown-menu h4 { color: #fff; font-weight: 500 !important; font-size: 22px; }
#main-nav .dropdown-menu h4.reversed { color: #fff; font-weight: 600 !important; padding: 4px 5px 3px; font-size: 16px; background: #acc0cb; text-transform: uppercase; letter-spacing: 1px }
#main-nav .tabPanelTop { padding-top: 8px; }
#main-nav .dropdown-toggle::after { content: none; }
#main-nav .dropdown-menu .tab-pane { padding-top: 0; height: 330px; /*overflow-y: auto;*/ }
#main-nav .bullets li { margin-bottom: 0; }

/* scroll box styling */
#main-nav .scroll-box { max-height: 105px; width: 250px; display: inline-block; overflow-y: auto; padding-right: 5px; margin-bottom: 10px; }
#main-nav .scroll-box.extraTall { max-height: 205px !important; }

/* link colors */
#main-nav .grey a { color: #656d73 !important; }
#main-nav .darkBlueGrey a { color: #334657 !important; }
#main-nav .blue a { color: #1f72b8 !important; }
#main-nav .white a { color: #fff !important; }

/* bullet colors */
ul.lightblue li { color: #bce1fc; }
ul.darkblue li { color: #334655; }

/* heading colors */
#main-nav .midBlueGrey { color: #87a1ae !important; }

#megamenu-backdrop { margin-top: 184px; }

/* AZURE */
#main-nav li[role="presentation"] {
	margin-bottom: 1px;
	padding: 0 10px;
}

#main-nav li[role="presentation"]:hover,
#main-nav li[role="presentation"].active {
	background-color: #334655;
}

#main-nav li[role="presentation"]:before {
	/* arrow symbol */
	font-family: 'Icomoon';
	font-size: 10px;
	content: "\f04b";
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	color: #e2623b;
}

#main-nav li[role="presentation"]:hover:before,
#main-nav li[role="presentation"].active:before { color: white; }

#main-nav li[role="presentation"].noArrow:before { color: transparent; }
#main-nav li[role="presentation"].noArrow a { font-weight: bold !important; padding-top: 10px; }

#main-nav li[role="presentation"] a {
	display: block;
	padding: 3px 5px;
	font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #334655;
}

#main-nav li[role="presentation"]:hover a,
#main-nav li[role="presentation"].active a {
	font-weight: 400;
	color: #fff;
	text-decoration: none;
}

#main-nav .tab-pane h5 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 16px;
	color: #9ec2dc;
	text-transform: uppercase;
}

#main-nav .tab-pane p { font-size: .825rem; }
#main-nav select[multiple] { height: 125px; }

/* mega menu ad space */
#main-nav .dropdown-menu .endcap { position: relative; }
#main-nav .dropdown-menu .endcap h4 { margin-top: 40px; color: #344756; font-size: 20px; }
#main-nav .dropdown-menu .endcap h5 { margin-top: 10px; color: #87a1b0; font-weight: bold; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; }
#main-nav .dropdown-menu .endcap a { margin-top: 30px; float: right; font-weight: bold; text-decoration: none; }
#main-nav .dropdown-menu .endcap a:hover { color: #1f72b8 !important; border-bottom: 1px dotted #1f72b8; }

/* HAMBURGER MENU STYLES */
#hamburgerDropdown { position: absolute; top: 70px; width: 98%; margin-top: 8px; padding: 20px; background-color: #f6f7f8; z-index: 5; border: 1px solid #fff; }
.navbar-toggler {
	padding: .5rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background: none;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}
.navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; }
.clearfix { clear: both; }

select.guided-search { margin-bottom: 3px; width: 86%; }

.typeList .type, .filterOptions .filter { font-size: .85rem; }
#view-tools a.btn, #share-tools a.btn { margin-right: 8px; margin-bottom: 10px; padding: 3px 6px; color: #555b5a; border: 1px solid #555b5a; }
#view-tools a.btn:hover, #share-tools a.btn:hover { background-color: #555b5a; color: #d9d6c8; }
#share-tools { margin-bottom: 8px; }

/* PRODUCT CARD STYLES */
.product-card { margin-bottom: 20px; }
.product-card h5 { margin-top: 8px; margin-bottom: 8px; font-weight: 700 !important; color: #0597d3; }
.product-card p { margin-bottom: 8px; font-size: .8rem; }
.product-card .model-list-toolbox { font-size: .8rem; color: #ccc; }
.product-card .model-list-toolbox a { color: #70787d; }

/* CLIPPY LIVE CHAT / BOLD CHAT */
#clippy {
	position: fixed;
	top: 75%;
	right: 0;
	z-index: 6667;
}

#clippy-icon {
	float: left;
	padding: 10px 23px 5px 23px;
	background-color: #0e7dc7;
}

a #clippy-icon {
	color: #fff;
	text-decoration: none;
}

#clippy-body {
	float: left;
	padding: 10px 20px;
	border-top: 2px solid #0e7dc7;
	border-bottom: 2px solid #0e7dc7;
	border-left: 2px solid #0e7dc7;
	background-color: #f6f6f6;
	color: #656d73;
}

/* CUSTOM MISC STYLES ETC */
h1.pageTitle, h2.pageSubtitle { margin-top: 0; }

.col-20 { width: 20%; float: left; position: relative; padding-left: 15px; padding-right: 15px; }

.label-new { background-color: #2872c7 !important; vertical-align: 3px; } /* vertical-align adjusts positioning of NEW label */

span.pipe { color: #888; margin: 0; padding: 0 3px; font-size: 13px; } /* vertical pipe spacer */
span.pipe-mc { color: #888; margin: 0; padding: 0 6px 0 3px; font-size: 13px; }

.center-text { text-align: center; }
.nowrap { white-space: nowrap; }
.clickMe, .modalLink { cursor: pointer; }

.underlineLinks a { text-decoration: none; border-bottom: 1px dotted; }
.underlineLinks a:hover,
.underlineLinks a:active { text-decoration: none; border-bottom: 1px solid; }

.outershadow { text-shadow: 2px 2px 8px rgba(0, 0, 0, .8); }
.ucase { text-transform: uppercase !important; }
.capfirst { text-transform: capitalize; }
.text-error { color: #f00 !important; }

.drop-shadow {
	-webkit-box-shadow: 6px 6px 8px 0px rgba(51,51,51,0.4);
	-moz-box-shadow: 6px 6px 8px 0px rgba(51,51,51,0.4);
	box-shadow: 6px 6px 8px 0px rgba(51,51,51,0.4);
}

blockquote { padding: 5px 20px; border-left: 6px solid #0e7dc7; }
blockquote p { font-style: italic; color: #999; }

/* use to force links to the bottom of containing boxes */
.makeRelative { position: relative !important; }
.pinBottom { position: absolute; bottom: 10px; right: 10px; }

.makeRelative .img-responsive { width: 100%; }
.makeRelative .caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 12px;
	color: #fff;
	background: #333;
	background: rgba(0, 0, 0, 0.65);
}

/****************************************************************************/
/* .CARD STYLES											 				  	*/
/****************************************************************************/

.card {
	margin: 10px 0 20px 0;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	border-top-width: 0;
	border-bottom-width: 2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.card .card-heading {
	background-color: #4f87c7;
	padding: 4px 20px 6px 20px;
	margin: 0;
}
.card .card-heading.simple {
	margin: 0;
	padding: 15px 5px 15px 10px;
	line-height: 20px !important;
	color: #fff;
	border-bottom: 1px solid #427ec3;
	position: relative;
}
.card .card-heading.with-icon { padding-left: 60px; }
.card .icon-circle {
	margin: -10px 10px 0 0; background-color: #e8eefa; color: #a9c9ed;
}
.card .icon-square {
	position: absolute;
	top: 0;
	left: 0;
	padding: 14px;
	height: 100%;
	background-color: #0068b3;
	color: #fff;
}

.card .card-heading.image img {
	display: inline-block;
	width: 46px;
	height: 46px;
	margin-right: 15px;
	vertical-align: top;
	border: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.card .card-heading.image .card-heading-header {
	display: inline-block;
	vertical-align: top;
}
.card .card-heading.image .card-heading-header span {
	font-size: 12px;
	color: #999;
}
.card .card-body {
	padding: 0 20px 20px 20px;
	margin-top: 20px;
}
.card .card-body h4 {
	margin-bottom: 0;
	padding-bottom: 3px;
}
.card .card-body p {
	color: #555;
}

.card .card-media {
	padding: 0 20px;
	margin: 0 -14px;
}
.card .card-media img {
	max-width: 100%;
	max-height: 100%;
}
.card .card-actions {
	min-height: 30px;
	padding: 0 20px 20px 20px;
	margin: 20px 0 0 0;
}

/* ICON IN A BOX */
.iconBox {
	display: inline-block;
	text-align: center;
	background: #eee;
	padding-top: 10px;
	margin: 0;
	width: 60px;
	border: 1px solid #ccc;
	border-radius: .25em;
	overflow: hidden;
}
.iconBox>.icon { font-size: 40px !important; margin-bottom: 5px; }
.iconBox>.iconText { display: block; font-size: 14px; }
div.iconLabel { padding: 10px 5px; font-size: 14px; display: inline-block; }

a.iconLink { text-decoration: none; }

.float-left { float: left; }
.float-right { float: right; }

.colorw	{ color: #fff !important; }
.colorb { color: #0e7dc7; !important; }
.coloro { color: #f16c49 !important; }
.colorg { color: #656d73; !important; }

.bgcolorb { background-color: #0e7dc7; color: #fff; }
.bgcoloro { background-color: #e75f41; color: #fff; }
.bgcolorg { background-color: #656d73; color: #fff; }

.arrowgrey { color: #c3c1bf; }
.arrowblue { color: #42658d; }

.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw700 { font-weight: 700 !important; }

.boldHeader {
	padding-bottom: 2px;
	color: #454b4f !important;
	border-bottom: 1px solid #656d73;
	font-weight: 500 !important;
	text-transform: uppercase;
}
.boldHeader a { text-decoration: none; }
.bgBoxHeaderBlue { background-color: #0e7dc7 !important; }

.localRep {
	margin-top: 25px;
	padding: 0;
	height: 95px;
	background-image: url('https://prodzone-tripplite.netdna-ssl.com/assets/img/wtb/localRep.png');
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
}
.localRep h3 { position: absolute; left: 10px; bottom: -5px; color: #fff; font-size: 20px; }

hr { margin: 20px 0; border-color: #d6d6d6; }

hr.mpg { border-color: #ccddf1; /* -webkit-box-shadow: 0px 1px 8px 0px rgba(224,224,224,1); -moz-box-shadow: 0px 1px 8px 0px rgba(224,224,224,1); box-shadow: 0px 1px 8px 0px rgba(224,224,224,1); */ }

ul { list-style-type: none; }
ul, ol { margin-left: 20px; padding-left: 0; }
div.bullets ul, td.bullets ul, ul.bullets, li.bullets { list-style-type: square !important; }
div.bullets ol, td.bullets ol, ol.bullets { list-style-type: decimal !important; }
.bullets li { margin-bottom: 7px; }

.invisible { visibility: hidden; }

/* OVERRIDES FOR BS */
.btn.disabled { opacity: 0.4; filter: alpha(opacity=40); }

.form-horizontal { padding-left: 15px; padding-right: 15px; }
.form-control { color: #656d73; }

.alert, .panel, .input-lg, .modal-content, .popover, .nav-pills > li > a, .btn, .form-control { border-radius: 0; }
.modal { z-index: 3200; }
 .page-header { margin-top: 0; }
.label { padding: 2px 8px 3px; font-size: 70%; font-weight: 400; border-radius: 0; text-transform: uppercase; letter-spacing: 2px; }
.label-warning,
.badge-warning { background-color: #e75f41 !important; border-color: #e75f41 !important; color: #fff !important; }
.label-warning[href],
.badge-warning[href] { background-color: #e75f41 !important; border-color: #e75f41 !important; color: #fff !important; }
.radio, .checkbox { padding-left: 20px; }
tr.warning td { background-color: #e7ecf1 !important; }
.media-object.pull-left.thinBorder { padding-right: 0; margin-right: 10px; }
.well { background-color: #f9f9f9; border: 0; border-radius: 0; box-shadow: none; }

/* FONT SIZES */
.size9 { font-size: 9px !important; line-height: 12px !important; font-weight: 400; }
.size10 { font-size: 10px !important; line-height: 14px !important; font-weight: 400; }
.size11 { font-size: 11px !important; line-height: 16px !important; font-weight: 400; }
.size12 { font-size: 12px !important; line-height: 18px !important; font-weight: 400; }
.size13 { font-size: 13px !important; line-height: 19px !important; }
.size14 { font-size: 14px !important; line-height: 20px !important; }
.size15 { font-size: 15px !important; line-height: 21px !important; }
.size16 { font-size: 16px !important; line-height: 22px !important; }
.size18 { font-size: 18px !important; line-height: 24px !important; }
.size20 { font-size: 20px !important; line-height: 26px !important; }
.size22 { font-size: 22px !important; line-height: 28px !important; }
.size24 { font-size: 24px !important; line-height: 30px !important; }
.size26 { font-size: 26px !important; line-height: 32px !important; }
.size28 { font-size: 28px !important; line-height: 34px !important; }
.size30 { font-size: 30px !important; line-height: 36px !important; }
.size32 { font-size: 32px !important; line-height: 38px !important; }
.size34 { font-size: 34px !important; line-height: 40px !important; }
.size36 { font-size: 36px !important; line-height: 42px !important; }
.size40 { font-size: 40px !important; line-height: 46px !important; }
.size42 { font-size: 42px !important; line-height: 48px !important; }
.size44 { font-size: 44px !important; line-height: 50px !important; }
.size48 { font-size: 48px !important; line-height: 54px !important; }
.size56 { font-size: 56px !important; line-height: 62px !important; }
.size60 { font-size: 60px !important; line-height: 66px !important; }
.size64 { font-size: 64px !important; line-height: 70px !important; }
.size70 { font-size: 70px !important; line-height: 76px !important; }
.size128 { font-size: 128px !important; line-height: 140px !important; }

/* PADDING and MARGIN STYLES */
.padLeft0 { padding-left:0!important }
.padLeft5 { padding-left:5px!important }
.padLeft10 { padding-left:10px!important }
.padLeft15 { padding-left:15px!important }
.padLeft20 { padding-left:20px!important }
.padLeft25 { padding-left:25px!important }
.padLeft30 { padding-left:30px!important }
.padLeft35 { padding-left:35px!important }
.padLeft40 { padding-left:40px!important }
.padLeft45 { padding-left:45px!important }
.padLeft50 { padding-left:50px!important }
.padRight0 { padding-right:0!important }
.padRight5 { padding-right:5px!important }
.padRight10 { padding-right:10px!important }
.padRight15 { padding-right:15px!important }
.padRight20 { padding-right:20px!important }
.padRight25 { padding-right:25px!important }
.padRight30 { padding-right:30px!important }
.padRight35 { padding-right:35px!important }
.padRight40 { padding-right:40px!important }
.padRight45 { padding-right:45px!important }
.padRight50 { padding-right:50px!important }
.padTop0 { padding-top:0!important }
.padTop2 { padding-top:2px!important }
.padTop3 { padding-top:3px!important }
.padTop4 { padding-top:4px!important }
.padTop5 { padding-top:5px!important }
.padTop8 { padding-top:8px!important }
.padTop10 { padding-top:10px!important }
.padTop15 { padding-top:15px!important }
.padTop18 { padding-top:18px!important }
.padTop20 { padding-top:20px!important }
.padTop23 { padding-top:23px!important }
.padTop25 { padding-top:25px!important }
.padTop30 { padding-top:30px!important }
.padTop35 { padding-top:35px!important }
.padTop40 { padding-top:40px!important }
.padTop50 { padding-top:50px!important }
.padBottom0 { padding-bottom:0px!important }
.padBottom5 { padding-bottom:5px!important }
.padBottom10 { padding-bottom:10px!important }
.padBottom15 { padding-bottom:15px!important }
.padBottom20 { padding-bottom:20px!important }
.padBottom25 { padding-bottom:25px!important }
.padBottom30 { padding-bottom:30px!important }
.padBottom35 { padding-bottom:35px!important }
.padBottom40 { padding-bottom:40px!important }
.padBottom50 { padding-bottom:50px!important }
.padBottom75 { padding-bottom:75px!important }
.padBottom100 { padding-bottom:100px!important }
.allPad5 { padding:5px!important }
.allPad10 { padding:10px!important }
.allPad15 { padding:15px!important }
.allPad20 { padding:20px!important }
.allPad25 { padding:25px!important }

.noPad {
	padding: 0!important;
	margin:0!important
}
.noPadTop {
	padding-top:0!important;
	margin-top:0!important
}
.noPadRight {
	padding-right:0!important;
	margin-right:0!important
}
.noPadBottom {
	padding-bottom:0!important;
	margin-bottom:0!important
}
.noPadLeft {
	padding-left:0!important;
	margin-left:0!important
}

.m-Left-50 { margin-left:-50px !important }
.m-Left-40 { margin-left:-40px !important }
.m-Left-35 { margin-left:-35px !important }
.m-Left-30 { margin-left:-30px !important }
.m-Left-25 { margin-left:-25px !important }
.m-Left-20 { margin-left:-20px !important }
.m-Left-15 { margin-left:-15px !important }
.m-Left-10 { margin-left:-10px !important }
.m-Left-5 { margin-left:-5px !important }
.m-Left0 { margin-left:0 !important }
.m-Left5 { margin-left:5px !important }
.m-Left10 { margin-left:10px !important }
.m-Left15 { margin-left:15px !important }
.m-Left20 { margin-left:20px !important }
.m-Left25 { margin-left:25px !important }
.m-Left30 { margin-left:30px !important }
.m-Left35 { margin-left:35px !important }
.m-Left40 { margin-left:40px !important }
.m-Left50 { margin-left:50px !important }

.m-Right-50 { margin-right:-50px !important }
.m-Right-40 { margin-right:-40px !important }
.m-Right-35 { margin-right:-35px !important }
.m-Right-30 { margin-right:-30px !important }
.m-Right-25 { margin-right:-25px !important }
.m-Right-20 { margin-right:-20px !important }
.m-Right-15 { margin-right:-15px !important }
.m-Right-10 { margin-right:-10px !important }
.m-Right-5 { margin-right:-5px !important }
.m-Right0 { margin-right:0 !important }
.m-Right3 { margin-right:3px !important }
.m-Right5 { margin-right:5px !important }
.m-Right10 { margin-right:10px !important }
.m-Right15 { margin-right:15px !important }
.m-Right20 { margin-right:20px !important }
.m-Right25 { margin-right:25px !important }
.m-Right30 { margin-right:30px !important }
.m-Right35 { margin-right:35px !important }
.m-Right40 { margin-right:40px !important }
.m-Right50 { margin-right:50px !important }

.m-Top-50 { margin-top:-50px !important }
.m-Top-40 { margin-top:-40px !important }
.m-Top-35 { margin-top:-35px !important }
.m-Top-30 { margin-top:-30px !important }
.m-Top-25 { margin-top:-25px !important }
.m-Top-20 { margin-top:-20px !important }
.m-Top-15 { margin-top:-15px !important }
.m-Top-10 { margin-top:-10px !important }
.m-Top-5 { margin-top:-5px !important }
.m-Top-1 { margin-top:-1px !important }
.m-Top0 { margin-top:0 !important }
.m-Top5 { margin-top:5px !important }
.m-Top10 { margin-top:10px !important }
.m-Top15 { margin-top:15px !important }
.m-Top20 { margin-top:20px !important }
.m-Top25 { margin-top:25px !important }
.m-Top30 { margin-top:30px !important }
.m-Top35 { margin-top:35px !important }
.m-Top40 { margin-top:40px !important }
.m-Top50 { margin-top:50px !important }

.m-Bottom-50 { margin-bottom:-50px !important }
.m-Bottom-40 { margin-bottom:-40px !important }
.m-Bottom-35 { margin-bottom:-35px !important }
.m-Bottom-30 { margin-bottom:-30px !important }
.m-Bottom-25 { margin-bottom:-25px !important }
.m-Bottom-20 { margin-bottom:-20px !important }
.m-Bottom-15 { margin-bottom:-15px !important }
.m-Bottom-10 { margin-bottom:-10px !important }
.m-Bottom-5 { margin-bottom:-5px !important }
.m-Bottom0 { margin-bottom:0 !important }
.m-Bottom5 { margin-bottom:5px !important }
.m-Bottom10 { margin-bottom:10px !important }
.m-Bottom15 { margin-bottom:15px !important }
.m-Bottom20 { margin-bottom:20px !important }
.m-Bottom25 { margin-bottom:25px !important }
.m-Bottom30 { margin-bottom:30px !important }
.m-Bottom35 { margin-bottom:35px !important }
.m-Bottom40 { margin-bottom:40px !important }
.m-Bottom50 { margin-bottom:50px !important }

.m-All0 { margin:0 !important }
.m-All5 { margin:5px !important }
.m-All10 { margin:10px !important }
.m-All15 { margin:15px !important }
.m-All20 { margin:20px !important }
.m-All25 { margin:25px !important }

.top3 { top: 3px; }
.top5 { top: 5px; }

.tight { line-height: normal; }
.lh1 { line-height: 1; }
.lh12 { line-height: 1.2; }
.lh14 { line-height: 1.4; }
.lh16 { line-height: 1.6; }
.lh18 { line-height: 1.8; }
.lh2 { line-height: 2; }

/* -------------------------------------
	LOADING
------------------------------------- */
.load { position: relative; display: block; height: 30px; margin-bottom: 20px; text-align: left; }
.load .ico-load {
	display: inline-block;
	vertical-align: middle;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #4d5358;
	border-top: 2px solid #4d5358;
	border-radius: 100%;
	height: 30px;
	width: 30px;
	-webkit-animation: spin .6s infinite linear;
	-moz-animation: spin .6s infinite linear;
	-ms-animation: spin .6s infinite linear;
	-o-animation: spin .6s infinite linear;
	animation: spin .6s infinite linear;
}
.load .ico-blue {
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #0e7dc7;
	border-top: 2px solid #0e7dc7;
}
.load .ico-orange {
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #e75f41;
	border-top: 2px solid #e75f41;
}
.load .ico-sm {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	height: 20px;
	width: 20px;
}
.load h4.ico-msg {
	display: inline-block;
	vertical-align: middle;
	padding: 2px 0 0 10px;
	color: #4d5358;
}
.load h4.ico-msg-blue {
	color: #0e7dc7;
}
.load h4.ico-msg-orange {
	color: #e75f41;
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

/* -------------------------------------
	BORDERS
------------------------------------- */
.thinBorder { border:1px solid #ddd !important; }
.blackBorder { border:1px solid #000 !important; }

.thinBorderTop {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #ddd;
}

.thinBorderRight {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #ddd;
}

.thinBorderBottom {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ddd;
}

.thinBorderLeft {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #ddd;
}

.blueBorderLeft {
	padding: 5px 0;
	margin-bottom: 25px;
	background: repeating-linear-gradient(90deg, #0e7dc7, #0e7dc7 5px, #fff 5px, #fff 100%);
}

.br3 {
	border-radius:3px !important;
	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
}
.br5 {
	border-radius:5px !important;
	-moz-border-radius:5px !important;
	-webkit-border-radius:5px !important;
}
.br10 {
	border-radius:10px !important;
	-moz-border-radius:10px !important;
	-webkit-border-radius:10px !important;
}
.br15 {
	border-radius:15px !important;
	-moz-border-radius:15px !important;
	-webkit-border-radius:15px !important;
}

.linkable { cursor: pointer; }

/* -------------------------------------
	BREADCRUMBS
------------------------------------- */
#crumbs ul, #crumbs, #crumbs li {
	list-style-type: none;
	padding: 0;
	margin: 8px 0 0 0;
}

#crumbs li {
	float: left;
	color: #bbb;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .75px;
}

#crumbs li a {
	display: block;
	padding: 0;
	text-decoration: none;
}

#crumbs li a:link, #crumbs li a:visited {	color: #bbb; }

#crumbs li a:hover, #crumbs li a:focus { color: #0e7dc7; text-decoration: underline; }

#crumbs li.divider {
	padding-left: .5em;
	padding-right: .5em;
	color: #bbb;
}

/* styles for crumbs drop down */
#crumbs li.dd { padding: 0; }

#crumbs select {
	font-size: 12px;
	color: #888;
	padding: 0 !important;
	height: auto;
	width: auto;
	line-height: normal;
}

/* -------------------------------------
	TABS
------------------------------------- */
#tabLinks { margin-left: 0; }
#tabs, .tab-pane { padding-top: 20px; }

.panel .img-thumbnail,
.tab-content .thumbnail img { width: auto; }

ul.nav-tabs { margin-left: 0; }
ul.nav-tabs > li { margin-bottom: 0; }
ul.nav-tabs li a { background-color: #fff; border: none; color: #6f8ead; border-radius: 0; font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; font-stretch: condensed; font-weight: 300; font-size: 16px; }
ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover, ul.nav-tabs li.active a:focus { background-color: #6f8ead; border: none; color: #fff; border-radius: 0; }
ul.nav-tabs { border-bottom: 3px solid #6f8ead !important; }

.tab-pane h4 { margin-top: 20px; }
.tab-pane h4:first-child { margin-top: 0; }

/* -------------------------------------
	NEW product 5-star review
------------------------------------- */
.rating-stars { position: relative; display: inline-block; width: 113px; height: 20px; background-color: #ccc; overflow: hidden; margin: 5px 7px 0 13px; }
.rating-stars-grad { background: #e75f41; position: absolute; top: 0px; left: 0px; height: 20px; }
.rating-stars-img { background: url('https://prodzone-tripplite.netdna-ssl.com/assets/img/icons/stars.png') no-repeat center center; width: 113px; height: 20px; position: absolute; top: 0; left: 0; }

.stars69x13 .rating-stars-img { background: url('https://prodzone-tripplite.netdna-ssl.com/assets/img/icons/stars_69x13.png') no-repeat center center; width: 69px; height: 13px; }
.rating-stars.stars69x13 { width: 69px; height: 13px; top: 1px; margin: 0; }
.stars69x13 .rating-stars-grad { height: 13px; }

.thumbnails h4, .thumbnail h4, .series h4 { font-size: 14px; }

/* -------------------------------------
	MODEL SELECT BOX ON CATEGORY PAGE AND ELSEWHERE
------------------------------------- */
.selectBox {
	margin-bottom: 0;
	width: 10px;
	height: 10px;
	background-image: url('https://prodzone-tripplite.netdna-ssl.com/assets/img/core/checkbox-sprite-sm.png');
	background-repeat: no-repeat;
	display: inline-block;
}

.selectBox.selectBox-unchecked { background-position: -5px -5px; }
.selectBox.selectBox-checked { background-position: -25px -5px; }

.compareLink { font-weight: 400; font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; }
.selectModel { margin-left: 15px; }

/* -------------------------------------
	USED IN HOMEPAGE, PRODUCT MODEL, SUPPORT MODEL AND MODELCOMPARE
------------------------------------- */
#model-image-carousel .carousel-control.disabled, .product-carousel .carousel-control.disabled { color: #fff; cursor: default; }
.product-carousel .carousel-control.left,
.product-carousel .carousel-control.right { top: 40px; width: 5%; background-image: none; color: #333; text-shadow: none; color: #999; }
.product-carousel .item { margin-left: 25px; }
.product-carousel .carousel-inner img { display: inline-block !important; }

#model-image-carousel .item img { margin: 0 auto; }
#model-image-carousel .carousel-caption { width: 100%; left: 0; padding: 10px; background-color: #333; opacity: 0.85; filter: alpha(opacity=85); font-size: 14px; border: 1px solid #656d73; border-radius: 6px; }

#model-image-carousel .carousel-control.left,
#model-image-carousel .carousel-control.right { top: 45%; background-image: none; filter: none; font-size: 20px; color: #333; text-shadow: none; }

#model-image-carousel .carousel-control.left { left: -15px; }
#model-image-carousel .carousel-control.right { right: -30px; }

.carousel .thumbnail { width: 110px; float: left; margin-right: 20px; padding: 0; border: 0; }
.carousel .thumbnail img { width: 100px; height: 100px; }
.carousel .thumbnail .caption { padding: 0; }
.carousel .thumbnail .caption strong { font-size: 12px; }

#videos-modal-lg .modal-body, #images-modal-lg .modal-body { max-height: 540px; padding: 0; }

#small-videos-pane { width: 200px; text-align: center; vertical-align: top; padding-left: 15px; }
#small-image-pane { width: 160px; text-align: center; vertical-align: top; padding-top: 10px; }

#large-videos-pane { padding: 0 30px 0 45px; min-width: 690px; position: relative; }
#large-image-pane { padding: 10px 30px; position: relative; }

.image-modal-caption {
	display: none;
	position: absolute;
	bottom: 15px;
	width: 500px;
	padding: 6px;
	font-size: 13px;
	color: #000;
	background-color: #fff;
	opacity: 0.8; filter: alpha(opacity=80);
	border: 1px solid #ddd;
	border-radius: 0;
}

#image-info-pane { padding: 20px 10px 10px 10px; max-width: 200px; vertical-align: top; }

.videosModalLink img.img-responsive { width: 180px; }

/* VIDEO PLAY BUTTON OVERLAY */

.videoWrapper { position: relative; }
.videoWrapper > video { width: 100%; vertical-align: middle; }
.videoWrapper > video.has-media-controls-hidden::-webkit-media-controls { display: none; }
.video-overlay-play-button {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px calc(50% - 50px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.95;
    cursor: pointer;
    background-image: linear-gradient(transparent, #000);
    transition: opacity 150ms;
}
.video-overlay-play-button:hover { opacity: 1; }
.video-overlay-play-button.is-hidden { display: none; }

div.scrollable {
 width: 100%;
 max-height: 500px;
 margin: 0;
 padding: 0 10px 10px 0;
 overflow-y: auto;
}

.model-sidenav { margin-left: 0; }

.model-sidenav li {
	display: block;
	margin: 0 5px 8px 0;
	padding: 1px 0 1px 8px;
	border-left: 5px solid #bbb;
	font-size: 13px;
	text-transform: uppercase;
}

.model-sidenav li h5 { margin: 4px 0; }

.model-sidenav .active {
	border-left: 5px solid #0e7dc7;
	font-weight: 700;
}

.model-sidenav a { color: #656d73; }
.model-sidenav .active a { color: #0e7dc7; }

/* -------------------------------------
	BUTTONS
------------------------------------- */
.btn-action { background-color: #606060 !important; border-color: #464646 !important; color: #fff !important; }
.btn-primary { background-color: #0e7dc7 !important; border-color: #0e7dc7 !important; color: #fff !important; }
.btn-cta { background-color: #a163b8 !important; border-color: #845196 !important; color: #fff !important; }
.btn-highlight { background-color: #e75f41 !important; border-color: #e75f41 !important; color: #fff !important; }

.btn:hover { text-decoration: none; }
.btn-action:hover { background-color: #464646 !important; text-decoration: none; }
.btn-primary:hover { background-color: #0e7dc7 !important; text-decoration: none; }
.btn-cta:hover { background-color: #845196 !important; text-decoration: none; }
.btn-highlight:hover { background-color: #ff7600 !important; text-decoration: none; }

.btn-default.btn-lg,.btn-action.btn-lg,.btn-primary.btn-lg,.btn-cta.btn-lg,.btn-highlight.btn-lg { padding: 11px 19px; font-size: 17.5px; }
.btn-default.btn-sm,.btn-action.btn-sm,.btn-primary.btn-sm,.btn-cta.btn-sm,.btn-highlight.btn-sm { padding: 2px 10px; font-size: 11.9px; }
.btn-default.btn-xs,.btn-action.btn-xs,.btn-primary.btn-xs,.btn-cta.btn-xs,.btn-highlight.btn-xs { padding: 0 6px; font-size: 10.5px !important; line-height: 1.2 !important; }

.btn-lg {
	padding: 11px 19px;
	font-size: 17.5px;
}

/* -------------------------------------
	REVISED BUTTON STYLES (11/19/2014)
------------------------------------- */
.btn {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #656d73;
	background-color: #ddd;
	display: inline-block;
	*display: inline;
	background-image: none;
	*zoom: 1;
	margin-bottom: 0;
	text-decoration: none !important;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	*background-color: #e6e6e6;
}

.btn-blue {
	background-color: #0e7dc7;
	border-color: #0e7dc7;
	color: #fff;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
	background-color: #fff !important;
	color: #0e7dc7 !important;
}

.btn-orange {
	background-color: #e75f41;
	border-color: #e75f41;
	color: #fff !important;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
	background-color: #fff !important;
	color: #e75f41 !important;
}

.btn-grey {
	background-color: #656d73;
	border-color: #656d73;
	color: #fff !important;
}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey.active {
	background-color: #fff !important;
	color: #4d5358 !important;
}

.btn-slate {
	background-color: #8ca5bf;
	border-color: #8ca5bf;
	color: #fff;
}
.btn-slate:hover,
.btn-slate:focus,
.btn-slate:active,
.btn-slate.active {
	background-color: #fff !important;
	color: #8ca5bf !important;
}

.btn-lightgrey {
	background-color: #bcc3c6;
	border-color: #bcc3c6;
	color: #fff;
}
.btn-lightgrey:hover,
.btn-lightgrey:focus,
.btn-lightgrey:active,
.btn-lightgrey.active {
	background-color: #fff !important;
	color: #bcc3c6 !important;
}

.btn-lightblue {
	background-color: #cfdaea;
	border-color: #cfdaea;
	color: #656d73;
}
.btn-lightblue:hover,
.btn-lightblue:focus,
.btn-lightblue:active,
.btn-lightblue.active {
	background-color: #fff !important;
	color: #8ca5bf !important;
}

/* inverse styles */
.btn-orange.invert {
	background-color: #fff;
	color: #e75f41 !important;
}
.btn-orange.invert:hover,
.btn-orange.invert:focus,
.btn-orange.invert:active,
.btn-orange.invert.active {
	background-color: #e75f41 !important;
	color: #fff !important;
}

.btn-blue.invert {
	background-color: #fff;
	color: #0e7dc7 !important;
}
.btn-blue.invert:hover,
.btn-blue.invert:focus,
.btn-blue.invert:active,
.btn-blue.invert.active {
	background-color: #0e7dc7 !important;
	color: #fff !important;
}

.btn-grey.invert {
	background-color: #fff;
	color: #656d73 !important;
}
.btn-grey.invert:hover,
.btn-grey.invert:focus,
.btn-grey.invert:active,
.btn-grey.invert.active {
	background-color: #656d73 !important;
	color: #fff !important;
}

.btn-slate.invert {
	background-color: #fff;
	color: #8ca5bf !important;
}
.btn-slate.invert:hover,
.btn-slate.invert:focus,
.btn-slate.invert:active,
.btn-slate.invert.active {
	background-color: #8ca5bf !important;
	color: #fff !important;
}

.btn-lightgrey.invert {
	background-color: #fff;
	color: #bcc3c6 !important;
}
.btn-lightgrey.invert:hover,
.btn-lightgrey.invert:focus,
.btn-lightgrey.invert:active,
.btn-lightgrey.invert.active {
	background-color: #bcc3c6 !important;
	color: #fff !important;
}

/* ICON BUTTONS */
.btn-iconic {
	padding-top:0;
	padding-bottom:0
}
.btn-icon {
	position:relative;
	background:0 0;
	background:rgba(0,0,0,.15);
	display:inline-block;
	padding:5px 10px;
	left:-10px;
}
.btn-icon:hover,
.btn-icon:focus,
.btn-icon:active,
.btn-icon.active {
	background:rgba(255, 255, 255, 0) !important;
}
.btn-lg .btn-icon {
	padding:8px 14px;
	left:-20px;
}
.btn-sm .btn-icon {
	padding:4px 10px;
	left:-12px;
}
.btn-xs .btn-icon {
	padding:1px 5px;
	left:-7px;
}
.btn-blue.invert .btn-icon {
	border-right: 1px solid #0e7dc7;
	background:rgba(255, 255, 255, 0) !important;
}
.btn-orange.invert .btn-icon {
	border-right: 1px solid #e75f41;
	background:rgba(255, 255, 255, 0) !important;
}
.btn-grey.invert .btn-icon {
	border-right: 1px solid #656d73;
	background:rgba(255, 255, 255, 0) !important;
}
.btn-slate.invert .btn-icon {
	border-right: 1px solid #8ca5bf;
	background:rgba(255, 255, 255, 0) !important;
}

.btn-lightgrey.invert .btn-icon {
	border-right: 1px solid #bcc3c6;
	background:rgba(255, 255, 255, 0) !important;
}

.invert:hover .btn-icon,
.invert:focus .btn-icon,
.invert:active .btn-icon,
.invert.active .btn-icon {
	border-right: none;
	background:rgba(0,0,0,.15);
}

.dropdown-menu > li > a.btn-grey,
.dropdown-menu > li > a.btn-blue,
.dropdown-menu > li > a.btn-hover {
	color: #fff;
}

/* BACK TO TOP */
#backToTop {
	display: none;
	position: fixed;
	bottom: 0px;
	right: 15px;
	height: 60px;
	width: 50px;
	text-align: center;
	background: #eee;
	cursor: pointer;
	padding: 0;
	margin: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: inset 0 0 0 1px #f8f8f8, 0 0 0 1px #ccc;
}

#backToTop a {
	display: block;
	text-align: center;
	font-size: 11px/100%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
	margin: 0;
	padding: 5px 10px;
}

#backToTop a:hover {
	background-color: #0e7dc7;
	color: #fff;
}

#backToTop span {
	display: block;
	padding: 0;
	margin: 0;
}

/* PREFOOTER */
#prefooter {
	padding: 20px 0;
	font-size: 12px;
	background-color: #e6e9ed;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(246,246,246,1) 6px, rgba(249,249,249,1) 6px);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(228,228,228,1)), color-stop(6px, rgba(246,246,246,1)), color-stop(6px, rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(246,246,246,1) 6px, rgba(249,249,249,1) 6px);
	background: -o-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(246,246,246,1) 6px, rgba(249,249,249,1) 6px);
	background: -ms-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(246,246,246,1) 6px, rgba(249,249,249,1) 6px);
	background: linear-gradient(to bottom, rgba(228,228,228,1) 0%, rgba(246,246,246,1) 6px, rgba(249,249,249,1) 6px);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#f9f9f9', GradientType=0 );
}
#prefooter h5 { margin-bottom: 4px; text-transform: uppercase; font-size: 12px; font-weight: 700 !important; }
#prefooter ul { margin-left: 0; }
#prefooter ul li { font-size: 12px !important; line-height: 14px; margin-bottom: 7px; }
#prefooter ul li a { color: #0e7dc7; font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; }

/* FOOTER */
#footer {
	display: block;
	min-height: 271px;
	padding: 20px 28px 10px 28px;
	font-size: 11px;
	line-height: 16px;
	color: #656d73;
	background-color: #d2d8df;
}

#footer h4 { font-size: 14px; font-weight: 700 !important; }
#footer p, #footer div, #footer span { font-size: 12px; font-weight: 400; }
#footer ul.account li a { color: #656d73; }

#footer #copyright { padding-top: 35px; }
#footer #quickMenu { text-align: right; padding-top: 35px; }
#footer #footerAddress { text-align: left; padding-top: 35px; }

#footer .text-info { color: #656d73; }
#footer p.disclaimer { line-height: 13px; padding-top: 6px; border-top: 1px solid #CCC; }
#footer p.disclaimer a { line-height: 13px; font-size: inherit; }

.footerInput { width: 185px; position: relative; }
input.footerInput { width: 175px; z-index: 10; font-size: 12px; margin-bottom: 6px; }
input.footerInput::-webkit-input-placeholder { font-size: 12px; color: #808080; text-transform: lowercase; }
input.footerInput:-moz-placeholder { font-size: 12px; color: #808080; text-transform: lowercase; }
input.footerInput::-moz-placeholder { font-size: 12px; color: #808080; text-transform: lowercase; }
input.footerInput:-ms-input-placeholder { font-size: 12px; color: #808080; text-transform: lowercase; }

input.footerInput:focus::-webkit-input-placeholder { color: #e0e0e0; }
input.footerInput:focus:-moz-placeholder { color: #e0e0e0; }
input.footerInput:focus::-moz-placeholder { color: #e0e0e0; }
input.footerInput:focus:-ms-input-placeholder { color: #e0e0e0; }

/* -------------------------------------
	COLORS
------------------------------------- */
.offgrey { color: #d7d5ca !important; }
.ltgrey { color: #bfbfbf !important; }
.mdgrey { color: #abafb5 !important; }

.colorw	{ color: #fff !important; }
.colorr, .required { color: #f00 !important; }
.coloro { color: #e75f41 !important; }

.blue { color: #0e7dc7 !important; }
.grey { color: #656d73 !important; }
.black { color: #000 !important; }
.espresso { color: #6a3a3a; }

/* BOLD COLORS */
.purple { color: #9658ab !important; }
.darkblue { color: #003366 !important; }
.midblue { color: #0e7dc7 !important; }
.paleblue { color: #ccddf1 !important; }
.green { color: #999933 !important; }
.red { color: #c7254e !important; }

.bgpurple { background-color: #9658ab !important; }
.bgdarkblue { background-color: #3973b1 !important; }
.bgmidblue { background-color: #0e7dc7 !important; color: #fff !important; }
.bgpaleblue { background-color: #ccddf1 !important; }
.bgsteelblue { background-color: #BBC9D8; }
.bggreen { background-color: #993 !important; }
.bgred { background-color: #be5850 !important; }
.bgwhite { background-color: #fff !important; }
.bgbluegrey { background-color: #627386; color: #fff; }
.bgtaupe { background-color: #b7b5ab; color: #fff; }
.lightbg { background-color: #ebebeb; }
.lightbggrey { background-color: #f1f3f3; }

.muted { color: #999; }
a.muted:link, a.muted:visited, a.muted:hover, a.muted:active { color: #39a7f1; }

a.btn.btn-blue:hover .colorw, a.btn.btn-blue:focus .colorw { color: #0e7dc7 !important; }
a.btn.btn-grey:hover .colorw, a.btn.btn-grey:focus .colorw { color: #656d73 !important; }
a.btn.btn-orange:hover .colorw, a.btn.btn-orange:focus .colorw { color: #e75f41 !important; }

/* MUTED (DARK) COLORS */
.mutedblue { color: #1e2d3b !important; }
.mutedgrey { color: #272f27 !important; }
.mutedgreen { color: #404f24 !important; }
.mutedpurple { color: #432c5f !important; }
.mutedtan { color: #695d54 !important; }
.bgmutedblue { background-color: #abbcce !important; }
.bgmutedgrey { background-color: #afb8bf !important; }
.bgmutedgreen { background-color: #bbc7a3 !important; }
.bgmutedpurple { background-color: #c4bad3 !important; }
.bgmutedtan { background-color: #cac2ab !important; }

/* LIGHTER VERSIONS OF MUTED COLORS */
.lightgrey { color: #c2cfcf !important; }
.bglightblue { background-color: #d7e6f5 !important; }
.bglightgrey { background-color: #e3e6e6 !important; }
.bglightgreen { background-color: #dfedc2 !important; }
.bglightpurple { background-color: #e8dcfa !important; }
.bglighttan { background-color: #f0e9d5 !important; }

/* MAIN BUTTON TYPES: ACTION, PRIMARY, CTA, HIGHLIGHT */
.action { color: #333 !important; }
.primary { color: #2872c7 !important; }
.cta { color: #7c3396 !important; }
.highlight { color: #e75f41 !important; }

.bgaction { background-color: #606060 !important; }
.bgprimary { background-color: #0e7dc7 !important; }
.bgcta { background-color: #a163b8 !important; }
.bghighlight { background-color: #e75f41 !important; }

/* OTHER BG COLORS */
.bgtaupe a { color: #fff; text-decoration: underline; }
.bggradtop .col-md-3.innerchild { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.bggradbottom { background: url('https://prodzone-tripplite.netdna-ssl.com/assets/img/bg/bg-grad-bottom.gif') bottom left repeat-x #fff; }

.bggrad {
	background: #e5e7e9; /* ye olde browsers */
	background: -moz-linear-gradient(top, #e5e7e9 0%, #fff 33%, #fff 66%, #e5e7e9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e5e7e9 0%,#fff 33%,#fff 66%,#e5e7e9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e5e7e9 0%,#fff 33%,#fff 66%,#e5e7e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e7e9', endColorstr='#e5e7e9',GradientType=0 ); /* IE6-9 */
}

.bggradtop {
	background: #e5e7e9; /* ye olde browsers */
	background: -moz-linear-gradient(top, #e5e7e9 0%, #fff 33%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e5e7e9 0%,#fff 33%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e5e7e9 0%,#fff 33%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e7e9', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}

.bggraddiag {
	background: rgba(169,185,203,1);
	background: -moz-linear-gradient(-15deg, rgba(169,185,203,1) 0%, rgba(255,255,255,1) 50%, rgba(169,185,203,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(169,185,203,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(169,185,203,1)));
	background: -webkit-linear-gradient(-15deg, rgba(169,185,203,1) 0%, rgba(255,255,255,1) 50%, rgba(169,185,203,1) 100%);
	background: -o-linear-gradient(-15deg, rgba(169,185,203,1) 0%, rgba(255,255,255,1) 50%, rgba(169,185,203,1) 100%);
	background: -ms-linear-gradient(-15deg, rgba(169,185,203,1) 0%, rgba(255,255,255,1) 50%, rgba(169,185,203,1) 100%);
	background: linear-gradient(175deg, rgba(169,185,203,1) 0%, rgba(255,255,255,1) 50%, rgba(169,185,203,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9b9cb', endColorstr='#a9b9cb', GradientType=1 );
}

.bggraddiag2 {
	background: rgba(172,187,190,1);
	background: -moz-linear-gradient(-15deg, rgba(172,187,190,1) 0%, rgba(255,255,255,1) 50%, rgba(172,187,190,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(172,187,190,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(172,187,190,1)));
	background: -webkit-linear-gradient(-15deg, rgba(172,187,190,1) 0%, rgba(255,255,255,1) 50%, rgba(172,187,190,1) 100%);
	background: -o-linear-gradient(-15deg, rgba(172,187,190,1) 0%, rgba(255,255,255,1) 50%, rgba(172,187,190,1) 100%);
	background: -ms-linear-gradient(-15deg, rgba(172,187,190,1) 0%, rgba(255,255,255,1) 50%, rgba(172,187,190,1) 100%);
	background: linear-gradient(175deg, rgba(172,187,190,1) 0%, rgba(255,255,255,1) 50%, rgba(172,187,190,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acbbbe', endColorstr='#acbbbe', GradientType=1 );
}

.bggraddiag3 {
	background: rgba(213,227,230,1);
	background: -moz-linear-gradient(-15deg, rgba(213,227,230,1) 0%, rgba(255,255,255,1) 50%, rgba(213,227,230,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(213,227,230,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(213,227,230,1)));
	background: -webkit-linear-gradient(-15deg, rgba(213,227,230,1) 0%, rgba(255,255,255,1) 50%, rgba(213,227,230,1) 100%);
	background: -o-linear-gradient(-15deg, rgba(213,227,230,1) 0%, rgba(255,255,255,1) 50%, rgba(213,227,230,1) 100%);
	background: -ms-linear-gradient(-15deg, rgba(213,227,230,1) 0%, rgba(255,255,255,1) 50%, rgba(213,227,230,1) 100%);
	background: linear-gradient(175deg, rgba(213,227,230,1) 0%, rgba(255,255,255,1) 50%, rgba(213,227,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acbbbe', endColorstr='#acbbbe', GradientType=1 );
}

/* -------------------------------------
	ALERT BOXES
------------------------------------- */
.alert-action { color: #333; background-color: #e5e5e5; border-color: #d9d9d9; }
.alert-primary { color: #2872c7; background-color: #d7e6f5; border-color: #c8d8e8; }
.alert-cta { color: #7c3396; background-color: #ecd7f3; border-color: #d8c4df; }
.alert-highlight { color: #e75f41; background-color: #f3dcc9; border-color: #f0c8a8; }
.alert-action h4 { color: #333; }
.alert-primary h4 { color: #2872c7; }
.alert-cta h4 { color: #7c3396; background-color: #ecd7f3; border-color: #d8c4df; }
.alert-highlight h4 { color: #e75f41; }
.alert-primary a { font-weight: bold; text-decoration: underline !important; }
.alert-primary small { line-height: 11px !important; }
.alert-special { color: #656d73; background-color: #fff; border-color: #ccc; }
.alert-dismissible .close { top: -10px; }


/* -------------------------------------
	TOOLBOX SPRITES
------------------------------------- */
.tb-icon { display: inline-block; vertical-align: bottom; width: 34px; height: 34px; margin-right: 3px; margin-bottom: 5px; padding-bottom:3px; border: 1px solid #656D73; overflow: hidden; background:url('https://prodzone-tripplite.netdna-ssl.com/assets/img/icons/toolbox-icons.png') no-repeat top left #656D73; }
.tb-icon:hover { background-color: #fff; }
.tb-icon.tb-mail { background-position: 0 -32px; }
.tb-icon.tb-heart { background-position: -32px -32px; }
.tb-icon.tb-scale { background-position: -64px -32px; }
.tb-icon.tb-printer { background-position: -96px -32px; }
.tb-icon.tb-mail:hover { background-position: 0 0; }
.tb-icon.tb-heart:hover { background-position: -32px 0; }
.tb-icon.tb-scale:hover { background-position: -64px 0; }
.tb-icon.tb-printer:hover { background-position: -96px 0; }

/* -------------------------------------
	BUYING TOOLS (MEGAMENU) SPRITES
------------------------------------- */
.bt-icon { display: inline-block; width: 40px; height: 52px; overflow: hidden; background:url('https://prodzone-tripplite.netdna-ssl.com/assets/img/icons/icons-buyingTools.png') no-repeat top left; }
.bt-icon.bt-finder { background-position: 0 0; }
.bt-icon.bt-voip { background-position: -40px 0; }
.bt-icon.bt-rack { background-position: -80px 0; }
.bt-icon.bt-battery { background-position: -120px 0; }
.bt-icon.bt-matrix { background-position: -160px 0; }
.bt-icon.bt-checks { background-position: -200px 0; }
.po-tool a:hover .bt-icon.bt-finder { background-position: 0 -52px; }
.po-tool a:hover .bt-icon.bt-voip { background-position: -40px -52px; }
.po-tool a:hover .bt-icon.bt-rack { background-position: -80px -52px; }
.po-tool a:hover .bt-icon.bt-battery { background-position: -120px -52px; }
.po-tool a:hover .bt-icon.bt-matrix { background-position: -160px -52px; }
.po-tool a:hover .bt-icon.bt-checks { background-position: -200px -52px; }

/* -------------------------------------
	COMMUNICATION ICON (SMALL) SPRITES
------------------------------------- */
.comm-icon { display: inline-block; width: 12px; height: 12px; overflow: hidden; background:url('https://prodzone-tripplite.netdna-ssl.com/assets/img/icons/icon-comm-sm.gif') no-repeat top left; }
.comm-icon.comm-phone { background-position: 0 0; }
.comm-icon.comm-mobile { background-position: -12px 0; }
.comm-icon.comm-fax { background-position: -24px 0; }
.comm-icon.comm-mail { background-position: -36px 0; }

/* -------------------------------------
	SUPERGROUPS PAGE SPRITES
------------------------------------- */
.sg-icon { display: inline-block; width: 60px; height: 60px; overflow: hidden; background:url('https://prodzone-tripplite.netdna-ssl.com/assets/img/icons/icons-superGroup.png') no-repeat top left; }
.sg-icon.sg-type { background-position: 0 0; }
.sg-icon.sg-technology { background-position: -60px 0; }
.sg-icon.sg-search { background-position: -120px 0; }

/* -------------------------------------
	INDUSTRY HOMEPAGES SPRITES
------------------------------------- */
.hp-icon { display: inline-block; width: 68px; height: 80px; overflow: hidden; background:url('https://prodzone-tripplite.netdna-ssl.com/assets/img/icons/icons-homepages.png') no-repeat top left; }
.hp-icon.hp-chat { background-position: 0 0; }
.hp-icon.hp-paper { background-position: -68px 0; }
.hp-icon.hp-press { background-position: -136px 0; }

/* -------------------------------------
	KEY ATTRIBUTE SPRITES
------------------------------------- */
.key-icon { display: inline-block; width: 50px; height: 50px; overflow: hidden; background:url('https://prodzone-tripplite.netdna-ssl.com/assets/img/icons/key-attributes.png') no-repeat top left; background-position: -550px 0; }
.key-icon.key-2055 { background-position: 0 0; } /* amps */
.key-icon.key-2044 { background-position: -50px 0; } /* battery */
.key-icon.key-940 { background-position: -100px 0; } /* cable length imperial */
.key-icon.key-1660 { background-position: -100px 0; } /* cable length imperial */
.key-icon.key-2047 { background-position: -100px 0; } /* cable length imperial */
.key-icon.key-1659 { background-position: -100px 0; } /* cable length metric */
.key-icon.key-2097 { background-position: -100px 0; } /* cable length metric */
.key-icon.key-311 { background-position: -150px 0; } /* color */
.key-icon.key-950 { background-position: -200px 0; } /* communications */
.key-icon.key-compare { background-position: -250px 0; } /* compare */
.key-icon.key-890 { background-position: -300px 0; } /* connector B */
.key-icon.key-889 { background-position: -350px 0; } /* connector A */
.key-icon.key-1616 { background-position: -2050px 0; } /* cooling capacity */
.key-icon.key-2026 { background-position: -400px 0; } /* cooling type */
.key-icon.key-823 { background-position: -450px 0; } /* cord length imperial */
.key-icon.key-824 { background-position: -450px 0; } /* cord length metric */
.key-icon.key-1847 { background-position: -500px 0; } /* display size imperial */
.key-icon.key-2045 { background-position: -500px 0; } /* display size imperial */
.key-icon.key-1848 { background-position: -500px 0; } /* display size metric */
.key-icon.key-2046 { background-position: -500px 0; } /* display size metric */
.key-icon.key-electrical-service { background-position: -550px 0; } /* electrical service; default icon */
.key-icon.key-frequency { background-position: -600px 0; } /* frequency */
.key-icon.key-1964 { background-position: -650px 0; } /* guarantee */
.key-icon.key-guarantee { background-position: -650px 0; } /* guarantee */
.key-icon.key-input-connection { background-position: -700px 0; } /* input connection */
.key-icon.key-1529 { background-position: -750px 0; } /* input plug */
.key-icon.key-1693 { background-position: -750px 0; } /* input plug */
.key-icon.key-983 { background-position: -800px 0; } /* joules */
.key-icon.key-keys { background-position: -850px 0; } /* keys */
.key-icon.key-laser-pointer { background-position: -900px 0; } /* laser pointer */
.key-icon.key-lifespan { background-position: -950px 0; } /* lifespan */
.key-icon.key-load-time { background-position: -1000px 0; } /* load time */
.key-icon.key-material { background-position: -1050px 0; } /* material */
.key-icon.key-motion { background-position: -1100px 0; } /* motion */
.key-icon.key-1849 { background-position: -1150px 0; } /* motion 2 */
.key-icon.key-1424 { background-position: -1200px 0; } /* nominal input */
.key-icon.key-1696 { background-position: -1200px 0; } /* nominal input */
.key-icon.key-870 { background-position: -1250px 0; } /* nominal output */
.key-icon.key-1522 { background-position: -1250px 0; } /* nominal output */
.key-icon.key-orientation { background-position: -1300px 0; } /* orientation */
.key-icon.key-1697 { background-position: -1350px 0; } /* phase */
.key-icon.key-1525 { background-position: -1400px 0; } /* plug type */
.key-icon.key-894 { background-position: -1450px 0; } /* ports */
.key-icon.key-2062 { background-position: -1450px 0; } /* charging ports/amps */
.key-icon.key-1451 { background-position: -1500px 0; } /* rack depth imperial */
.key-icon.key-1452 { background-position: -1500px 0; } /* rack depth metric */
.key-icon.key-1453 { background-position: -1550px 0; } /* rack height */
.key-icon.key-1268 { background-position: -1600px 0; } /* remote access */
.key-icon.key-1188 { background-position: -1650px 0; } /* signal range imperial */
.key-icon.key-1782 { background-position: -1650px 0; } /* signal range metric */
.key-icon.key-849 { background-position: -1700px 0; } /* unit dimensions imperial */
.key-icon.key-848 { background-position: -1700px 0; } /* unit dimensions metric */
.key-icon.key-917 { background-position: -1750px 0; } /* users */
.key-icon.key-880 { background-position: -1800px 0; } /* vdc */
.key-icon.key-1662 { background-position: -1800px 0; } /* vdc */
.key-icon.key-1850 { background-position: -1850px 0; } /* vesa */
.key-icon.key-964 { background-position: -1900px 0; } /* volt amp */
.key-icon.key-1520 { background-position: -1900px 0; } /* volt amp */
.key-icon.key-1045 { background-position: -1950px 0; } /* watt */
.key-icon.key-1668 { background-position: -2000px 0; } /* weight imperial */
.key-icon.key-1858 { background-position: -2000px 0; } /* weight imperial */
.key-icon.key-1859 { background-position: -2000px 0; } /* weight metric */

/* FOOTER SPRITEMAP, ICONS, ETC... */
.f-icon { display: inline-block; width: 26px; height: 26px; overflow: hidden; background:url('/assets/img/icons/footer-sprite.png') no-repeat top left; margin-right: 2px; }
.f-icon.facebook { background-position: 0 0; }
.f-icon.twitter { background-position: -30px 0; }
.f-icon.linkedin { background-position: -60px 0; }
.f-icon.googleplus { background-position: -90px 0; }
.f-icon.youtube { background-position: -120px 0; }
.f-icon.spiceworks { background-position: -150px -0; }
.f-icon.facebook:hover { background-position: 0 -30px; }
.f-icon.twitter:hover { background-position: -30px -30px; }
.f-icon.linkedin:hover { background-position: -60px -30px; }
.f-icon.googleplus:hover { background-position: -90px -30px; }
.f-icon.youtube:hover { background-position: -120px -30px; }
.f-icon.spiceworks:hover { background-position: -150px -30px; }
.f-icon.tripplite { width: 80px; height: 30px; background-position: -180px 0; }
.f-icon.sendIt { position: absolute; top: 7px; right: 16px; z-index: 100; width: 17px; height: 18px; background: url('https://prodzone-tripplite.netdna-ssl.com/assets/img/icons/footer-sprite.png') no-repeat; background-position: -210px -30px; }

button.f-icon { margin: 0; padding: 0; border: 0; }

/* USED IN POPUPS */
#popVideo .modal-body { padding: 0; }
#popModelNumber { min-height: 28px; }
#popCheckPrices { z-index: 5300; }
#popCheckPrices .modal-body { min-height: 250px; }

/* -------------------------------------
	FAQ ACCORDION
------------------------------------- */
.faq-panel.panel-group { margin-bottom: 0; }
.faq-panel.panel-group .panel-heading { border-top: 1px solid #e5e5e5; }
.faq-panel.panel-group .panel-heading, .faq-panel.panel-group .panel-body { padding: 4px 0; }
.faq-panel.panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0; }
.faq-panel .panel { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.faq-panel.panel-group .panel-heading h5 { margin: 5px 0 8px 0; }

.faq-panel.panel-group .panel-heading .accordion-toggle:before {
	/* - symbol for "opening" panels */
	font-family: 'Icomoon';
	content: "\e041";
	float: left;
	margin-right: 5px;
	margin-bottom: 12px;
	color: grey;
}

.faq-panel.panel-group .panel-heading .accordion-toggle.collapsed:before {
	/* + symbol for "collapsed" panels */
	content: "\e040";
}

#faq-accordion1 { margin-top: -5px; }
#faq-accordion1 .panel-heading { border-top: 0; }

.faq-panel .panel-body pre {
	word-break: normal;
	white-space: pre-wrap;
}

/* -------------------------------------
	ADD TO WISHLIST NOTIFICATION
------------------------------------- */
#notification { position: fixed; bottom: 0px; right: 0px; }
#notification .box {
	width: 420px;
	height: 60px;
	background: #fee7d8;
	margin-bottom: 5px;
	font-family: 'Segoe UI','Helvetica Neue','Arial',sans-serif;
	font-size: 16px;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 60px;
	border-left: 5px solid
}
#notification .box-info {
	border-left-color: #e75f41;
	color: #e75f41
}
#notification .box-success {
	border-left-color: #2ecc71;
	color: #2ecc71
}
#notification .box-warning {
	border-left-color: #e67e22;
	color: #e67e22
}
#notification .box-error {
	border-left-color: #e74c3c;
	color: #e74c3c
}

/* -------------------------------------
	MODEL PAGE ADS
------------------------------------- */
#resources .ad, #model-ads .ad { position: relative; width: 215px; height: 135px; padding: 0; margin: -10px 20px 0 0; color: #666; background-color: #E7E7E7; float: right; }
#resources .topBox, #model-ads .topBox { position: absolute; top: 0; left: 0; height: 110px; width: 100%; margin: 0; }
#resources .bottomBox, #model-ads .bottomBox { position: absolute; bottom: 0; left: 0; height: 25px; width: 100%; margin: 0; }
#resources .adImage, #model-ads .adImage { position: absolute; top: 8px; left: 8px; }
#resources .adHeading, #model-ads .adHeading { position: absolute; top: 10px; left: 65px; padding-right: 5px; }
#resources .adHeading h5, #model-ads .adHeading h5 { font-size: 16px; line-height: 18px; color: #666; margin: 1px 0 10px 0; }
#resources .adBody, #model-ads .adBody { position: absolute; top: 70px; left: 8px; }
#resources .adCopy, #model-ads .adCopy { font-size: 13px; line-height: 16px; color: inherit; margin-bottom: 5px;}
#resources .adLink, #model-ads .adLink { font-size: 12px; line-height: 15px; color: inherit; float: right; padding: 5px 10px 0; text-transform: uppercase; text-decoration: none; }
#resources .adLink span, #model-ads .adLink span { color: #fff !important; }

#resources .ad-blue, #model-ads .ad-blue { color: #0b66a3; background-color: #bbdaef; }
#resources .ad-blue .bottomBox, #model-ads .ad-blue .bottomBox { background-color: #0e7dc7; color: #fff; }
#resources .ad-blue h5, #model-ads .ad-blue h5 { color: #0b66a3; }

#resources .ad-orange, #model-ads .ad-orange { color: #8e3a28; background-color: #F6C5BA; }
#resources .ad-orange .bottomBox, #model-ads .ad-orange .bottomBox { background-color: #E75F41; color: #fff; }
#resources .ad-orange h5, #model-ads .ad-orange h5 { color: #8e3a28; }

#resources .ad-green, #model-ads .ad-green { color: #707a42; background-color: #d2daad; }
#resources .ad-green .bottomBox, #model-ads .ad-green .bottomBox { background-color: #ACBB66; color: #fff; }
#resources .ad-green h5, #model-ads .ad-green h5 { color: #707a42; }

/* model page video ads */
#model-collateral .adVideoLink { position: relative; }
#model-collateral .adVideoLink img { border: 1px solid #bbb; margin-right: 5px; margin-bottom: 8px; }
#model-collateral .videoPlayButton {
	width: 36px;
	height: 36px;
	background: url('https://prodzone-tripplite.netdna-ssl.com/assets/img/icons/play-button.png');
	position: absolute;
	top: -9px;
	left: 50px;
	z-index: 100;
}

/* -------------------------------------
	CATEGORY PAGE ADS
------------------------------------- */
#rightSidebar .ad { position: relative; width: 100%; height: 135px; padding: 0; margin: 30px 20px 0 0; color: #666; background-color: #E7E7E7; }
#rightSidebar .topBox { position: absolute; top: 0; left: 0; height: 110px; width: 100%; margin: 0; }
#rightSidebar .bottomBox { position: absolute; bottom: 0; left: 0; height: 25px; width: 100%; margin: 0; }
#rightSidebar .adImage { position: absolute; top: 8px; left: 8px; }
#rightSidebar .adHeading { position: absolute; top: 3px; left: 65px; padding-right: 5px; }
#rightSidebar .adHeading h5 h5 { font-size: 16px; line-height: 16px; color: #666; margin: 1px 0 10px 0; }
#rightSidebar .adBody { position: absolute; top: 70px; left: 8px; }
#rightSidebar .adCopy { font-size: 13px; line-height: 16px; color: inherit; margin-bottom: 5px;}
#rightSidebar .adLink { font-size: 12px; line-height: 15px; color: inherit; float: right; padding: 5px 10px 0; text-transform: uppercase; text-decoration: none; }
#rightSidebar .adLink span { color: #fff !important; }

#rightSidebar .ad-blue { color: #0b66a3; background-color: #bbdaef; }
#rightSidebar .ad-blue .bottomBox { background-color: #0e7dc7; color: #fff; }
#rightSidebar .ad-blue h5 { color: #0b66a3; }

#rightSidebar .ad-orange { color: #8e3a28; background-color: #F6C5BA; }
#rightSidebar .ad-orange .bottomBox { background-color: #E75F41; color: #fff; }
#rightSidebar .ad-orange h5 { color: #8e3a28; }

#rightSidebar .ad-green { color: #707a42; background-color: #d2daad; }
#rightSidebar .ad-green .bottomBox { background-color: #ACBB66; color: #fff; }
#rightSidebar .ad-green h5 { color: #707a42; }

/* model page video ads */
#model-collateral .adVideoLink { position: relative; }
#model-collateral .adVideoLink img { border: 1px solid #bbb; margin-right: 5px; margin-bottom: 8px; }
#model-collateral .videoPlayButton {
	width: 36px;
	height: 36px;
	background: url('https://prodzone-tripplite.netdna-ssl.com/assets/img/icons/play-button.png');
	position: absolute;
	top: -9px;
	left: 50px;
	z-index: 100;
}

/* -------------------------------------
	AFFIX ADS
------------------------------------- */
.affixAd { position: relative; margin-left: 2px; width: 238px; color: #fff; font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; font-stretch: condensed; font-size: 18px; font-weight: 300; }
.affixAd.affixAdSingle { height: 50px; background:url('https://prodzone-tripplite.netdna-ssl.com/assets/img/ads/affix-ad-single-height.png') no-repeat top left; }
.affixAd.affixAdDouble { height: 80px; background:url('https://prodzone-tripplite.netdna-ssl.com/assets/img/ads/affix-ad-double-height.png') no-repeat top left; }

.affixAd.affixAdSingle.affixAdGreen { background-position: 0 0px; }
.affixAd.affixAdSingle.affixAdTan { background-position: 0 -50px; }
.affixAd.affixAdSingle.affixAdBlue { background-position: 0 -100px; }

.affixAd.affixAdDouble.affixAdGreen { background-position: 0 0px; }
.affixAd.affixAdDouble.affixAdTan { background-position: 0 -80px; }
.affixAd.affixAdDouble.affixAdBlue { background-position: 0 -160px; }

.affixAd.affixAdSingle > div { position: absolute; top: 38%; left: 20px; }
.affixAd.affixAdDouble > div { position: absolute; top: 20%; left: 20px; }

/* image ads in model page sidebar */
.affixImageAd { margin-top: 40px; margin-left: 8px; }

/* -------------------------------------
	CHECK PRICES ELEMENTS (11/11/2016)
------------------------------------- */
/*#showPricesContainer {
	display: none;
	width: 100%;
	padding: 12px 15px 0 15px;
	position: absolute;
	top: -27px;
	left: 0;
	background-color: #fff;
	z-index: 101;
}*/

#showPricesContainer .show-prices-box { position: relative; width: 102px; height: 150px; float: left; margin-left: 10px; margin-right: 20px; margin-bottom: 18px; }
#showPricesContainer .show-prices-logo { padding: 12px 8px 8px 8px; }
#showPricesContainer .show-prices-logo img { margin: 0 auto; max-height: 45px; }
#showPricesContainer .show-prices-price { position: absolute; bottom: 65px; font-size: 26px; font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; font-weight: 400 !important; letter-spacing: -1px; width: 100%; text-align: center; }
#showPricesContainer .show-prices-price sup { top: -9px; font-size: 14px; }
#showPricesContainer .resellerCents { font-size: 14px; vertical-align: super; }
#showPricesContainer .show-prices-sku p { position: absolute; bottom: 32px; color: #aaa; font-size: 13px; font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; font-weight: 400 !important; width: 100%; text-align: center; }
#showPricesContainer .show-prices-button { position: absolute; bottom: 0; width: 100%; }
#showPricesContainer .show-prices-button a { width: 100%; padding: 3px 7px; } 

#popCheckPrices div.modal-body { min-height: 300px; max-height: 525px; overflow-x:hidden; overflow-y:scroll; }

/***********************************************************************/
/************************** TWITTER TYPEAHEAD **************************/
/***********************************************************************/
#header-input .tt-query,
#header-input .tt-hint {
	width: 396px;
	height: 30px;
	padding: 8px 12px;
	font-size: 24px;
	line-height: 30px;
	border: 2px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	outline: none;
}
#header-input .tt-query {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#header-input .twitter-typeahead { width: 100% !important }
#header-input .full .twitter-typeahead { width: 94% !important }
#header-input .twitter-typeahead .tt-input { width: 100% !important }
#header-input .twitter-typeahead .tt-hint { visibility: hidden; }
#header-input .tt-dropdown-menu {
	width: 100%;
	margin-top: 12px;
	padding: 8px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
#header-input .tt-suggestion { padding: 3px 20px; font-size: 18px; line-height: 24px; }
#header-input .tt-suggestion:hover { color: #fff; background-color: #0072c6; cursor: pointer }
#header-input .tt-suggestion p { margin: 0; }

#header-input .tt-dropdown-menu {
	max-height: 250px;
	overflow-y: auto;
	z-index: 2700 !important;
	background-color: white;
	margin-top: -1px;
}

.tt-cursor { color: #fff; background-color: #0072c6; }

/* -------------------------------------
	MEDIA QUERIES
------------------------------------- */

@media (max-width: 414px){ /* iPhone 6 Plus viewport width */
	.show-portrait-mobile { display: block; }
	.hidden-portrait-mobile { display: none; }
}

@media (min-width: 415px){ /* iPhone 6 Plus viewport width */
	.show-portrait-mobile { display: none; }
	.hidden-portrait-mobile { display: inherit; }
}

/* EXTRA SMALL */
@media screen and (max-width: 599px){
	body { font-size: .875rem; }
	h1 { font-size: 2.5rem; }
	h2 { font-size: 1.75rem; }
	h3 { font-size: 1.5rem; }
	h4 { font-size: 1.25rem; }
	h5 { font-size: 1rem; }
	h6 { font-size: 11px; }
	p { font-size: .875rem; line-height: 1.5; }

	/* Margin manipulation for mobile */
	.m-Left-50-xs { margin-left:-50px !important }
	.m-Left-40-xs { margin-left:-40px !important }
	.m-Left-35-xs { margin-left:-35px !important }
	.m-Left-30-xs { margin-left:-30px !important }
	.m-Left-25-xs { margin-left:-25px !important }
	.m-Left-20-xs { margin-left:-20px !important }
	.m-Left-15-xs { margin-left:-15px !important }
	.m-Left-10-xs { margin-left:-10px !important }
	.m-Left-5-xs { margin-left:-5px !important }
	.m-Left0-xs { margin-left:0 !important }
	.m-Left5-xs { margin-left:5px !important }
	.m-Left10-xs { margin-left:10px !important }
	.m-Left15-xs { margin-left:15px !important }
	.m-Left20-xs { margin-left:20px !important }
	.m-Left25-xs { margin-left:25px !important }
	.m-Left30-xs { margin-left:30px !important }
	.m-Left35-xs { margin-left:35px !important }
	.m-Left40-xs { margin-left:40px !important }
	.m-Left50-xs { margin-left:50px !important }

	.m-Right-50-xs { margin-right:-50px !important }
	.m-Right-40-xs { margin-right:-40px !important }
	.m-Right-35-xs { margin-right:-35px !important }
	.m-Right-30-xs { margin-right:-30px !important }
	.m-Right-25-xs { margin-right:-25px !important }
	.m-Right-20-xs { margin-right:-20px !important }
	.m-Right-15-xs { margin-right:-15px !important }
	.m-Right-10-xs { margin-right:-10px !important }
	.m-Right-5-xs { margin-right:-5px !important }
	.m-Right0-xs { margin-right:0 !important }
	.m-Right3-xs { margin-right:3px !important }
	.m-Right5-xs { margin-right:5px !important }
	.m-Right10-xs { margin-right:10px !important }
	.m-Right15-xs { margin-right:15px !important }
	.m-Right20-xs { margin-right:20px !important }
	.m-Right25-xs { margin-right:25px !important }
	.m-Right30-xs { margin-right:30px !important }
	.m-Right35-xs { margin-right:35px !important }
	.m-Right40-xs { margin-right:40px !important }
	.m-Right50-xs { margin-right:50px !important }

	.m-Top-50-xs { margin-top:-50px !important }
	.m-Top-40-xs { margin-top:-40px !important }
	.m-Top-35-xs { margin-top:-35px !important }
	.m-Top-30-xs { margin-top:-30px !important }
	.m-Top-25-xs { margin-top:-25px !important }
	.m-Top-20-xs { margin-top:-20px !important }
	.m-Top-15-xs { margin-top:-15px !important }
	.m-Top-10-xs { margin-top:-10px !important }
	.m-Top-5-xs { margin-top:-5px !important }
	.m-Top-1-xs { margin-top:-1px !important }
	.m-Top0-xs { margin-top:0 !important }
	.m-Top5-xs { margin-top:5px !important }
	.m-Top10-xs { margin-top:10px !important }
	.m-Top15-xs { margin-top:15px !important }
	.m-Top20-xs { margin-top:20px !important }
	.m-Top25-xs { margin-top:25px !important }
	.m-Top30-xs { margin-top:30px !important }
	.m-Top35-xs { margin-top:35px !important }
	.m-Top40-xs { margin-top:40px !important }
	.m-Top50-xs { margin-top:50px !important }

	.m-Bottom-50-xs { margin-bottom:-50px !important }
	.m-Bottom-40-xs { margin-bottom:-40px !important }
	.m-Bottom-35-xs { margin-bottom:-35px !important }
	.m-Bottom-30-xs { margin-bottom:-30px !important }
	.m-Bottom-25-xs { margin-bottom:-25px !important }
	.m-Bottom-20-xs { margin-bottom:-20px !important }
	.m-Bottom-15-xs { margin-bottom:-15px !important }
	.m-Bottom-10-xs { margin-bottom:-10px !important }
	.m-Bottom-5-xs { margin-bottom:-5px !important }
	.m-Bottom0-xs { margin-bottom:0 !important }
	.m-Bottom5-xs { margin-bottom:5px !important }
	.m-Bottom10-xs { margin-bottom:10px !important }
	.m-Bottom15-xs { margin-bottom:15px !important }
	.m-Bottom20-xs { margin-bottom:20px !important }
	.m-Bottom25-xs { margin-bottom:25px !important }
	.m-Bottom30-xs { margin-bottom:30px !important }
	.m-Bottom35-xs { margin-bottom:35px !important }
	.m-Bottom40-xs { margin-bottom:40px !important }
	.m-Bottom50-xs { margin-bottom:50px !important }

	.m-All0-xs { margin:0 !important }
	.m-All5-xs { margin:5px !important }
	.m-All10-xs { margin:10px !important }
	.m-All15-xs { margin:15px !important }
	.m-All20-xs { margin:20px !important }
	.m-All25-xs { margin:25px !important }

	.navbar-toggler { border: 1px solid #ccc; }
	#hamburgerDropdown { position: absolute; top: 87px; }
	#hamburgerDropdown li { font-size: .75rem; margin-bottom: 12px; line-height: 14px !important; }
	#header { padding-left: 1px; }
	#navbar-mylist { margin-top: -5px; padding-top: 15px; padding-left: 0; }
	a#wishlistHeader #wlCount, #wlCount-xs { margin-top: 1px; }
	.col-20 { width: 100%; }

	#searchbar-xs { background-color: #fff !important; }
	.twitter-typeahead { width: 94% !important }
	.tt-dropdown-menu { background-color: #666; color: #fff; padding: 10px; }

	#showPricesContainer .show-prices-sku p { margin-bottom: 15px; }
}

/* SMALL */
@media screen and (min-width: 600px) and (max-width: 959px){
	body { font-size: .875rem; }
	h1 { font-size: 2.5rem; }
	h2 { font-size: 1.75rem; }
	h3 { font-size: 1.5rem; }
	h4 { font-size: 1.25rem; }
	h5 { font-size: 1rem; }
	h6 { font-size: 11px; }
	p { font-size: .875rem; line-height: 1.5; }

	/* Margin manipulation for tablets */
	.m-Left-50-sm { margin-left:-50px !important }
	.m-Left-40-sm { margin-left:-40px !important }
	.m-Left-35-sm { margin-left:-35px !important }
	.m-Left-30-sm { margin-left:-30px !important }
	.m-Left-25-sm { margin-left:-25px !important }
	.m-Left-20-sm { margin-left:-20px !important }
	.m-Left-15-sm { margin-left:-15px !important }
	.m-Left-10-sm { margin-left:-10px !important }
	.m-Left-5-sm { margin-left:-5px !important }
	.m-Left0-sm { margin-left:0 !important }
	.m-Left5-sm { margin-left:5px !important }
	.m-Left10-sm { margin-left:10px !important }
	.m-Left15-sm { margin-left:15px !important }
	.m-Left20-sm { margin-left:20px !important }
	.m-Left25-sm { margin-left:25px !important }
	.m-Left30-sm { margin-left:30px !important }
	.m-Left35-sm { margin-left:35px !important }
	.m-Left40-sm { margin-left:40px !important }
	.m-Left50-sm { margin-left:50px !important }

	.m-Right-50-sm { margin-right:-50px !important }
	.m-Right-40-sm { margin-right:-40px !important }
	.m-Right-35-sm { margin-right:-35px !important }
	.m-Right-30-sm { margin-right:-30px !important }
	.m-Right-25-sm { margin-right:-25px !important }
	.m-Right-20-sm { margin-right:-20px !important }
	.m-Right-15-sm { margin-right:-15px !important }
	.m-Right-10-sm { margin-right:-10px !important }
	.m-Right-5-sm { margin-right:-5px !important }
	.m-Right0-sm { margin-right:0 !important }
	.m-Right3-sm { margin-right:3px !important }
	.m-Right5-sm { margin-right:5px !important }
	.m-Right10-sm { margin-right:10px !important }
	.m-Right15-sm { margin-right:15px !important }
	.m-Right20-sm { margin-right:20px !important }
	.m-Right25-sm { margin-right:25px !important }
	.m-Right30-sm { margin-right:30px !important }
	.m-Right35-sm { margin-right:35px !important }
	.m-Right40-sm { margin-right:40px !important }
	.m-Right50-sm { margin-right:50px !important }

	.m-Top-50-sm { margin-top:-50px !important }
	.m-Top-40-sm { margin-top:-40px !important }
	.m-Top-35-sm { margin-top:-35px !important }
	.m-Top-30-sm { margin-top:-30px !important }
	.m-Top-25-sm { margin-top:-25px !important }
	.m-Top-20-sm { margin-top:-20px !important }
	.m-Top-15-sm { margin-top:-15px !important }
	.m-Top-10-sm { margin-top:-10px !important }
	.m-Top-5-sm { margin-top:-5px !important }
	.m-Top-1-sm { margin-top:-1px !important }
	.m-Top0-sm { margin-top:0 !important }
	.m-Top5-sm { margin-top:5px !important }
	.m-Top10-sm { margin-top:10px !important }
	.m-Top15-sm { margin-top:15px !important }
	.m-Top20-sm { margin-top:20px !important }
	.m-Top25-sm { margin-top:25px !important }
	.m-Top30-sm { margin-top:30px !important }
	.m-Top35-sm { margin-top:35px !important }
	.m-Top40-sm { margin-top:40px !important }
	.m-Top50-sm { margin-top:50px !important }

	.m-Bottom-50-sm { margin-bottom:-50px !important }
	.m-Bottom-40-sm { margin-bottom:-40px !important }
	.m-Bottom-35-sm { margin-bottom:-35px !important }
	.m-Bottom-30-sm { margin-bottom:-30px !important }
	.m-Bottom-25-sm { margin-bottom:-25px !important }
	.m-Bottom-20-sm { margin-bottom:-20px !important }
	.m-Bottom-15-sm { margin-bottom:-15px !important }
	.m-Bottom-10-sm { margin-bottom:-10px !important }
	.m-Bottom-5-sm { margin-bottom:-5px !important }
	.m-Bottom0-sm { margin-bottom:0 !important }
	.m-Bottom5-sm { margin-bottom:5px !important }
	.m-Bottom10-sm { margin-bottom:10px !important }
	.m-Bottom15-sm { margin-bottom:15px !important }
	.m-Bottom20-sm { margin-bottom:20px !important }
	.m-Bottom25-sm { margin-bottom:25px !important }
	.m-Bottom30-sm { margin-bottom:30px !important }
	.m-Bottom35-sm { margin-bottom:35px !important }
	.m-Bottom40-sm { margin-bottom:40px !important }
	.m-Bottom50-sm { margin-bottom:50px !important }

	.m-All0-sm { margin:0 !important }
	.m-All5-sm { margin:5px !important }
	.m-All10-sm { margin:10px !important }
	.m-All15-sm { margin:15px !important }
	.m-All20-sm { margin:20px !important }
	.m-All25-sm { margin:25px !important }

	#header #searchbar {
		height: 38px;
		margin-top: 20px;
		padding: 3px 12px !important;
		font-size: 20px !important;
		color: #334655;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+86,0e7dc7+86 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 89%, #0e7dc7 89%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 89%,#0e7dc7 89%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #ffffff 0%,#ffffff 89%,#0e7dc7 89%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0e7dc7',GradientType=1 ); /* IE6-9 */
	}

	#header #searchbar { font-size: 12px !important; font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; }
	#header #searchbar-icon { position: absolute; top: 23px; right: 33px; z-index: 4; }
	#header #searchbar-icon .btn-secondary { padding: 3px 0 0 6px; border: 0; background-color: #0e7dc7; color: #fff; font-weight: 700; }
	#header #searchbar-icon .btn-secondary:hover { background-color: #0e7dc7; color: #fff; }
	#header #searchbar-icon .btn-secondary:focus { outline: 0; }

	#navbar-mylist { padding-top: 15px; padding-left: 1px; }
	a#wishlistHeader #wlCount, #wlCount-xs { margin-top: 1px; }

	#showPricesContainer .show-prices-sku p { margin-bottom: 15px; }
}

/* MEDIUM */
@media screen and (min-width: 960px) and (max-width: 1279px){
	body { font-size: .875rem; }
	h1 { font-size: 2.5rem; }
	h2 { font-size: 1.75rem; }
	h3 { font-size: 1.5rem; }
	h4 { font-size: 1.25rem; }
	h5 { font-size: 1rem; }
	h6 { font-size: 11px; }
	p { font-size: .875rem; line-height: 1.5; margin-bottom: 15px; }
	.lead { font-size: 24px; }

	#navbar-mylist { padding-top: 15px; padding-left: 1px; }
	a#wishlistHeader #wlCount, #wlCount-xs { margin-top: 1px; }

	#searchbar-icon { right: 39px; }
	#main-nav .dropdown { margin-right: 25px; }
	#main-nav .dropdown-menu {
		background-image: -webkit-linear-gradient(left, #fff 0%, #fff 33.3%, #334655 33.3%,#334655 66%, #e2e7ea 66%, #e2e7ea 100%);
		background-image: linear-gradient(90deg, #fff, #fff 33.3%, #334655 33.3%, #334655 66%, #e2e7ea 66%, #e2e7ea 100%);
	}
	#megamenu-more.dropdown-menu {
		max-height: 410px;
		background-image: -webkit-linear-gradient(left, #fff 0%, #fff 25%, #334655 25%,#334655 49.6%, #fff 49.6%, #fff 74.9%, #334655 74.9%, #334655 100%) !important;
		background-image: linear-gradient(90deg, #fff, #fff 25%, #334655 25%, #334655 49.6%, #fff 49.6%, #fff 74.9%, #334655 74.9%, #334655 100%) !important;
	}

	#filters-bg .card-title { font-size: 13px; }
	.typeList .type, .filterOptions .filter { font-size: .75rem; }

	select.guided-search { width: 80%; }

	.product-card h5 { font-size: .85rem; }
	.product-card p { font-size: .75rem; }
	.product-card .model-list-toolbox { font-size: .75rem; }

	/* floating bar text link size */
	.bar-ES h4 { font-size: 16px; }
	.bar-RU h4 { font-size: 16px; }
	.bar-FR h4 { font-size: 16px; }

	.lang-ES #main-nav .dropdown .nav-link { font-size: 14px; }
	.lang-ES #main-nav .dropdown { margin-right: 30px; }
	.lang-RU #main-nav .dropdown .nav-link { font-size: 14px; }
	.lang-RU #main-nav .dropdown { margin-right: 24px; }
	.lang-FR #main-nav .dropdown .nav-link { font-size: 14px; }
	.lang-FR #main-nav .dropdown { margin-right: 23px; }

	.twitter-typeahead { width: 86% !important }

	#header #searchbar {
		height: 38px;
		margin-top: 20px;
		padding: 3px 12px !important;
		font-size: 20px !important;
		color: #334655;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+86,0e7dc7+86 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 95%, #0e7dc7 95%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 95%,#0e7dc7 95%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #ffffff 0%,#ffffff 95%,#0e7dc7 95%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0e7dc7',GradientType=1 ); /* IE6-9 */
	}

	#header #searchbar-icon { position: absolute; top: 23px; right: 29px; z-index: 4; }
	#header #searchbar-icon .btn-secondary { padding: 3px 0 0 6px; border: 0; background-color: #0e7dc7; color: #fff; font-weight: 700; }
	#header #searchbar-icon .btn-secondary:hover { background-color: #0e7dc7; color: #fff; }
	#header #searchbar-icon .btn-secondary:focus { outline: 0; }
}

/* LARGE */
@media screen and (min-width: 1280px){
	body { font-size: 1rem; }
	h1 { font-size: 3rem; }
	h2 { font-size: 2.25rem; }
	h3 { font-size: 1.75rem; }
	h4 { font-size: 1.5rem; }
	h5 { font-size: 1.25rem; }
	h6 { font-size: 12px; }
	p { font-size: 1rem; line-height: 1.5; margin-bottom: 20px; }
	.lead { font-size: 24px; }

	/* floating bar text link size */
	.bar-ES h4 { font-size: 20px; }
	.bar-RU h4 { font-size: 20px; }
	.bar-FR h4 { font-size: 20px; }

	.lang-ES #main-nav .dropdown .nav-link { font-size: 16px; }
	.lang-ES #main-nav .dropdown { margin-right: 27px; }
	.lang-RU #main-nav .dropdown .nav-link { font-size: 16px; }
	.lang-RU #main-nav .dropdown { margin-right: 48px; }
	.lang-FR #main-nav .dropdown .nav-link { font-size: 16px; }
	.lang-FR #main-nav .dropdown { margin-right: 34px; }

	#header #searchbar {
		height: 38px;
		margin-top: 20px;
		padding: 3px 12px !important;
		font-size: 20px !important;
		color: #334655;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+86,0e7dc7+86 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 96%, #0e7dc7 96%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 96%,#0e7dc7 96%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #ffffff 0%,#ffffff 96%,#0e7dc7 96%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0e7dc7',GradientType=1 ); /* IE6-9 */
	}

	#header #searchbar-icon { position: absolute; top: 23px; right: 32px; z-index: 4; }
	#header #searchbar-icon .btn-secondary { padding: 3px 0 0 9px; border: 0; background-color: #0e7dc7; color: #fff; font-weight: 700; }
	#header #searchbar-icon .btn-secondary:hover { background-color: #0e7dc7; color: #fff; }
	#header #searchbar-icon .btn-secondary:focus { outline: 0; }
}