@import url("/themes/channellock/css/normalize.min.css");
@import url("/themes/channellock/css/bootstrap.css");
@import url("/themes/channellock/css/elusive-webfont.css");

/*  CHANNELLOCK.COM 2013
	Website fiercely made in Columbus, Ohio.

	COLORS		Blue	#0096db
				Red		#d31245
				Gray	#f3f3f3
				Black	#323232

	FONTS		"Aachen W01 Medium"
				"Aachen W01 Bold"
				"Brush Script W01 Medium"
				"HelveticaNeueW01-67MdCn 692710"
				"HelveticaNeueW01-57Cn"
				"Trade Gothic W02 Cn 18"
				"TradeGothicW02-BoldCn20 675505"
				"Trade Gothic W01 Bold"
				"Trade Gothic W01 Bold 2"
*/

.mobile {
	display:none;
}

/*=== HTML5 BOILERPLATE ===*/
html, button, input, select, textarea {color: #323232;}
body {font-size: 1em; line-height: 1.4; -webkit-font-smoothing: antialiased;}
::-moz-selection {background: #ff6; color: #333; text-shadow: none;}
::selection {background: #ff6; color: #333; text-shadow: none;}
hr {border: 0; border-top: 1px solid #ccc; display: block; height: 1px; margin: 1em 0; padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}
.chromeframe {background: #ccc; color: #000; margin: 0.2em 0; padding: 0.2em 0;}

/* @group CHANNELLOCK BASE */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* NOTE --> */ outline: none !important;}

@media screen and (min-width:760px) {
	body {
		background:
			url(/Themes/Channellock/Images/body-glow-bg256.png) center 600px no-repeat,
			url(/Themes/Channellock/Images/body-bg.png) center top repeat-x #333;}
	body.ft {
		background:
			url(/Themes/Channellock/Images/ft/bg-hero.png) center 0 no-repeat,
			url(/Themes/Channellock/Images/ft/bg-tile.png) 0 0 repeat #333;
	}
}
.lt-ie9 body {background: url(/Themes/Channellock/Images/body-bg.png) center top repeat-x #333;}
.lt-ie9 body.ft {background: url(/Themes/Channellock/Images/ft/bg-hero.png) center top no-repeat #333;}

h1, h2, h3, h4, h5, h6 {color: #fff; font-family: "Aachen W01 Medium"; font-weight: normal; margin-top: 0; margin-bottom: 0.5em; text-transform: uppercase;}
h2 {font: 1.3125em/1.42857em "TradeGothicW02-BoldCn20 675505"; margin-bottom: 0;}
h3 {font-size: 3.125em; line-height: 1em;}
h4 {font-size: 1.5625em;}
h5 {font-family: "TradeGothicW02-BoldCn20 675505"; font-size: 1.25em; margin-top: 1em;}
p {color: #fff;}
a {color: #0096db;}
a:hover {cursor:pointer;}
h1 sup {font-family: Arial,Helvetica,sans-serif; font-size: 0.3em; margin-left: 2px; top: -1.75em;}

#header, #main, #footer {margin: 0; width: 100%;}
#header .wrapper, #main article, #footer .wrapper {margin: 0 auto; width: 1024px;}
.lt-ie9 #main {display: block; margin: 0; width: 100%;}
input[type="text"], input[type="password"], input[type="search"] {/*-moz-box-sizing: content-box;*/ color: #666; height: 33px; padding: 5px; position: relative; width: 100%;}

.btn {background: #0096db; border: none; color: #fff; display: inline-block; font: 1em/2.1875em "TradeGothicW02-BoldCn20 675505"; min-width: 80px; padding: 0 15px; text-align: center; text-decoration: none; text-transform: uppercase;}
.btn:hover {background: #33abe2;}
.btn:active {background: #0087c5;}
.btn + .btn {margin-left: 10px;}
.btn.red {background: #d31245;}
.btn.red:hover {background: #bd103e;}
.btn.red:active {background: #bd103e;}
.btn.gray {background: #f3f3f3; color: #323232;}
.btn.gray:hover {background: #dadada;}
.btn.gray:active {background: #dadada;}
.btn.yellow {background: #ff6;}
.btn.yellow:hover {background: #ff6;}
.btn.yellow:active {background: #ff6;}
.borderbox {-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.framed {border: 3px solid #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);}
small.disclaimer {color: #666; display: inline-block; font-size: 0.6875em; line-height: 1.27273em; margin-top: 1em; text-align: left;}

/*--- INLINE BUTTONS ---*/
ul.buttons {list-style: none; margin: 0; overflow: auto; padding: 0;}
ul.buttons li {float: left; margin-right: 10px;}

/*--- INPUT PLACEHOLDER ---*/
/*#keywordsearch p label {color: #ccc; font: italic 12px/12px Arial, Helvetica, sans-serif; left: 1px; position: absolute; top: 13px;}*/
::-webkit-input-placeholder {color: #ccc; font: italic 14px/37px Arial, Helvetica, sans-serif;}
:-moz-placeholder {color: #ccc; font: italic 14px/37px Arial, Helvetica, sans-serif;}
::-moz-placeholder {color: #ccc; /*font: italic 14px/37px Arial, Helvetica, sans-serif;*/ font-size: 14px; font-style: italic;}
:-ms-input-placeholder {color: #ccc; font: italic 14px/37px Arial, Helvetica, sans-serif;}

/*--- COLUMNS ---*/
.col {float: left; height: auto; /*overflow: auto;*/ width: 50%;}
.colgroup.tri .col {width: 33%;}
.colgroup.tri .col:nth-child(2) {margin: 0 .5%;}
.colgroup.quad .col {width: 25%;}
.colgroup.quad .col:nth-child(2) {margin: 0 .5%;}

/*--- BACKGROUND SHAPES ---*/
.txtred {color: #d31245 !important;}
.txtbg {background-position: right top; background-repeat: no-repeat; clear: both; display: inline-block; /*float: left;*/ margin-bottom: 8px; padding: 0 45px 0 15px;}
.txtbg.bluef {background-image: url('/Themes/Channellock/Images/txt-bg-blue-forw.png');}
.txtbg.blueb {background-image: url('/Themes/Channellock/Images/txt-bg-blue-back.png'); background-position: right bottom;}
.txtbg.grayf {background-image: url('/Themes/Channellock/Images/txt-bg-gray-forw.png'); color: #323232;}
.txtbg.grayb {background-image: url('/Themes/Channellock/Images/txt-bg-gray-back.png'); background-position: right bottom; color: #323232;}
.txtbg.redf {background-image: url('/Themes/Channellock/Images/txt-bg-red-forw.png'); padding: 5px 30px 5px 15px;}
.txtbg.redb {background-image: url('/Themes/Channellock/Images/txt-bg-red-back.png'); background-position: right bottom; padding: 5px 30px 5px 15px;}

/*--- LINK ARROWS ---*/
.arrow {background: url('/Themes/Channellock/Images/link-arrow-black.png') right center no-repeat; padding-right: 17px;}
.arrow.blue {background-image: url('/Themes/Channellock/Images/link-arrow-blue.png');}
.arrow.black {}

/*--- SOCIAL ICONS 24px ---*/
.social .icn24 {background: url("/Themes/Channellock/Images/social-icns24.png") left top no-repeat; display: inline-block; height: 24px; margin-right: .714286em; width: 24px;}
.social .icn24.fb {background-position: 0 0;}
.social .icn24.fl {background-position: -24px 0;}
.social .icn24.gp {background-position: -48px 0;}
.social .icn24.li {background-position: -72px 0;}
.social .icn24.pi {background-position: -96px 0;}
.social .icn24.tw {background-position: -120px 0;}
.social .icn24.yt {background-position: -144px 0;}
.social .icn24 + div {display: inline-block; line-height: 1.71429em; position: relative; top: -6px;}

/*--- SOCIAL ICONS 16px ---*/
.social .icn16 {background: url("/Themes/Channellock/Images/social-icns16.png") left top no-repeat; display: inline-block; height: 16px; margin-right: .714286em; width: 16px;}
.social .icn20 {background: url("/Themes/Channellock/Images/Email.png") left top no-repeat; display: inline-block; height: 16px; margin-right: .714286em; width: 20px; position:relative; top:1px;}
.social .icn16.fb {background-position: 0 0;}
.social .icn16.fl {background-position: -16px 0;}
.social .icn16.gp {background-position: -32px 0;}
.social .icn16.li {background-position: -48px 0;}
.social .icn16.pi {background-position: -64px 0;}
.social .icn16.tw {background-position: -80px 0;}
.social .icn16.yt {background-position: -96px 0;}
.social .icn16.ig {background: url("/Themes/Channellock/Images/social-insta.png") left top no-repeat;}
.social .icn16 + div,
.social .icn20 + div {display: inline-block; line-height: 1.14286em; position: relative; top: -2px;}

/*--- DEFAULT FORM ---*/
dl.form {overflow: auto; padding: 0;}
.col > dl.form:first-child {margin-top: 0;}
dl.form dt, dl.form dd {margin-bottom: 8px; margin-left: 0; position: relative;}
dl.form dt {font-size: 0.875em; line-height: 2.71429em; clear: both; display: block; float: left; margin-right: 2%; margin-bottom: 8px; width: 30%;}
dl.form dt label {font-size: 1em;}
dl.form dd label {font-size: .875em;}
dl.form dd {float: left; margin-bottom: 8px; margin-left: 0; width: 68%;}
dl.form dd input[type="text"], dl.form input[type="password"], dl.form input[type="email"], dl.form textarea, dl.form dd select {font-size: 1em; margin-top: 2px; padding: 5px; width: 100%;}
dl.form textarea {height: 150px;}
dl.form dd input[type="checkbox"] {float: left; margin-right: 2%;}
dl.form dd input[type="checkbox"] + label {display: block; float: left; width: 90%;}
dl.form dd .Error {background: transparent; color: red !important; padding: 0; position: absolute; right: 10px; text-transform: uppercase; top: 11px;}
dl.form dd .vError {color: #f00 !important; /*display: inline-block !important;*/ font-size: 0.75em; margin-top: 0; padding: 5px 10px; position: relative; text-transform: uppercase; top: -1px; width: 100%;}
dl.form dt .ast {color: #999; font-size: 1.42857em; margin-left: 4px; position: absolute; top: 1px;}
/* @end */

/* Future Tradesmen fancy pants signup form */
.header--ft-signup {position:relative;}
.header--ft-signup p {position:absolute;left:500px;top:25px;margin:0;}
.header--ft-signup p a {text-transform:none;}

.ft-signup p {font-family:"Trade Gothic W02 Cn 18", Arial, Helvetica, sans-serif;}
.ft-signup .col div p {font-family:"Myriad Pro", Arial, Helvetica, sans-serif;font-size:12px !important; padding-left:20px; width:65%;}
.ft-signup dl.form.nomargin {margin:0;}
.ft-signup dl.form dt {text-align:right; width:20%;}
.ft-signup dl.form label {font-family:"TradeGothicW02-BoldCn20 675505", Arial, Helvetica, sans-serif; color:#000; text-align:right; text-transform:uppercase; font-size:15px;}
span.required {color:#F00;}

.ft-signup dl.form dd {width:78%;}
.ft-signup dl.form dd input[type=text],
.ft-signup dl.form dd input[type=password],
.ft-signup dl.form dd select {width:60%;border:1px solid #d9d9d9; border-radius:0;}

.ft-signup dl.form dd input[type=radio] {margin:10px 10px 0 0;}
.ft-signup dl.form dd input[type=radio] + label {font-family:"Trade Gothic W02 Cn 18", Arial, Helvetica, sans-serif;text-transform:none; margin-right:30px;}

.ft-signup dl.form dd input.input--city {width:40%;margin-right:2%;float:left;}
.ft-signup dl.form dd .input--state {width:18%;float:left;}

.ft-signup dl.form dd .input--month {width:35%;margin-right:2%;float:left;}
.ft-signup dl.form dd .input--year {width:23%;float:left;}

.ft-signup dl.form dd .input--question {width:60%;}

.ft-signup dl.form dd .input--month select,
.ft-signup dl.form dd .input--year select,
.ft-signup dl.form dd .input--state select,
.ft-signup dl.form dd .input--question select {width:100%;}

.ft-signup .TextField {
	border:1px solid #D9D9D9;
	height:33px;
	position:relative;
	top:2px;
	background:url(../images/bg--select.png) right 0 no-repeat;
	position:relative;
}

.ft-signup .TextField.disabled {
	background-color:#EEEEEE;
}

.ft-signup .col .TextField p {
	position:absolute;
	top:5px;
	left:5px;
	font-size:15px !important;
	padding:0;
	margin:0;
	width:90%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	color:#666;
	z-index:1;
}

.ft-signup .col .TextField.disabled p {
	display:none;
}

.ft-signup select {
	background:none;
	height:33px;
	opacity:0;
	z-index:2;
	position:relative;
}

.ft-signup fieldset {border-top:1px solid #F3F3F3;}
.ft-signup legend {
	font-family:"Aachen W01 Medium", Arial, Helvetica, Sans-Serif;
	color:#0096db;
	text-transform:uppercase;
	font-size:21px;
	line-height:1em;
}

.ft-signup a.btn {
	background:#d31245;
	float:right;
	margin-right:50%;
}

.ft-signup .col:last-child ul {list-style:outside none;font-family:"Trade Gothic W02 Cn 18", Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:18px;}
.ft-signup .col:last-child ul li:first-child {font-weight:bold;}
.ft-signup .col:last-child ul li:before {content:'+';color:#0096db;padding-right:5px;}

/* @group HEADER */
#header {background: rgb(0, 150, 219); background: rgba(0, 150, 219, .90); -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4); position: fixed; -moz-transition: background-color .25s, -moz-transform .25s; -webkit-transition: background-color .25s, -webkit-transform .25s; -o-transition: background-color .25s, -o-transform .25s; transition: background-color .25s, transform .25s; z-index: 3010;}
.ft #header {background: rgb(51, 51, 51); background: rgba(51, 51, 51, .75); height:117px;}
.ft.home #header {height:152px;}
/*.lt-ie9 #header {background: transparent; filter :progid:DXImageTransform.Microsoft.gradient(startColorstr=#8C0096DB,endColorstr=#8C0096DB); zoom: 1;}*/

#header.trans {background: rgb(0, 150, 219); -moz-transition: background-color .25s, -moz-transform .25s; -webkit-transition: background-color .25s, -webkit-transform .25s; -o-transition: background-color .25s, -o-transform .25s; transition: background-color .25s, transform .25s;}
.ft #header.trans {background: rgb(51, 51, 51);}
#header .wrapper {height: 117px; position: relative;}
#header .logo {float: left; height: 53px; margin: 0; position: relative; top: 35px; width: 227px;}
#header .logo a {position: relative;}
#header .logo a:active {bottom: -2px;}
#header .logo img {height: auto; width: 100%;}
#header .navs {float: right; height: auto; margin-top: 5px; position: relative; width: 770px;}
#header .navs .topnav {height: 43px; position: relative; z-index: 2000;}

.ft #header .logo img {display:none;}
.ft #header .logo {
	background:url(../images/ft/logo.png) 0 0 no-repeat;
	width:252px;
	height:160px;
	top:-10px;
}

/*--- HEAD SEARCH ---*/
#headsearch {background: #fff; float: left; height: 43px; margin-right: 5px; overflow: auto; padding: 0; width: 344px;}
#headsearch label {color: #262626; float: left; font-family: 'TradeGothicW02-BoldCn20 675505'; font-size: 1.125em; line-height: 37px; margin: 3px 14px; text-transform: uppercase; width: auto;}
#headsearch input.search {border: none; color: #666; float: left; font: 16px/37px Arial, Helvetica, sans-serif; height: 37px; /*line-height: 36px;*/ margin: 3px; padding: 0; position: relative; width: 185px;}
#headsearch input.searchSubmit {background: #d31245; border: none; color: #fff; cursor: pointer; font: normal 1em/2.3125em 'TradeGothicW02-BoldCn20 675505'; float: right; height: 37px; margin: 3px; outline: 0 none; overflow: visible; text-shadow: none; text-transform: uppercase; width: 50px;}
#headsearch input.searchSubmit:hover, #headsearch input.searchSubmit:active {background: #bd103e;}

/*--- UTILITY NAV ---*/
#utilitynav {background: rgb(43, 43, 43); background: rgba(43, 43, 43, .85); float: left; height: auto; position: relative; width: 421px; z-index: 2000;}
#utilitynav ul {float: none; list-style: none; margin: 0; /*overflow: auto;*/ padding-left: 0; position: relative; z-index: 2000;}
#utilitynav li {border: none; display: inline; float: left; height: auto; position: relative; text-align: center; width: 29%; z-index: 2000;}

#utilitynav .menu {background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.97); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); left: 0; min-height: 105px; min-width: 215px; padding: 14px; position: absolute; top: 100%; visibility: hidden; z-index: 500;}
#utilitynav li:hover .menu {visibility: visible;}
#utilitynav .menu p {color: #333;}
#utilitynav .menu p:first-child {font-family: "TradeGothicW02-BoldCn20 675505"; font-size: 1.125em; margin: 0 0 14px; text-align: left; text-transform: uppercase;}

#utilitynav a.dir {display: block; font-family: 'TradeGothicW02-BoldCn20 675505'; font-size: 1.125em; height: 43px; line-height: 2.38889em; padding: 0; position: relative; text-transform: uppercase; z-index: 600;}
#utilitynav a.dir, #utilitynav a.dir:visited {color: #fff; text-decoration: none;}
#utilitynav a.dir:hover, #utilitynav a.dir:active, #utilitynav a.dir.selected:link, #utilitynav a.dir.selected:visited {background: #d31245;}
#utilitynav a.dir > span {padding-left: 28px; position: relative;}
#utilitynav a.dir > span:before {background-image: url("/Themes/Channellock/Images/nav/utility-nav.png"); background-position: 0 0; content: ''; height: 21px; left: 0; position: absolute; top: 0; z-index: -1; width: 21px;}

/*--- where ---*/
#utilitynav .where {width: 39%;}
#utilitynav .where a span:before {background-position: 0 0;}
#utilitynav .where a:hover span:before {background-position: 0 21px;}
#utilitynav ul.dropdown .where .menu {display: none;}
#utilitynav .where label {display: none;}
#utilitynav .where input.wheresearch {color: #666; float: left; height: 15px; padding: 5px; position: relative; width: 180px;  /* From normalize.css --> */-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
#utilitynav .where input.wheresearchSubmit {float: right; font-size: 1em; height: 30px; line-height: 31px; min-width: 50px; padding: 0; width: 50px;}

#utilitynav .email {display:none;}

.ft #utilitynav {width:350px;}
.ft #utilitynav .where {display:none;}
.ft #utilitynav .login {display:none;}
.ft #utilitynav .email {display:block;width:52%;}
.ft #utilitynav .cart {width:48%;}

#utilitynav .email a.dir > span { padding-left:34px; }
#utilitynav .email a.dir > span:before {background-image: url("/Themes/Channellock/Images/nav/utility-nav-email.png"); background-position: 0 0; content: ''; height: 21px; left: 0; position: absolute; top: 0; z-index: -1; width: 27px;}
#utilitynav .email a.dir:hover > span:before {background-position: 0 -21px; }

/*--- login ---*/
#utilitynav .login {width: 36%;}
#utilitynav .login a span:before {background-position: 42px 0;}
#utilitynav .login a:hover span:before {background-position: 42px 21px;}
#utilitynav ul.dropdown .login .menu {/*visibility: visible;*/}
#utilitynav .login .menu dl {color: #333; font-size: 0.875em; margin-top: 0; text-align: left;}
#utilitynav .login .menu dt {}
#utilitynav .login .menu dd {margin-bottom: 14px; margin-left: 0;}
#utilitynav .login .menu input[type=text] {margin-left: 0;}
#utilitynav .login .menu input.remember {margin-right: 5px;}
#utilitynav .login .menu .btn {color: #fff; font-size: 16px; height: 25px; line-height: 1.5625em; padding: 0; text-align: center; width: 100%;}
#utilitynav .login .menu .btn a {color: #fff;}
#utilitynav .login .menu a {color: #0096db; font-size: 0.875em;}
#utilitynav .login .createaccount {border-top: 1px solid #c4c4c4; padding-top: 14px;}

/*--- cart ---*/
#utilitynav .cart {width: 25%;}
#utilitynav .cart a span:before {background-position: 21px 0;}
#utilitynav .cart a:hover span:before {background-position: 21px 21px;}
#utilitynav ul.dropdown .cart .menu {left: -110px;}
.lt-ie9 #utilitynav ul.dropdown .cart .menu {left: -139px;}
#utilitynav .cart .menu p span {color: #d31245;}
#utilitynav .cart .menu a {color: #0096db; font-size: 0.875em;}
#utilitynav .cart .menu tr {border-top: 1px solid #c4c4c4;}
#utilitynav .cart .menu td {color: #333; font-size: 0.75em; line-height: 1.16667em; padding: 10px 6px; text-align: left; vertical-align: top;}
#utilitynav .cart .menu tr > td:first-child {font-weight: bold;}
#utilitynav .cart div.colgroup {border-top: 1px solid #c4c4c4; padding-top: 14px;}
#utilitynav .cart div.colgroup .col {width: 48%;}
#utilitynav .cart div.colgroup .col:first-child {margin-right: 4%;}
#utilitynav .cart div a.btn {color: #fff; font-size: 1em; height: 25px; line-height: 1.5625em; padding: 0; width: 100%;}

/*--- MAIN NAV ---*/
#navigation {height: 40px; margin: 18px auto 11px; position: relative; width: 100%; z-index: 1500;}
#nav {font: normal 1.125em/2.22222em "Trade Gothic W02 Cn 18", Arial, Helvetica, sans-serif; height: 30px; position: relative; width: 960px; z-index: 1002;}
#nav > li > a:link, #nav > li > a:visited {color: #fff; text-decoration: none; text-transform: uppercase;}
#nav > li > a:hover, #nav > li > a:active {/*font-family: 'TradeGothicW02-BoldCn20 675505'; position: relative; text-shadow: 0 0 5px #002d42; top: 1px;*/ text-decoration: underline;}
#nav > li > a.dir:hover, #nav > li > a.dir:active {text-decoration: none;}

#nav .menu {-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);}
#nav .menu li {color: #323232; font-family: "Trade Gothic W02 Cn 18";}
#nav .menu li a:hover, #nav .menu li a:active {/* color: #0096db; */ background-color: #EAEAEA;}

ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none; margin: 0; padding: 0;}
ul.dropdown {float: left; position: relative; z-index: 597;}
ul.dropdown li {float: left; line-height: 1.3em; min-height: 1px; vertical-align: middle;}
ul.dropdown li.hover, ul.dropdown li:hover {cursor: default; position: relative; z-index: 599;}
ul.dropdown ul {left: 0; margin-top: 1px; position: absolute; top: 100%; visibility: hidden; width: 100%; width: 170px; z-index: 598;}
ul.dropdown ul li {background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.97); border-left: none; float: none; font-weight: normal;}
ul.dropdown ul li:first-child {padding-top: 7px;}
ul.dropdown ul li:last-child {padding-bottom: 7px;}
ul.dropdown ul ul {left: 99%; top: 1px;}
ul.dropdown li:hover > ul {visibility: visible;}

/* Vertical Left-to-Right Direction CSS Drop-Down Menu Component */
ul.dropdown-vertical {width: 200px;}
ul.dropdown-vertical ul {left: 99%; top: 1px;}
ul.dropdown-vertical li {float: none;}
ul.dropdown-vertical-rtl {float: right;}
ul.dropdown-vertical-rtl ul, ul.dropdown-horizontal > li.dropdown-vertical-rtl ul ul {left: auto !important; right: 99%;}
ul.dropdown-horizontal li.dropdown-vertical-rtl ul {left: auto; right: 0;}
ul.dropdown-vertical-rtl li, li.dropdown-vertical-rtl li {text-align: right;}

/* -- Base drop-down styling -- */
ul.dropdown {/*font-weight: bold;*/}
ul.dropdown li {color: #000; padding: 7px 10px;}
ul.dropdown li.hover, ul.dropdown li:hover, ul.dropdown li.on {/*background-color: #eee; color: #000;*/}
ul.dropdown a:link, ul.dropdown a:visited {/*color: #fff;*/ text-decoration: none;}
ul.dropdown a:hover {/*color: #000;*/}
ul.dropdown a:active {color: #ffa500;}

/* -- Base drop-down styling -- */
ul.dropdown ul a:link, ul.dropdown ul a:visited {color: #000; text-decoration: none;}
ul.dropdown ul a:hover {color: #000;}
/*ul.dropdown ul a:active {color: #d31245;}*/

/* -- Supporting class `dir` -- */
ul.dropdown *.dir {/*background-image: url('/Themes/Channellock/Images/nav/nav-arrow-down.png'); background-position: 91% 50%; background-repeat: no-repeat; padding-right: 20px;*/}
/*ul.dropdown *.dir > a {background-image: url('/Themes/Channellock/Images/nav/nav-arrow-down.png'); background-position: 91% 50%; background-repeat: no-repeat; padding-right: 20px;}*/

/* -- Components override -- */
ul.dropdown-horizontal ul *.dir {background-image: url('/Themes/Channellock/Images/nav/nav-arrow-right.png'); background-position: 100% 50%; background-repeat: no-repeat; padding-right: 15px;}
ul.dropdown-upward *.dir {background-image: url('/Themes/Channellock/Images/nav/nav-arrow-top.png');}
ul.dropdown-vertical *.dir, ul.dropdown-upward ul *.dir {background-image: url('/Themes/Channellock/Images/nav/nav-arrow-right.png');}
ul.dropdown-vertical-rtl *.dir, ul.dropdown-horizontal > li.dropdown-vertical-rtl ul *.dir {background-image: url('/Themes/Channellock/Images/nav/nav-arrow-left.png'); background-position: 2px 50%; padding-right: 10px; padding-left: 15px;}

/* -- Base style extension -- */
ul.dropdown li > a {display: block; padding: 7px 23px; position: relative; z-index: 700;}
ul.dropdown > li > a {text-align: center;}

/* -- Base style override -- */
ul.dropdown li {border: none; border-left: 1px solid rgb(255, 255, 255); border-left: 1px solid rgba(255, 255, 255, 0.25); padding: 0;}
ul.dropdown li:first-child {border-left: none;}
ul.dropdown ul a, ul.dropdown ul span {}

ul.dropdown > li:nth-child(1) {width: 168px;}
ul.dropdown > li:nth-child(2) {width: 114px;}
ul.dropdown > li:nth-child(3) {width: 130px;}
ul.dropdown > li:nth-child(4) {width: 124px;}
ul.dropdown > li:nth-child(5) {width: 124px;}
ul.dropdown > li:nth-child(6) {width: 110px;}
ul.dropdown > li:nth-child(6) .menu {left: -121px; width: 230px;}

/* -- Custom styles -- */
ul.dropdown li.hover, ul.dropdown li:hover {/*background: url('/Themes/Channellock/Images/nav/grad2.png') 0 100% repeat-x; color: #000;*/}
ul.dropdown li a:active {/*background-image: url('/Themes/Channellock/Images/nav/grad1.png'); background-repeat: repeat-x;*/}
ul.dropdown ul {/*background: url('/Themes/Channellock/Images/nav/nav-drop-arrow.png') 15px 5px no-repeat;*/ margin-top: 0; /*padding-top: 18px;*/}

/* -- Mixed -- */
ul.dropdown li a, ul.dropdown *.dir {}

/* -- Drop-down open -- */
#navigation ul.dropdown li.on > *.dir, #navigation ul.dropdown li:hover > *.dir {/*color: #d31245;*/ background: url('/Themes/Channellock/Images/nav/nav-drop-arrow2.png') center 38px no-repeat transparent; margin-top: 0; padding-bottom: 21px;}

#utilitynav ul.dropdown li.on > *.dir, #utilitynav ul.dropdown li:hover > *.dir {background-color: #d31245;}
#utilitynav ul.dropdown li.on.where > *.dir span:before, #utilitynav ul.dropdown li.where:hover > *.dir span:before {background-position: 0 21px;}
#utilitynav ul.dropdown li.on.login > *.dir span:before, #utilitynav ul.dropdown li.login:hover > *.dir span:before {background-position: 42px 21px;}
#utilitynav ul.dropdown li.on.cart > *.dir span:before, #utilitynav ul.dropdown li.cart:hover > *.dir span:before {background-position: 21px 21px;}
#nav .dir {cursor: default;}


/*--- MEGA DROPDOWN ---*/
ul.dropdown .mega > ul {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.97);
	height: auto; left: -254px;
	position: absolute;
	width: 1024px;
}
ul.dropdown .mega ul li {
    background: transparent;
    border: none;
    clear: right;
    float: left;
    padding-top: 0;
    width: 100%;
}
ul.dropdown .mega ul + ul {
    margin-top: 12px
}
ul.dropdown .mega ul li:first-child p {
    margin: 7px 25px;
    padding: 0;
}
ul.dropdown .mega ul p strong {
    font: normal 16px/24px MuseoSans700, Arial, Helvetica, sans-serif
}
ul.dropdown .mega ul ul {
    background: none;
    left: 0;
    padding-top: 0;
    position: relative;
    width: 100%;
}
ul.dropdown .mega:hover ul ul li {
    border: none;
    display: block;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    z-index: 3000;
}
ul.dropdown .mega ul ul li a {
    line-height: 1.44444em;
    margin: 0;
    padding: 2px 25px;
    text-transform: none;
}
ul.dropdown .mega ul ul li p a {
    color: #0096db;
    display: block;
    font: normal 1.11111em/1em "Aachen W01 Medium", Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    padding: 0;
    text-transform: uppercase;
}
ul.dropdown .mega ul li ul li p a:hover,
ul.dropdown .mega ul li ul li p a:active {
    color: #323232;
    background-color:transparent!important;
}
ul.dropdown .mega .menu > li {
    width: 25%;
}
ul.dropdown .mega .menu > li > a:hover {
    background-color: #323232
}
/*--- level 3 ---*/
ul.dropdown .mega ul ul ul li a {
    color: #0096db;
    font-size: 0.888889em;
    line-height: 1em;
}
ul.dropdown .mega ul ul ul li a:hover,
ul.dropdown .mega ul ul ul li a:active {
    color: #323232;
    background: transparent !important;
}

/* 2014 overrides */
.mega .menu { margin-top:-1px;}
.mega .menu ul { top:0 !important;}
.mega .menu > li {
	padding:0 !important;
	margin:20px 0;
}
.mega .menu > li:nth-child(2) {
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}
.mega .menu > li ul:first-child {
	min-height:200px;
}
.mega .logos {
	padding:0 !important;
	margin:0 !important;
	border-left: 1px solid #e1e1e1 !important;
	background-color:#333!important;
}
.mega .logos ul { overflow:hidden;}
.mega .logos li {
	min-width:0;
	text-align: center;
	overflow: hidden;
	color:white !important;
	font: normal 1.11111em/1em "Aachen W01 Medium", Helvetica, Arial, sans-serif !important;
	text-transform: uppercase;
}
.mega .logos li:first-child {
	top:0!important;
	height:142px !important;
	background: #e2e2e2 url(/Themes/Channellock/Images/rescue-tool.png) no-repeat center;
	background-size: contain;
	text-align:center;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:27px;
}
.mega .logos li:first-child a:first-child {
	color:#333333;
	font-size:20px;
	margin:28px 0 32px;
}
.mega .logos li:first-child a:last-child {
	color:white;
	font-size:18px;
	background-color:#0096db;
	border-radius: 5px;
	padding:10px 40px;
}
.mega .logos li:first-child a:last-child:hover {
	background-color:#33abe2!important;
}
.mega .logos li a:hover { background:none!important; }
.mega .logos img { opacity:.8;}
.mega .logos a:hover img { opacity: 1;}
.mega .logos .eseries a {
	border-bottom:1px solid #5d5d5d;
	border-top:1px solid #5d5d5d;
	width:77%;
	margin:0 11.5%;
}
.mega .logos .xlt img {  -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
	height:45px;
	padding:22px 0 10px;
}
.mega .logos .eseries img {  -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height:22px; padding:24px 0 21px; }
.mega .logos .codeblue img {  -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height:28px; padding:16px 0 14px;}
/* @end */

/* @group MAIN */
#main {background: url('/Themes/Channellock/Images/header-bg.png') no-repeat center top transparent;height: auto; overflow-x: hidden; overflow-y: auto; padding-top: 117px; zoom: 1;}
.home #main {position:relative;}
.ft #main {background:none;}
/*#main {background: url("/Themes/Channellock/Images/trades/first-responders-bg.png") no-repeat scroll center top, url('/Themes/Channellock/Images/header-bg.png') no-repeat center top transparent;}*/

article {min-height: 590px;}
article header { position: relative; left:0; width:100%;}
.home article header {height: 680px; /*overflow: auto;*/ position: absolute; top:36px; width:100%;}
@media all and (max-width:1024px) {
	.home article header {}
}
.ft.home article header {height:660px;width:850px; padding-top:175px; text-align:center; left:50%; margin-left:-425px;}
.ft.home article header h1 {
	text-indent:-9999px;
	background:url(/Themes/Channellock/Images/ft/hero-ft.png) 0 0 no-repeat;
	width:798px;
	height:33px;
	overflow:hidden;
	margin:0 auto;
}
.ft.home article header h2 {
	font-size:98px;
	font-family:"Aachen W01 Medium";
}
.ft.home article header h3 {
	font-size:42px;
	line-height:42px;
	background:#CD1241;
	padding:5px;
}
.ft.home article header p {
	font-family:"Trade Gothic W02 Cn 18";
	font-size:26px;
}
.ft.home article header > a {
	font-size:1.5em;
}

.breadcrumb {background-color: transparent; border-radius: 0; left: 0; margin: 0; padding: 0; position: absolute; top: 30px; z-index: 300;}
.breadcrumb > li {color: #fff; display: inline-block; font-size: .75em; text-shadow: none;}
.breadcrumb > .active, .breadcrumb > .active a {color: #fff;}
.breadcrumb > li > .divider {color: #ccc; padding: 0 6px;}
.breadcrumb > li > .divider:after {content:">";}
.breadcrumb a {color: #0096db; text-decoration: none;}
.breadcrumb a strong {font-weight: normal;}

article header p a {color: #0096db; font-family: "TradeGothicW02-BoldCn20 675505"; /*font-size: 1.25em;*/ text-decoration: none; text-transform: uppercase;}

article header .hdrtxt {padding-top: 75px; position: relative; width: 60%; z-index: 200;}
article header .hdrtxt h3 {font-size: 2.8125em;}
article header .hdrtxt > p {clear: both; float: left; margin-top: 0;}
article header .hdrimg {position: absolute; right: 0; top: 20px; width: 500px; z-index: 100;}

.hdrimg figcaption {/*background-color: rgba(255, 0, 254, 0.3);*/ border-bottom: 1px solid #0096db; color: #fff; font: 1.125em/1em "Aachen W01 Medium"; left: 290px; padding-bottom: 10px; position: absolute; text-transform: uppercase; top: 70px; }

article section {height: auto; overflow: auto;}
article section .colgroup .col {}
article section .colgroup .col header {background: url("/Themes/Channellock/Images/subheadline-red-back-bg.png") right top no-repeat transparent; height: 43px; margin-bottom: 5px; overflow: visible;}
article section .colgroup .col li {font-size: .875em;}

article section .colgroup .col header h4 {line-height: 1.72em; margin-bottom: 0; text-align: center;}

article section .colgroup .col section {background: url("/Themes/Channellock/Images/featured-product-bg.png") center 19px no-repeat #fff; padding: 19px 19px 0;}
article section .colgroup .col section > img:first-child {}

article section .colgroup .col h5 {color: #0096db; margin-top: 0;}
article section .uses {}
article section .uses img {}
article section .colgroup .col footer {background: #fff; height: auto; padding: 25px 20px;}
article section .colgroup .col footer .btn {display: block; text-align: center;}

/*--- DEFAULT BUCKETS ---*/
footer.buckets {clear: both; height: auto; overflow-x: hidden; overflow-y: auto; padding-top: 40px;}
.lt-ie9 footer.buckets {overflow: hidden;}
footer.buckets h4 {font-size: 2.25em; line-height: 1em; margin-bottom: 0.35em; text-align: center;}
footer.buckets .colgroup .col {-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
footer.buckets .colgroup .col:nth-child(2) {margin-right: 0;}
footer.buckets small.disclaimer {color: #fff;}
footer.buckets .top {}
footer.buckets .top h4 {background: url('/Themes/Channellock/Images/top-bucket-bg.png') -10px -10px no-repeat transparent; height: 71px; line-height: 64px; margin-bottom: 0;}
footer.buckets .top .grid {background: #fff; min-height: 267px; overflow: auto; padding: 15px;}
footer.buckets .top .gridcell {border-bottom: 1px solid #e0e0e0; color: #323232; display: block; margin-bottom: 15px; min-height: 115px; padding-bottom: 15px; position: relative; width: 100%;}
footer.buckets .top a:last-child .gridcell {border-bottom: none; margin-bottom: 0; min-height: 100px;}
footer.buckets .top .gridprodimg img {float: left; height: auto; position: relative; width: 100px;}
footer.buckets .top .gridprodimg img {display: inline-block; height: 100px; width: 100px; /*width: 100%;*/}
footer.buckets .top .gridprodimg .RatingImage img {height: auto; width: auto;}
footer.buckets .top .gridprodtxt {border-left: 1px solid #e0e0e0; float: left; font-size: 0.875em; height: auto; margin-left: 15px; min-height: 100px; padding-left: 15px; width: 190px;}
footer.buckets .top h5 {color: #323232; font: 1.28571em/1.11111em "Aachen W01 Medium", Arial, Helvetica, Geneva, sans-serif; margin-top: 5px;}
footer.buckets .top a {color: #323232;}
article footer.buckets .help {background: url('/Themes/Channellock/Images/help-bucket-bg.jpg') center top no-repeat #069; height: 339px; overflow: hidden; padding: 16px 40px 0;}
article footer.buckets .help .btn {display: block; font-size: 1.25em; margin-bottom: 8px; padding-top: 7px; padding-bottom: 7px; text-align: center; width: 100%;}
article footer.buckets .help .btn + .btn {margin-left: 0;}
article footer.buckets .help p {font: 1.25em/1.15em "Aachen W01 Medium", Helvetica, Arial, sans-serif; margin: 1em 0 0; text-align: center; text-transform: uppercase;}
article footer.buckets .help p span {display: block;}
article footer.buckets .colgroup.tri .col.blog {background: url('/Themes/Channellock/Images/blog-bucket-bg.png') -5px top no-repeat transparent; left: 1px; min-height: 400px; padding: 35px 35px 50px; position: relative; top: -19px; width: 33.5%;}
article footer.buckets .blog h4 {color: #333;}
article footer.buckets .blog h5 {color: #333; font-size: 1.125em; line-height: 1em; margin: 12px 0 5px; font-family:"Aachen W01 Medium", Arial, Helvetica, Sans-Serif;}
article footer.buckets .blog p {color: #6d6d6d; font-size: .8125em; margin-top: 0; /*white-space: nowrap;*/ display: block; /* <-- Fallback for non-webkit */ display: -webkit-box; max-width: 400px; height: 34px; /* <-- Fallback for non-webkit */ line-height: 1.23077em; margin: 0 auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
article footer.buckets .blog a {color: #0096db; font-family: "TradeGothicW02-BoldCn20 675505"; font-size: .9375em; text-decoration: none; text-transform: uppercase;}
article footer.buckets .blog .framed {background-color: #fff; border-width: 5px; display: block; height: 150px; width: 275px;}

/*--- SOCIAL BUCKETS ---*/
article footer .social-buckets {background-color: #0D1214; background-color: rgba(0, 0, 0, 0.6); margin-bottom: 41px;}
article footer .social-buckets h4 {background: #0096db url(/Themes/Channellock/Images/h4-stripe.gif) repeat-x; border-left: 19px solid #0096db; border-right: 19px solid #0096db; color: #FFF; font-size: 1.25em; -webkit-font-smoothing: antialiased; height: 38px; line-height: 38px; margin: 0; padding: 0;}
article footer .social-buckets h4 span {background-color: #0096db; display: inline-block; padding: 0 16px;}
article footer .social-buckets .colgroup {padding: 16px 19px;}
article footer .social-buckets .colgroup.tri .col, article footer .social-buckets .colgroup.tri .col:nth-child(2) {background: #fff; height: 290px; margin-left: 13px; overflow: hidden; width: 320px;}
article footer .social-buckets .colgroup.tri .col:first-child {margin-left: 0;}
article footer.buckets .twitter {}
article footer.buckets .facebook {}
article footer.buckets .pinterest {}
/* @end */

/* @group FOOTER */
#footer {background: #0096db; overflow: auto; padding-top: 3px;}
.ft #footer {background:#333; padding-top:0;}
#footer .wrapper {min-height: 275px; padding: 25px; overflow: hidden;}
#footer h4 {line-height: 1em;}
#footer h5 {line-height: 1em; margin-top: 0;}

#footer .history {-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45%;}
#footer .history .wrapper {float: right; width: 448px;}
#footer .history .col {width: 40%;}
#footer .history .col:last-child {width: 55%;}
#footer .history h5 {width: 60%;}
#footer .history p {color: #fff; font-size: .6875em;}
#footer .history img {border: 3px solid #fff; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);}

#footer .more {background: #e2e2e2; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 55%;}
#footer .more .wrapper {float: left; width: 570px;}
#footer .more h4 {color: #0096db;}
#footer .more h5 {color: #333;}
#footer .more ul {list-style: none; margin: 0; padding: 0;}
#footer .more li {color: #a2a2a2; font-family: "Trade Gothic W02 Cn 18"; font-size: 1em; text-decoration: none; text-transform: uppercase;}
#footer .more li a {color: #a2a2a2; font-family: "Trade Gothic W02 Cn 18"; font-size: 1em; text-decoration: none; text-transform: uppercase;}

#footer .indicia {clear: both; padding-top: 1em;}
#footer .copylinks {width: auto;}
#footer .copylinks p {color: #171818; font-size: .6875em;}
#footer .copylinks p sup {top: 0; font-size: 100%;}
#footer .copylinks .divider {margin: 0;}
#footer .copylinks .divider + .divider {margin-right:1em;}
#footer .copylinks img {margin-top: -3px;}
#footer .copylinks a {color: #0096db; text-decoration: none;}
#footer .social {margin-bottom: 20px; width: auto;}
#footer .social span {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
#footer .social img {vertical-align: baseline;}
#footer .social .st_fblike_button span {margin-left: 0 !important; padding-left: 0 !important;}
#footer .social .st_pinterestfollow_button {position: relative; top: -1px;}
#footer .social .st_pinterestfollow_button img {height: 20px; width: auto;}

/* @end */

/*=== TEMPLATES ===*/

/* @group HOME */
#home {background: url(/Themes/Channellock/Images/body-glow-bg256.png) center 150px no-repeat; margin-top: 35px !important; padding-top:580px;}
.ft #home {background:none;padding-top:540px;}
#home.drc { padding-top:0; }

/*--- HOME HEADER ---*/
#header .topbar {background-color: #323232; color: #7a7a7a; height: 35px; margin: 0; overflow: hidden; position: relative; width: 100%;}
#header .topbar .wrapper {/*background: url('/Themes/Channellock/Images/meadville-hdr-bg.png') no-repeat left top transparent;*/ height: 35px; left: -20px;}
#header .social {float: right; width: auto;}
#header .social ul {list-style: none ; margin: 0; overflow: auto; padding: 0; position: relative; top: 1px;}
#header .social li {float: left; font: 0.875em/2.5em "Trade Gothic W02 Cn 18", Arial, Helvetica, sans-serif; margin-left: 1.5em; opacity: 0.5; text-transform: uppercase;}
#header .social li:hover {opacity: 1;}
#header .social a {color: #fff; text-transform: uppercase;}
#home .breadcrumb {display: none;}

/*--- CAROUSEL ---*/
#home .carousel {height: 680px; width:100%; margin-bottom:0;}
#home .carousel-inner {height: 680px;width:100%; overflow: visible;}
.carousel .item a {text-decoration: none;}
.carousel .arrow.blue {font-family: "TradeGothicW02-BoldCn20 675505"; text-transform: uppercase;}
#home .carousel .bg {height: auto; width: 760px; display:block; margin:0 auto;}
#home header .hdrimg {right: -50px; width: auto; z-index: 300;}
#home header .hdrimg figcaption {border: none; left: 435px; padding-bottom: 0; top: 230px;}

.carousel-control {display: none;}
.carousel-control {background: transparent; border: none; border-radius: 0; font-size: 60px; height: auto; left: -74px; line-height: 1em; margin-top: -30px; text-decoration: none; top: 41.5%; width: auto; z-index: 600;}
.carousel-control.right {left: auto; right: -71px;}
.carousel-control:focus {opacity: 0.5;}
#home .carousel-indicators {bottom: 0; left: 50%; margin: 0 0 0 -29px; padding: 0; right: auto; top: auto;}
#home .carousel-indicators li {margin: 5px;}
#home .carousel-indicators li:hover, #home .carousel-indicators li:active {cursor: pointer; color: #0096db;}

@media screen and (min-width:760px) {
	.carousel #slide-nationdays {background:url(/Themes/Channellock/Images/home/bg-nationdays.png) center 0 no-repeat;}
}

.lt-ie9 .carousel #slide-nationdays {background:url(/Themes/Channellock/Images/home/bg-nationdays.png) center 0 no-repeat;}

/* Future Tradesmen home page confirmation modal */
.ft .modal {
	padding:5px;
	background:#cd1041;
}

.ft .modal .modal-dialog {
	background:url(/Themes/Channellock/Images/ft/bg-tile.png) 0 0 repeat;
	padding:10px;
}
.ft .modal .modal-body {
	padding:0;
	max-height:none;
}
.modal.gate .close {
	display:none;
}
.ft .modal h1 {
	background:url(/Themes/Channellock/Images/ft/logo.png) center 0 no-repeat;
	padding-top:170px;
	margin-bottom:.5em;
	text-align:center;
}
.ft .modal p {
	font-family:"Trade Gothic W02 Cn 18";
	font-size:24px;
	line-height:30px;
	color:#FFF;
	text-align:center;
	padding:0 50px;
	margin:20px 0 1em 0;
}
.ft .modal .modal-body div {
	text-align:left;
	margin:0 30px 10px 30px;
}

/* Email signup modal */
.modal-body {
	max-height:510px;
	overflow-y:auto;
}
.modal.email-signup
 {
	padding:5px;
	background:#0096db;
}
.ft .modal.email-signup {
	background:#cd1041;
}

.modal .modal-dialog {
	background:#000 url(../images/bg-popup.jpg) center center no-repeat;
	background-size:100% 100%;
	color:#FFF;
	position:relative;
}

.modal.email-signup .modal-dialog button {
	color:#FFF;
}

.modal .modal-dialog img.img-cl {
	position:absolute;
	top:-35px;
	left:50%;
	margin-left:-114px;
}
.ft .modal .modal-dialog img.img-ft {
	position:absolute;
	width:200px;
	top:-75px;
	left:50%;
	margin-left:-100px;
}
.modal .modal-body {
	overflow:visible;
	padding-top:35px;
}
.ft .modal .modal-body {
	padding-top:45px;
}

.ft .modal p {
	padding:0;
	text-align:left;
}

.ft .modal-body p.line1 {padding:0;font-family:"Aachen W01 Bold", Arial, Helvetica, Sans-Serif;text-transform:uppercase;font-size:56px;line-height:1em;margin:0;}
.ft .modal-body p.line2 {font-family:"Aachen W01 Bold", Arial, Helvetica, Sans-Serif;text-transform:uppercase;font-size:24px;line-height:1em;background:#cd1041; padding:5px; margin:0 0 20px 0;}

.modal .modal-body .table {
	display:table;
	width:100%;
	margin:0 !important;
}
.modal .modal-body .table div {
	display:table-cell;
	vertical-align:middle;
	width:50%;
	padding:5px 10px 5px 30px;
}
.modal .modal-body .table div:first-child {
	border-right:1px solid #999999;
	padding:5px 30px 5px 10px;
}
.modal .modal-body > p {
	text-align:center;
}
.modal .modal-body > p:last-child {
	font-size:13px;
}

.modal label,
.modal ul {
	font-family:"Trade Gothic W02 Cn 18", Arial, Helvetica, Sans-Serif;
	text-transform:uppercase;
}

.modal .modal-body .table p {
	color:#0096db;
	font-family:"Aachen W01 Bold", Arial, Helvetica, Sans-Serif;
	text-transform:uppercase;
	font-size:26px;
	margin-bottom:0;
	margin-top:0;
}
.ft .modal .modal-body .table p {
	color:#FFFFFF;
	font-size:20px;
	line-height:1em;
	margin-bottom:10px;
	margin-top:0;
}

.modal ul {
	list-style:outside none;
	margin:0;
	padding:0;
	font-size:15px;
}

.ft .modal ul li:first-child {
	font-weight:bold;
}

.modal ul li:before {
	content:'+';
	color:#0096db;
	padding-right:5px;
}
.ft .modal ul li:before {
	color:#cd1041;
}

.modal label {
	font-size:15px;
	display:block;
	margin-bottom:3px;
}

.modal label span {
	color:#0096db;
}

.modal input {
	margin-bottom:6px;
}

.modal a.btn {
	padding:0 25px;
}
.ft .modal a.btn {
	background:#cd1041;
}

.modal .modal-body .thanks {
	text-align:center;
	padding:0 50px;
}

.modal .modal-body .thanks p {
	font-family:"Trade Gothic W02 Cn 18", Arial, Helvetica, Sans-Serif;
	text-align:center;
	margin-bottom:20px;
	padding:0 50px;
	font-size:16px;
	line-height:1.5em;
	padding:0;
}

.modal .modal-body .thanks p.headline {
	font-family:"Aachen W01 Medium", Arial, Helvetica, Sans-Serif;
	text-transform:uppercase;
	font-size:26px;
	line-height:26px;
	padding:0;
}

.modal #errorText {
	color:#cd1041;
	display:block;
	font-size:12px;
	line-height:1.8em;
}

/*--- carousel fade ---*/
.carousel .item {-webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; padding-top:117px;height:715px;width:100%;background-position:center 0;background-repeat:no-repeat;}
.carousel .active.left, .carousel .active.right {left: 0; opacity: 0; z-index: 2;}
.carousel .next {left: 0; opacity: 1; z-index: 1; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}
@media screen and (min-width:1600px) {
	.carousel .item {height:750px;background-size:cover;}
}
@media screen and (min-width:1640px) {
	#home {padding-top:650px;}
	.carousel .item {height:850px;}
}
@media screen and (min-width:1850px) {
	.carousel .item {height:900px;}
}
/*--- FEATURED ---*/
#featured {height: 400px; margin-bottom: 20px; overflow: hidden; width: 100%;}
#featured h4 {background: url('/Themes/Channellock/Images/featured-txt-bg.png') center center no-repeat transparent; font-size: 2.625em; line-height: 1em; text-align: center;}
#featured .colgroup {/*overflow: auto;*/}
#featured .colgroup a {color: #fff; font: 1.125em/1em "TradeGothicW02-BoldCn20 675505"; text-transform: uppercase;}

#featured .col {height: 320px; position: relative; width: 15%;}
#featured .col.original {/*background: rgba(0, 128, 0, 0.2);*/}
#featured .col.original img {left: -38px;}
#featured .col.pliers {/*background-color: rgba(255, 165, 0, 0.2);*/}
#featured .col.pliers img {left: -41px;}
#featured .col.wrenches {/*background-color: rgba(255, 0, 254, 0.2);*/}
#featured .col.wrenches img {left: -39px;}
#featured .col.screwdrivers {/*background-color: rgba(0, 254, 255, 0.2);*/}
#featured .col.screwdrivers img {left: -40px;}
#featured .col.specialty {/*background-color: rgba(254, 255, 0, 0.2);*/ width: 17%;}
#featured .col.specialty img {left: -30px;}
#featured .col.toolsets {/*background-color: rgba(255, 0, 0, 0.2);*/ width: 23%;}
#featured .col.toolsets img {left: 0;}

#featured .col img {margin: 0 auto; position: relative; width: auto;}
#featured .col div {text-align: center;}
#featured .col span {display: block; font-family: 'Brush Script W01 Medium'; font-size: 1.16667em; text-transform: lowercase;}

/*--- HOME DIFFERENCE ---*/
.difference {/*background: url('/Themes/Channellock/Images/difference-440.png') right top no-repeat, url('/Themes/Channellock/Images/difference-bg.png') left top no-repeat;*/ background: url('/Themes/Channellock/Images/difference/difference-bg.png') left top no-repeat; height: 452px; overflow: hidden; position: relative; padding: 35px; width: 100%;}
.difference .hdrtxt {position: relative; width: 60%;}
.difference .hdrtxt h3 {font-size: 2.6875em; margin-bottom: 0;}
.difference .hdrtxt p {clear: both; float: left; font-size: 0.75em; width: 60%;}
.difference .hdrtxt .videos {clear: both; float: left; margin-top: 83px; position: relative; z-index: 200;}
.difference .hdrtxt .videos img {width:32.5%;}
.difference .hdrtxt p a:last-child {color: #fff; font-family: "TradeGothicW02-BoldCn20 675505"; font-size: 1.33333em; text-decoration: none; text-transform: uppercase;}
.difference .hdrimg {/*background-color: rgba(255, 165, 0, 0.2);*/ bottom: 13px; padding-left: 165px; position: absolute; right: 35px; width: 693px;}
.difference .hdrimg figcaption {display: none;}
.difference .hdrimg .callout {font-size: 1.14286em;}
.difference .hdrimg .callout.one {left: -19px; text-align: right; top: 205px; width: 160px;}
.difference .hdrimg .callout.two {left: 429px; text-align: left; top: 90px; width: 180px;}
.difference .hdrimg .callout.three {left: 479px; text-align: left; top: 177px; width: 190px;}
.difference .hdrimg .calloutline {position: absolute;}
.difference .hdrimg .calloutline.one {background: url('/Themes/Channellock/Images/difference/calloutline1.png') left top no-repeat; height: 113px; left: 150px; top: 120px; width: 87px;}
.difference .hdrimg .calloutline.two {background: url('/Themes/Channellock/Images/difference/calloutline2.png') left top no-repeat; height: 60px; left: 332px; top: 78px; width: 85px;}
.difference .hdrimg .calloutline.three {background: url('/Themes/Channellock/Images/difference/calloutline3.png') left top no-repeat; height: 44px; left: 316px; top: 182px; width: 153px;}

.ft #home .difference {display:none;}

/*--- HOME WHY FUTURE TRADESMEN (only on future tradesmen site) ---*/
.whyft {background:url(/Themes/Channellock/Images/ft/whyft-bg.png) 0 0 no-repeat; height:452px;width:100%;padding:75px;}
.whyft > div {
	width:55%;
	float:left;
}
.whyft h3 {
	font-size:40px;
	line-height:42px;
	margin-bottom:20px;
}
.whyft h4 {
	font-size:86px;
	line-height:60px;
	color:#0096DB;
	margin-bottom:.4em;
}
.whyft h4 small {
	font-size:54px;
	line-height:54px;
	display:block;
	color:#FFF;
}
.whyft p {
	font-size:16px;
	line-height:20px;
}
.whyft p strong {
	font-family: "TradeGothicW02-BoldCn20 675505";
	text-transform:uppercase;
	color:#0096DB;
	font-size:20px;
}
.whyft > div.right {
	width:40%;
	float:right;
	margin-left:5%;
}
.whyft > div.right p strong {
	color:#FFF;
	font-size:24px;
}
.whyft ul {
	margin:0;
	padding:0;
}
.whyft ul li {
	width:50%;
	display:inline;
	font-family:"Trade Gothic W02 Cn 18";
	text-transform:uppercase;
	font-size:16px;
	line-height:28px;
}
.whyft ul li a {
	width:50%;
	float:left;
	color:#FFF;
	text-decoration:none;
}
.whyft ul li a:hover {
	color:#0096DB
}
.whyft ul li a:after {
	content:'\25b6';
	color:#0096DB;
	font-size:10px;
	padding-left:5px;
}
/*--- HOME TABS (only on future tradesmen site) ---*/
.content-tabs ul {
	margin:0;
	padding:0;
}
.content-tabs li {
	list-style:outside none;
	font-family: "TradeGothicW02-BoldCn20 675505";
	text-align:center;
	display:block;
	float:left;
	background:#0096DB;
	width:25%;
}
.content-tabs li a {
	display:block;

	padding:8px 0;
	color:#FFF;

	cursor:pointer;
	font-size:20px;
	line-height:20px;
	text-transform:uppercase;
}
.content-tabs li:first-child {
	background:#CD1241;
	margin-right:5px;
}

/*---WHERE TO BUY BUCKET ---*/
#home footer.buckets .where p {font: .625em/1em Arial, Helvetica, sans-serif; margin: 1.25em 0; text-align: center; text-transform: none;}
#home footer.buckets .where p a {color: #fff; font-family: "TradeGothicW02-BoldCn20 675505"; font-size: 1.6em; text-decoration: none; text-transform: uppercase;}
/* @end */

/* @group SUBPAGE */

/*--- SIDEBAR ---*/
.sidebar {float: left; /*margin-right: 3%; width: 16.5%;*/ margin-right: 1.07422%; width: 16.5039%;}
.sidebar > div {background-color: #fff; margin-bottom: 10px; padding: 15px;}
.sidebar h3, .sidebar h4 {border-bottom: 1px solid #d6d6d6; color: #cd1141; font-family: 'TradeGothicW02-BoldCn20 675505'; font-size: 1.25em; padding-bottom: 13px;}
.sidebar .aboutnav {padding: 8px 15px;}
.sidebar .aboutnav ul {height: auto; list-style: none; margin: 0; padding: 0; position: relative;}
.sidebar .aboutnav ul li:first-child {border-top: medium none;}
.sidebar .aboutnav ul li {border-top: 1px solid #d6d6d6; text-transform: uppercase;}
.sidebar .aboutnav ul li.on a {color: #0096db; text-decoration: underline;}
.sidebar .aboutnav ul li a {display: block; color: #323232; font: normal 1em/1.25em "TradeGothicW02-BoldCn20 675505"; padding: 0.8125em 0; text-decoration: none;}

/*--- CONTENT ---*/
.content {float: left; overflow: visible; width: 82.4219%;}

article header p a {color: #0096db; font-family: "TradeGothicW02-BoldCn20 675505"; text-decoration: none; text-transform: uppercase;}
.hdrimg figcaption {border-bottom: 1px solid #1897d8; color: #fff; font: 1.125em/1em "Aachen W01 Medium"; left: 290px; padding-bottom: 10px; position: absolute; text-transform: uppercase; top: 70px;}
.hdrimg .callout {color: #fff; font: .875em/1em "Trade Gothic W02 Cn 18"; position: absolute; text-transform: uppercase;}
.hdrimg .callout.one {left: 290px; top: 110px; width: 150px;}
.hdrimg .callout.two {left: 30px; top: 130px; width: 130px;}
.hdrimg .callout.three {left: 0; top: 180px; width: 150px;}

/*--- PRODUCT FEATURES ---*/
#product {margin-top: 200px !important; padding-top: 200px !important;}
#product-features, #product-features figcaption {height: 350px; position: relative; width: 100%;}
#product-features.double, #product-features.double figcaption {height: 560px; top: -40px;}
#product-features > img {left: 30px; position: relative; /*width: 100%;*/}
#product-features figcaption {color: #fff; left: 0; position: absolute; top: 0;}
#product-features figcaption .pane {background-color: rgba(0, 0, 0, .6); font-family: "Trade Gothic W02 Cn 18"; height: auto; min-height: 150px; padding: 30px; position: absolute; text-transform: uppercase;}
#product-features figcaption .pane ul {margin: 0; padding-left: 20px;}
#product-features figcaption .pane li {margin-bottom: 5px;}
#product-features h1 {display: none;}
#product-features .note {background: url("/Themes/Channellock/Images/note-icns.png") no-repeat left top transparent; display: block; height: 29px; position: absolute; text-indent: -9999px; width: 29px; z-index: 400;}
#product-features .note:hover, #product-features .note.active {background: url("/Themes/Channellock/Images/note-icns.png") no-repeat left bottom transparent; z-index: 500;}
#product-features .disclaimer p {left: 25px; position: absolute; top: 510px;}

#product-features .popover {background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, .7); border: none; border-radius: 0; box-shadow: none; height: auto; left: 0; margin-right: 55px; max-width: 300px; padding: 0; position: absolute; text-align: left; top: 0; width: 300px; z-index: 450;}
.lt-ie9 #product-features .popover {background: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); zoom: 1;}
#product-features .popover.right {margin-left: -15px;}
#product-features .popover .arrow {display: none;}
#product-features .popover-title {background-color: transparent; border-bottom: none; border-radius: 0; font-size: 14px; font-weight: normal; line-height: 18px; padding: 8px 14px;}
#product-features .popover-content {color: #fff; font: normal 16px/20px "Trade Gothic W02 Cn 18"; padding: 20px 25px 20px 30px; text-transform: uppercase;}
#product-features .popover-content img {margin: 5px 0 10px;}

#product-features .disclaimer {bottom: 20px; color: #fff; color: rgba(255, 255, 255, .5); font-size: .75em; height: auto; line-height: 1.25em; position: absolute; right: 0; text-align: right; width: 500px;}

.Option {text-align:left;}
.DropDownTitle {padding-right:5px;color:#ffffff;}
/* @end */

/* @group SUB PAGE 1 */
/*--- white palette - sidebar nav - content ---*/
article.sub1 {height: auto; margin-bottom: 60px !important; overflow: auto; position: relative;}
article.sub1 .breadcrumb {top: -45px;}
article.sub1 > header {height: auto; margin-bottom: 14px; margin-top: 75px;}
article.sub1 h1 {background: url("/Themes/Channellock/Images/txt-bg-photo1.png") no-repeat -710px bottom transparent; font-size: 3.125em; line-height: 1.6em; margin-bottom: 0; padding-left: 20px; z-index: 200;}
article.sub1 .sidebar {/*margin-right: 1.07422%; padding: 0 15px; width: 16.5039%;*/}
article.sub1 .content {background: #fff; padding: 25px; /*width: 82.4219%;*/}
article.sub1 .content h2 {color: #333; font: normal 1.875em/1.06667em "Aachen W01 Medium"; margin-bottom: 0.5em; width: 80%;}
article.sub1 .content h2 + p {width: 80%;}
article.sub1 .content p {color: #333; font-size: .875em;}
/* @end */

/* @group SUB PAGE 2 */
/*--- white palette - columns ---*/
article.sub2 {height: auto; /*margin-bottom: 60px !important;*/ overflow: auto; position: relative;}
article.sub2 h1 {background: #fff; color: #323232; font-size: 1.875em; line-height: 2.16667em; margin-bottom: 0; padding: 0 35px; z-index: 200;}
article.sub2 h2 {color: #333; font-family: "Aachen W01 Medium"; font-size: 1.375em; line-height: 1.13333em; margin-bottom: 1.5em;}
article.sub2 section p {color: #323232; font-size: 0.875em;}
article.sub2 .breadcrumb {top: -45px;}
article.sub2 > header {height: auto; margin-top: 75px;}
article.sub2 section {background: #fff; min-height: 350px; width: 100%;}
article.sub2 section .colgroup {border-top: 1px solid #323232; margin: 0 40px 40px; overflow: auto; position: relative; width: 92.2%;}
article.sub2 section .colgroup > .col {border-left: 1px solid #323232; float: left; margin-left: -1px; margin-top: 25px; padding-left: 25px; width: 30%;}
article.sub2 section .colgroup > .col:first-child {border-right: 1px solid #323232; padding-left: 0; padding-right: 25px; width: 70%;}
article.sub2 section .colgroup > .col:only-child {border-right: none !important;}
/* @end */

/* @group PRODUCT GRID */
.productgrid {background-color: #fff; float: left; min-height: 500px; width: 768px;}

/*--- grid head ---*/
.gridhead {clear: both; height: auto; min-height: 64px; overflow: auto; padding: 0 20px; width: 100%; z-index:200;}
.category-sort {float: right; margin-top: 20px; padding-left: 15px;}
.category-sort .label {font-family: "TradeGothicW02-BoldCn20 675505"; margin-right: 10px; text-transform: uppercase;}
.category-sort select {font-size: 0.75em; padding: 2px; position: relative; top: -2px;}

.productgrid h4, .productgrid h4 a {color: #323232; font: bold 1em/1.125em Arial, Helvetica, Geneva, sans-serif; height: 54px; overflow: hidden; text-decoration: none;}
.productgrid div.price, #main #detail .productgrid div.price, .productgrid div.Price, #main #detail .productgrid div.Price {border-right: 1px solid #0096db; color: #0096db; float: left; font-size: 1em; font-weight: bold; line-height: 1.125em; margin-top: 0; margin-right: 10px; margin-bottom: 10px; padding-right: 10px; width: auto;}

/*--- star rating --*/
.StarRating {color: #0096db; float: left; font-size: 1em; line-height: 1.14286em; margin-top: 0; position: relative;
    top: -2px;}
.RatingImage img {margin-right: 4px;}
.StarRating .divider {display: none;}
.StarRating .totalreviews {color: #0096db; display: none;}
#detail header .StarRating .totalreviews {display: inline;}
footer.buckets .top .StarRating {margin-top: 5px;}
footer.buckets .top .StarRating .totalreviews {display: inline; position: relative; top: 2px;}

.productgrid .grid {background-color: #fff; overflow: auto; padding: 20px;}
.productgrid .grid > div, .productgrid .grid span > div {border-top: 1px solid #323232; float: left; min-height: 375px; padding: 0 15px 15px; width: 33.3333%;}
.productgrid .grid > div:nth-child(-n+3), .productgrid .grid span:nth-child(-n+3) > div {border-top: none;}
.productgrid .grid > div:nth-child(3n+2), .productgrid .grid span:nth-child(3n+2) > div {border-right: 1px solid #323232; border-left: 1px solid #323232;}
.productgrid .grid .gridprodimg {position: relative; width: 100%;}
.productgrid .grid .gridprodimg img {width: 100%;}

/*--- product grid cms tables :( --*/
.productgrid .grid > table {width: 100%;}
.productgrid .grid > table > tbody > tr > td {padding: 0; width: 33.3333%;}
.productgrid .grid td > div {border-bottom: 1px solid #323232; float: left; height: 455px; padding: 5px 15px 0; position: relative; width: 100%;}
.productgrid .grid tr:last-child td > div {border-bottom: none;}
.productgrid .grid tr td:nth-child(3n+1) > div, .productgrid .grid tr td:nth-child(3n+2) > div {border-right: 1px solid #323232;}

.productgrid .attributes {clear: both; font-size: .75em; line-height: 1.16667em; width: 100%;}
.productgrid .attributes tr:nth-child(odd) {background-color: #dcdcdc;}
.attributes td {font-weight: bold; line-height: 1.66667em;}
.attributes td:first-child {font-weight: normal; padding: 0 5px;}

.gridfoot {clear: both; height: auto; overflow: auto; padding: 10px 0; text-align: center; width: 100%;}

.ProductButtons {bottom: 0; position: absolute; width: 212px;}
.ProductButtons ul {list-style: none; margin-top: 10px; padding: 0;}
.ProductButtons li {margin-top: 10px;}
.ProductButtons .btn {width: 100%;}
.ProductButtons .btn.view {background-color: #f3f3f3; color: #323232;}
/* @end */

/* @group PRODUCT FILTER */

#productfilter {background-color: #fff; float: left; margin-right: 14px; padding: 15px; width: 242px;}
#productfilter h3 {color: #0096db; font: normal 1.25em/1em "TradeGothicW02-BoldCn20 675505";}
#productfilter ul {margin: 0; padding: 0; /*position: relative; top: -10px;*/}
#productfilter li {color: #323232; font-size: 0.8125em; line-height: 1.76923em; list-style: none; position: relative;}

#keyword {border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; padding-bottom: 5px;}
#keyword h3 {margin-bottom: 10px;}
#keyword li > a {background: url("/Themes/Channellock/Images/close-icns.png") left top no-repeat transparent; height: 18px; position: absolute; right: 0; text-indent: -99999px; top: 2px; width: 18px;}
#keyword li > a:hover, #keyword li > a:active {background-position: left bottom;}

#narrow h3 {color: #d31245;}
#narrow .accordion-group {border: none; border-radius: 0; margin-bottom: 0;}
.accordion-heading {border-top: 1px solid #d6d6d6;}
#narrow .accordion-heading .accordion-toggle {background: url("/Themes/Channellock/Images/accordion-toggle-minus.png") 193px center no-repeat transparent; color: #323232; font: normal 1em/2.1875em "TradeGothicW02-BoldCn20 675505"; padding: 0; text-decoration: none; text-transform: uppercase;}
#narrow .accordion-heading .accordion-toggle:hover, #main #narrow .accordion-heading .accordion-toggle:active {color: #000;}
#narrow .accordion-heading .accordion-toggle.collapsed {background-image: url("/Themes/Channellock/Images/accordion-toggle-plus.png");}
#narrow .accordion-inner {border-top: none; padding: 0 0 20px;}
#narrow .accordion-inner li a {color: #323232; display: block; text-decoration: none;}
#narrow .accordion-inner li a:hover, #main #searchresults .accordion-inner li a:active {color: #0096db;}
#narrow .list ul {height: auto; list-style: none outside none; position: relative;}
#narrow.list ul li {border-top: medium none; cursor: default; font-size: 10px; padding: 3px 0 3px 14px; text-transform: uppercase;}
#narrow h3 + ul li {color: #E20602; font-size: 12px !important; padding-right: 36px !important; position: relative;}
#narrow h3 + ul li a {background: url("../images/close-red-btn.png") no-repeat scroll left top transparent; color: #e20602; display: block; font-family: MuseoSans500; font-size: 10px !important; height: 16px; margin: 0; padding: 0; position: absolute; right: 10px; text-decoration: none !important; top: 3px; width: 16px;}
#narrow .list ul li a {clear: right; line-height: 15px; text-decoration: none;}

/* @end */

/* @group SEARCH RESULTS */
#searchresults h1 {background-color: #0096db; background-image: none;}
#searchresults h2 {font-family: "Aachen W01 Medium"; font-size: 1.875em; line-height: 2.13333em;}
#searchresults header .hdrtxt > p, #main #searchresults header .hdrtxt li {color: #fff; float: none; font-size: 0.875em; line-height: 1.28571em; width: 85%;}
#searchresults header .hdrtxt ul {padding-left: 15px;}
#searchresults header p a {display: inline-block;}
#searchresults header .btn {font-size: 1em; line-height: 1.875em; min-width: 80px; padding: 0 25px; text-align: center;}
#searchresults .gridhead > div {border-bottom: 1px solid #323232; overflow: auto;}
#searchresults .productgrid h2 {color: #323232; float: left; width: 70%;}
#searchresults .productgrid h2 .searchnumber {}
#searchresults .productgrid h2 .searchterm {color: #0096db; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#searchresults .productgrid h2 .searchterm:before {content: "\201C";}
#searchresults .productgrid h2 .searchterm:after {content: "\201D";}
#searchresults .loader, #category .loader {background-color: rgba(0, 0, 0, 0.65); border: 10px solid #0096db; height: 250px; left: 50%; margin: 0 auto 0 -125px; padding: 30px; position: fixed; text-align: center; top: 40%; width: 250px; z-index: 3001;}
#searchresults .loader p, #category .loader p {font: 1.25em/1em "TradeGothicW02-BoldCn20 675505"; margin-bottom: 0; margin-left: 12px;text-transform: uppercase;}
/* @end */

/*=== PAGES ===*/

/* @group TRADE */
article header.trade {height: 405px;}
article header.trade .hdrtxt {width: 70%;}
article header.trade .hdrtxt h3 {font-size: 2.8125em;}
article header.trade .hdrimg {width: 500px;}
article header.trade .hdrtxt p {width: 65%;}
article header.trade .hdrimg img:first-child {position: relative;}
article header.trade .hdrimg figcaption, .tradehdr .hdrimg .callout {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
article header.trade .hdrimg figcaption {width: auto;}
.tradefeatured .col ul {min-height: 80px; margin-bottom: 0; padding-left: .8125em;}

/*--- plumbing trade ---*/
.trade .plumbing .hdrtxt {width: 50%;}
.trade .plumbing .hdrtxt p {width: 80%;}
.trade .plumbing .hdrimg img:first-child {left: 40px; top: 15px;}
.trade .plumbing .hdrimg figcaption {height: 30px; left: 302px; top: 50px;}
.trade .plumbing .hdrimg .callout.one {background: url("/Themes/Channellock/Images/trades/plumbing-call1.png") no-repeat 77px bottom transparent; height: 85px; left: 3px; padding-bottom: 10px; top: 176px; width: 150px;}
.trade .plumbing .hdrimg .callout.two {background: url("/Themes/Channellock/Images/trades/plumbing-call2.png") no-repeat 71px bottom transparent; height: 122px; left: 57px; padding-top: 45px; text-align: right; top: 92px; width: 130px;}
.trade .plumbing .hdrimg .callout.two span {display: block; font-size: 0.75em; letter-spacing: 0.05em; text-transform: none;}
.trade .plumbing .hdrimg .callout.three {background: url("/Themes/Channellock/Images/trades/plumbing-call3.png") left center no-repeat transparent; height: 40px; left: 209px; padding-left: 95px; padding-top: 5px; top: 88px; width: 245px;}

/*--- automotive trade ---*/
.trade .automotive .hdrtxt {width: 50%;}
.trade .automotive .hdrtxt p {width: 90%;}
.trade .automotive .hdrimg img:first-child {left: -30px; top: 0;}

/*--- electrical trade ---*/
.trade .electrical .hdrtxt {width: 65%;}
.trade .electrical .hdrtxt p {width: 70%;}
.trade .electrical .hdrimg img:first-child {left: 115px; top: 20px;}
.trade .electrical .hdrimg figcaption {height: 25px; left: 275px; top: 15px;}
.trade .electrical .hdrimg .callout.one {background: url("/Themes/Channellock/Images/trades/electrical-call1.png") no-repeat center top transparent; height: 190px; left: 97px; padding-top: 158px; top: 61px; width: 154px;}
.trade .electrical .hdrimg .callout.two {background: url("/Themes/Channellock/Images/trades/electrical-call2.png") no-repeat left bottom transparent; height: 62px; left: 184px; padding-bottom: 45px; padding-left: 90px; top: 50px; width: 235px;}
.trade .electrical .hdrimg .callout.three {background: url("/Themes/Channellock/Images/trades/electrical-call3.png") no-repeat left center transparent; height: 23px; left: 223px; padding-left: 96px; padding-top: 5px; top: 115px; width: 230px;}
.trade .electrical .hdrimg .callout.four {background: url("/Themes/Channellock/Images/trades/electrical-call4.png") no-repeat right center transparent; height: 23px; left: 89px; padding-right: 96px; padding-top: 5px; text-align: right; top: 276px; width: 300px;}

/*--- firstresp trade ---*/
.trade .firstresp .hdrtxt {width: 45%;}
.trade .firstresp .hdrtxt p {width: 80%;}
.trade .firstresp .hdrimg {right: 80px;}
.trade .firstresp .hdrimg img:first-child {left: 70px; top: 50px;}
.trade .firstresp .hdrimg figcaption {height: 30px; left: 224px; top: 7px;}
.trade .firstresp .hdrimg .callout.one {background: url("/Themes/Channellock/Images/trades/firstresp-call1.png") left top no-repeat transparent; height: 148px; left: 110px; padding-top: 115px; top: 100px; width: 125px;}
.trade .firstresp .hdrimg .callout.two {background: url("/Themes/Channellock/Images/trades/firstresp-call2.png") no-repeat 26px bottom transparent; height: 20px; left: 304px; padding-bottom: 125px; top: 182px; width: 160px;}
.trade .firstresp .hdrimg .callout.three {background: url("/Themes/Channellock/Images/trades/firstresp-call3.png") right bottom no-repeat transparent; height: 70px; left: 224px; padding-bottom: 40px; padding-right: 30px; top: 49px; width: 220px;}

/*--- hvac trade ---*/
.trade .hvac .hdrtxt {width: 55%;}
.trade .hvac .hdrtxt p {width: 80%;}
.trade .hvac .hdrimg {right: 15px; top: 40px;}
.trade .hvac .hdrimg img:first-child {left: 60px; top: 30px;}
.trade .hvac .hdrimg figcaption {height: 25px; left: 230px; top: -3px; width: 250px;}
.trade .hvac .hdrimg .callout.one {background: url("/Themes/Channellock/Images/trades/hvac-call1.png") center top no-repeat transparent; height: 200px; left: 18px; padding-top: 167px; top: 50px; width: 180px;}
.trade .hvac .hdrimg .callout.two {background: url("/Themes/Channellock/Images/trades/hvac-call2.png") no-repeat left center transparent; height: 25px; left: 135px; padding-left: 95px; top: 32px; width: 295px;}
.trade .hvac .hdrimg .callout.three {background: url("/Themes/Channellock/Images/trades/hvac-call3.png") no-repeat left center transparent; height: 25px; left: 172px; padding-left: 122px; text-align: left; top: 104px; width: 320px;}
.trade .hvac .hdrimg .callout.four {background: url("/Themes/Channellock/Images/trades/hvac-call4.png") no-repeat right center transparent; height: 35px; left: 94px; padding-right: 96px; padding-top: 6px; text-align: right; top: 280px; width: 320px;}

/*--- linemen trade ---*/
.trade .linemen .hdrtxt {width: 65%;}
.trade .linemen .hdrtxt p {width: 70%;}
.trade .linemen .hdrimg img:first-child {left: 75px; top: 20px;}
.trade .linemen .hdrimg figcaption {height: 25px; left: 195px; top: 15px;}
.trade .linemen .hdrimg .callout.one {background: url("/Themes/Channellock/Images/trades/linemen-call1.png") no-repeat center top transparent; height: 190px; left: 39px; padding-top: 158px; top: 43px; width: 154px;}
.trade .linemen .hdrimg .callout.two {background: url("/Themes/Channellock/Images/trades/linemen-call2.png") no-repeat left center transparent; height: 33px; left: 134px; padding-left: 103px; padding-top: 9px; top: 68px; width: 250px;}
.trade .linemen .hdrimg .callout.three {background: url("/Themes/Channellock/Images/trades/linemen-call3.png") no-repeat left center transparent; height: 23px; left: 173px; padding-left: 122px; padding-top: 5px; top: 103px; width: 255px;}
.trade .linemen .hdrimg .callout.four {background: url("/Themes/Channellock/Images/trades/linemen-call4.png") no-repeat right center transparent; height: 23px; left: 36px; padding-right: 96px; padding-top: 5px; text-align: right; top: 301px; width: 300px;}

/*--- trade featured ---*/
.tradefeatured .col img {display: block; height: 250px; margin: 0 auto; width: auto;}

/* @end */

/* @group CATEGORY */
#category > header {height: auto; margin-top: 75px; margin-bottom: 14px; position: relative;}
#category .breadcrumb {top: -45px;}
#category h1 {background: url("/Themes/Channellock/Images/txt-bg-photo2.png") right bottom no-repeat transparent; font-size: 3.125em; line-height: 1.6em; margin-bottom: 0; padding-left: 20px; z-index: 200;}
#category h2 {font-family: "Aachen W01 Medium"; font-size: 1.875em; line-height: 1.13333em;}
#category article p {font-size: .9375em; width: 80%;}
#category header p a {display: inline-block;}
#category header .btn {font-size: 1em; line-height: 1.875em; min-width: 80px; padding: 0 25px; text-align: center;}
#category section {border-top: 1px solid #fff; min-height: 200px; padding: 30px 0;}
#category section:first-child {border-top: none;}
#category section.double {height: 460px;}
/*#category section figure img {float: left; width: 66%;}*/
#category section figure {min-height: 185px;}
#category section figure img {float: left; height: auto; margin-right: 20px; width: 655px;}
#category section figcaption {float: left; min-height: 180px; padding-top: 20px; padding-bottom: 50px; position: relative; width: 34%;}
#category section figcaption .btn {bottom: 0; font-size: 1em; left: 0; line-height: 2.1875em; padding: 0 15px; position: absolute; text-align: center; width: 275px;}

#category #productfilter {padding: 15px;}
#productfilter .accordion-select,
#productfilter #narrow select { display:none; }
#category .productgrid {background: transparent; border: none; padding: 0;}
#category .productgrid h2 {color: #fff; float: left; font-family: "Aachen W01 Medium"; font-size: 1.875em; line-height: 2.13333em; text-transform: none; width: 70%;}
#category .gridhead {background-color: rgb(0, 150, 219); position:relative;}
#category .category-sort .label {color: #fff; display: inline-block; margin-right: 10px;}
#category .original {display: block; font-family: "Brush Script W01 Medium"; font-size: 1em; left: 30px; line-height: 1em; position: relative; text-transform: lowercase; width: 150px;}

/*--- TONGUE & GROOVE SUBCATEGORY ---*/
#category .tonguegroove {padding-bottom: 0;}
#category .tonguegroove img {margin-bottom: 57px;}
#category .tonguegroove .accordion {clear: both; /*display: none;*/ margin-bottom: 0;}
#category .tonguegroove .accordion-group  {background-color: rgba(0, 0, 0, .3); border: none; border-radius: 0;}
#category .tonguegroove .accordion-heading {border-top: none;}
#category .tonguegroove .accordion-toggle {background: url(../images/accordion-toggle-times.png) 990px 15px no-repeat transparent; border: none; outline: none !important; padding: 0;}
#category .tonguegroove .accordion-toggle.collapsed {background: url(../images/accordion-toggle-arrow.png) 990px 15px no-repeat transparent;}
#category .tonguegroove .accordion-inner {border-top: none; overflow: auto; padding: 0 30px 30px;}
#category .tonguegroove .accordion-inner figure {float: left; width: 16.6667%;}
#category .tonguegroove .accordion-inner figure img {float: none; width: auto;}
#category .tonguegroove .accordion-inner figcaption {border-top: 1px solid #fff; float: none; padding: 0 0 0 10px; width: 100%;}
#category .tonguegroove .accordion-inner figcaption a {text-decoration: none;}
#category .tonguegroove .accordion-inner figcaption p {font-size: .9375em; font-style: italic; line-height: 1.33333em; width: 77%;}
#category .tonguegroove .accordion ul {list-style: none; margin: 0; padding: 20px;}
#category .tonguegroove .accordion li {display: inline-block; text-align: center; width: 16.6667%;}
#category .tonguegroove .accordion li {color: #fff; font: normal 18px/1em "TradeGothicW02-BoldCn20 675505"; margin: 0; text-transform: uppercase;}
/*#category .tonguegroove .accordion li span {display: block; font-family: "Brush Script W01 Medium"; font-size: 18px; font-weight: normal; text-transform: lowercase;}*/
#category .tonguegroove .accordion h3 {display: none; font-size: 18px; font-family: "TradeGothicW02-BoldCn20 675505";}
#category .tonguegroove .accordion .btn {font-size: .75em; left: 20px; line-height: 1.08333em; padding: 5px 17px; width: 75%;}

/*--- TOOL SIZES = SCALE ADJUSTMENTS ---*/
#category .cutting figure img {padding: 18px 0 18px 120px;}
#category .slipjoint figure img {padding: 21px 0 21px 140px;}
#category .linemens figure img {padding: 7px 0 8px 50px;}
#category .longnose figure img {padding: 15px 0 15px 100px;}
#category .longreach figure img {padding: 10px 0 11px 70px;}
#category .oilfilter figure img {}

/*--- PRODUCT LINES / DIFFERENCE ---*/
#category .difference {background: url('/Themes/Channellock/Images/difference-bg.png') left top no-repeat; border-bottom: 13px solid #0096db; height: 452px; margin-bottom: 40px; overflow: hidden; position: relative; padding: 55px; width: 100%;}

#category .difference .hdrtxt {width: 60%; z-index: 20;}
#category .difference .hdrtxt h2 {font-size: 1em; line-height: 1em; position: relative;}
#category .difference .hdrtxt h3 {color: #0096db; font-family: "TradeGothicW02-BoldCn20 675505"; font-size: 1.875em; margin-bottom: 0;}
#category .difference .hdrtxt p {clear: inherit; float: none; font-size: 1em; margin-bottom: 1.25em; width: 100%;}
#category .difference .hdrtxt .videos {clear: both; float: left; margin-top: 83px; position: relative; z-index: 200;}
#category .difference .hdrtxt p a:last-child {color: #fff; font-family: "TradeGothicW02-BoldCn20 675505"; font-size: 1.33333em; text-decoration: none; text-transform: uppercase;}

#category .difference .hdrimg {bottom: 0; padding-left: 0; position: absolute; right: 13px; width: auto; z-index: 10;}
#category .difference .hdrimg img {float: none; height: auto; margin-right: 0; width: auto;}
#category .difference .hdrimg figcaption {display: none;}
#category .difference .hdrimg .callout {font-size: 1.14286em;}

#category .difference.codeblue {height: 525px;}
#category .difference.codeblue .hdrtxt {width: 65%;}
#category .difference.codeblue .hdrtxt h2 {left: -20px; top: -30px;}

#category .difference.eseries {height: 525px;}
#category .difference.eseries h2 {left: -24px; top: -20px;}
#category .difference.eseries .hdrtxt h3 {width: 60%;}

#category .difference.xlt {height: 415px;}
#category .difference.xlt .hdrtxt {width: 45%;}
#category .difference.xlt h2 {left: -17px; top: -25px;}
#category .difference.xlt .hdrtxt h3 {width: 90%;}
#category .difference.xlt .hdrimg {right: 60px;}

#category .difference .tools .col, #category .difference .tools a {color: #fff; font: 1em/1em "Trade Gothic W02 Cn 18"; text-transform: uppercase;}
#category .difference .tools .col {height: 225px; padding: 0 1.25em; position: relative; text-align: center; width: auto;}
#category .difference .tools .col img {display: block; margin: 0 auto 10px; vertical-align: baseline;}

/* @end */


/* @group DETAIL */
#detail > header {/*height: 635px;*/ height: auto; margin-bottom: 20px; min-height: 520px; overflow: hidden;}
#detail h1 {font-size: 2.875em; line-height: 0.84em; margin-bottom: .3em;}
#detail h1 .size {text-transform: none;}
#detail h2 {font-family: "Aachen W01 Medium"; font-size: 1.375em; line-height: 1em;}
#detail header .hdrtxt > p, #detail header .hdrtxt li {color: #fff; float: none; font-size: 0.875em; line-height: 1.28571em; width: 85%;}
#detail header .hdrtxt ul {padding-left: 15px;}
#detail header p a {display: inline-block;}
#detail header .btn {font-size: 1em; line-height: 1.875em; min-width: 80px; padding: 0 25px; text-align: center;}
#detail header .btn.size {display: none;}

#detail header .hdrtxt {width: 49%;}
/*#detail header .Highlight {position: absolute; right: -523px; text-align: right; top: 34px;}*/
#detail header .hdrimg img {height: auto; width: 100%;}
#detail header .hdrimg figure {display: none;}
#detail header .hdrimg figure:first-child {display: block;}

#detail header .StarRating {float: right; font: .8125em/1.07692em Arial, Helvetica, Geneva, sans-serif; margin: 15px 0; top: 18px; right: 80px;}
#detail header .StarRating a {color: #fff;}
#detail header .RatingImage a {text-decoration: none;}
#detail header .RatingImage {padding-right: 5px; /*vertical-align: middle;*/}
#detail header .RatingImage img {margin-right: 4px; position: relative; /*top: -12px;*/ width: auto;}

#detail header .price, #detail header .Price {float: left; color: #0096db; font: bold 2.125em Arial, Helvetica, Geneva, sans-serif; margin: 15px 0;}
#detail header .price .Price, #detail header .Price .Price {font-size: 1em;}

#detail .Ordering {clear: both;}

#detail .actions {margin: 15px 0 10px; overflow: auto; width: 115%;}
#detail header .actions .btn {width: 100%;}
#detail .actions .st_sharethis {display: block;}
#detail .actions .st_sharethis .stButton {font-size: 1em;}
#detail .actions .st_sharethis .stButton .sharethis {background-image: none;}
#detail .actions .st_sharethis .stButton .chicklets {color: #323232; font-family: inherit; font-size: 1em; line-height: inherit; padding-left: 3px;}

/*--- FIND STORE ---*/
#detail .findstore {border-bottom: 1px solid #fff; display: none; margin: 10px 0 15px; padding-bottom: 15px; overflow: auto; /*width: 90%;*/}
#detail .findstore .container {background-color: #f3f3f3; float: left; height: 30px; margin-right: 5px; overflow: hidden; xwidth: 260px;}
#detail .findstore label {color: #262626; float: left; font-family: 'TradeGothicW02-BoldCn20 675505'; font-size: 1em; line-height: 1.875em; margin: 0 14px; text-transform: uppercase;}
#detail .findstore input#detailwheresearch {border: 1px solid #dadada; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dadada; float: left; font: 0.75em/2.16667em Arial, Helvetica, sans-serif; height: 26px; margin: 2px; padding: 3px; position: relative; width: 120px;}
#detail .findstore input#detailwheresearchSubmit {float: left; height: 30px; width: auto;}
#detail .findstore .disclaimer {color: #fff; float: left; font-size: 0.6875em; line-height: 1em; margin-left: 15px; margin-top: 15px; text-align: left;}
#detail .findstore .disclaimer a {border-bottom: 1px dotted #fff; color: #fff; text-decoration: none; text-transform: uppercase;}
#detail .findstore .disclaimer .tooltip {/*font-size: 1.09091em;*/}
#detail .findstore .disclaimer .tooltip .tooltip-inner {padding: 12px; text-align: left;}

#detail .otherviews {display: none; margin: 10px 0 0; padding: 0; width: 100%;}
#detail .otherviews li {display: inline-block; margin-left: 2%; width: 22.5%;}
#detail .otherviews li:first-child {margin-left: 0;}
#detail .otherviews img {background-color: rgba(255, 255, 255, 0.2); height: auto; width: 100%;}

/*--- DETAIL TABS ---*/
#detail #detailtabs .nav-tabs {border-bottom: 6px solid #0096db; margin-bottom: 0; padding: 0;}
#detail #detailtabs .nav-tabs > li {margin-bottom: 0; width: 30%;}
#detail #detailtabs .nav-tabs > li > a {background: url("/Themes/Channellock/Images/txt-bg-gray-back.png") -928px bottom no-repeat; border: none; border-radius: 0; color: #323232; font: 1em/2.3125em "TradeGothicW02-BoldCn20 675505"; margin: 0; padding: 0; text-align: center; text-decoration: none; text-transform: uppercase;}
#detail #detailtabs .nav-tabs > .active > a, #detail #detailtabs .nav-tabs > .active > a:hover, #detail #detailtabs .nav-tabs > .active > a:focus {background-image: url("/Themes/Channellock/Images/txt-bg-blue-back.png"); color: #fff;}
#detail #detailtabs .nav-tabs > li > a h3 {font: 1em/2.3125em "TradeGothicW02-BoldCn20 675505"; margin: 0;}
#detail #detailtabs .nav-tabs > li > a h3 {color: #323232;}
#detail #detailtabs .nav-tabs > li > a:hover h3, #detail #detailtabs .nav-tabs > li > a:active h3 {color: #0096db;}
#detail #detailtabs .nav-tabs > .active > a h3, #detail #detailtabs .nav-tabs > .active > a:hover h3, #main #detail #detailtabs .nav-tabs > .active > a:focus h3 {color: #fff;}
/*--- three tabs ---*/
#detail #detailtabs .nav-tabs.tri > li {width: 33%;}
#detail #detailtabs .nav-tabs.tri > li:nth-child(2) {margin: 0 .5%;}
/*--- four tabs ---*/
#detail #detailtabs .nav-tabs.quad > li {margin-left: .5%; width: 24.625%;}
#detail #detailtabs .nav-tabs.quad > li:first-child {margin: 0;}
#detail #detailtabs .nav-tabs.quad > li > a {background-position: -1013px bottom;}

#detail #detailtabs {margin-bottom: 20px;}
#detail #detailtabs .tab-content {background-color: #fff; padding: 40px;}
#detail #detailtabs .col {background-image: none; padding: 0; width: 285px;}
#detail #detailtabs .col:nth-child(2) {margin: 0; padding: 0 45px; width: 374px;}
#detail #detailtabs .col > img {background: #f3f3f3; display: block; height: 160px; margin-bottom: 1em; width: 285px;}
#detail #detailtabs h5 {color: #0096db; font-size: 1.125em; line-height: 1.11111em; margin-top: 0;}
#detail #detailtabs h5 + a {font-size: .75em; text-transform: uppercase;}
#detail #detailtabs .col p {color: #323232; font-size: 0.875em; line-height: 1.42857em;}
#detail #detailtabs .col h5 + p {margin-bottom: 0;}

/*--- resources tab ---*/
.resources .group, .productgrid .group {overflow: auto; position: relative;}
.productgrid .group {padding: 20px;}
.resources .group li, .productgrid .group li {float: left; width: 20%;}
#detail #detailtabs .resources h3 {color: #0096db; font-family: "TradeGothicW02-BoldCn20 675505"; font-size: 1.125em; line-height: 2em; margin-bottom: 20px;}

.resources .group h3, .resources #item h3 {color: #323232; font-family: "Aachen W01 Medium";}
.productgrid .group h3, .productgrid #item h3 {border-bottom: 1px solid #323232; border-top: 1px solid #323232; color: #323232; font-family: "Aachen W01 Medium"; font-size: 1.5em; line-height: 2.13333em;}
.productgrid .group h4, .productgrid #item h4 {color: #0096db; font-family: "TradeGothicW02-BoldCn20 675505"; font-size: 1.125em; font-weight: normal; line-height: 1.11111em; margin-top: 0; font-size: 1.25em; /*margin-top: 1em;*/}
/*.resources .group h4, .productgrid .group h4 {border-bottom: 2px dotted #00a0df; color: #00a0df; font: normal 15px/23px 'Arial'; letter-spacing: 1px; margin-top: 0; padding-left: 16px; padding-bottom: 4px; font-weight:bold;}*/
.resources #item h3, .productgrid #item h3 {*height: 41px; margin-bottom: 0;}
.resources .group h3 + a, .resources #item h3 + a {color: #fff; position: absolute; right: 46px; top: 15px;}
.productgrid .group h3 + a, .productgrid #item h3 + a {position: absolute; right: 25px; top: 35px;}
.resources .group h3 + a:hover, .resources .group h3 + a:active, .resources #item h3 + a:hover, .resources #item h3 + a:active, .productgrid .group h3 + a:hover, .productgrid .group h3 + a:active, .productgrid #item h3 + a:hover, .productgrid #item h3 + a:active {color: #00a0df;}
.resources .group a, .productgrid .group a {}
.resources .group a:hover, .resources .group a:activ, .productgrid .group a:hover, .productgrid .group a:active {color: #a00a1c;}
.resources .group p, .productgrid .group p {color: #323232; font-size: 0.75em; margin: 0;}
.resources .group ul , .productgrid .group ul {margin-bottom: 16px; overflow: auto; padding-left: 0; width: 100%;}
.resources .group li, .productgrid .group li {float: left; height: auto; list-style: none; margin: 0 8px 16px; min-height: 200px; text-align: center; width: 160px;}
.resources .group li divm .productgrid .group li div {/*background: url(/Themes/Channellock/Images/product-img-bg-140.png) no-repeat center top;*/ border: 1px solid #e0e0e0; /*display: table-cell;*/ height: 140px; margin: 0 10px 4px; text-align: center; vertical-align: middle; width: 140px;}
/*.resources .group li div img, .productgrid .group li div img {display: block; height: auto; width: 100%;}*/
.resources .group li div img, .productgrid .group li div img {display: block; height: auto; margin:0 auto; max-width:100%;}
.resources .group li div, .productgrid .group li div  {height:140px;}
.resources #sell li, .productgrid #sell li {font: bold 11px/15px Arial, Helvetica, sans-serif; text-transform: uppercase; width: 133px;}
.resources #images li, .productgrid #images li {font: bold 11px/15px Arial, Helvetica, sans-serif; text-transform: uppercase; width: 168px;}
.resources #videos li, .productgrid #videos li {font: italic 15px/18px Arial, Helvetica, sans-serif; text-align: center; width: 214px;}
.resources #videos li a, .productgrid #videos li a {color: #797979;}

/*--- DETAIL - RELATED ---*/
#detail #related {margin-bottom: 20px;}
#detail #related .grid {padding: 20px 0;}
#detail #related .gridhead, #detail #related .gridfoot {display: none;}
#detail #related h3 {background: url("/Themes/Channellock/Images/txt-bg-red-back.png") -241px bottom no-repeat; border: none; border-radius: 0; color: #fff; font: 1.375em/1.68182em "Aachen W01 Medium"; margin: 0; padding: 0; text-align: center; text-decoration: none; text-transform: uppercase;}
#detail #related .productgrid .grid > div, #detail #related .productgrid .grid span > div {border-top: none; width: 25%;}
#detail #related .productgrid .grid > div:nth-child(3), #detail #related .productgrid .grid span:nth-child(3) > div {border-right: 1px solid #323232;}

/*--- Jan 2014 Enhancements ---*/
/* Product Page */
#detail .flags {
	display:inline-block;
	border:1px solid #0096db;
	border-radius: 3px;
	background-color: rgba(57,57,57, .26);
	height:43px;
}
#detail .flags > table { height:100%; }
#detail .flags td { padding:0 10px; }
#detail .overview { margin: 13px 0 0 0; }
#detail .price .Price { margin:0; }
#detail > header { min-height: 500px; }
#detailtabs { margin-bottom: 0!important; }
.features_and_benefits { width:100%; }
#detailtabs .features {
	width:50%;
	background-color:white;
	float:left;
}
#detailtabs .specs {
	width:50%;
	float:left;
}
.specs .excel-btn { margin:0; padding: 8px; background-color:white; border-left:1px solid #dcdcdc; text-align: right; }
#detailtabs .specs .detailstab-label {
	background-color:transparent;
	padding:0;
	position:relative;
	border-left:1px solid #007cb5;
}
#detailtabs .specs .detailstab-label > span {
	background-color:#0096db;
	display:block;
	padding:.5em 0;
	width:97.265625%;
}

#detailtabs .specs > span {
	display:block;
	background-color:white;
	border-left:1px solid #dcdcdc;
}

.detailstab-label {
	padding:.5em 0;
	margin:0;
	background-color:#0096db;
	text-transform:uppercase;
	text-align:center;
}
.features .colgroup { overflow-y:scroll;}
.features tr {
	border-left:20px solid white;
	border-right:20px solid white;
}
.features td {
	padding:20px 0;
	border-bottom:1px solid #dcdcdc;
}
.features tr:last-child td { border-bottom:0; }
.features img {
	width:260px;
	float:left;
	padding-right:1em;
}
.features table p {
	font-size:.875em;
	color:#323232;
}
.specs > span > p { display:none; }
.specs img { display:block; margin:0 auto; }

.specs__data-table {
	display:table !important;
	width:100%;
	border-width:0 25px 30px 25px;
	border-color:white;
	border-style:solid;
	font-size:12px;
	line-height:30px;
	font-weight:bold;
	text-align:left;
	text-indent: 25px;
}
.specs__data-table tbody th { font-weight:normal; width:50%; }
.specs__data-table tbody tr:nth-child(2n-1) { background-color:#f3f3f3; }
.specs__data-table td { width:25%; }

/*.specs table,
.specs thead,
.specs tbody,
.specs th,
.specs td { display:block!important; }
.specs table { overflow:hidden; padding:25px; }
.specs thead,
.specs tbody { overflow:hidden; float:left; width:50%; }
.specs th > span,
.specs td { font-weight:bold; }
.specs td:nth-child(2n),
.specs th:nth-child(2n) { background-color:#f3f3f3; }
.specs thead > tr { width:100%; }
.specs tbody > tr { width:50%; }*/
/*.specs */
/*.specs tr { float:left; }*/

.reviews h5 {
	margin-top:18px!important;
}
.reviews h5,
.resources h5 {
	color:white!important;
	font-size:16px!important;
	padding:.75em 0!important;
	text-align:center;
	background-color:#0096db;
	width:1010px!important;
	position:relative;
	margin-bottom:0!important;
	text-indent:7px;
}
#reviews .Sorting {
	float:right!important;
	padding:.875em;
	background-color:white;
	height:50px;
}
#reviews .Link {
	width:50%;
	float:left;
	margin:0;
	padding:1em;
	background-color:white;
	clear:none!important;
	height:50px;
}
#reviews table {
	background-color: white;
	width:100%!important;
}
#reviews tr {
	/*width:;*/
}
#reviews td {
	width:50%;
}
#reviews .Paging {
	background-color:white;
	padding-bottom:.5em;
	margin:0!important;
}
.resources > .group {
	clear:left;
}
.resources > .group > a {
	display: block;
	background-color:white;
	padding:20px 16px;
}
.resources > .group > ul {
	background-color:white;
	margin-top:0;
	margin-bottom:0!important;
	padding:20px 70px 0!important;
}
.resources li { min-height:0 !important; }
.resources li:first-child { margin-left:0; }
.resources li:nth-child(5n) { margin-right:0; }
.reviews h5:before, .reviews h5:after,
.resources h5:before,
.resources h5:after,
#detailtabs .specs .detailstab-label:before,
#detailtabs .specs .detailstab-label:after {
	content:'';
	position:absolute;
	right:0;
	width:0;
}
.reviews h5:before,
.resources h5:before,
#detailtabs .specs .detailstab-label:before {
	top:1px;
	border-top:.875em solid transparent;
	border-left:.875em solid #0096db;
}
.reviews h5:after,
.resources h5:after,
#detailtabs .specs .detailstab-label:after {
	bottom:0;
	height:1.5em;
	width:14px;
	background-color:#0096db;
	display:block;
}
.reviews h5:before, .reviews h5:after,
.resources h5:before,
.resources h5:after { right:-.875em; }
.reviews h5:after,
.resources h5:after { height:1.7em; }

#reviews .ReviewItem {
	padding:0 4px 10px 4px !important;
	vertical-align: top;
}
#reviews .ReviewItem .StarRating {
	margin:0 !important;
}
#reviews .ReviewItem .date {
	margin-left:12px;
}
#reviews .ReviewItem .Subject {
	margin-top:5px;
}

/* Category Page */
#visual-filter {
	width:768px;
	display:table;
	float:right;
	clear:right;
}
#visual-filter a {
	display:table-cell;
	text-decoration:none;
}
#visual-filter figure { position:relative; z-index:100; }
#visual-filter a > div {
	position:relative;
	z-index:100;
	top:1em;
}
#visual-filter a.on > div:after {
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-15px;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 20px solid rgb(0, 150, 219);
	z-index: 200;
}
#visual-filter a.on > div,
#visual-filter a:hover > div {
	top:0;
}

#visual-filter.on a h3,
#visual-filter:hover a h3 {
	color:rgba(255,255,255,.5);
	background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
    zoom: 1;
}
#visual-filter.on a img,
#visual-filter:hover a img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
    zoom: 1;
	opacity:.5;
}
#visual-filter a.on img,
#visual-filter a:hover img{
	opacity:1;
}
#visual-filter a.on h3,
#visual-filter a:hover h3{
	color:white;
}
#visual-filter h3 {
	font-size:1.128em;
	font-family:"Trade Gothic W02 Cn 18", sans-serif;
	text-align:center;
	color:white
}
#visual-filter img {
	display:block;
	margin:0 auto;
}
.productgrid .grid { padding: 0 02px !important;}
.productgrid .grid .gridprodtxt > a { display:block; text-decoration:none; }
.productgrid .grid > table { table-layout: fixed; border-left:20px solid white; border-right:20px solid white;}
.productgrid .gridcell { height:393px !important;}
.productgrid .gridprodimg { display: block; position:relative; height:212px !important; width:212px !important;}
.productgrid .gridprodimg > img { display: block; }
.productgrid .grid .flags { height:24px; margin-bottom: 5px; }
.productgrid .grid .flags img { vertical-align: top; }
.productgrid .ProductButtons {
	text-align: center;
	display:none;
	top:0; left:0;
	bottom:auto;
	height:100%;
	width:100%;
	background-color:rgba(255,255,255,.8);
}
.productgrid .ProductButtons ul { margin-top:60px; display: inline-block; }
.productgrid .ProductButtons li { width:111px; }
.productgrid .ProductButtons li:nth-child(2) > a {
	background-color:#333!important;
	color:white!important;
}
.productgrid .ProductButtons li:nth-child(2) > a:hover {
	background-color:#444!important;
}
.overlay { position:relative; }
.overlay:hover .ProductButtons { display: block; }

.detailstab-label { font-family:"TradeGothicW02-BoldCn20 675505", sans-serif;}

.gridcell .flags table { width:100%; }
.gridcell .flags tr { display:block; font-size:0; }
.gridcell .flags td { display:inline; }

#productfilter #keyword li { padding-right:8.5%;}


.group > h5 { margin-top: 18px !important; }

/* @end */

/* @group ACCOUNT LOGIN */
#login > header {height: auto; margin-top: 75px; margin-bottom: 14px; position: relative;}
#login .breadcrumb {top: -45px;}

#login section {background-color: rgba(0, 0, 0, .6); border: 10px solid #0096db; padding: 30px; width: 100%;}
#login h1 {display: none; font-size: 3.125em; line-height: 1em; z-index: 200;}
#login h2 {font-family: "Aachen W01 Medium"; font-size: 1.875em; line-height: 1.13333em; margin-bottom: 1.5em;}
#login p {font-size: .875em;}
#login p a {color: #0096db; text-decoration: none;}

/*--- EXISTING ACCOUNT ---*/
#login .existingaccount {border-right: 1px solid #fff; float: left; margin-right: 50px; margin-bottom: 30px; padding-right: 25px; width: 41%;}
#login .existingaccount dl {padding: 0;}
#login .existingaccount dt, #login .existingaccount dd {margin-bottom: 8px; margin-left: 0;}
#login .existingaccount dt {color: #fff; font-size: 0.875em; line-height: 1em;}
#login .existingaccount dt label {font-size: 1em;}
#login .existingaccount dd {margin-bottom: 20px;}
#login .existingaccount dd input[type="text"], #login .existingaccount input[type="password"] {font-size: 1em; padding: 5px; width: 85%;}

/*--- NEW ACCOUNT ---*/
#login .newaccount {float: left; margin-bottom: 30px; width: 41%;}
#login .newaccount p {font-size: 1.125em; font-weight: bold; margin-bottom: 0; width: 100%;}
#login .newaccount ul {margin-top: 5px; margin-bottom: 2em; padding-left: 0;}
#login .newaccount li {color: #fff; font-size: .875em; line-height: 1.71429em; list-style-position: inside;}

#login .guest {border-top: 1px solid #fff; clear: both; padding-top: 30px;}
/* @end */

/* @group ACCOUNT */
/*--- REGISTER ---*/
#account > header {background: #fff; height: auto; margin-top: 75px; position: relative;}
#account .breadcrumb {top: -45px;}
#account h1 {background: #fff; color: #323232; font-size: 1.875em; line-height: 2.16667em; margin-bottom: 0; padding: 0 40px; z-index: 200;}

#account section {background-color: #fff; min-height: 335px; /*padding: 35px;*/ width: 100%;}
#account section .colgroup {border-top: 1px solid #323232; margin: 0 40px 40px; overflow: auto; width: 92.2%;}
#account section h2 {color: #333; font-family: "Aachen W01 Medium"; font-size: 1.375em; line-height: 1.13333em; margin-bottom: 1em;}
#account section p {font-size: .875em;}
#account section p a {color: #0096db; text-decoration: none;}

/*#account section .col {float: left; margin: 25px 0 0; width: 48.5%;}
#account section .col:first-child {border-right: 1px solid #323232; margin-right: 3%; padding-right: 25px;}*/
/*#account section .col dl {padding: 0;}
#account section .col dt, #main #login section .col dd {margin-bottom: 8px; margin-left: 0;}
#account section .col dt {font-size: 0.875em; line-height: 1em; clear: both; display: block; float: left; margin-right: 2%; margin-bottom: 8px; width: 30%;}
#account section .col dt label {font-size: 1em;}
#account section .col dd label {font-size: .875em;}
#account section .col dd {float: left; margin-bottom: 15px; margin-left: 0; width: 68%;}
#account section .col dd input[type="text"], #create section .col input[type="password"], #create section .col input[type="email"] {font-size: 1em; padding: 5px; width: 100%;} */
#account section .col p {color: #323232; font-size: 1em; margin-top: 0;}
#account section .col > p:first-child {margin-top: 0;}
#account section .col ul {margin-top: 5px; padding-left: 0;}
#account section .col li {font-size: .875em; line-height: 1.71429em; list-style-position: inside;}

/*--- SUMMARY ---*/
#account section .col {border-left: 1px solid #323232; float: left; margin-left: -1px; margin-top: 25px; padding-left: 25px; width: 30%;}
#account section .col:first-child {border-right: 1px solid #323232; padding-left: 0; padding-right: 25px; width: 70%;}
.acctinfo {border-top: 1px solid #323232; clear: both; height: auto; margin-bottom: 20px; overflow: auto; padding-top: 20px; width: 100%;}
#account.flip section .col {width: 70%;}
#account.flip section .col:first-child {width: 30%;}

#account section .col .acctinfo h2 {margin-bottom: .75em;}
#account section .col .acctinfo p {font-size: .875em;}
#account section .col .acctinfo a {color: #0096db;}
#account section .col .acctinfo a.btn {color: #fff; font-size: .875em; padding: 0 10px;}
p + .acctinfo, .col > .acctinfo:first-child {border-top: none; padding-top: 0;}

.acctinfo table {margin-top: 1em;}
.acctinfo td {font-size: .875em;}
#account section .col .acctinfo .aactions a {font-size: 0.785714em; font-weight: bold; margin-left: 5px; text-transform: uppercase;}

.acctinfo.addresses .aname {width: 18%;}
.acctinfo.addresses .aship {width: 12%;}
.acctinfo.addresses .abill {width: 12%;}
.acctinfo.addresses .aaddr {width: 40%;}
.acctinfo.addresses .aactions {width: 18%;}

.contactinfo dl {font-size: .875em;}
.contactinfo dt {}
.contactinfo dd {margin-bottom: 1em; margin-left: 0;}

.socialconnect li {list-style: none; margin-bottom: .285714em;}
.socialconnect .social {overflow: auto;}
.socialconnect .social > span {display: block; margin-bottom: 10px;}
.socialconnect a {color: #323232;}

/* @end */

/* @group PRODUCT DETAILS */
#detail header .actions .btn {width: 96%;}

.OutOfStockMsg
{
font-size: 14px;
color: red;
}

/*--- DETAIL TABS ---*/
#detailtabs {margin-bottom: 20px;}
#detailtabs .nav-tabs {border-bottom: 6px solid #0096db; margin-bottom: 0; padding: 0;}
#detailtabs .nav-tabs > li {margin-bottom: 0; width: 30%;}
#detailtabs .nav-tabs.tri > li {width: 33%;}
#detailtabs .nav-tabs.tri > li:nth-child(2) {margin: 0 .5%;}
#detailtabs .nav-tabs > li > a {background: url("/Themes/Channellock/Images/txt-bg-gray-back.png") -928px bottom no-repeat; border: none; border-radius: 0; color: #323232; font: 1em/2.3125em "TradeGothicW02-BoldCn20 675505"; margin: 0; padding: 0; text-align: center; text-decoration: none; text-transform: uppercase;}
#detailtabs .nav-tabs > .active > a, #detailtabs .nav-tabs > .active > a:hover, #detailtabs .nav-tabs > .active > a:focus {background-image: url("/Themes/Channellock/Images/txt-bg-blue-back.png"); color: #fff;}
#detailtabs .nav-tabs > li > a h3 {font: 1em/2.3125em "TradeGothicW02-BoldCn20 675505"; margin: 0;}
#detailtabs .nav-tabs > li > a h3 {color: #323232;}
#detailtabs .nav-tabs > li > a:hover h3, #detailtabs .nav-tabs > li > a:active h3 {color: #0096db;}
#detailtabs .nav-tabs > .active > a h3, #detailtabs .nav-tabs > .active > a:hover h3, #detailtabs .nav-tabs > .active > a:focus h3 {color: #fff;}

#detailtabs .tab-content {background-color: #fff;}
#detailtabs .col {background-image: none; padding: 25px 27px 0 26px;}
#detailtabs .col:nth-child(2) {}
#detailtabs .col > img {background: #f3f3f3; display: block; height: 160px; width: 285px;}
#detailtabs .col h5 {font-size: 1.125em; line-height: 1.11111em;}
#detailtabs .col p {color: #323232; font-size: 0.875em; line-height: 1.42857em;}

#detailtabs .specs .col, #detailtabs .reviews .col {width: 100%;}

/*--- SPECS TAB ---*/
/*.specs table {background: #fff; border-collapse: collapse; font-size: 11px; table-layout: fixed; text-align: center; width: 100% !important;}
/*.specs table col, .specs table tr, .specs table td, .specs table th {height: auto !important; width: auto !important;}
/*.specs td, .specs th {border: 1px solid #aaa; line-height: 12px; padding: 5px 10px; vertical-align: bottom;}
.specs th {font-weight: normal}
.specs th span:after {content: ". ";}
.specs td span, .specs th span, .specs td strong, .specs th strong {color: #000;}
.specs td dl {display: block; overflow: auto; padding: 0; text-align: center;}
.specs td dt, .specs td dd {float: none; margin-left: 0; margin-bottom: 0; min-height: 0; width: 100%; overflow: hidden;}
.specs td dt {display: none;}
.specs td strong span, .specs th strong span {text-transform: capitalize;}*/
.specs p {margin-bottom: 0;}

/*--- REVIEWS TAB ---*/
#reviews {float:left;/*margin-left: 10px; margin-right: 0; width: 380px; color: #646464; font-size: 12px;*/}
#reviews .toggle-panel {width:1024px;}
#reviews .TitleStyle {color: #0096db; float: left; font-size: 1.125em; line-height: 1.11111em; margin-bottom: 10px; margin-top: 0; padding: 0; width: 50%;}
#reviews .Sorting {float: left; text-align: right; width: 50%;}
#reviews .Link {clear: both; font-size: 12px; text-align: left;}
#reviews .AlignRight {text-align: right;}
#reviews .ItemStyle {}
#reviews .ReviewItem {padding: 10px 0; text-align: left;}
#reviews .ReviewItem .Title {font-size: 13px; margin-bottom: 5px; padding: 0 10px;}
#reviews .ReviewItem .Title .Subject {color: #323232; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin-bottom: 0; padding: 0;}
#reviews .ReviewItem .Title .date {}
#reviews .ReviewItem .Text {font-weight: bold; padding-top: 5px; padding-bottom: 5px; text-transform: capitalize;}
#reviews .ReviewItem .ReviewContent {margin-top: 5px; margin-bottom: 5px; margin-left: 10px;}
#reviews .ReviewItem .StarRating {margin: 5px 0; text-align: left;}
#reviews .ReviewItem .ReviewContent .Row {clear: both; font-size: 12px; margin-top: 5px; text-align: left;}
#reviews .ReviewItem .ReviewContent .Row .FieldStyle {color: #646464; font-size: 12px; font-weight: bold; margin-bottom: 5px;}
#reviews .ReviewItem .ReviewContent .Row .ValueStyle {font-size: 12px; margin-left: 10px; margin-bottom: 5px;}
#reviews .Paging {font-size: 12px; margin-top: 20px; margin-bottom: 0; text-align: center;}
#reviews .Paging a {cursor: pointer; text-decoration: underline;}
#reviews .Spacer {margin-bottom: 5px;}

/*--- RELATED ---*/
#detail #related {margin-bottom: 20px;}
#detail #related h3 {background: url("/Themes/Channellock/Images/txt-bg-red-back.png") -241px bottom no-repeat; border: none; border-radius: 0; color: #fff; font: 1.375em/1.68182em "Aachen W01 Medium"; height: 37px; margin: 0; padding: 0; text-align: center; text-decoration: none; text-transform: uppercase;}
#detail #related .colgroup {background-color: #fff; overflow: auto;}
#detail #related .col {background-image: none; padding: 25px 27px 0 26px;}
#detail #related .col > img:first-child {width: 100%;}
#detail #related .col h5 {font-size: 1.125em; line-height: 1.11111em;}
#detail #related .col p {color: #323232; font-size: 0.875em; line-height: 1.42857em;}
#detail #related .productgrid {background-color: #fff; padding: 0 20px; width: 100%;}
/* @end */

/* @group HISTORY */
@media screen and (min-width:760px) {
	#history {background: url("/Themes/Channellock/Images/history-bg.png") no-repeat 147px 410px transparent;}
}
.lt-ie9 #history {background: url("/Themes/Channellock/Images/history-bg.png") no-repeat 147px 410px transparent;}
#history > header {height: auto; margin-top: 75px; margin-bottom: 14px; position: relative;}
#history .breadcrumb {top: -45px;}
#history h1 {background: url("/Themes/Channellock/Images/txt-bg-photo1.png") right bottom no-repeat transparent; font-size: 3.125em; line-height: 1.6em; margin-bottom: 0; padding-left: 20px; z-index: 200;}
#history section h2 {font-family: "Aachen W01 Medium"; font-size: 3.125em; line-height: 1em; margin: 0.35em 0; width: 90%;}
#history section h2 + h3 {background-color: #0096db; display: inline-block; font-family: "Trade Gothic W02 Cn 18"; font-size: 1.875em; line-height: 1.46667em; padding: 0 9px;}
#history section h3 + p {width: 75%;}
#history header .hdrtxt > p, #history header .hdrtxt li {color: #fff; float: none; font-size: 0.875em; line-height: 1.28571em; width: 85%;}
#history header .hdrtxt ul {padding-left: 15px;}
#history header p a {display: inline-block;}
#history header .btn {font-size: 1em; line-height: 1.875em; min-width: 80px; padding: 0 25px; text-align: center;}

#history .sidebar {margin-right: 3%;}
#history .content {width: 80.4%;}
#history .content h2 + p {margin-top: 0; width: 80%;}
#history .content #timeline {height: 1732px; margin-top: 2em; position: relative; width: 100%;}
#history .note {z-index: 500;}
#history .note div {background: url("/Themes/Channellock/Images/history-popup-bg.png") no-repeat -210px bottom transparent; display: none; height: 110px; padding: 20px 20px 32px; position: absolute; width: 210px;}

#history .hotspot {display: block; height: auto; position: absolute; text-decoration: none; width: auto; z-index: 250;}
#history .hotspot .icon {background-color: #0096db; color: #fff; display: inline-block; height: 25px; text-align: center; width: 25px; z-index: 250;}
#history .hotspot .year {color: #fff; display: inline-block; font-family: "Aachen W01 Medium"; font-size: 1em; line-height: 1em; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); z-index: 250;}

/*--- 1. 1886 ---*/
#timeline #hotspot01btn .year {display: none;}
/*--- 2. 1893 ---*/
#timeline #hotspot02btn {left: 270px; top: 450px;}
#timeline #hotspot02btn .year {font-size: 1.5625em;}
/*--- 3. 1902 ---*/
#timeline #hotspot03btn {left: 485px; top: 200px;}
#timeline #hotspot03btn .year {float: left; font-size: 2.1875em; margin-right: 10px;}
/*--- 4. 1904 ---*/
#timeline #hotspot04btn {left: 600px; top: 560px;}
#timeline #hotspot04btn .year {font-size: 3.3125em;}
/*--- 5. 1911 ---*/
#timeline #hotspot05btn {left: 310px; top: 756px;}
#timeline #hotspot05btn .year {font-size: 1.875em;}
/*--- 6. 1923 ---*/
#timeline #hotspot06btn {left: 610px; top: 790px;}
#timeline #hotspot06btn .year {font-size: 1.5625em;}
/*--- 7. 1933 ---*/
#timeline #hotspot07btn {left: -10px; top: 880px;}
#timeline #hotspot07btn .year {float: left; font-size: 3.25em; margin-top: 20px; margin-right: 10px;}
/*--- 8. 1950 ---*/
#timeline #hotspot08btn {display: none; left: 500px; top: 1100px;}
#timeline #hotspot08btn .year {font-size: 3.125em;}
/*--- 9. 1963 ---*/
#timeline #hotspot09btn {left: 250px; top: 1090px;}
#timeline #hotspot09btn .year {float: left; font-size: 1.875em; margin-right: 10px;}
/*--- 10. 1980 ---*/
#timeline #hotspot10btn {left: 590px; top: 1115px;}
#timeline #hotspot10btn .year {float: left; font-size: 1.5625em; margin-right: 10px;}
/*--- 11. 1984 ---*/
#timeline #hotspot11btn {left: 28px; top: 1165px;}
#timeline #hotspot11btn .year {float: left; font-size: 2.1875em; margin-right: 10px;}
/*--- 12. 1993 ---*/
#timeline #hotspot12btn {left: 390px; top: 1290px;}
#timeline #hotspot12btn .year {font-size: 1.5625em; position: relative; top: 30px;}
/*--- 13. TODAY ---*/
#timeline #hotspot13btn {left: 485px; top: 1490px;}
#timeline #hotspot13btn .year {display: none;}

.lt-ie9 #timeline .modal.fade {top: -45%;}
#timeline .modal.fade.in {top: 25%;}
.lt-ie9 #timeline .modal.fade.in {top: 35%;}
#timeline .modal {background-color: rgba(0, 0, 0, 0.6); border: 10px solid #0096DB; border-radius: 0; padding: 30px;}
.lt-ie9 #timeline .modal {background: transparent; filter :progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1;}
#timeline .modal-header {border-bottom: none; padding: 0;}
#timeline .modal-header h3 {font-size: 1.5em;}
#timeline .modal-header button.close {color: #fff; font-size: 1em; margin-top: 0; opacity: 1; position: relative; right: -10px; text-shadow: none; top: -15px;}
#timeline .modal-body {max-height: 400px; padding: 0;}
#timeline .modal-body p, #timeline .modal-body li {color: #fff; font-size: .875em; line-height: 1.28571em;}
/* @end */

/* @group FACTORY TOUR */
#factory .sidebar {margin-right: 3%;}
#factory .content {background: transparent; width: 80.4%;}
#factory > header {height: auto; margin-top: 75px; margin-bottom: 14px; position: relative;}
#factory .breadcrumb {top: -45px;}
#factory h1 {background: url("/Themes/Channellock/Images/txt-bg-photo1.png") -930px bottom no-repeat transparent; font-size: 3.125em; line-height: 1.6em; margin-bottom: 0; padding-left: 20px; z-index: 200;}
#factory h2 {font-family: "Aachen W01 Medium"; font-size: 3.125em; line-height: 1.5em;}
#factory .content h2 + p {margin-top: 0; width: 85%;}
#factory header .hdrtxt > p, #factory header .hdrtxt li {color: #fff; float: none; font-size: 0.875em; line-height: 1.28571em; width: 85%;}
#factory header .hdrtxt ul {padding-left: 15px;}
#factory header p a {display: inline-block;}
#factory header .btn {font-size: 1em; line-height: 1.875em; min-width: 80px; padding: 0 25px; text-align: center;}

/*--- TOUR ---*/
#factory #tour {margin: 20px 0; width: 100%;}
#factory #tour h3 {font-size: 1.5em;}
#factory #tour p {font-size: .875em; line-height: 1.28571em;}
#factory #tour #tourplayer {background-color: #0D1214; background-color: rgba(0, 0, 0, 0.6); overflow: hidden;}
#factory #tour #tourplayer figure {display: none; margin: 0; padding: 0; width: 824px; overflow: hidden;}
#factory #tour #tourplayer figure#one-video {display: block;}
#factory #tour #tourplayer video {float: left; height: 330px; width: 585px;}
#factory #tour #tourplayer .mejs-video {float: left;}
@media all and (min-width:760px) {
	#factory #tour #tourplayer .mejs-video {height: 330px !important; width: 585px !important;}
}
.lt-ie9 #factory #tour #tourplayer .mejs-video {height: 330px !important; width: 585px !important;}
#factory #tour #tourplayer figcaption {float: left; height: 328px; width: 239px;}
#factory #tour #tourplayer figcaption > div {height: 293px; overflow: auto; padding: 25px; width: 100%;}
#factory #tour #tourplayer figcaption ul {clear: both; margin: 0; overflow: auto; padding: 0;}
#factory #tour #tourplayer figcaption li {float: left; font-family: 'Aachen W01 Medium'; height: 35px; list-style: none; text-align: center; text-transform: uppercase; width: 48%;}
#factory #tour #tourplayer figcaption li a {font-family: "Aachen W01 Medium"; width: 100%;}
#factory #tour #tourplayer figcaption li a:active {background-color: #000;}
#factory #tour #tourplayer figcaption li:first-child {margin-right: 4%;}
#factory #tour #tourplayer figcaption .back a {background: url('/Themes/Channellock/Images/tour/back_icn.png') no-repeat 27px 13px #0096db; display:none; margin-right: 4%; padding-left: 25px;}
#factory #tour #tourplayer figcaption .next a {background: url('/Themes/Channellock/Images/tour/next_icn.png') no-repeat 80px 13px #0096db; padding-right: 25px;}

#factory #tour #tournav {background-color: #0D1214; background-color: rgba(0, 0, 0, 0.6); clear: both; margin-top: 10px; overflow: auto;}
#factory #tour #tournav ul {margin: 0; overflow: auto; padding: 0 0 0 10px;}
#factory #tour #tournav ul li {float: left; list-style: none; margin-right: 3px;}
#factory #tour #tournav a {display: block;}
#factory #tour #tournav a:active {color: white;}
#factory #tour #tournav a img {color: #fff; display: block; height: 150px; opacity: .5; overflow: visible; text-align: center;}
#factory #tour #tournav a:active img, #factory #tour #tournav li.on img {background-position: left -150px; opacity: 1;}

#factory #tour #tournav #one img {background-image: url('/Themes/Channellock/Images/tour/tour-nav1.png'); width: 86px;}
#factory #tour #tournav #two img {background-image: url('/Themes/Channellock/Images/tour/tour-nav2.png'); width: 97px;}
#factory #tour #tournav #three img {background-image: url('/Themes/Channellock/Images/tour/tour-nav3.png'); width: 78px;}
#factory #tour #tournav #four img {background-image: url('/Themes/Channellock/Images/tour/tour-nav4.png'); width: 87px;}
#factory #tour #tournav #five img {background-image: url('/Themes/Channellock/Images/tour/tour-nav5.png'); width: 110px;}
#factory #tour #tournav #six img {background-image: url('/Themes/Channellock/Images/tour/tour-nav6.png'); width: 95px;}
#factory #tour #tournav #seven img {background-image: url('/Themes/Channellock/Images/tour/tour-nav7.png'); width: 101px;}
#factory #tour #tournav #eight img {background-image: url('/Themes/Channellock/Images/tour/tour-nav8.png'); width: 129px;}


/* @end */

/* @group BLOG */

#blog {height: auto; margin-bottom: 60px !important; overflow: auto; position: relative;}

#blog input[type="button"], #blog input[type="submit"] {background: #0096db; border: none; color: #fff; display: inline-block; font: 1em/2.1875em "TradeGothicW02-BoldCn20 675505"; margin-top: 1em; min-width: 80px; padding: 0 15px; text-align: center; text-decoration: none; text-transform: uppercase;}
#blog input[type="button"]:hover, #blog input[type="submit"]:hover {background: #33abe2;}
#blog input[type="button"]:active, #blog input[type="submit"]:active {background: #0087c5;}
#blog input[type="text"], #blog input[type="password"] {width: 250px !important;}

/*--- BLOG HEAD ---*/
#blog .breadcrumb {top: -45px;}
#blog > header {height: auto; margin-bottom: 14px; margin-top: 75px; position: relative;}
#blog h1 {background: url("/Themes/Channellock/Images/txt-bg-photo1.png") no-repeat right bottom transparent; font-size: 3.125em; line-height: 1.6em; margin-bottom: 0; padding-left: 20px; z-index: 200;}

/*--- BLOG CONTENT (844px)---*/
#blog section.content {background: #fff; padding: 25px; width: 82.4219%;}
#blog section.content .section {border-top: 1px solid #323232; margin-top: 11px; min-height: 335px; padding-top: 20px; width: 100%;}
#blog section.content h1 {display: none;}
#blog section.content h2 {color: #333; font: normal 1.875em/1.06667em "Aachen W01 Medium"; margin-bottom: 0.5em;}
#blog section.content h2 a {color: #333; text-decoration: none;}
#blog section.content p {color: #333; font-size: .875em;}
#blog .posts {/*width: 85%;*/}
#blog .post > * {width: 85%;}
#blog .post {border-bottom: 1px solid #323232; margin-bottom: 20px; /*padding: 5px 10px 20px;*/ padding-bottom: 20px;}
#blog .post .descr {margin-bottom: 5px;}
#blog .post .ratingcontainer {display: none;}
#blog .post .postcontent {clear: both; padding-top: 0.5em;}
#blog .post .postfooter dl {font-size: 0.75em; margin-top: 2em; text-transform: uppercase;}
#blog .post .postfooter dt {display: inline-block; font-size: 11px; font-weight: bold; text-transform: uppercase; width: 15%;}
#blog .post .postfooter dd {display: inline-block; font-size: 11px; margin-left: 0; text-transform: uppercase; width: 70%;}
#blog .post .postfooter dd a {margin: 0 4px;}

/*--- BLOG SEARCH ---*/
#blog #blogsearch {overflow: auto;}
#blog #blogsearch #searchbox {float: right; height: 35px; width: 500;}
#blog #blogsearch #searchfield {border: 1px solid #919191; color: #666; float: left; font: 16px/16px Arial, Helvetica, sans-serif; height: 31px; margin: 0 3px 0 3px; padding: 4px; position: relative; width: 230px;}
#blog #blogsearch #searchbutton {background: #d31245; border: none; color: #fff; cursor: pointer; float: right; font: 1em/1em 'TradeGothicW02-BoldCn20 675505'; height: 31px; margin: 0; outline: none; overflow: visible; text-shadow: none; text-transform: uppercase; width: 108px;}
#blog #blogsearch #searchbutton:hover, #blog #blogsearch #searchbutton:active {background: #bd103e;}
#blog #blogsearch h3, #blog #blogsearch #searchcomments, #searchcomments + label {display: none;}
#blog .searchpage.post {border-bottom: none; margin-bottom: 0; padding: 5px 10px 20px;}
#blog .searchpage ul.paging {border-top: 1px solid #323232; list-style-type: none; margin: 2em 0 0; padding: 1em 0 0;}
#blog .searchpage ul.paging li {display: inline; /*border: 1px solid gray; background: #f1f1f1;*/ margin-right: 5px;}
#blog .searchpage ul.paging li.active {font-weight: bold;}
#blog .searchpage ul.paging li a {padding: 5px 8px; text-decoration: none;}
/*#blog .searchpage ul.paging li.active {background: #f1f1f1; border: 1px solid #000;}*/

#blog #searchpage {display: none;}
#blog input#q {width: 50%;}
#blog .searchresult {margin-top: 1.5em; width: 80%;}
#blog .searchresult .type, #blog .searchresult .url {display: none;}
#blog .social {float: left; margin-top: 5px; overflow: auto; width: 50%;}
#blog .social .stButton .stFb, #blog .social .stButton .stTwbutton, #blog .social .stButton .stMainServices {height: 26px;}
#blog .social .stButton .stButton_gradient {height: 22px;}
#blog .post .social {width: 100%;}

#blog #blogadminlogin td {padding-right: 1em; padding-bottom: 1em;}
#blog #blogadminlogin label {font-weight: bold;}
/*#blog #blogadminlogin input[type="text"] {width: 250px !important;}*/
#blog #blogadminlogin input[type="checkbox"] {margin-right: 8px;}
#blog #blogadminlogin input[type="checkbox"] + label {font-weight: normal;}

/*--- BLOG SIDEBAR (169px - 11px gutter) ---*/
#blog .sidebar .content {width: 100%;}
#blog .sidebar .widgetzone {background: transparent; margin-bottom: 0; overflow: auto; padding: 0;}
#blog .sidebar .widgetzone ul, #blog .sidebar .widget ul {list-style: none; padding: 0;}
#blog .sidebar .widgetzone ul ul, #blog .sidebar .widget ul ul {margin-top: 0;}

#blog .sidebar .widget ul {margin: 8px 0 0;}
#blog .sidebar .widget.recentposts ul li {border: none; margin-bottom: 15px; text-transform: none;}
#blog .sidebar .widget.recentposts ul li a {color: #333; display: block; font: 13px/15px Arial, Helvetica, sans-serif; margin-bottom: 0; text-decoration: none;}

#blog .sidebar .widget ul {border: none;}
#blog .sidebar .widget li {border: none;}
#blog .sidebar .widget li a {color: #323232; display: block; font: .8125em/1.53846em Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none;}
#blog .sidebar .widget .year {border-bottom: 1px solid #d6d6d6; color: #333; font-family: 'TradeGothicW02-BoldCn20 675505'; font-size: 16px; margin-bottom: 15px; padding-bottom: 10px;}
#blog .sidebar .widget .year:last-child {border-bottom: none;}
#blog .sidebar #blogadmin {font-size: .75em; font-weight: bold; text-transform: uppercase;}

/*#blog .sidebar .widget ul#categorylist li a:first-child {display: none;}*/

#blog .sidebar .aboutnav {background: #fff; margin-bottom: 10px; padding: 8px 15px;}
#blog .widget {background: #fff; margin-bottom: 10px; overflow: auto; padding: 15px;}

.widgetzone .delete, .widgetzone .edit, .widgetzone .move {background: #333; color: #fff; display: inline-block; font-size: 12px; line-height: 1em; margin-bottom: 1em; margin-right: 5px; padding: 2px 4px; text-decoration: none; text-transform: uppercase;}
#blog .sidebar .clear {display: none;}
#blog .widgetselector {margin-top: 1em;}
/*#blog .widgetselector + input[type="button"] {background: #0096db; border: none; color: #fff; display: inline-block; font: 1em/2.1875em "TradeGothicW02-BoldCn20 675505"; margin-top: 1em; min-width: 80px; padding: 0 15px; text-align: center; text-decoration: none; text-transform: uppercase;}
#blog .widgetselector + input[type="button"]:hover {background: #33abe2;}
#blog .widgetselector + input[type="button"]:active {background: #0087c5;}*/
#blog #postPaging a {font-weight: bold; text-decoration: none; text-transform: uppercase;}

/* @end */

/* @group PRESS ROOM */
#pressroom {height: auto; margin-bottom: 60px !important; overflow: auto; position: relative;}
#pressroom .breadcrumb {top: -45px;}
#pressroom > header {height: auto; margin-bottom: 14px; margin-top: 75px; position: relative;}
#pressroom h1 {background: url("/Themes/Channellock/Images/txt-bg-photo1.png") no-repeat -870px bottom transparent; font-size: 3.125em; line-height: 1.6em; margin-bottom: 0; padding-left: 20px; z-index: 200;}

#pressroom .sidebar .presscontacts p {color: #333; font-size: .875em; font-family: "Trade Gothic W02 Cn 18";}
#pressroom .sidebar .presscontacts p strong {font-family: "TradeGothicW02-BoldCn20 675505"; font-weight: normal;}

#pressroom .content {background: #fff; padding: 25px;}
#pressroom .content h2 {color: #333; font: normal 1.875em/1.06667em "Aachen W01 Medium"; margin-bottom: 0.5em;}
#pressroom .content h3 {color: #333; font: normal 1.5em/1em "Aachen W01 Medium"; margin-bottom: 0.5em; text-transform: none }
#pressroom .content p {color: #333; font-size: .875em;}
#pressroom .content #prfeature {border-bottom: dotted #fff 3px; margin-bottom: 20px; padding-bottom: 20px; width: 85%;}
#pressroom .content #prfeature .prboiler {font-style: italic;}
#pressroom .content #prarchive {padding-right: 0px; padding-bottom: 0;}
#pressroom .content #prarchive h3 {border-bottom: 1px solid #d6d6d6; color: #cd1141; font-family: 'TradeGothicW02-BoldCn20 675505'; font-size: 1.25em; padding-bottom: 13px;}
#pressroom .content #prarchive ul {height: 500px; list-style: none; overflow-y: scroll; padding-left: 0;}
#pressroom .content #prarchive li {float: left; height: 120px; margin-bottom: 15px; overflow: hidden; padding-right: 30px; width: 50%;}
#pressroom .content #prarchive img.pullimage90 {background-color: #e9e9e9; display: block; float: left; height: 100px; margin-right: 15px; width: 100px;}
#pressroom .content #prarchive h4 {color: #333; font: normal 1em/1em 'TradeGothicW02-BoldCn20 675505'; margin-bottom: .65em;}
#pressroom .content #prarchive .prdate {display: none;}
#pressroom .content #prarchive .btn {font-size: 0.75em;}
/* @end */

/* @group VIDEOS */
#videos.sub h1 {background-position: -920px;}
#videos .content ul {padding-left: 2px;}
#videos .content li {display: inline-block; list-style: none; margin: 0 12px 45px 12px; padding: 0; vertical-align: top; width: 239px;}
#videos .content li a {border: 2px solid #0096db; display: block; height: 144px; margin-bottom: 16px; position: relative; width: 239px;}
#videos .content li a span {background: url(/Themes/Channellock/Images/video/video-button-overlay.png) no-repeat; height: 140px; left: 0; position: absolute; top: 0; width: 235px;}
#videos .content li h2, #videos .content li p {width: 90%;}
#videos .content li h2 {font-family: 'TradeGothicW02-BoldCn20 675505'; font-size: 1.25em; -webkit-font-smoothing: antialiased; font-weight: normal; line-height: 1.19em; margin: 0; text-transform: uppercase;}
#videos .content li p {font-size: .75em; margin: 0;}
.modal.fade.in {top: 10%;}
.modal-backdrop {z-index: 3011;}
.modal, .modal-dialog {background-color: #fff; padding: 10px; z-index: 3015;}
.modal {border-radius: 0;}
.modal button.close {z-index:5000; color: #323232; display: block; font-family: "Trade Gothic W02 Cn 18", Arial, Helvetica, Sans-serif; font-size: 35px; height: 35px; opacity: 1; filter: alpha(opacity=100); position: absolute; right: 10px; top: 0px;}
.modal button.close:before {content:'\00D7';}
.video-container {height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative;}
.video-container iframe, .video-container object, .video-container embed {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
/* @end */


/* @group STORE LOCATOR */
#storelocator header {height: auto; margin-bottom: 14px; margin-top: 75px;}
#storelocator section {background-color: #fff;}
#storelocator section > div {margin: 0 40px 40px; overflow: auto; position: relative; width: 92.2%;}
#storelocator h1 {background: url("/Themes/Channellock/Images/txt-bg-photo2.png") no-repeat -867px bottom transparent; color: #fff; font-size: 3.125em; line-height: 1.6em; margin-bottom: 0; padding-left: 20px;}
#storelocator h2 {color: #333; font: 1.875em/1em "Aachen W01 Medium"; margin: 1em 0 .4em;}
#storelocator section p {font-size: 1em; margin-bottom: 1.25em; margin-top: 0;}
.stores {border-top: 1px solid #323232; overflow: auto; padding: .625em 0;}
.stores > a {float: left; height: 155px; line-height: 125px; padding: 30px 15px 0 0;}
.stores .home-depot {padding-left: 15px; padding-right: 60px;}
.stores .lowes {padding-right: 60px;}
.stores .ace {padding-right: 60px;}
.stores .sears {}
.stores .menards {padding-right: 50px;}
.stores .do-it-best {padding-right: 42px;}
.stores .fastenal {}
.stores .grainger {padding-right: 70px;}
.stores .true-value {padding-right: 57px;}
.stores .msc {}
.stores .blains {padding-right: 60px;}
.stores .bomgaars {padding-right: 40px;}
.stores .orscheln {padding-right: 0;}
/* @end */

/* @group WARRANTY */
#warranty {height: auto; margin-bottom: 60px !important; overflow: auto; position: relative;}
#warranty .breadcrumb {top: -45px;}
#warranty > header {height: auto; margin-bottom: 14px; margin-top: 75px; position: relative;}
#warranty h1 {background: url("/Themes/Channellock/Images/txt-bg-photo1.png") no-repeat -710px bottom transparent; font-size: 3.125em; line-height: 1.6em; margin-bottom: 0; padding-left: 20px; z-index: 200;}
#warranty .content {background: #fff; padding: 25px;}
#warranty .content h2 {color: #333; font: normal 1.875em/1.06667em "Aachen W01 Medium"; margin-bottom: 0.5em; width: 80%;}
#warranty .content h3 {color: #333; font-family: "Aachen W01 Medium"; font-size: 1.375em; line-height: 1.13333em; margin-bottom: 1em;}
#warranty .content h2 + p {width: 80%;}
#warranty .content p {color: #333; font-size: .875em;}
#warranty .content a {color: #0096db;}
#warranty .examples {border-bottom: 1px dotted #333; border-top: 1px dotted #333; margin-bottom: 2em; margin-top: 1em; padding-top: 2em;}
#warranty .examples .colgroup {margin-bottom: 3em; overflow: auto;}
#warranty .examples .col img {border: 1px solid #d9d9d9; float: left; margin-right: 20px; width: 100px;}
#warranty .examples .col img + p {float: left; margin: 0; width: 200px;}
/* @end */

/* @group CONTACT US */
#contactus section .colgroup {border-top: none;}
#contactus section .colgroup > .col {border-left: 1px solid #323232; float: left; margin-top: 0; margin-left: -1px; padding-left: 25px; width: 35%;}
#contactus section .colgroup > .col:first-child {border-right: 1px solid #323232; border-left: none; padding-right: 25px; padding-left: 0; width: 65%;}

#contactus h1 {background: url("/Themes/Channellock/Images/txt-bg-photo1.png") no-repeat -980px bottom transparent; color: #fff; font-size: 3.125em; line-height: 1.6em; margin-bottom: 0; padding-left: 20px; z-index: 200;}
#contactus h2 {color: #333; font-family: "Aachen W01 Medium"; font-size: 1.375em; line-height: 1.13333em; margin: .4em 0;}
#contactus p {color: #323232; font-size: .875em;}
#contactus .label {display: inline-block; font-size: .785714em; text-transform: uppercase; width: 60px;}
#contactus ul.links {font-size: 0.75em; font-weight: bold; list-style: none; margin-top: 50px; padding: 0;}
#contactus ul.links li {font-size: 1em; margin-bottom: 10px;}

/*--- MAP POPUP ---*/
#contactus .popup-wrapper {/*background: url(../Images/img-popup-bg.png) repeat top left;*/ height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1000;}
#contactus .popup-container {background-color: #0a6b79; -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4); height: 504px; margin: 224px auto 0; overflow: auto; width: 914px;}
* html #contactus .popup-wrapper {position: absolute;}
* html #contactus .popup-container {left: 400px; position: absolute;}
#contactus .popup-container > div {position: relative;}

#contactus .popup-container h3 {font-size: 1.75em; margin-bottom: .25em; padding: 0;}
#contactus .popup-container p {color: #fff; margin-top: 0; margin-bottom: 1.75em;}
#contactus .popup-container a {color: #fff; cursor: pointer;}
#contactus .popup-container .mapimg {float: left; padding: 55px 25px 0; width: 500px;}
#contactus .popup-container #us-map.mapimg {padding-top: 25px;}
#contactus .popup-container .contact-wrapper {float: right; position: relative; width: 340px;}
#contactus .popup-container .contact-info {display: none; padding-top: 100px;}
#contactus .popup-container .contact-info-world {display: none; padding-top: 50px; z-index: 1000;}
#contactus .popup-container .closebtn {font-size: 0.75em; position: absolute; right: 20px; text-transform: uppercase; top: 20px;}
#contactus .popup-container .backbtn {font-size: 0.75em; position: absolute; left: 20px; text-transform: uppercase; top: 20px;}
#contactus .popup-container .backbtn:before {content:"« ";}

#contactus .popup-container .main-office-contacts {display: none; float: left; padding: 25px 10px 0; width: 780px;}
#contactus .popup-container .contact-wrapper a:hover, #contactus .popup-container .main-office-contacts a:hover, #contactus .popup-container .contact-wrapper .contact-info a:hover, #contactus .popup-container .contact-wrapper .contact-info-world a:hover {text-decoration: none;}
#contactus .popup-container .main-office-contacts p {float: left; padding: 5px 10px 0; width: 172px;}
#contactus .popup-container .images a {color: #fff;}
#contactus .popup-container .images a:hover {text-decoration: none;}
.clr {clear: both;}
#contact-map-us-popup, #contact-map-world-popup, #asia-map, #africa-map, #australia-map, #europe-map, #north-america-map, #south-america-map {display: none;}
#contactus .popup-container .images img {position: relative; z-index: 1;}

#contactAddress {font-size: 11px; font-weight: bold; height: auto; position: absolute; right: 20px; top: 65px; width: auto;}
#contactAddress p {font-size: 11px;}

/* @end */

/* @group CHECKOUT */
#checkout h2 {color: #333; font-family: "Aachen W01 Medium"; font-size: 1.375em; line-height: 1.13333em; margin-bottom: 1.5em;}
#checkout section p a {color: #0096db; text-decoration: none;}
#checkout section .col {padding-bottom: 50px;}
#checkout section .col:first-child {padding-bottom: 0px;}
#checkout .col dt label {font-size: 1em;}
#checkout dl.form {margin: 0;}

#checkout section .col p {/*color: #323232; font-size: 1.125em; font-weight: bold;*/ margin-top: 0; /*width: 100%;*/}
#checkout section .col ul {margin-top: 5px; padding-left: 0;}
#checkout .col li {font-size: .875em; line-height: 1.71429em; list-style-position: inside;}
#checkout .col .CouponContent dd input[type="text"] {width: 70%;margin-right:.5em;}

#recaptchaContainer {
	padding:0 40px;
}
#recaptcha_area input {
   height:auto;
}

#recaptcha_area ::-webkit-input-placeholder {
   line-height:inherit;
   color:#666;
}

#recaptcha_area :-moz-placeholder { /* Firefox 18- */
   line-height:inherit;
   color:#666;
}

#recaptcha_area ::-moz-placeholder {  /* Firefox 19+ */
   line-height:inherit;
   color:#666;
}

#recaptcha_area :-ms-input-placeholder {
   line-height:inherit;
   color:#666;
}

/*--- ZNODE SHOPPING CART ---*/
.ShoppingCart .main {height: auto; overflow: auto; position: relative; width: 100%;}
.ShoppingCart .main table, .ShoppingCart .Form table {border-bottom: 1px dotted #323232; margin-bottom: 20px; width: 100%;}
.ShoppingCart .CheckoutBox {bottom: 0; position: absolute; right: 0; text-align: right;}
.ShoppingCart .CheckoutBox .CustomerService p {font-weight: bold; /*font-size: 9pt; font-family:Arial;*/ text-align: left; }
.ShoppingCart .Grid, .WishList .Grid, .OrderHistory .Grid, .AccountOrder .Grid, .OrderReceipt .Grid {height: auto; overflow: auto; border: none; padding-bottom: 0; width: 100%;}
.ShoppingCart .Grid .Header, .WishList .Grid .Header, .OrderHistory .Grid .Header, .AccountOrder .Grid .Header, .OrderReceipt .Grid .Header, .Grid .Header, .Grid .HeaderStyle {border-top: 1px dotted #323232; border-bottom: 1px dotted #323232; font-weight: bold; font-size: 11px; padding: 4px; text-align: left; text-transform: uppercase;}
.ShoppingCart .Grid .Header th, .WishList .Grid .Header th, .OrderHistory .Grid .Header th, .AccountOrder .Grid .Header th, .OrderReceipt .Grid .Header th, .Grid .Header th, .Grid .HeaderStyle th {padding: 5px 10px;}
.ShoppingCart .Grid .Row, .WishList .Grid .Row, .OrderHistory .Grid .Row, .AccountOrder .Grid .Row, .OrderReceipt .Grid .Row, .Grid .Row, .Grid .RowStyle {color: #333; background-color: #fff;}
.ShoppingCart .Grid .AlternatingRow, .WishList .Grid .AlternatingRow, .OrderHistory .Grid .AlternatingRow, .AccountOrder .Grid .AlternatingRow, .Grid .AlternatingRow, .Grid .AlternatingRowStyle {color: #333; background-color: #f4f4f4;}
.ShoppingCart .Grid .Description, .WishList .Grid .Description, .OrderHistory .Grid .Description, .AccountOrder .Grid .Description {/*font-size: 11px; font-family: verdana;*/ padding-top: 0;}
.ShoppingCart .Update, .WishList .Update, .OrderHistory .Update {font-weight: normal; margin-top: 5px;}
.ShoppingCart .Quantity, .WishList .Quantity, .OrderHistory .Quantity {height: auto; width: 80%;}
.ShoppingCart .CartTotals, .WishList .CartTotals {margin-bottom: 10px; text-align: right;}
.ShoppingCart .Apply, .WishList .Apply {color:#3c3c9e;}
.ShoppingCart .gobutton, .WishList .gobutton  {vertical-align:middle;/*padding-bottom:6px;*/}
.ShoppingCart .TotalBox td, .WishList .TotalBox td {padding-left:20px;text-align:right;}
.ShoppingCart .bold, .WishList .bold {font-weight:bold;}
#cart-grid td, .WishList .Grid td, .OrderHistory .Grid td, .AccountOrder .Grid td, .OrderReceipt .Grid td, .Grid td {padding: 10px; vertical-align: top;}
.ShoppingCart .TotalBox {padding-bottom: 20px;}
/*.ShoppingCart .Form, */.AccountOrderForm {background: transparent url(/Themes/ChannelLock/Images/dark-fabric-palette-bg2.png) no-repeat right top; color: #fff; display: inline; float: left; height: auto; /*margin-bottom: 15px;*/ overflow: visible; padding: 15px; position: relative; width: 700px;}
.ShoppingCart .FormTitle {font-weight: bold; color: #fff; background-color: transparent; padding: 0; border-bottom: none;}
.ReceiptText {padding: 0 40px;}
.CrossSell {text-align: left; margin-top: 0;}

/*--- ZNODE FORMS ---*/
/*.Form {margin-bottom: 10px; width: 100%; /*color: #6f6f6e;*!/}*/
.Form .Title {padding: 5px 0 0 10px; font-weight: bold; height: 24px; font-size: 16px; background-color: #EAEBEB;}
.FormTitle {font-weight: bold; font-size: 14px; color: #7c7c7c; background-color: #EAEBEB; padding: 5px 10px; border-bottom-width: 0;}
.Form .Search {background-color: #f1f1f1; padding: 10px 10px 20px 10px; border: 1px solid #b5b4b5; margin-top: 5px; margin-bottom: 5px;}
.Form .Asterix {color: red;}
.Form .HeaderStyle {font-weight: bold; font-size: 11px; background-color: #eaebeb; color: #333; margin-bottom: 5px; margin-top: 10px; padding: 3px 5px;}
.Form .Row {padding-bottom: 10px; /*color: #7c7c7c;*/}
.Form .FieldStyle {display: block; white-space: nowrap; width: 120px; white-space: nowrap; font-size: 12px; font-weight: bold; color: #4b4b4b; text-align: right; margin-bottom: 10px; padding-right: 10px; padding-top:6px;}
.Form .ValueStyle {display: block; font-size: 11px; font-weight: normal; color: #333; padding-bottom: 2px; padding-top: 2px;}
.Form .ValueStyle textarea {height: 100px; overflow: auto; width: 450px;}
.Form .ValueField {padding-bottom: 8px; padding-top: 5px;}
.Form .SuccessMsg {color: green; font-size: 13px;}
.Form .BackLink {color: #333; font-size: 11px; text-decoration: underline;}
.Form .TextField {width: auto; *width: 50%; /*margin-left: 5px;*/}
.Form .HintStyle {font-size: 10px; font-weight: normal; color: #333; padding: 5px 10px; border: #39c 1px solid; background-color: #ffc; margin-left: 10px; margin-top: 5px; margin-bottom: 5px;}
.Form .ChangePassword {margin-top: 10px; margin-right: 5px; border: none; height: 19px; width: 101px;}
.Form .EditContact {margin-top: 10px; margin-right: 5px; border: none; height: 19px; width: 101px;}
.Form .ForgetLink {margin-top: 10px;}
.Form .RememberMe {padding-bottom: 5px;}
.Form .Rightalign {/*padding-left: 7px; margin-bottom: 30px;*/}
.Form .LeftContent {float: left; vertical-align: middle; white-space: normal; width: 50%;}
.Form .ReviewLeftContent {float: left; width: 170px;}
.Form .ShoppingTotalContent {float: left; width: 100px;}
.Form .RightContent {float: right; width: 50%;}
.Form .CouponContent {float: left; margin-top :10px; position: relative; vertical-align: middle; width: 450px; text-align: left;}
.Form .CouponContent dd {margin-left: 0;}
.Form .Clear {clear: both;}
.Form .ContactUsButton {padding-left: 10px; float: left; width: 160px; white-space: normal; vertical-align: middle;}

/*.palette {display: inline; float: left; height: auto; overflow: visible; position: relative; width: 100%;}
.palette.half {min-height: 425px;}*/

/*--- CHECKOUT ---*/
/*.Checkout {margin-top: 0; padding: 10px 0 0 0; text-align: left;}*/
.Checkout .Overview {/*font-size: 11px; color: black;*/ padding: 20px 0;}
.Checkout .Or {color: #09c; font: bold 16px Arial; padding-right: 10px; padding-left: 10px;}
#checkout .Steps {height: auto; overflow: auto; position: absolute; right: 30px; top: 12px;}
#checkout .Steps > div {float: left; margin-right: 10px; padding: 10px; width: 170px;}
#checkout .Steps .Passive {font-weight: bold; color: #ccc;}
#checkout .Steps .Active {font-weight: bold;}
#checkout .Steps + p {margin-bottom: 20px;}
.Checkout .NextButton {margin-top: 15px;}
.Checkout .BackLink {margin-top: 50px;}
/*.Checkout .palette input {width: 150px;}*/
#checkout section .addresses .colgroup {margin-bottom: 0;}
#checkout section .addresses .col {margin-top: 15px; padding-bottom: 0; width: 50%;}
#checkout section .addresses p + .col {border-right: 1px solid #323232; padding-left: 0; padding-right: 25px;}
#checkout section .addresses + footer {margin: 40px;}
#checkout section .Checkout .ShoppingCart.col .btn {}
#checkout section .linkfoot {clear: both; padding: 40px; text-align: right;}

#checkout .loader {background-color: rgba(0, 0, 0, 0.65); border: 10px solid #0096db; display: none; height: 250px; left: 50%; margin: 0 auto 0 -125px; padding: 30px; position: fixed; text-align: center; top: 40%; width: 250px; z-index: 3001;}
#checkout .loader p {font: 1.25em/1em "TradeGothicW02-BoldCn20 675505"; margin-bottom: 0; margin-left: 12px;text-transform: uppercase;}

#checkout #CheckoutLoader.loader.modal .modal-header {display: none;}
#checkout #CheckoutLoader.loader.modal .modal-body {background: transparent;}
#checkout #CheckoutLoader.loader.modal .modal-body p {color: #fff; font-size: .875em;}

/* @end */

/* @group RECEIPT */
#receipt section {padding: 0 40px;}
#receipt section .colgroup {margin: 0 0 40px; width: 100%;}
#receipt section h1 {background-color: transparent; padding: 0;}
#receipt section h1 + p {margin-top: 0;}
#receipt h2 {margin-bottom: 1em;}
#receipt section .col, #receipt section .col:first-child {width: 50%;}
#receipt .col dt label {font-size: 1em;}
#receipt dl.form {margin: 0;}
#receipt section .Grid {margin-bottom: 40px;}
#receipt section .backfoot {padding: 40px 0;}

#receipt section .col p {/*color: #323232; font-size: 1.125em; font-weight: bold;*/ margin-top: 0; /*width: 100%;*/}
#receipt section .col ul {margin-top: 5px; padding-left: 0;}
#receipt .col li {font-size: .875em; line-height: 1.71429em; list-style-position: inside;}
#receipt .col .CouponContent dd input[type="text"] {width: 70%;}

/*--- ZNODE SHOPPING CART ---*/
.ShoppingCart .main {height: auto; overflow: auto; position: relative; width: 100%;}
.ShoppingCart .main table, .ShoppingCart .Form table {border-bottom: 1px dotted #323232; margin-bottom: 20px; width: 100%;}
.ShoppingCart .CheckoutBox {bottom: 0; position: absolute; right: 0; text-align: right;}
.ShoppingCart .CheckoutBox .CustomerService p {font-weight: bold; /*font-size: 9pt; font-family:Arial;*/ text-align: left; }
.ShoppingCart #cart-grid {
	border-bottom:1px dotted #323232;
	margin-bottom:10px;
}
.ShoppingCart #cart-grid > span {
	display:table;
}
.ShoppingCart #cart-grid > span > span {
	display:table-row;
}
.ShoppingCart #cart-grid > span > span:nth-of-type(even) {
	background:#F4F4F4;
}
.ShoppingCart #cart-grid > span > span .header {width:100%; padding:0;}
.ShoppingCart #cart-grid > span > span .header span,
.ShoppingCart #cart-grid > span > span div span {
	display:table-cell;
	vertical-align:top;
}
.ShoppingCart #cart-grid > span > span div {
	width:100%;
}
.ShoppingCart #cart-grid > span > span .header {display:none;}
.ShoppingCart #cart-grid > span > span:first-child .header {display:block;}
.ShoppingCart #cart-grid > span > span div.header span {padding:5px 10px;}
.ShoppingCart #cart-grid > span > span div span {padding:10px;}
.ShoppingCart #cart-grid > span > span div span.RemoveItem {width:10%;}
.ShoppingCart #cart-grid > span > span div span.itemimg {width:10%;}
.ShoppingCart #cart-grid > span > span div span.itemimg img {width:100%;max-width:40px;}
.ShoppingCart #cart-grid > span > span div span.itemdesc {width:46%;}
.ShoppingCart #cart-grid > span > span div span.itemdesc a {display:block;}
.ShoppingCart #cart-grid > span > span div span.itemquan {width:10%;}
.ShoppingCart #cart-grid > span > span div span.itemquan select {width:100%;}
.ShoppingCart #cart-grid > span > span div span.itemprice {width:12%;}
.ShoppingCart #cart-grid > span > span div span.itemtotal {width:12%;}
.ShoppingCart .Grid, .WishList .Grid, .OrderHistory .Grid, .AccountOrder .Grid, .OrderReceipt .Grid {height: auto; overflow: auto; border: none; padding-bottom: 0; width: 100%;}
.ShoppingCart .grid .header, .ShoppingCart .Grid .Header, .WishList .Grid .Header, .OrderHistory .Grid .Header, .AccountOrder .Grid .Header, .OrderReceipt .Grid .Header, .Grid .Header, .Grid .HeaderStyle {border-top: 1px dotted #323232; border-bottom: 1px dotted #323232; font-weight: bold; font-size: 11px; padding: 4px; text-align: left; text-transform: uppercase;}
.ShoppingCart .Grid .Header th, .WishList .Grid .Header th, .OrderHistory .Grid .Header th, .AccountOrder .Grid .Header th, .OrderReceipt .Grid .Header th, .Grid .Header th, .Grid .HeaderStyle th {padding: 5px 10px;}
.ShoppingCart .Grid .Row, .WishList .Grid .Row, .OrderHistory .Grid .Row, .AccountOrder .Grid .Row, .OrderReceipt .Grid .Row, .Grid .Row, .Grid .RowStyle {color: #333; background-color: #fff;}
.ShoppingCart .Grid .AlternatingRow, .WishList .Grid .AlternatingRow, .OrderHistory .Grid .AlternatingRow, .AccountOrder .Grid .AlternatingRow, .Grid .AlternatingRow, .Grid .AlternatingRowStyle {color: #333; background-color: #f4f4f4;}
.ShoppingCart .Grid .Description, .WishList .Grid .Description, .OrderHistory .Grid .Description, .AccountOrder .Grid .Description {/*font-size: 11px; font-family: verdana;*/ padding-top: 0;}
.ShoppingCart .Update, .WishList .Update, .OrderHistory .Update {font-weight: normal; margin-top: 5px;}
.ShoppingCart .Quantity, .WishList .Quantity, .OrderHistory .Quantity {height: auto; width: 80%;}
.ShoppingCart .CartTotals, .WishList .CartTotals {margin-bottom: 10px; text-align: right;}
.ShoppingCart .Apply, .WishList .Apply {color:#3c3c9e;}
.ShoppingCart .gobutton, .WishList .gobutton  {vertical-align:middle;/*padding-bottom:6px;*/}
.ShoppingCart .TotalBox td, .WishList .TotalBox td {padding-left:20px;text-align:right;}
.ShoppingCart .bold, .WishList .bold {font-weight:bold;}
#cart-grid td, .WishList .Grid td, .OrderHistory .Grid td, .AccountOrder .Grid td, .OrderReceipt .Grid td, .Grid td {padding: 10px; vertical-align: top;}
.ShoppingCart .TotalBox {padding-bottom: 20px;}
/*.ShoppingCart .Form, */.AccountOrderForm {background: transparent url(/Themes/ChannelLock/Images/dark-fabric-palette-bg2.png) no-repeat right top; color: #fff; display: inline; float: left; height: auto; /*margin-bottom: 15px;*/ overflow: visible; padding: 15px; position: relative; width: 700px;}
.ShoppingCart .FormTitle {font-weight: bold; color: #fff; background-color: transparent; padding: 0; border-bottom: none;}
.OrderReceipt {border-top: 2px dotted #323232; border-bottom: 2px dotted #323232; margin: 20px 0; overflow: auto; padding: 20px 40px 40px;}
.ReceiptText {padding: 0 40px;}
.CrossSell {text-align: left; margin-top: 0;}

/*--- ZNODE FORMS ---*/
/*.Form {margin-bottom: 10px; width: 100%; /*color: #6f6f6e;*!/}*/
.Form .Title {padding: 5px 0 0 10px; font-weight: bold; height: 24px; font-size: 16px; background-color: #EAEBEB;}
.FormTitle {font-weight: bold; font-size: 14px; color: #7c7c7c; background-color: #EAEBEB; padding: 5px 10px; border-bottom-width: 0;}
.Form .Search {background-color: #f1f1f1; padding: 10px 10px 20px 10px; border: 1px solid #b5b4b5; margin-top: 5px; margin-bottom: 5px;}
.Form .Asterix {color: red;}
.Form .HeaderStyle {font-weight: bold; font-size: 11px; background-color: #eaebeb; color: #333; margin-bottom: 5px; margin-top: 10px; padding: 3px 5px;}
.Form .Row {padding-bottom: 10px; /*color: #7c7c7c;*/}
.Form .FieldStyle {display: block; white-space: nowrap; width: 120px; white-space: nowrap; font-size: 12px; font-weight: bold; color: #4b4b4b; text-align: right; margin-bottom: 10px; padding-right: 10px; padding-top:6px;}
.Form .ValueStyle {display: block; font-size: 11px; font-weight: normal; color: #333; padding-bottom: 2px; padding-top: 2px;}
.Form .ValueStyle textarea {height: 100px; overflow: auto; width: 450px;}
.Form .ValueField {padding-bottom: 8px; padding-top: 5px;}
.Form .SuccessMsg {color: green; font-size: 13px;}
.Form .BackLink {color: #333; font-size: 11px; text-decoration: underline;}
.Form .TextField {width: auto; *width: 50%; /*margin-left: 5px;*/}
.Form .HintStyle {font-size: 10px; font-weight: normal; color: #333; padding: 5px 10px; border: #39c 1px solid; background-color: #ffc; margin-left: 10px; margin-top: 5px; margin-bottom: 5px;}
.Form .ChangePassword {margin-top: 10px; margin-right: 5px; border: none; height: 19px; width: 101px;}
.Form .EditContact {margin-top: 10px; margin-right: 5px; border: none; height: 19px; width: 101px;}
.Form .ForgetLink {margin-top: 10px;}
.Form .RememberMe {padding-bottom: 5px;}
.Form .Rightalign {/*padding-left: 7px; margin-bottom: 30px;*/}
.Form .LeftContent {float: left; vertical-align: middle; white-space: normal; width: 50%;}
.Form .ReviewLeftContent {float: left; width: 170px;}
.Form .ShoppingTotalContent {float: left; width: 100px;}
.Form .RightContent {float: right; width: 50%;}
.Form .CouponContent {float: left; margin-top :10px; position: relative; vertical-align: middle; width: 450px; text-align: left;}
.Form .CouponContent dd {margin-left: 0;}
.Form .Clear {clear: both;}
.Form .ContactUsButton {padding-left: 10px; float: left; width: 160px; white-space: normal; vertical-align: middle;}

/*.palette {display: inline; float: left; height: auto; overflow: visible; position: relative; width: 100%;}
.palette.half {min-height: 425px;}*/

/*--- CHECKOUT ---*/
/*.Checkout {margin-top: 0; padding: 10px 0 0 0; text-align: left;}*/
.Checkout {height: auto; overflow: auto;}
.Checkout .Overview {/*font-size: 11px; color: black;*/ padding: 20px 0;}
.Checkout .Or {color: #09c; font: bold 16px Arial; padding-right: 10px; padding-left: 10px;}
#receipt .Steps {height: auto; overflow: auto; position: absolute; right: 30px; top: 12px;}
#receipt .Steps > div {float: left; margin-right: 10px; padding: 10px; width: 170px;}
#receipt .Steps .Passive {font-weight: bold; color: #ccc;}
#receipt .Steps .Active {font-weight: bold;}
#receipt .Steps + p {margin-bottom: 20px;}
.Checkout .NextButton {margin-top: 15px;}
.Checkout .BackLink {margin-top: 50px;}
/*.Checkout .palette input {width: 150px;}*/
#receipt section .addresses .colgroup {margin-bottom: 0;}
#receipt section .addresses .col {margin-top: 15px; padding-bottom: 0; width: 50%;}
#receipt section .addresses p + .col {border-right: 1px solid #323232; padding-left: 0; padding-right: 25px;}
#receipt section .addresses + footer {margin: 40px;}

/*--- ORDER SUMMARY ---*/
.ordersummary {border-top: 1px solid #323232; margin-top: 20px; padding-top: 20px;}
.ordersummary .Grid {margin-bottom: 20px;}
.ordersummary table {width: 100%;}
.ordersummary .TotalBox dl.form dt {line-height: 1.4em;}
.ordersummary .col {float: left; width: 50%;}
.ordersummary .col.right {text-align: right;}

/*--- DL FORMS ---*/
#receipt dl.form dt {line-height: 1.4em; width: 40%;}
#receipt dl.form dd {width: 58%;}

/* @end */

/* @group SWEEPSTAKES - NOT LOGGED IN */
#sweeps {height: auto; overflow: auto; position: relative;}
#sweeps .breadcrumb {top: -45px;}
#sweeps > header {display: none; height: auto; margin-bottom: 14px; margin-top: 75px; position: relative;}
#sweeps h1 {display: none;}
/*#sweeps section .colgroup {margin: 0;}
#sweeps section .col, #nation section .l, #nation section .r {border-left: 1px dotted #323232; float: left; margin-left: -1px; margin-top: 25px; padding-left: 25px; width: 4%;}
#sweeps section .col:first-child, #nation section .l {border-right: 1px dotted #323232; border-left: none; padding-left: 0; padding-right: 25px; width: 60%;}
#sweeps section h3 {color: #fff; font-size: 30px; line-height: 40px; text-transform: none;}
#sweeps section h4 {color: #535556; font: 16px/16px 'Aachen W01 Medium'; margin-bottom: 12px; text-transform: uppercase;}
#sweeps section p {color: #535556; font-size: 0.75em;}
#sweeps section ul {font-size: .75em; margin-left: 25px; padding: 0;}*/
#sweeps footer.buckets {padding-top: 0;}
#sweeps #indicia {padding: 0 0 40px;}
#sweeps #indicia p {font-size: 11px; line-height: 13px; margin-bottom: 0; text-align: center; width: 100%;}
/* @end */

/* @group PRIVACY */
#privacy .content {padding-right: 20%; width: 100%;}
#privacy h1 {background-position: -915px bottom;}
#privacy .content h2 {margin-top: 1em;}
#privacy .content h2:first-child {margin-top: 0;}
#privacy .content h2 + p {width: 100%;}
/* @end */

/* @group Free T-Shirt Banner */
a.banner-freeshirt,
a.banner-freeshirt:visited {
    background-color: #E0E0E0;
    color: #333;
    display: block;
    font-family: "Aachen W01 Medium";
    font-size: 1.88em;
    font-weight: normal;
    line-height: 1.6;
    height: 44px;
    letter-spacing: -.2px;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
}
a.banner-freeshirt span,
a.banner-freeshirt:visited span {color: #0096db; text-transform: uppercase;}
/* @end */

/* @group DISTRIBUTOR RESOURCE CENTER */

#login.drc > header {height: auto; margin-top: 75px; margin-bottom: 14px; position: relative;}
#login.drc .breadcrumb {top: -45px;}
#login.drc section {background-color: rgba(0, 0, 0, .6); border: 10px solid #0096db; padding: 30px; width: 100%;}
#login.drc h1 {display: none; font-size: 3.125em; line-height: 1em; z-index: 200;}
#login.drc h2 {font-size: 1.5em;}
#login.drc p {font-size: .875em;}
#login.drc p a {color: #0096db; text-decoration: none;}

/*--- DRC LOGIN ---*/
#login.drc {min-height: 0;}
#login.drc #consumer {background: #0096DB; clear: both; color: #fff; padding: 20px 15px; text-align: center;}
#login.drc #consumer h2 {font: 1.3125em/1.42857em "TradeGothicW02-BoldCn20 675505"; margin-bottom: 0; }
#login.drc #consumer a:link, #login.drc #consumer a:visited {color: rgba(255, 255, 255, .5);}
#login.drc #consumer a:hover, #login.drc #consumer a:active {color: #fff;}
#login.drc .newaccount p {font-size: 1.125em; font-weight: normal; margin-bottom: 0; width: 100%;}
#login.drc .guest {border-top: 1px solid #fff; clear: both; padding-top: 30px;}

/*--- DRC HOME ---*/
#home.drc .carousel, #home.drc .carousel-inner {height: 379px; margin-bottom: 40px;}
#home.drc .carousel .item {padding-top:0; height:379px;}
#home.drc .carousel .item a {text-decoration: none;}
#home.drc .carousel .bg {left: 0;}
#home.drc header .hdrimg {right: -50px; width: auto; z-index: 300;}
#home.drc header .hdrimg figcaption {border: none; left: 435px; padding-bottom: 0; top: 230px;}
#home.drc .carousel-control {display: none;}
#home.drc .carousel-control {background: transparent; border: none; border-radius: 0; font-size: 60px; height: auto; left: -74px; line-height: 1em; margin-top: -30px; text-decoration: none; top: 41.5%; width: auto; z-index: 600;}
#home.drc .carousel-control.right {left: auto; right: -71px;}
#home.drc .carousel-control:focus {opacity: 0.5;}
#home.drc .carousel-indicators {bottom: -30px; margin-left: -50px;}
#home.drc .carousel-indicators li {background-color: rgba(0, 0, 0, 0.25);}
#home.drc .carousel-indicators .active {background-color: #0096db;}
#home.drc .carousel-indicators li:hover, #home.drc .carousel-indicators li:active {cursor: pointer; color: #0096db;}
#home.drc .carousel .item {-webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;}
#home.drc .carousel .active.left, #home.drc .carousel .active.right {left: 0; opacity: 0; z-index: 2;}
#home.drc .carousel .next {left: 0; opacity: 1; z-index: 1; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}

/*--- TEMPLATE ---*/
.drc #ResourceContent.content {padding: 25px; width: 756px;}

.drc #productfilter {background: url("/Themes/Channellock/Images/drc/drc-subnav-bg.jpg") repeat left top transparent; float: left; margin-right: 14px; padding: 15px; width: 254px; /*border-right: 8px solid #fff; width: 230px;*/}
.drc #productfilter h3 {color: #323232; font: 1.375em/1em 'Aachen W01 Medium'; margin-bottom: 0;}
.drc #productfilter ul {margin: 0; padding: 0; /*position: relative; top: -10px;*/}
.drc #productfilter li {color: #323232; font-size: 0.8125em; line-height: 1.76923em; list-style: none; position: relative;}

.drc-buckets {overflow: auto;}
.drc-buckets > a {display: block; float: left;}
.drc-buckets > a:first-child {margin-right: 6px;}

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

body.drc {color: #5c5c5c;}
.drc article {background: #fff; /*background: url("/Themes/Channellock/Images/drc/drc-subnav-bg.jpg") repeat-y left top #fff;*/ border: 8px solid #fff; overflow: auto; padding: 0; width: 944px;}

/*--- drc resource nav ---*/
.drc #ResourceNav, .drc #subnav {font: 14px/30px Arial, Helvetica, sans-serif; width: 100%;}
.drc #ResourceNav h2 {background-color: rgba(0, 0, 0, 0.45); background-color: #797979\9; font: 15px/16px 'Aachen W01 Bold', "HelveticaNeue MediumCond", "Arial Narrow", sans-serif !important; margin-top: 10px; margin-bottom: 0; padding: 6px 80px 6px 12px;}
.drc #ResourceNav li {border-top: 1px dotted #323232; font: 1em/3em "TradeGothicW02-BoldCn20 675505"; padding-left: 0px; text-transform: uppercase;}
.drc #ResourceNav li a { margin-bottom: 0;}
.drc #ResourceNav li:last-child {border-bottom: none;}
.drc #ResourceNav li ul {margin-bottom: 0; padding: 0 0 12px 0;}
.drc #ResourceNav li li {border: none; font: 11px/16px Arial, Helvetica, sans-serif; list-style: outside square; margin-top: 4px; margin-bottom: 4px; margin-left: 22px; padding-left: 0;}
.drc #ResourceNav li li a {border-bottom: none; padding-left: 0; text-transform: uppercase;}
.drc #ResourceNav a:link, .drc #ResourceNav a:visited {color: #464646; display: block; text-decoration: none;}
.drc #ResourceNav a:hover, .drc #ResourceNav a:active, .drc #ResourceNav a.selected:link, .drc #ResourceNav a.selected:visited {color: #000; text-decoration: none;}
.drc #sidebar .banner {background: #fff; padding-top: 8px; padding-bottom: 0;}

/*--- drc sub nav ---*/
.drc #subnav {background: none; border: none; clear: both; margin: 0; min-height: 0; padding: 0; width: 230px;}
.drc #subnav h2 {background-color: rgba(0, 0, 0, 0.45); background-color: #797979\9; font: 15px/16px 'Aachen W01 Bold', "HelveticaNeue MediumCond", "Arial Narrow", sans-serif !important; /*margin-top: 20px;*/ margin-bottom: 0; padding: 6px 80px 6px 12px;}
.drc #subnav ul {list-style: none; margin-right: 10px; margin-bottom: 10px; padding-top: 0; padding-left: 10px;}
.drc #subnav li {border-bottom: 2px solid #fff; color: #464646; font-weight: normal; margin-bottom: 0; padding-bottom: 0; padding-left: 0px; text-transform: none;}
.drc #subnav li a {margin-bottom: 0;}
.drc #subnav li:last-child a {border-bottom: none;}
.drc #subnav li ul {border-bottom: none; margin-bottom: 0; padding: 6px 0;}
.drc #subnav li li {border-bottom:none; font: 11px/16px Arial, Helvetica, sans-serif; list-style: outside square; margin: 4px 0 4px 22px; padding-left: 0; width: 80%;}
.drc #subnav li li ul {border-top: none; border-bottom: none;}
.drc #subnav li li a {border-bottom: none; padding-left: 0; text-transform: uppercase;}
.drc #subnav a:link, .drc #subnav a:visited {color: #464646; display: block; text-decoration: none;}
.drc #subnav a:hover, .drc #subnav a:active, .drc #subnav a.selected:link, .drc #subnav a.selected:visited {color: #000; text-decoration: none;}
.drc #sidebar .banner {clear: both;}
.drc #searchfind {background-image: url(/Themes/Channellock/Images/sitenav-bg.png);}
.drc #searchfind #search {display: block; float: none; margin: 0 auto;}

.drc #ResourceHome {height: 379px; position: relative; width: 706px;}
.drc #ResourceHome .hero.one {background: url("/Themes/Channellock/images/drc/drc-hero-2012.jpg") no-repeat left top transparent; height: 379px; width: 706px;}
.drc #ResourceHome .hero.one .txt {padding-top: 105px; padding-left: 65px;}
.drc #ResourceHome .hero.one h1, .drc #ResourceHome .hero.one h2 {font-size: 53px; letter-spacing: -1px; line-height: 48px; margin: 0 0 8px; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); text-transform: none;}
.drc #ResourceHome .hero.one h2 {text-transform: uppercase;}
.drc #ResourceHome .hero.one p {color: #fff; font: 24px 'Trade Gothic W02 Cn 18';}
.drc #ResourceHome .hero.one p a {color: #fff;}
.drc #ResourceHome ul.heronav {bottom: 0; height: 51px; left: 0; padding-left: 0; position: absolute; width: 706px;}
.drc #ResourceHome ul.heronav li {background-color: #00537e; background-image: -webkit-gradient(linear, left top, left bottom, from(#00537e), to(#0083c1)); background-image: -webkit-linear-gradient(top, #00537e, #0083c1); background-image: -moz-linear-gradient(top, #00537e, #0083c1); background-image: -ms-linear-gradient(top, #00537e, #0083c1); background-image: -o-linear-gradient(top, #00537e, #0083c1); background-image: linear-gradient(to bottom, #00537e, #0083c1); float: left; font: 18px 'Aachen W01 Bold'; height: 51px; list-style: none; width: 235px;}
.drc #ResourceHome ul.heronav li a {color: #fff; display: block; line-height: 51px; text-align: center; text-decoration: none; width: 235px;}
.drc #ResourceHome ul.heronav li:hover, .drc #ResourceHome ul.heronav li:active {background: transparent;}
.drc #ResourceHome ul.heronav li.middle {border-right: 1px solid #4996bb; border-left: 1px solid #4996bb; width: 234px;}
.drc #ResourceHome + div ul {list-style: none; margin-top: 8px; padding-left: 0; width: 706px;}
.drc #ResourceHome + div li {float: left; height: 200px; width: 349px;}
.drc #ResourceHome + div li:first-child {margin-right: 8px;}
.drc #ResourceHome + div li img {width: 349px;}

.drc #content #product-grid {margin-bottom: 8px; padding-left: 6px;}
.drc #content #buckets {clear: none !important; float: right; padding-top: 0; width: 706px;}
.drc #content #buckets > div {width: 344px !important;}
.drc #content #buckets > div:first-child {margin-right: 6px !important;}
.drc #content #category {/*left: -8px;*/ margin-top: 0; margin-bottom: 8px; width: 944px;}
/*.drc #content #category #tools {width: 929px !important;}*/
.drc #content #category-nav {width: 944px !important;}
.drc #content #category-nav ul {left: -5px; position: relative;}
.drc #content #buckets #build div.ProductListItem {margin: 0;}
.drc #content #buckets #build {margin-bottom: 0;}
.drc #content #buckets #build h2 {margin-left: 5px;}
.drc #content #buckets #build .ProductListItem .Image {background: none; height: 127px; width: 127px;}
.drc #content #buckets #build .ProductListItem .Image img {height: 117px; width: 117px;}
.drc #content h2 {/*font: 18px/22px Aachen;*/ word-spacing: 1px;}
.drc #content .tool p {color: #fff;}
.drc #content .pliers ul {padding-left: 5px !important;}
.drc #content .HighlightItem .two {background: #00a0df; padding: 4px;}

.drc #ResourceContent {background: #fff; display: inline; float: left; /*padding-left: 8px;*/ width: 706px;}
.drc #ResourceContent.rsearch {margin-top: 8px; width: 100%;}
.drc #ResourceContent .group {padding: 0; position: relative;}
.drc #ResourceContent .group h3, .drc #item h3 {background-color: #0096db; border: none; color: #fff; font: 1.25em/2.5em 'Trade Gothic W02 Cn 18', sans-serif; *height: 41px;  *margin-top: 0; margin-bottom: 8px; padding: 0 16px;}
.drc #ResourceContent .group h4 {border-bottom: 1px solid #323232; color: #323232; font: bold 1.16667em/1.57143em 'Arial'; letter-spacing: 1px; padding-left: 16px; padding-bottom: 4px; font-weight:bold;}
.drc #item h3 {*height: 41px; margin-bottom: 0;}
.drc #ResourceContent .group h3 + a, .drc #item h3 + a {color: #fff; font-size: 0.75em; line-height: 2em; position: absolute; right: 35px; text-decoration: none; text-transform: uppercase; top: 9px; *top: 6px;}
.drc #ResourceContent .group h3 + a:hover, .drc #ResourceContent .group h3 + a:active, .drc #item h3 + a:hover, .drc #item h3 + a:active {color: #00a0df; text-decoration: underline;}
.drc #ResourceContent .group h3 + a img, .drc #item h3 + a img {margin-right: 5px;}
.drc #ResourceContent .group a {color: #d31245;}
.drc #ResourceContent .group a:hover, .drc #ResourceContent .group a:active {color: #bd103e;}
.drc #ResourceContent .group p {font-size: 1em; margin: 0;}
.drc #ResourceContent .group ul {font-size: 0.75em; margin-bottom: 16px; overflow: auto; padding-left: 0; width: 100%;}
.drc #ResourceContent .group li {float: left; height: auto; list-style: none; margin: 0 8px 16px; min-height: 200px; text-align: center; width: 160px;}
.drc #ResourceContent .group li div {height: 140px; margin: 0 10px 4px; position: relative; text-align: center; vertical-align: middle; width: 140px;}
/*.drc #ResourceContent .group li div img {bottom: 0; left: 0; position: absolute; width: 100%; max-height: 150px;}*/
.drc #ResourceContent #sell li {font: bold 11px/15px Arial, Helvetica, sans-serif; text-transform: uppercase; width: 133px;}
.drc #ResourceContent #images li {font: bold 11px/15px Arial, Helvetica, sans-serif; text-transform: uppercase; width: 168px;}
.drc #ResourceContent #videos li {font: italic 15px/18px Arial, Helvetica, sans-serif; text-align: center; width: 214px;}
.drc #ResourceContent #videos li a {color: #797979;}
.Tips {position: absolute; right: 9px; top: 10px;}
.drc #ResourceContentWide {background: #fff; clear: both; padding-top: 8px; width: 944px;}
.drc #ResourceContentWide .group {position: relative;}
.drc #ResourceContentWide .group h3 {background-color: #797979; font: 17px/41px 'Trade Gothic W02 Cn 18', sans-serif; *height: 41px;  *margin-top: 0; margin-bottom: 8px; padding: 0 16px;}
.drc #item h3 {*height: 41px; margin-bottom: 0;}
.drc #ResourceContentWide .group h3 + a {color: #fff; position: absolute; right: 16px; top: 15px; *top: 12px;}
.drc #ResourceContentWide .group h3 + a:hover, .drc #ResourceContentWide .group h3 + a:active {color: #00a0df;}
.drc #ResourceContentWide .group a {color: #cd646f;}
.drc #ResourceContentWide .group a:hover, .drc #ResourceContent .group a:active {color: #a00a1c;}
.drc #ResourceContentWide .group p {margin-top: 4px; margin-bottom: 0;}
.drc #ResourceContentWide .group ul {overflow: auto; padding-bottom: 8px; padding-left: 0; width: 100%;}
.drc #ResourceContentWide .group li {float: left; height: auto; list-style: none; margin: 0 4px; min-height: 125px; text-align: center;}

.drc #BreadCrumb {background: #fff; border-bottom: 8px solid #fff; font-size: 11px; height: 21px; line-height: 21px; padding-left: 8px;}
.drc #BreadCrumb a {color: #5c5c5c;}
.drc #BreadCrumb a:hover, .drc #BreadCrumb a:active {color: #00a0df;}
.drc #sidebar {background: url("/Themes/Channellock/Images/drc/drc-subnav-bg.jpg") repeat-y scroll left top #fff; border-right: 8px solid #fff; width: 230px;}
/*.drc #subnav {background: none; border: none; clear: both; margin-right: 0; margin-bottom: 0; min-height: 0; padding: 10px 0 0 10px; width: 220px;}*/
/*.drc #subnav h2 {background-color: rgba(0, 0, 0, 0.5); background-color: #797979\9; font: 15px/29px Aachen, "HelveticaNeue MediumCond", "Arial Narrow", sans-serif; left: -10px; line-height: 30px; padding: 0 10px; position: relative; width: 210px;}*/
.drc #item {width: 706px;}
.drc .item-detail #product-details {color: #5d5d5d; margin-top: 40px; margin-right: 0; width: 400px;}
.drc #item .ProductDetail .Tabs {border: none; margin-bottom: 8px; width: 706px;}
.drc #item .ProductDetail .EnlargeImage a {background-image: url("/Themes/Channellock/Images/drc/zoom-icn.png"); color: #5d5d5d; font: bold 10px/16px Arial, Helvetica, sans-serif; padding-left: 20px; text-transform: uppercase;}
.drc .item-detail #product-details h1 {color: #5d5d5d; font: 33px/29px 'Aachen W01 Bold'; letter-spacing: -1px; margin-bottom: 4px;}
.drc .item-detail #product-details .Label {color: #797979; font: italic 15px/18px Arial, Helvetica, sans-serif;}

.drc #Tab .CustomTabStyle .ajax__tab_inner {background: #5e5e5e;}
.drc #Tab .CustomTabStyle .ajax__tab_active .ajax__tab_inner {background: url("/Themes/Channellock/Images/brushed-metal-bg2.png") repeat left top #9c9c9c;}
.drc #Tab .CustomTabStyle .ajax__tab_inner {color: #fff; font: bold 13px Arial, Helvetica, sans-serif;}
.drc #Tab .CustomTabStyle .ajax__tab_active .ajax__tab_inner {color: #000 !important;}
.drc .drctoolbar {float: right; margin-top: 10px; position: relative;}
.drc .drctoolbar a {background: #a00a1c; border-right: 1px solid #eaeaea; color: #fff; display: block; float: left; font: 16px/30px 'Aachen W01 Bold', sans-serif; padding: 0 20px; text-decoration: none; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);}
.drc .drctoolbar a:hover, .drc .drctoolbar a:active {background: #dd0010; color: #fff;}
.drc .ProductDetail .RecentlyViewedItem .Image {background: none; border-right: 1px solid #797979; margin-right: 14px; padding-top: 8px; text-align: center;}
.drc #RecentlyViewedProduct {overflow: auto; padding-top: 0;}
.drc #RecentlyViewedProduct .Name {color: #797979; font: italic 15px/17px "HelveticaNeue MediumCond", "Arial Narrow", sans-serif; text-decoration: underline; text-transform: none; width: 90%;}

.drc #item .Tabs .group {float: left; margin-right: 8px; overflow: auto; position: relative; width: 220px;}
.drc #item .Tabs .group h3 {background: none; color: #444; font: bold 14px/14px Arial, Helvetica, sans-serif; *height: 14px; letter-spacing: normal; margin: 8px 0; padding: 0;}
.drc #item .Tabs .group a {color: #00a0df;}
.drc #item .Tabs .group h3 + a {display: none;}
.drc #item .Tabs .group a:hover, .drc #ResourceContent .group a:active {color: #a00a1c;}
.drc #item .Tabs .group p {margin-top: 4px; margin-bottom: 0;}
.drc #item .Tabs .group ul {margin-bottom: 8px; overflow: auto; padding-left: 0; width: 100%;}
.drc #item .Tabs .group li {float: left; font-size: 11px; height: auto; line-height: 13px; list-style: none; margin: 0 8px 0 0; min-height: 100px; /*text-align: center;*/ width: 90px;}
.drc #item .Tabs .group li img {width: 100%;}
.drc .ProductDetail #Review .Link {width: 340px !important;}

/*.drc .Tabs .group a[href$=".doc"] {background: url("/Themes/Channellock/Images/HomeIcon.gif") no-repeat scroll left center transparent; padding-left: 20px;}
.drc .Tabs .group a[href$=".pdf"] {background: url("/Themes/Channellock/Images/HomeIcon.gif") no-repeat scroll left center transparent; padding-left: 20px;}
.drc .Tabs .group a[href$=".ppt"], a[href$=".pot"] {background: url("/Themes/Channellock/Images/HomeIcon.gif") no-repeat scroll left center transparent; padding-left: 20px;}
.drc .Tabs .group a[href$=".xls"] {background: url("/Themes/Channellock/Images/HomeIcon.gif") no-repeat scroll left center transparent; padding-left: 20px;}
.drc .Tabs .group a[href$=".zip"] {background: url("/Themes/Channellock/Images/HomeIcon.gif") no-repeat scroll left center transparent; padding-left: 20px;}*/

/* @end */

#narrow .accordion-inner li a.disabledButton { color: #cccccc; text-decoration: none; }

/*=== ZONE HELPERS ===*/
.RegularPrice {font-size: 80%; font-weight: normal; opacity: 0.5; text-decoration: line-through;}
.Error, .FailureText {color: red; /*display: inline;*/ font-size: .75em; font-weight: bold; /*margin-bottom: 2em;*/ width: auto;}

/*=== MEDIA QUERIES ===*/


/* !iPad portrait */
@media only screen
	and (device-width: 768px)
	and (orientation:portrait) {

		#header,
		#main,
		#footer {width: 1060px;}

		#home .carousel-inner {overflow: hidden;}
}
/* ! iPad landscape */
@media only screen
	and (min-device-width : 768px)
	and (max-device-width : 1024px)
	and (orientation: landscape)  {

		#header,
		#main,
		#footer {width: 1060px;}

		#home .carousel-inner {overflow: hidden;}
}

@media only screen and (min-width: 35em) {}
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {
}

/*=== HELPER CLASSES ===*/

.ir {background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;}
.ir:before {content: ""; display: block; width: 0; height: 150%;}
.hidden {display: none !important; visibility: hidden;}
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.invisible {visibility: hidden;}
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;float:none !important;}
.hide {display: none !important;}

/*=== PRINT STYLES ===*/

@media print {
    * {background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important;}
    a, a:visited {text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
    pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
    thead {display: table-header-group; /* h5bp.com/t */}
    tr, img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    @page {margin: 0.5cm;}
	p, h2, h3 {orphans: 3; widows: 3;}
    h2, h3 {page-break-after: avoid;}
}


/* @group UX FUN */

.klout-base #body .sidebar .navigation .tab {
    margin-top: 10px;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
}
.klout-base #body .sidebar .navigation .tab .tab-link {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: block;
	position:relative;
	padding: 10px 25px;
	color: #645357;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.klout-base #body .sidebar .navigation .tab .tab-link:hover {
	color: #01b9ff;
	text-decoration: none;
}

/*--- ANIMATION TEST ---*/

/*
<section class="test">
	<div class="box fade-in one">
		<span>look at me fade in</span>
	</div>
	<div class="box fade-in two">
		<span>Oh hi! i can fade too!</span>
	</div>
	<div class="box fade-in three">
		<span>Oh hi! i can fade three!</span>
	</div>
</section>
*/

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.test .fade-in {
    opacity: 0;  /* make things invisible upon start */
    -webkit-animation: fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;

    -webkit-animation-fill-mode: forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}
.test .fade-in.one {-webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s;}
.test .fade-in.two {-webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s;}
.test .fade-in.three {-webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s;}

/*---make a basic box ---*/
.box {background: #999; border: 1px solid #333; float: left; height: 200px; margin: 10px; position: relative; width: 200px;}

/* @end */

/* SPRING PROMOTION */
	@font-face {
		font-family: 'icomoon';
		src:url('/Themes/Channellock/fonts/spring/icomoon.eot?-tcfjua');
		src:url('/Themes/Channellock/fonts/spring/icomoon.eot?#iefix-tcfjua') format('embedded-opentype'),
			url('/Themes/Channellock/fonts/spring/icomoon.woff?-tcfjua') format('woff'),
			url('/Themes/Channellock/fonts/spring/icomoon.ttf?-tcfjua') format('truetype'),
			url('/Themes/Channellock/fonts/spring/icomoon.svg?-tcfjua#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	.fix-it {
		background:url(/Themes/Channellock/images/spring/bkgd.png) top left;
		width:1024px;
		height:679px;
		position:relative;
		margin-top:89px;
		padding:28px 29px 26px;
		text-transform: uppercase;
		font-family: "Trade Gothic W02 Cn 18", Arial, Helvetica, sans-serif;
	}
	.fix-it strong {
		font-family: "TradeGothicW02-BoldCn20 675505", Arial, Helvetica, sans-serif;
		font-weight: normal;
	}
	.fix-it:before {
		content:url(/Themes/Channellock/images/spring/free-shipping.png);
		position:absolute;
		top:-72px;
		right:74px;
	}
	.fix-it:after {
		content: "";
		display: table;
		clear: both;
	}
	.fix-it img { display:block; }
	.fix-it__logo {
		position:absolute;
		top:-89px;
		left:294px;
	}
	.fix-it__header {
		font-size:51px!important;
		line-height:.7!important;
		color:#532800;
		margin:0;
	}
	.fix-it__info {
		float:left;
		padding:30px 13px 35px 35px;
	}
	.fix-it__info > .fix-it__header {
		padding:25px 0;
	}
	.fix-it__info > p {
		color:white;
		width:558px;
		margin:0 0 18px;
		text-align: center;
		font-size:130%;
	}
	.fix-it__info > p:before,
	.fix-it__info > p:after {
		position: relative;
		top:8px;
	}
	.fix-it__info > p:before {
		content:url(/Themes/Channellock/images/spring/arrow-left.png);
	}
	.fix-it__info > p:after {
		content:url(/Themes/Channellock/images/spring/arrow-right.png);
	}
	.fix-it__disclaimer {
		width: 558px;
	    margin: -24px 0 10px;
	    text-align: center;
	    color: #532800;
	    font-weight: bold;
	    font-size: 95%;
	}
	.fix-it__info > img + img {
		padding-top:20px;
	}
	.fix-it__bundle {
		float:left;
	}
	.fix-it__poll {
		display: table;
		table-layout: fixed;
		border-collapse: separate;
		border-spacing: 23px 15px;
		margin-left:-25px;
	}
	.fix-it__poll > a {
		display: table-cell;
		width:95px;
		color:transparent;
	}
	.fix-it__poll-item {
		border:2px solid #532800;
		border-radius:5px;
		color: white;
		text-align:center;
		padding:8px 0 6px;
		background-color:rgb(83, 40, 0);
		background-color:rgba(83, 40, 0, .15);
		cursor:pointer;
		font-size:22px;
	}

	.fix-it__poll-item > dt {
		font-size:20px;
		font-family: "TradeGothicW02-BoldCn20 675505", Arial, Helvetica, sans-serif;
	}

	.fix-it__poll-item:hover > dt:before {
		color:white;
	}
	.fix-it__poll-item:hover {
		background-color:rgb(83, 40, 0);
		background-color:rgba(83, 40, 0, .80);
	}
	.fix-it__poll-item > dt:before {
		font:40px/50px 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		color:#532800;
		display:block;
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.poll-item--yard:before { content:"\79"; }
	.poll-item--garage:before { content:"\67"; }
	.poll-item--auto:before { content:"\61"; }
	.poll-item--house:before { content:"\68"; }
	.poll-item--misc:before { content:"\6d"; }
	.fix-it__poll-item > dd { display: none;}
	.poll-results {
		cursor:normal;
		text-align: center;
	}
	.poll-results .fix-it__poll-item:hover {
		background-color:rgb(83, 40, 0);
		background-color:rgba(83, 40, 0, .15);
	}
	.poll-results .fix-it__poll-item > dt {
		color:#532800;
	}
	.poll-results .fix-it__poll-item > dt:before {
		content:'';
	}
	.poll-results .fix-it__poll-item > dd {
		display: block;
		margin:0;
		font-size:30px;
	}
	.fix-it__bundle {
		position:relative;
		padding:50px 0 0 33px;
		width:325px;
		font-size:16px;
	}
	.fix-it__bundle:before {
		content:url(/Themes/Channellock/images/spring/border.png);
		position:absolute;
		top:130px;
		left:-2px;
	}
	.fix-it__bundle > h2,
	.fix-it__bundle > p {
		text-align: center;
	}
	.fix-it__bundle > p {
		margin:1em auto;
		/*width: 220px;*/
	}
	.fix-it__bundle > a > img {
		margin:0 auto;
	}
	.fix-it__price { font-size:30px; text-align: center; text-indent: -1em; margin: -.5em 0 .1em 0 !important; }
	.fix-it__price + a {
    font-size: 18px;
    color: white;
    text-decoration: none;
    margin-left: 59px;
    display: inline-block;
    background: #707b3a;
    border-radius: 6px;
    padding: 8px 40px 6px;
    border: 2px solid #ffe2b0;
 }
	.fix-it__bundle .flag {
		display: table;
		width: 100%;
		margin-bottom:.5em;
	}
	.flag__image,
	.flag__body {
		display: table-cell;
		vertical-align: middle;
	}
    .flag__image {
        padding-right: 25px;
    }
	.flag__image > img {
		display: block;
		max-width: none;
	}
    .flag__body {
        width: 100%;
    }
    .flag__body > p {
    	margin:0;
    	color:#532800;
    }
    .no-reviews {
    	background: white;
		display: inline-block;
		width: 100%;
		padding-bottom: 6px;
		text-align: center;
		margin-bottom: 18px;
    }

    body.nation-days #main {
		background: #202020 url('/images/background-nationdays.jpg') no-repeat center top;
		background-size:cover;
	}

	.nation-days #category > header {
		margin:60px 0 0 0;
	}

    .nation-days #category h1 {
    	background:url(/Themes/Channellock/Images/home/logo-nationdays.png) center -10px no-repeat;
    	text-indent:-9999px;
    	overflow:hidden;
    	width:675px;
    	height:249px;
    	margin:0 auto;
    }

    #category #nationdays {
		padding-top:20px;
    }

    #nationdays p {
		font-family: 'Aachen W01 Medium';
		text-align:center;
		width:100%;
		font-size: 2.6em;
		margin-top:0;
		line-height:1.2em;
		text-transform:uppercase;
    }

    #nationdays p:last-child {
		font-family: 'TradeGothicW02-BoldCn20 675505';
		font-size: 1.8em;
    }

    .garage {
    	background-image:url(/Themes/Channellock/Images/home-carousel/bg-garage.png);
    }

    .garage > span {
    	width:1024px;
    	margin:0 auto;
    	display:block;
    }

    .garage h2 {
    	display:block;
    	background: url(/sweepstakes/images/logo.png) center 0 no-repeat;
    	background-size:306px auto;
    	width:100%;
    	max-width:440px;
    	height:270px;
    	text-indent:-9999px;
    	overflow:hidden;
    	margin-bottom:10px;
    }

    .garage h3 {
    	font-family: 'TradeGothicW02-BoldCn20 675505';
    	font-size:1.7em;
    	width:100%;
    	max-width:440px;
    	text-align:center;
    	margin-bottom:10px;
    }

    .garage h3 span {
    	color:#0096db;
    }

    .garage p {
    	font-size:20px;
    	font-family:"Trade Gothic W02 Cn 18";
    	width:100%;
    	max-width:440px;
    	text-align:center;
    }

    .garage p a.btn {
	    font-size:16px;
	}

	.carousel .item.new-screwdrivers {
		background-image:url(/Themes/Channellock/Images/home-carousel/bg-screwdrivers.png);
		background-position:center 47px;
	}

	.new-screwdrivers > span {
		width:950px;
    	margin:0 auto;
    	display:block;
    	padding-top:80px;
    	text-align:center;
	}

	.new-screwdrivers h2 {
		font-family: 'Aachen W01 Medium';
		color:#0096db;
		font-size:52px;
		line-height:.9em;
		position:relative;
		left:-100px;
	}

	.new-screwdrivers h2 span {
		color:#FFF;
		font-size:74px;
		display:block;
		position:relative;
		left:100px;
	}

	.new-screwdrivers img {
		width:90%;
		height:auto;
		margin:-5px auto 0 auto;
		position:relative;
		z-index:10;
	}

	.new-screwdrivers h3 {
		font-family: 'Marck Script', cursive;
		font-size:60px;
		text-transform:none;
		margin:-50px 0 0 0;
	}

	.new-screwdrivers p {
		font-family:"TradeGothicW02-BoldCn20 675505";
		font-size:30px;
		text-transform:uppercase;
		padding:0 125px;
		margin-top:0;
	}

	.carousel .item.fixit {
		background-image:url(/Themes/Channellock/Images/home-carousel/bg-fixit.png);
		background-position:center 0;
	}

	.fixit h2 {
		display:block;
    	background: url(/Themes/Channellock/Images/home-carousel/logo-fixit.png) center 0 no-repeat;
    	width:483px;
    	height:317px;
    	text-indent:-9999px;
    	overflow:hidden;
    	margin:20px auto;
    	position:relative;
    	z-index:10;
	}

	.fixit img {
		position:absolute;
		left:50%;
		margin-left:-490px;
		top:185px;
		z-index:1;
	}

	.fixit h3 {
		font-size:40px;
		line-height:40px;
		text-align:center;
		margin-bottom:30px;
	}

	.fixit h3 small {
		font-size:34px;
		line-height:34px;
		display:block;
		font-family: 'TradeGothicW02-BoldCn20 675505';
	}

	article .fixit p {
		text-align:center;
		font-size:22.5px;
	}

	article .fixit p a {
		background:#0096db;
		color:#FFF;
		padding:10px 25px;
	}

	.carousel .item.rescue {
		background-image:url(/Themes/Channellock/Images/home-carousel/bg-rescue.png);
		background-position:center 47px;
	}

	.rescue > span {
		width:950px;
    	margin:0 auto;
    	display:block;
    	padding-top:80px;
    	text-align:center;
	}

	.rescue h2 {
		font-family: 'Aachen W01 Medium';
		color:#0096db;
		font-size:65px;
		line-height:.9em;
		position:relative;
		left:-30px;
		z-index:11;
	}

	.rescue h2 span {
		color:#FFF;
		font-size:92px;
		display:block;
		position:relative;
		left:105px;
	}

	.rescue img {
		width:90%;
		height:auto;
		margin:-60px auto 0 auto;
		position:relative;
		max-width:755px;
	}

	.rescue h3 {
		font-size:50px;
		margin:-180px 0 0 0;
		z-index:12;
		position:relative;
	}

	.rescue p {
		font-family:"TradeGothicW02-BoldCn20 675505";
		font-size:28px;
		text-transform:uppercase;
		padding:0 50px;
		margin-top:0;
		z-index:13;
		position:relative;
		margin-bottom:20px;
	}

	.rescue a {
		position:relative;
		z-index:10;
	}

/**************************************************************************
*
*  PROFESSIONAL PAGES - REDESIGNED AUG/SEPT 2014
*
**************************************************************************/

.electrical #main,
.linemen #main,
.first-responder #main,
.automotive #main,
.plumbing #main,
.hvac #main {
	padding-top:0;

}

.trade {

}

/* HEADER ***********************************************************/
.trade header {
	position:relative;
	z-index:1;
	text-align:center;
	padding:117px 0 100px 0;
	background:url(/Themes/Channellock/Images/pro/electrical-header-bg.jpg) center 0 no-repeat;
	background-attachment:fixed;
	background-size:cover;
	display:table;
	width:100%;
}

.trade header > div {
	display:table-cell;
	vertical-align:middle;
}

.linemen-content header {
	background-image:url(/Themes/Channellock/Images/pro/linemen-header-bg.jpg)
}
.electrical-content header {
	background-image:url(/Themes/Channellock/Images/pro/electrical-header-bg.jpg)
}
.hvac-content header {
	background-image:url(/Themes/Channellock/Images/pro/hvac-header-bg.jpg)
}
.automotive-content header {
	background-image:url(/Themes/Channellock/Images/pro/automotive-header-bg.jpg)
}
.responders-content header {
	background-image:url(/Themes/Channellock/Images/pro/responders-header-bg.jpg)
}
.plumbing-content header {
	background-image:url(/Themes/Channellock/Images/pro/plumbing-header-bg.jpg)
}

.trade .breadcrumb {
	position:relative;
	top:0;
	width:100%;
	max-width:1024px;
	margin:15px auto 10px auto;
	text-align:left;
}

.trade header h1 {
	font-size:26px;
	line-height:1em;
	font-family: 'Aachen W01 Medium';
	border:3px solid #FFF;
	padding:14px 24px 14px 55px;
	margin-bottom:30px;
	display:inline-block;
}

.electrical-content header h1 {
	background:url(/Themes/Channellock/Images/pro/electrical-icon.png) 20px center no-repeat;
}
.linemen-content header h1 {
	background:url(/Themes/Channellock/Images/pro/linemen-icon.png) 20px center no-repeat;
}
.automotive-content header h1 {
	background:url(/Themes/Channellock/Images/pro/automotive-icon.png) 20px center no-repeat;
}
.hvac-content header h1 {
	background:url(/Themes/Channellock/Images/pro/hvac-icon.png) 20px center no-repeat;
}
.responders-content header h1 {
	background:url(/Themes/Channellock/Images/pro/responders-icon.png) 20px center no-repeat;
}
.plumbing-content header h1 {
	background:url(/Themes/Channellock/Images/pro/plumbing-icon.png) 20px center no-repeat;
}

.trade header blockquote {
	color:#FFF;
	font-size:70px;
	line-height:.8em;
	font-family: 'Aachen W01 Medium';
	text-transform:uppercase;
	width:90%;
	max-width:990px;
	margin: 0 auto;
}

.trade header blockquote.small {
	font-size:65px;
	line-height:.8em;
}

.trade header blockquote.pt-60 span.big {
	font-size:60px;
}

.trade header blockquote span.small {
	font-size:35px;
	display:block;
	line-height:35px;
	color:#0096db;
}

.trade header blockquote span.big {
	font-size:75px;
	display:block;
	line-height:75px;
}

.trade header blockquote span.blue {
	color:#0096db;
}

.trade span.open-quote,
.trade span.close-quote { font-size:80px; line-height:20px; color:#FFF; }
.trade span.close-quote { vertical-align:middle; }
.trade span.small span.close-quote,
.trade span.small span.open-quote { vertical-align:bottom; }



.trade p {
	font-family:"Trade Gothic W02 Cn 18";
	color:#FFF;
	font-size:16px;
	text-transform:uppercase;
}

.trade p.attribution {
	font-size:20px;
}

.trade p.attribution::first-line {
	color:#0096db;
}

.trade header p a {
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

.trade header p a:after {
	color:#0096db;
	content:'\25B6';
	padding-left:3px;
	font-size:80%;
}

.trade header p.attribution a {
	font-weight:bold;
	color:#0096db;
	text-decoration:none;
}

.trade header p.attribution a:after {
	display:none;
}

.trade .tool {
	width:684px;
	margin:0 auto;
	position:relative;
}

.trade .tool img {
	max-width:100%;
}

.tool .hotspot {
	position:absolute;
}

.tool .hotspot a,
.hotspot.active a {
	display:block;
	color:#FFF;
	text-align:right;
	font-size:16px;
	line-height:20px;
	vertical-align:middle;
	text-decoration:none;
	background:#0096db;
	border:3px solid #FFF;
	border-radius:14px;
	width:28px;
	height:28px;
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	padding-right:7px;
}

.hotspot p {
	margin:0;
	text-align:left;
	display:none;
	float:none;
}

.hotspot.active a {
	overflow:hidden;
	font-family: 'TradeGothicW02-BoldCn20 675505';
	text-transform:uppercase;
	font-size:16px;
	line-height:24px;
	text-align:left;
	padding-left:7px;
}

.hotspot.active a span {
	float:right;
	margin-top:-2px;
	text-transform:none;
	font-family:Arial, sans-serif;
	cursor:pointer;
}

.hotspot.active div p {
	font-family:"Trade Gothic W02 Cn 18";
	font-size:15px;
	text-transform:none;
}

.tool .active div {
	padding:40px 10px 5px 10px;
	margin:-5px -5px 0 0;
	background:url(/Themes/Channellock/Images/pro/bg-toolbox-opaque.png) 0 0 no-repeat;
	border-radius:14px;
	overflow:hidden;
	height:38px;
}

.tool .active .hotspot {
	z-index:9000;
	padding-right:6px;
	text-align:left;
}

.electrical-content .tool .hotspot1 {top:87px;right:656px;}
.electrical-content .tool .hotspot2 {top:87px;right:559px;}
.electrical-content .tool .hotspot3 {top:15px;right:214px;}

.linemen-content .tool .hotspot1 {top:60px;right:592px;}
.linemen-content .tool .hotspot2 {top:60px;right:530px;}
.linemen-content .tool .hotspot3 {top:10px;right:200px;}

.responders-content .tool .hotspot1 {top:170px;right:635px;}
.responders-content .tool .hotspot2 {top:170px;right:565px;}
.responders-content .tool .hotspot3 {top:170px;right:495px;}
.responders-content .tool .hotspot4 {top:170px;right:415px;}
.responders-content .tool .hotspot5 {top:275px;right:75px;}
.responders-content .tool .hotspot6 {top:38px;right:140px;}

.automotive-content .tool .hotspot1 {top:92px;right:656px;}
.automotive-content .tool .hotspot2 {top:18px;right:512px;}
.automotive-content .tool .hotspot3 {top:70px;right:445px;}
.automotive-content .tool .hotspot4 {top:40px;right:55px;}

.plumbing-content .tool .hotspot1 {top:68px;right:630px;}
.plumbing-content .tool .hotspot2 {top:6px;right:538px;}
.plumbing-content .tool .hotspot3 {top:75px;right:488px;}
.plumbing-content .tool .hotspot4 {top:25px;right:240px;}

.hvac-content .tool .hotspot1 {top:5px;right:630px;}
.hvac-content .tool .hotspot2 {top:135px;right:608px;}
.hvac-content .tool .hotspot3 {top:135px;right:545px;}
.hvac-content .tool .hotspot4 {top:75px;right:510px;}

.trade .arrow-down {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:29px;
	height:17px;
	background:url(/Themes/Channellock/Images/pro/arrow-down.png) 0 0 no-repeat;
	margin:15px auto 40px auto;
}

/* TOOLBOX **********************************************************/
.trade .tools {
	background:url(/Themes/Channellock/Images/pro/bg-toolbox.png) center 0 no-repeat;
	background-size:cover;
	position:relative;
	z-index:1000;
	margin-top:-75px;
	text-align:center;
	padding-top:90px;
	overflow:hidden;
	height:660px;
}

@media screen and (min-width:1575px) {
	.trade .tools {
		background-size:100% 660px;
	}
}

.lt-ie9 .trade .tools {
	background:url(/Themes/Channellock/Images/pro/bg-toolbox.png) center 0 no-repeat;
}

.trade .tools h1 {
	font-size:40px;
	font-family: 'Aachen W01 Medium';
	margin-bottom:20px;
}
.trade .tools div.pics,
.trade .tools .info > div {
	width:100%;
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
}
.trade .tools .pics div,
.trade .tools .info > div div {
	float:left;
	width:33.3%;
	padding:0 10px;
}
.trade .tools .pics div img {
	width:100%;
	max-width:145px;
	margin:0 auto;
	display:block;
}
.trade .tools .pics div img.wide {
	max-width:100%;
}
.trade .tools .info {
	background:url(/Themes/Channellock/Images/pro/bg-toolbox-opaque.png) 0 0 repeat;
	overflow:hidden;
	position:absolute;
	bottom:0;
	width:100%;
}
.trade .tools .info > div {
	padding-bottom:85px;
}
.trade .tools .info > div div p {
	font-family:"Trade Gothic W02 Cn 18";
	font-size:16px;
}
.trade .tools .info > div div a.btn {
	font-family:"Trade Gothic W02 Cn 18";
	font-size:14px;
	padding:0 8px;
}

/* TOOL HIGHLIGHTS **************************************************/
.tool-highlight {
	position:relative;
	z-index:2000;
	margin-top:-60px;
}

.tool-highlight > span {
	display: inline-block;
    border-right: 20px solid transparent;
    border-bottom: 30px solid #FFF;
    height: 0;
    width:50%;
}
.tool-highlight.right > span {
	border-right:0;
    border-left: 20px solid transparent;
    border-bottom: 30px solid #FFF;
}

.tool-highlight.right {text-align:right;}
.tool-highlight.right div {text-align:left;}

.tool-highlight h1 {
	padding: 0;
    text-decoration: none;
    font-size:35px;
    line-height:32px;
    font-weight: bold;
	color:#0096db;
	margin:0 0 10px 0;
	position:relative;
}

.tool-highlight h1:before {
	content:'';
	display:inline-block;
	padding-right:5px;
	width:28px;
	height:29px;
}
.electrical-content .tool-highlight h1:before {background:url(/Themes/Channellock/Images/pro/electrical-icon.png) left center no-repeat;}
.linemen-content .tool-highlight h1:before {background:url(/Themes/Channellock/Images/pro/linemen-icon.png) left center no-repeat;}
.automotive-content .tool-highlight h1:before {background:url(/Themes/Channellock/Images/pro/automotive-icon.png) left center no-repeat;}
.hvac-content .tool-highlight h1:before {background:url(/Themes/Channellock/Images/pro/hvac-icon.png) left center no-repeat;}
.responders-content .tool-highlight h1:before {background:url(/Themes/Channellock/Images/pro/responders-icon.png) left center no-repeat;}
.plumbing-content .tool-highlight h1:before {background:url(/Themes/Channellock/Images/pro/plumbing-icon.png) left center no-repeat;}

.tool-highlight > div {
	background:#FFF;
}
.tool-highlight > div > div {
	width:100%;
	max-width:1024px;
	margin:0 auto;
	padding:40px 0 40px 250px;
	overflow:hidden;
	background-position:left bottom;
	background-repeat:no-repeat;
	position:relative;
}
.tool-highlight.right > div > div {
	padding:40px 250px 40px 0;
	background-position:right bottom;
}
.tool-highlight.rescue-tool > div > div {
	padding-left:450px;
}
.tool-highlight > div > div > img {
	position:absolute;
	left:0;
	max-width:235px;
}
.tool-highlight.rescue-tool > div > div > img {
	max-width:425px;
}
.tool-highlight.right > div > div > img {
	left:auto;
	right:0;
}

.tool-highlight p {
	color:#333;
	font-size:20px;
	margin:0 0 40px 0;
	font-family:"Trade Gothic W02 Cn 18";
	text-transform:none;
}

.tool-highlight p a {
	font-weight:bold;
	text-decoration:none;
}

.tool-highlight h2 {
	font-size:20px;
	color:#333;
}

.tool-highlight div div div {
	float:left;
	width:231px;
	margin-right:18px;
}
.tool-highlight div div div:last-of-type {
	margin-right:0;
}
.tool-highlight div div div img {
	border:1px solid #E3E3E3;
	margin-bottom:25px;
}
.tool-highlight div div div p {
	font-size:16px;
}

.tool-highlight.right .buttons {
	float:right;
}

/* DEMO SLIDER/QUOTE **********************************************/
.trade .quote {
	width:100%;
	overflow:hidden;
	min-height:550px;
}
.quote > div {
	margin:0 auto;
	padding:70px 0 120px 0;
	width:100%;
	max-width:1024px;
	margin:0 auto;
	position:relative;
	top:0 !important;
}
.plumbing-content .quote.quote1 > div,
.automotive-content .quote.quote1 > div {
	position:static;
	padding-right:450px;
}
.plumbing-content .quote.quote1 .fix-right,
.automotive-content .quote.quote1 .fix-right {
	max-width:475px;
	top:100px;
}
.quote.parallax-container {
	position:relative;
}
.quote > img {
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	min-width:100%;
	height:1000px;
}
.quote h1 {
	font-size:60px;
	line-height:50px;
}

.quote h1 span {
	color:#C5C5C5;
}
.quote blockquote {
	color:#FFF;
	font-family:"Trade Gothic W02 Cn 18";
	font-size:30px;
	line-height:35px;
	padding:0;
	width:100%;
	max-width:430px;
	position:relative;
	margin:0 0 100px 0;
}

.quote blockquote span {
	font-family: 'Aachen W01 Medium';
	color:#0096db;
	font-size:50px;
	line-height:20px;
	vertical-align:bottom;
}

.trade .center-quote {text-align:center;}
.trade .quote.center {
	text-align:center;
}
.quote.center blockquote {
	margin:0 auto 10px auto;
	max-width:650px;
	padding:0;
}
.quote.fixed-image {position:relative;}
.quote .fix-right {
	position:absolute;
	right:0;
	top:35px;
	width:50%;
	max-width:500px;
}

.quote div img:not(.fix-right) {
	margin-top:20px;
}
.slider {
	display:none;
	z-index:2;
}
.lt-ie9 .slider {
	display:inline-block;
}

.quote h2 {
	width:450px;
	text-align:center;
	font-family: 'TradeGothicW02-BoldCn20 675505';
	font-size:16px;
	margin-bottom:30px;
}

.hvac-content .quote h2 {width:350px;}

.slider-spots {
	width:538px;
	position:relative;
	z-index:1;
}

.slider-spots div {
	width:20%;
	float:left;
}

.slider-spots p {
	font-family: 'TradeGothicW02-BoldCn20 675505';
	font-size:14px;
	position:relative;
	padding-top:30px;
	margin:-23px 0 0 0;
}

.hvac-content .slider-spots p {
	padding-left:12px;
}

.slider-spots p:before {
	content:'|';
	font-family:"Trade Gothic W02 Cn 18";
	position:absolute;
	top:0;
	left:16px;
	font-size:20px;
}

/* BUNDLE *****************************************************/
.bundle {
	background:#333;
}

.bundle p {
	text-transform:none;
}

@media screen and (min-width:760px) {
	.bundle {
		background:#333 url(/Themes/Channellock/Images/pro/bg-bundle.jpg) center top no-repeat;
		background-size:cover;
	}
}
.lt-ie9 .bundle {
	background:url(/Themes/Channellock/Images/pro/bg-bundle.jpg) center top no-repeat;
}

.bundle > div {
	width:100%;
	max-width:1024px;
	margin:0 auto;
	padding:50px 0;
	overflow:hidden;
}
.bundle div div {
	float:left;
}

.bundle h1,
.bundle p {
	margin:0;
	line-height:1em;
	font-size:20px;
}
.bundle h1 {font-size:40px;}

.bundle a.btn {
	float:right;
	font-size:20px;
	padding:5px 100px;
	margin-right:120px;
}

/* Animations */
.slider-demo {
	position:relative;
	overflow:hidden;
}

.slider-demo.quote > img {
	height:1200px;
}

.animation {
	display:none;
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	left:500px;
}

.linemen-content .animation {
	background-image:url(/Themes/Channellock/Images/pro/sprite_pliers.png);
	height:800px;
	width:1326px;
	top:-80px;
}

.hvac-content .animation {
	background-image:url(/Themes/Channellock/Images/pro/sprite_wrench.png);
	height:550px;
	width:1326px;
	top:64px;
}

@media all and (min-width:760px) {
	.animation {display:block;}
}