@charset "utf-8";
/* CSS Document */

/**
  * STYLE SHEET REFERENCE LOCATION AND CASCADING USAGE INFORMATION
	  *
	  * referenced in all pages, /store/Main.aspx, /secure/Secure.aspx, and /secure/Login.aspx
	  *
	  */


/**
 * HTML5 ✰ Boilerplate
 *
 * global.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */


/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

/* FONTS */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 4, 2010 */

/* bold wieght, block */
@font-face { font-family: 'geoslab-heavy'; src: url('fonts/geo703xb.eot'); src: local('☺'), url('fonts/geo703xb.TTF') format('truetype'),
			url('fonts/geo703xb.svg#swiss-721-bci') format('svg'); font-weight: normal; font-style: normal; }

/* medium wieght, block */
@font-face { font-family: 'geoslab-medium'; src: url('fonts/geo712m.eot'); src: local('☺'), url('fonts/geo712m.TTF') format('truetype'),
			url('fonts/geo712m.svg#swiss-721-bci') format('svg'); font-weight: normal; font-style: normal; }

/* bold wieght, block */
@font-face { font-family: 'bebas'; src: url('fonts/bebas__.eot'); src: local('☺'), url('fonts/bebas__.TTF') format('truetype'),
			url('fonts/bebas__.svg#swiss-721-bci') format('svg'); font-weight: normal; font-style: normal; }

/* bold wieght, block, italic */
@font-face { font-family: 'swiss-721-kci'; src: url('fonts/sw721kci.eot'); src: local('☺'), url('fonts/sw721kci.TTF') format('truetype'),
			url('fonts/sw721kci.svg#swiss-721-kci') format('svg'); font-weight: normal; font-style: normal; }

/* bold wieght, italic */
@font-face { font-family: 'swiss-721-bci'; src: url('fonts/sw721bci.eot'); src: local('☺'), url('fonts/sw721bci.TTF') format('truetype'),
			url('fonts/sw721bci.svg#swiss-721-bci') format('svg'); font-weight: normal; font-style: normal; }

/* medium wieght, <h>'s, utilities */
@font-face { font-family: 'swiss-z721-bc'; src: url('fonts/swz721BC.eot'); src: local('☺'), url('fonts/swz721BC.TTF') format('truetype'),
			url('fonts/swz721BC.svg#swiss-z721-bc') format('svg'); font-weight: normal; font-style: normal; }

/* medium wieght, serif */
@font-face { font-family: 'swiss-z721-kc'; src: url('fonts/swz721kc.eot'); src: local('☺'), url('fonts/swz721kc.TTF') format('truetype'),
			url('fonts/swz721kc.svg#swiss-z721-kc') format('svg'); font-weight: normal; font-style: normal; }

/* thin wieght */
@font-face { font-family: 'swiss-z721-c'; src: url('fonts/swz721c.eot'); src: local('☺'), url('fonts/swz721c.TTF') format('truetype'),
			url('fonts/swz721c.svg#swiss-z721-c') format('svg'); font-weight: normal; font-style: normal; }

/* thin wieght, italic */
@font-face { font-family: 'swiss-z721-ci'; src: url('swz721ci.eot'); src: local('☺'), url('swz721ci.TTF') format('truetype'),
			url('swz721ci.svg#swiss-z721-ci') format('svg'); font-weight: normal; font-style: normal; }


.font-swiss-721-kci { font-family: 'swiss-721-kci'; }
.font-swiss-721-bci { font-family: 'swiss-721-bci'; }
.font-swiss-z721-bc { font-family: 'swiss-z721-bc'; } <!-- default -->
.font-swiss-z721-kc { font-family: 'swiss-z721-kc'; }
.font-swiss-z721-c { font-family: 'swiss-z721-c'; }
.font-swiss-z721-ci { font-family: 'swiss-z721-ci'; }
.font-bebas { font-family: 'bebas'; }
.font-geoslab-medium { font-family: 'geoslab-medium'; }
.font-geoslab-heavy { font-family: 'geoslab-heavy'; }


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, content, summary,
time, mark, audio, video {
  margin: 0; padding: 0; border: 0; font-size:100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

.camma:after { content: ,; content: none; }

.period:after { content: .; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select, button, textarea { vertical-align: middle; padding:5px 3px; border:solid #ccc 1px; }
/* sets images like the trash can on the cart not have padding inside border */
input[type="image"] { padding:0; }
/* over-rides browser default of highlight around input when selected */
input:focus { outline-color:transparent; }
textarea { vertical-align:top; }


/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body { font:13px/1.231 " Arial", sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% "Arial", sans-serif; }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: "Arial", sans-serif; }

/**
 * Minimal base styles.
 */

/* Prevent mobile zooming while remain desktop zooming: github.com/shichuan/mobile-html5-boilerplate/issues/closed#issue/14 */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
.bold { font-weight:900; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
p { margin-top:1.5em; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

.large { font-size: 115%; }
small,
.small { font-size: 85%; }
strong, th { font-weight: bold; }

table.row-highlight_none tr:hover,
table.row-highlight_none tbody tr:hover,
div.highslide-container table tbody tr:hover { background:transparent; color:inherit; }

td { vertical-align:middle; }
td.vtop { vertical-align:top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.iem7 legend { margin-left: -7px; }

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"],
input[type="checkbox"],
.iem7 input[type="checkbox"] { margin:5px 5px 5px 0; vertical-align: baseline; }
input[type="radio"] label,
input[type="checkbox"] label,
.iem7 input[type="checkbox"] label { margin-left:6px; }
.txtboxmemo { height: 30px; width: 60%;	
}
.txtboxmemo-wide { height: 30px;   width: 90%; }
.txtboxnotes,
textarea { max-width:750px; width:98%; }
.txtboxdate { width:68px; }
.txtboxqty { width:45px; text-align:right; }
.txtboxqtydrop { width:49px; text-align:right; }
.txtboxqtysm { width:40px; text-align:right; }
.txtboxshort { width: 35px; }
.txtbox-memo { height:150px; overflow:auto; }
.radio { background-color:#f7f7f7; border:solid #ccc 1px; padding:10px; }
.radio label { margin-right:10px;	
}
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* Colors for form validity */
input:valid, textarea:valid   {  }
.input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
#search .input:invalid, #search textarea:invalid {
   border-radius: 0; -moz-box-shadow: 0px 0px 0px transparent; -webkit-box-shadow:  0px 0px 0px transparent; box-shadow:  0px 0px 0px transparent; }

input[type="search"],
.goog-te-gadget-simple { /* google translate */
	width:250px; border:solid #152F3D 1px; 
	text-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.30), 0 1px 0 rgba(255,255,255,0.9) inset; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.30), 0 1px 0 rgba(255, 255, 255, 0.9) inset; 
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; 
	-webkit-appearance: textfield; padding:5px; color:#aaa; background-color:#fff; }
input[type="search"]:focus,
.goog-te-gadget-simple:focus { background-color:#fff; color:#000; font-style:normal; border-color:#000; text-shadow: -1px 1px 1px #ccc; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection{ background: #0F81C5; color:#fff; text-shadow: none; }
::selection { background:#0F81C5; color:#fff; text-shadow: none; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #0F81C5; }

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.iem7 img { -ms-interpolation-mode: bicubic; }


/**
 * You might tweak these..tag defaults
 */

body, select, input, textarea {
  /* #4B4B4B looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #4B4B4B; /* Set your base font here, to apply evenly */
  font-family: "Arial", sans-serif; }
#loading { position: absolute; display:block; top: 50%; left: 50%; margin: -60px 0 0 -60px; height: 120px; width: 120px; z-index:500000; background-color: #fff; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;		
	
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6); box-shadow:0 1px 10px rgba(0, 0, 0, 0.6); 
	font-family:"swiss-z721-bc", Arial; font-size:14px; text-align:center; vertical-align:middle; margin:0 auto; }
#loading img { text-align:center; vertical-align:middle; margin:8px auto;	
}
#loading .ellipsis { overflow: hidden;   display: inline-block;   vertical-align: bottom;   -webkit-animation: ellipsis 2s infinite;   -moz-animation: ellipsis 2s infinite; }
@-webkit-keyframes ellipsis { from {     width: 2px;   }
    to {     width: 12px;   }
}
@-moz-keyframes ellipsis { from {     width: 2px;   }
    to {     width: 12px;   }
}
@-ms-keyframes ellipsis { from {     width: 2px;   }
    to {     width: 12px;   }
}
@keyframes ellipsis { from {     width: 2px;   }
    to {     width: 12px;   }
}

/*
#spinner span {	
	-webkit-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite; -moz-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite; -ms-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite; animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite; }
#spinner div { text-align:center; vertical-align:middle; margin:8px auto; height: 80px; width: 80px; white-space: nowrap; overflow: hidden; 
	-webkit-mask-image: url(../images_global/loading.png); background-color: #0F81C5; -webkit-animation-name: spinnerRotate; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
	@-webkit-keyframes spinnerRotate { from { 	-webkit-transform:rotate(0deg); }
		to { 	-webkit-transform:rotate(360deg); }
	}*/

header,
header #utilities nav a,
header #utilities nav a:link,
header #utilities nav a:visited,
header #tagline,
.btn-search { font-family:"swiss-z721-bc", Arial; color: #fff; }
header #utilities nav .normal { font-family:"swiss-z721-c", Arial; }

/* Order Selector */

/* Topnav link - Company Name */
header #utilities .company-link { color:#f7f7f7; padding-bottom:8px;background-position: 50% 100%;}

/* Drop down menu - general rules */
header #utilities #panelConnections { display:none; background-color: #292929; width: 190px; position: relative; z-index: 1200; top: 1px; padding-top: 10px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; }
header #utilities #panelConnections li:after { content:""; }
header #utilities #panelConnections li { padding-top:2px; padding-bottom:2px; width:100%; font-size:14px; height:16px; margin-left:-15px; padding-left:15px; margin-right:-15px; padding-right:15px; }
header #utilities #panelConnections li span { cursor:default; color:#f7f7f7; }

/* 1st level drop down menu */
header #utilities #panelConnections .view-connections { text-align:left; }
header #utilities #panelConnections .view-connections li { display:block; }
header #utilities #panelConnections .view-connections li p { margin:0; padding:0; }
header #utilities #panelConnections .view-connections .custno { width:55px; }
header #utilities #panelConnections .view-connections .company { width:135px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
header #utilities #panelConnections .view-connections .arrow-up { margin-left:47%; }

/* 2nd level drop down menu */
header #utilities #panelConnections .ulOrder { display:none; background-color:#555; width:150px; }
header #utilities #panelConnections .ulOrder li { display:block; margin-left:0; }
header #utilities #panelConnections .view-connections .active-orders {padding-top:5px; padding-bottom:10px; background-color:#555; }
header #utilities #panelConnections .view-connections .active-orders li:first-child { margin-top:5px; }
header #utilities #panelConnections .view-connections .active-orders span.title { padding-left:10px; color:#B5B5B5; }
header #utilities #panelConnections .view-connections .connection-id,
header #utilities #panelConnections .view-connections .order-id { position: relative; top: 2px; cursor:pointer; }
header #utilities #panelConnections .active-orders li { padding-right: 0; width: auto; margin-right: 0; }

#tagline { color:#fff; font-size:15px; position:relative; top:15px; }
div#ui-datepicker-div { z-index:500000!important; }

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
hgroup { margin-bottom:15px; }
hgroup .flush_btm { margin-bottom:0; } 
h1, h2 { font-family:"swiss-z721-bc", Arial Narrow; }
h3, h4, h5, h6 { font-weight:bold; font-family: Arial, Sans-Serif; }
h1 { font-size:24px; margin-top:30px; margin-bottom:6px; }
	h1.aligntop { /* account pages with menu at the top */
		margin-top:10px; }
h2 { font-size:18px; margin-bottom:6px; }
h3 { font-size:16px; margin-bottom:6px; }
	h3 span { color:#2489CE; }
	h3.selected_product-group { margin-top:8px; }
	h3.selected_product-group span { text-transform:capitalize; display:inline; white-space:nowrap; }
	h3.selected_product-group span:before { content:"Selected: "; color:#4B4B4B; display:inline; white-space:nowrap; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:10px; }

/* link color default */
a, a:active, a:visited { color: #0079C1; text-decoration:none; 
	-webkit-transition-duration: 250ms; -webkit-transition-property: all; -webkit-transition-timing-function:linear; -moz-transition-duration: 250ms; -moz-transition-property: all; -moz-transition-timing-function: linear; -o-transition-duration: 250ms; -o-transition-property: all; -o-transition-timing-function: linear; }
a:hover { color: #1C1C1C; }
a[disabled="disabled"],
input[disabled="disabled"],
.disabled,
.disabled label { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); opacity:.75; cursor: default!important; pointer-events: none; zoom: 1; }	
	header input[disabled="disabled"] { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); opacity:.75; }
	table.shipping_disabled input[disabled="disabled"] { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); opacity:1; }
.disabled-tr { }
.disabled-tr .disabled-td { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"; filter: alpha(opacity=5); opacity:.5; }
.disabled-tr .disabled-td input[disabled="disabled"] { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; }
.block { display:block; }
.inline { display:inline; }
.inline-block { display:inline-block; }
.wrap_none { white-space:nowrap; }
.cursor { cursor:pointer; }
div#google_translate_element { width:140px; display:inline-block; 
	text-shadow: 0 1px 1px #ccc; }
.skiptranslate.goog-te-gadget { margin-top:-5px; }
.goog-te-gadget-simple { width:auto; height:14px; padding:1px; border-color:transparent; }
.goog-te-gadget-simple .goog-te-menu-value { width:100px; color:#999; font-size:80%; }
.goog-te-gadget-simple .goog-te-menu-value span { font-size:80%; position:relative; top:-5px; }
.goog-te-gadget-icon { position:relative; top:-3px; height:15px; }
.popup-help { position: relative; cursor:help; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; }
.popup-help:hover div { visibility: visible; opacity: 1; padding: 10px 0 10px; padding-left:10px; padding-right:10px; }
.popup-help div { font-family: Arial; width:200px; padding-left:10px; padding-right:10px; visibility: hidden; opacity: 0; position: absolute; bottom:25px; left: -5px; right: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 5px; -webkit-transition-property: opacity, padding, visibility; -moz-transition-property: opacity, padding, visibility; -ms-transition-property: opacity, padding, visibility; -o-transition-property: opacity, padding, visibility; transition-property: opacity, padding, visibility; -webkit-transition: 0.2s ease-out; -moz-transition: 0.4s ease-out; -ms-transition: 0.4s ease-out; -o-transition: 0.4s ease-out; transition: 0.4s ease-out; background-color: #fff;   
	  
		  -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.3);   -moz-box-shadow:    2px 2px 4px rgba(50, 50, 50, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.3);   box-shadow:         2px 2px 4px rgba(50, 50, 50, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.3); }
.popup-help div:before, .popup-help div:after, .popup-help div:first-child:after { display: block; content: ''; width: 0; height: 0; position: absolute; left: 15px; border: 7px outset transparent; }
.popup-help div:before { border-top: 7px solid #777; bottom: -14px; }
.popup-help div:after { border-top: 7px solid #fff; bottom: -12px; }
.popup { font-family: Arial; background-color: #fff; padding-left:10px; padding-right:10px; padding-bottom: 10px; 
	z-index:100000; border:solid #eee 1px; 
	position: absolute;  top: 50%;  left: 50%;  width: 500px;  max-height: 300px;  overflow:auto;  margin-top: -150px; /* Half the height */
   margin-left: -250px; /* Half the width */
	
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
	-webkit-box-shadow: 2px 2px 12px rgba(50, 50, 50, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow:    2px 2px 12px rgba(50, 50, 50, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.3); box-shadow:         2px 2px 12px rgba(50, 50, 50, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.3); }
.popup .popup-compact {	max-height: 200px; margin-top: -100px; /* Half the height */ }
.popup .popup-body { margin:15px 5px 0 5px; }
#panelMessagePopup h2 { margin-bottom:0; }
#translate.popup-help { display:inline-block; background-color:#fff; position:relative; top:-3px; font-size:85%; }
#translate.popup-help div { width:320px; height:250px; color:#4B4B4B; margin-left:-8px; z-index:10000; }
#translate.popup-help span { padding:3px 5px; font-weight:900; font-size:85%; color:#4B4B4B; display:inline-block; background-color:#fff; }
menu.pager { white-space:nowrap; }
menu.pager .selected { padding:2px 4px; background-color:#09F; color:#fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
nav#sidenav div#browse-wrap { background-color:#f7f7f7; border:solid #e3e3e3 1px; }
nav#sidenav hgroup { margin-bottom:0; }
nav#sidenav h2 { font-size:20px; font-weight: normal; margin-top:0; margin-bottom:20px; color:#4B4B4B; }
nav#sidenav h2.first { margin-top:0; }
nav#sidenav h3 { background-color:#E3E3E3; font-family:"swiss-z721-bc", Arial Narrow; font-weight: normal; font-size:20px; padding:6px 12px; margin-bottom:0; }
nav#sidenav h3 span { color:#4b4b4b; font-size:16px; }
nav#sidenav h3 a { font-size:13px; position:relative; top:4px; }
nav#sidenav h3.small,
nav#sidenav h3.small span { font-size:14px; cursor:pointer; }
nav#sidenav h3.highlight { /*filter by*/ background-color:#f7f7f7; color:#4b4b4b; border:solid #e3e3e3 1px; margin-bottom:1px; }
nav#sidenav h3.highlight a { position:relative; top:0; }
nav#sidenav h4 { font-family:"swiss-z721-bc", Arial Narrow; font-weight: normal; font-size:14px; padding:4px 12px 3px 12px; border-top:solid #0E80C5 1px; border-bottom:solid #0E80C5 1px; color:#474747; cursor:pointer; }
nav#sidenav_flyout h5 { font-family:"swiss-z721-bc", Arial Narrow; font-weight: normal; font-size:16px; margin-bottom:6px; }
nav#sidenav a { font-size:12px; }
nav#sidenav #panelSidenavCategories { /* Super Categories */ margin-top:35px; }
nav#sidenav #panelSidenavCategories a { display:block; padding-left:12px; padding-top:3px; padding-bottom:2px; }
nav#sidenav ul { margin-top:5px; margin-bottom:10px; }
nav#sidenav ul.breadcrumb-sidenav { margin-top:0!important; margin-bottom:0; }
nav#sidenav ul.breadcrumb-sidenav li { padding:3px; }
nav#sidenav ul.breadcrumb-sidenav li a { font-size:14px; font-family:"swiss-z721-bc", Arial Narrow; }
nav#sidenav ul.breadcrumb-sidenav li a:before { content:"\00AB "; font-size:18px; margin-left:-2px; margin-right:2px; }
nav#sidenav ul.breadcrumb-sidenav li:last-child { background-color:#0E80C5; padding-left:12px; }
nav#sidenav ul.breadcrumb-sidenav li:last-child a { color:#FFF; font-size:16px; font-family:"swiss-z721-bc", Arial Narrow; }
nav#sidenav ul.breadcrumb-sidenav li:last-child a:before { content:""; margin-left:0; margin-right:0; }
nav#sidenav_flyout { border-bottom:solid #0D7FC5 1px; }
nav#sidenav div.home-only,
nav#sidenav_flyout div.home-only,
#sidenav_anonymous .documentation-library { display:none; visibility:hidden; }
nav#sidenav div#divCategoryBranch a { margin-left:12px; }
nav#sidenav .active-filter .colon:after { content:": "; }
nav#sidenav .active-filter .line-vert:after { content:" | "; }
nav#sidenav .active-filter li { height:35px; }
/*nav#sidenav .active-filter li img { position:relative; left:5px; }
nav#sidenav .active-filter li div { width:178px; position:relative; top:-18px; left:20px; margin-top:0; padding-top:0; line-height:12px; }*/
nav#sidenav ul.active-filter { background-color:#e3e3e3; margin-bottom:0; padding-bottom:10px; margin-left:-12px; width:208px; }
nav#sidenav .border { margin-bottom:1px; }
nav#sidenav div.expand-collapse { cursor:pointer; }
nav#sidenav div.expand-collapse li { border-top:dotted #e3e3e3 1px; padding-bottom:2px; }
nav#sidenav div.expand-collapse li input { float:left; width:20px; display:inline-block; margin-left:8px; margin-right:2px; font-size:90% /* IE Fix */ zoom: 1; *display: inline; *float: none; }
nav#sidenav div.expand-collapse li label { float:left; white-space:pre-wrap; width:168px; display:inline-block; margin-top:5px; margin-bottom:0; font-size:90%; /* IE Fix */ zoom: 1; *display: inline; *margin-left: 5px; *float: none; }
nav#sidenav div.expand-collapse .border { border:solid #e3e3e3 1px; margin-bottom:1px; }
nav#sidenav div.expand-collapse ul { height:auto; }
#panelPFWrap, #panelSFWrap { margin-top:35px; }
nav#sidenav div#panelPFWrap ul, #panelSFWrap ul { margin-top: 0!important; margin-bottom: 0!important; }
#panelPFWrap h3.highlight, #panelSFWrap h3.highlight { margin-top:35px; }
nav#sidenav div.expand-collapse .active-filter,
nav#sidenav h3 .active-filter a { font-family:"Arial"; font-size:11px; background-color:#e3e3e3; color:#4b4b4b; font-weight:200;	
}
nav#sidenav div.expand-collapse .clear-btn { font-family:"swiss-z721-bc", Arial Narrow; width:198px; padding-left:10px; padding-top:3px; padding-bottom:3px; background-color:#f7f7f7; font-size:10px; }
nav#sidenav div.expand-collapse h3 .fltrt { position:relative; top:-4px; }
nav#sidenav .clear-btn a { font-size:10px; }
nav#sidenav h3.highlight .filters-head { color: #ccc; background-color: #E3E3E3; margin-left: -12px; padding: 4px 12px; font-size:14px; width:100%; }
nav#sidenav h3.highlight .filters-head a { color: white;font-size: 11px;font-weight: 200; position:relative; top:3px; }
nav#sidenav div.expand-collapse .clear-btn { padding-top: 5px; padding-bottom: 5px; margin-bottom: 3px; }
nav#sidenav div.expand-collapse .active-filter,
nav#sidenav h3 .active-filter a { background-color:transparent; }
nav#sidenav h3 .active-filter a.small { top:1px; }
nav#sidenav h3 .active-filter a.clear { float:left; margin-top:9px; }
nav#sidenav .active-filter li { height: 24px; }
nav#sidenav .active-filter li img { /*position: relative; left:auto; right: 2px;*/ }
nav#sidenav #ulFilter { width:110%; padding-left:13px; }
nav#sidenav #panelPFWrap #ulFilter { margin-bottom:-6px!important; /*background-color: #0E80C5; color:#fff;*/width: 100%; padding-right: 11px;}
nav#sidenav .panelChoices label { position:relative; top:-2px; }
nav#sidenav #hyperlinkClearAll { top:5px; }
#grouplist { overflow-y: scroll; height: 475px; }

/* BEGIN ItemDetailCore */
.tblItemDetailCore { width: 100%; }
.datalistcore td { padding: .2em 2em .1em 0; vertical-align: top!important; }
.datalistcore td.titlehorizon,
.datalistcore td.titledescription,
.datalistcore td.titlemanf,
td.titleprice,
.datalistcore td.titleqty { font-weight: bold; vertical-align: bottom!important; }
.datalistcore td.titledescription,
.datalistcore td.description { width: 60%; }
.datalistcore td.horizon { white-space: nowrap; }
.manf {	padding-right:0; white-space:nowrap; }

/* BEGIN ItemDetail */
#ItemOrderingOptionsDisplay { display: none; background-color: #F7F7F7;	padding: 15px; }
.highslide-html-content	{ width: 590px; padding: 15px!important; }
.highslide-html-content p { margin: 5px 0; }
.highslide-html-content a { cursor: pointer; }
.clearme { clear: both; height: 1px; }
.tabjumps {	margin-left: 0; }
.tabjumps li { display: inline; }
.tabjumps li:before { content: " | "; }
.tabjumps li.first:before {	content: ""!important; }
.tabjumps a { background-image: url(../images_global/icon-downarrow.png); background-repeat: no-repeat; background-position: 98% 50%; padding-right: 22px; padding-left: 5px; }
.tabjumps li.first a { padding-left: 0!important; }
.stockmessage img { float: left; margin: .2em .5em 0 0; }
.stockmessage p	{ margin-left: 25px; }
.stockmessage, .panelAvailability {	color: #1B4E6D; } 
.panelAvailability { margin-bottom: .5em; font-weight: bold; font-size: 1.2em; }
.labelPrice, .labelWebPrice, .labelPriceCrossout, .hyperlinkPriceLogin { display: block!important; }
.labelPrice, .labelWebPrice, .hyperlinkPriceLogin {	font-weight: bold!important; }
.labelPrice, .labelWebPrice	{ font-size: 1.8em; }
.hyperlinkPriceLogin { margin-bottom: .4em!important; font-size: 1.4em!important; }
.labelWebPrice { color: #c55010; }
.labelPrice	{ margin-bottom: .3em; }
.txtcrossout { text-decoration: line-through; }
.popup-help	{ cursor: help; }
.nowrap	{ white-space: nowrap; }
td.tdpop { padding-top: 10px; }
.recommended-items-body { width:62%; }

/* BEGIN ItemDetailDiagram */
.itemdetaildiagram table.datatable a img { cursor:pointer; }
.itemdetaildiagram .datalistrecommendeditems td { vertical-align:top; }
.itemdetaildiagram h2 { margin-top:1em; }

/* BEGIN Searchbody */
#search-body #panelDFWrap { display:none; visibility: hidden; }
#search-body .datatable tr { BORDER-BOTTOM: #ccc 1px dashed; }
#search-body #categories ul { display: inline; }
#search-body #categories li, #categories span { display: inline; font-weight: bold; font-size: 1.1em; }

/* Smooth Zoomer Plugin: http://codecanyon.net/item/smooth-zoom-pan-jquery-image-viewer/511142 */
#zoom-container { border:solid #666 1px; }
.smooth_zoom_preloader { background-image: url(../images_global/smooth-zoom_preloader.gif); }	
.smooth_zoom_icons { background-image: url(../images_global/smooth-zoom_icons.png); }
#zoom_container .landmarks{ position:absolute; z-index:10; top:0px; left:0px; font-size:12px; color: #ffffff; }	
#zoom_container .landmarks .item { position:absolute;		
	text-align:center;		
	display: none;	
}	
#zoom_container .landmarks .item a { width:25px; height:25px; text-align:center; vertical-align:central; position:relative; top:-12px; padding-bottom:10px; 
	border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; }


/* 3 column flow layout */
/* /script/libs/multiple-columns.js failsafe for < ie9 */

#bodycontent .multiple-columns nav.interior ul { padding-right:0; margin-right:0; padding-bottom:0; }
.multiple-columns nav.interior a,
.multiple-columns nav.interior a:link,
.multiple-columns nav.interior a:visited { padding:1px 0; padding-right:25px; margin-top:1px; margin-bottom:1px; }
.multiple-columns nav.interior a.title { display:block; font-weight:900; font-size:115%; }
.multiple-columns nav.interior hr { margin-top:2px; margin-bottom:0; }
.multiple-columns nav.interior hr:first-of-type { display:none; visibility:hidden; }
.multiple-columns nav.interior h3,
.multiple-columns nav.interior h3 a,
.header-box { color:#fff; /*background-color:#1182C6;*/font-weight:200; font-size:18px; font-family: "swiss-z721-bc"; padding:0 5px; }

#search-body #panelDFWrap { display:none; visibility: hidden; }
#search-body .datatable tr { BORDER-BOTTOM: #ccc 1px dashed; }
#search-body #categories ul { display: inline; }
#search-body #categories li, #categories span { display: inline; font-weight: bold; font-size: 1.1em; }


/* Cart */
#bodycontent ol#progress-meter,
ol#progress-meter { margin-top:40px; list-style-type: decimal; background-color:#e7e7e7; border:solid #ccc 1px; margin-left:0; padding-top:12px; padding-bottom:12px; padding-right:0; counter-reset: my-badass-counter; margin-bottom:2em; }
ol#progress-meter li { float:left; width:20%; color:#999; list-style-position:inside; font-family:"swiss-z721-bc", Arial Narrow; font-size:15px; text-align:center; list-style:none; white-space:nowrap; }
ol#progress-meter li:first-child { text-align:left; }
ol#progress-meter li:before { content: counter(my-badass-counter); counter-increment: my-badass-counter; background-color:#ccc; margin-right:8px; padding:10px 15px; color:#fff; }
ol#progress-meter li:first-child:before { margin-left:2px; }
ol#progress-meter li.active { font-weight:900; color:#000; }
ol#progress-meter li.active:before { background-color:#0F81C5; -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.4); }
ol#progress-meter li.visited:before { background-color:#0F81C5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30);-moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
ol#progress-meter li.active span { font-weight:900; color:#000; border-bottom:solid #FF6600 2px; }

#shpvia .shipviaPanel { background-color: #F3F5F7; margin-bottom: 10px; }
#shpvia ul { margin-left:8px; }
#shpvia ul.ship-to-address { margin-left:0; margin-top:10px; }
#shpvia ul li { list-style:none; list-style-position:outside; margin-bottom:8px; }
#shpvia ul.ship-to-address li { margin-bottom: 2px; font-size: 12px; }
#shpvia ul.ship-to-address li strong:after { content: ": "; }

.icon-question { padding:2px 4px; color:#fff!important; background-color:#0F81C5; }
.icon-question:active,
.icon-question:visited,
.icon-question:hover { color:#fff!important; }
.icon-question:hover { background-color:#1B4E6D;color:#fff!important; }

/*.fancybox-wrap[style]{ max-width:680px!important; }*/
/*.fancybox-inner { max-width:650px!important; padding-bottom:.25em; }*/
.fancybox-inner { padding-bottom:.25em; }

.checkbox-note { display:block; color:#999; margin-top:.25em; margin-bottom:.5em; margin-left:1.5em; }



/*	usage: /modules/SelectCustomer
	example: ../secure/secure.aspx?p=SelectCustomer
*/
.formwrap td.label.highlight { font-size:14px; font-weight:900; color:inherit; background-color:transparent; }
.formwrap td.field.multiple-inputs { width:450px; }
/*eric@ecinternet.com|commented
.formwrap td.field.multiple-inputs input.btn { position:relative; top:2px; }*/

a.btn-close { background-color:#1B4E6D; padding: 0 4px 0 4px; margin-bottom:18px; text-transform:uppercase; font-weight:900; font-size:19px; color:#fff; -moz-border-radius: 2px;	-webkit-border-radius: 2px; border-radius: 2px; float:right; font-size:18px; font-weight:900; cursor:pointer;}
a.btn-close:hover { color:#fff; }

.alignrt,
td.alignrt,
th.alignrt,
.datatable thead th.alignrt,
.datatable td.title .alignrt,
.datatable tbody td.alignrt,
.datatable tbody th.alignrt,
.datatable tfoot td.alignrt,
.datatable tfoot th.alignrt,
.datatable tfoot tr.alignrt { text-align:right; }
.aligncenter,
td.aligncenter,
th.aligncenter,
.datatable thead th.aligncenter,
.datatable td.title .aligncenter,
.datatable tbody td.aligncenter,
.datatable tbody th.aligncenter,
.datatable tfoot td.aligncenter,
.datatable tfoot th.aligncenter,
.datatable tfoot tr.aligncenter { text-align:center; }
.altrow,
.datatable.altrow tr:nth-child(odd) { background-color:#FCFCFC; }

.well { border-collapse: collapse; color: #333; background: #F3F5F7; padding:10px 15px; }

.item-ids { font-family: 'swiss-z721-bc'; }
.item-ids > label { width:72px; display:inline-block; }
.itemdetailstyles .item-ids > label { width:100px; }

.totalswrap { width:auto; }
.totalswrap td.label { width:auto; padding-right:10px; white-space:nowrap; border-collapse:collapse; }
.totalswrap td.price { text-align:right; width:auto; border-collapse:collapse; padding-top:1px; padding-bottom:1px; font-weight:900; }
.totalswrap td.grand { font-size:120%; font-weight:900; color:#0079C1; }
.margin-top-mini { margin-top:.5em; }
.margintop { margin-top:20px; }
.margintop2 { position:relative; top:2px; }
	a.margintop2 img { position:relative; top:2px; }
.margintop3 { /* space for messages in same cell as as txtfield s*/
	position:relative; top:5px; }
.margintop4 { margin-top:10px; }
.margintop_none { margin-top:0; }
.margintopneg { /* position btn_sm within a table next to a field */
	position:relative; top:-3px; }
.margintopneg2 { /* position forgot password button on login.ascx */
	position:relative; top:-5px; }
.margintopneg7 { /* position forgot password button on login.ascx */
	position: relative;
	top: 1px;
	max-height: 90px; }
.margintopbottom { margin-top:5px; margin-bottom:5px; }
.margintopbottom2 { margin-top:10px; margin-bottom:10px; }
.marginbottom {/*cascaded for mobile*/
	margin-bottom:20px; }
.marginbottom2 { margin-bottom:10px; }
.marginbottom3 { margin-bottom:5px; }
.marginright { margin-right:20px!important; }
.marginright2 { margin-right:10px!important; }
.marginleft { margin-left:20px; }
.marginleft2 { margin-left:10px; }
.marginleft3 { margin-left:30px; }
.marginleft_nomobile { /* utilities spacing for user display, none for mobile */
	margi-left:10px; }
.paddingtop {/* formwrap label positioning when no label class */
	padding-top:8px; }
.paddingtop2 {/* txt next to radiobuttons, itemorderingoptions.ascx */
	padding-top:4px; }
.paddingleft {/* report formwrap cell padding */
	padding-left:5px; }
.morepaddingleft { padding-left: 15px; }
.paddingright {/* cell spacing for width=auto tables, account.ascx */
	padding-right:15px; }
.paddingright2 { /*user display positioning*/
	padding-right:3px; }
.paddingbottom { padding-bottom: 5px; }
.postion-top { position: relative; top:1em; }
.left-none { left:0!important; }
hr { border:none; border-top:dotted #757575 1px; height:1px; }
.minheight { min-height:40px; }
.txtcross { text-decoration:line-through; }
.txterror { /*color:#ff0000;*/
	color: #c55010!important; }
.labelError
{ display: inline-block; border:	1px solid #CCCCCC; background-color: #f6f6f6; padding: .4em; margin: 5px 0; }
.txt-muted { color:#aaa; }
.txt-highlight { color:#0079C1; }
.txt-price { font-weight: bold; font-size:15px;	
}
.border { border:solid #ccc 1px; }
.border-none { border:none; }
.border_highlight { border:solid #0E80C5 1px!important; }
.bgcolor { background-color:#000; }

/* Text overflow with ellipsis */
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.hidden-onload,
.leslies-pool-show {display:none;}
.miniscule-onload { color:#F8F8F8; font-size: 10px; }


/* Rules for Memphis Availability display */
.mem-outer-container { margin-top: 10px; }
.mem-container { border-style:solid; border-width:1px; padding:2px; }
.mem-header { font-weight:bold; }
.mem-label { width:20%; display:inline-block; }
.mem-content { text-align:left; display:inline-block; }



/* Bootstrap Grid System */
.row { margin-right: -15px; margin-left: -15px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 
{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 
{ float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0; }
@media (min-width: 768px) { 
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0; }
}
@media (min-width: 992px) { 
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-0 { right: auto; }
  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-0 { left: auto; }
  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-0 { margin-left: 0; }
}
@media (min-width: 1200px) { 
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-8 { right: 66.66666667%; }
  .col-lg-pull-7 { right: 58.33333333%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-5 { right: 41.66666667%; }
  .col-lg-pull-4 { right: 33.33333333%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-2 { right: 16.66666667%; }
  .col-lg-pull-1 { right: 8.33333333%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-8 { left: 66.66666667%; }
  .col-lg-push-7 { left: 58.33333333%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-5 { left: 41.66666667%; }
  .col-lg-push-4 { left: 33.33333333%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-2 { left: 16.66666667%; }
  .col-lg-push-1 { left: 8.33333333%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-0 { margin-left: 0; }
}


/**
 * Non-semantic helper classes: defined in the device specific stylesheets becuase they need to be read last.
 */
/*  RULES FOR ITEM CHART LIST - BUILD AT RUN TIME*/
.charttable {
width:100%;
margin-bottom:20px; }
.chartheader td {
  vertical-align:top; line-height:14px; padding-left:4px; padding-right:4px; color:#000000; font-weight:900; }
.chartitem td {
  vertical-align:top; line-height:18px; padding-left:4px; padding-right:4px; padding-top:4px; color:#1965B2; }
.chartalternateitem td {
  vertical-align:top; line-height:18px; padding-left:4px; padding-right:4px; padding-top:4px; color:#1965B2; background-color: #F1F1F1; }
#panelLastUpdateNotification {color:#FF0000}
#divCloseOrder { display:none; width:250px; position:absolute; }
#divCloseOrder[style] { left:50%!important; }
#divCloseOrder .popup-body { margin-bottom:0; }
#divCloseOrder menu { padding-bottom:0; }
#divCloseAll { display:none; width:250px; position:absolute; }
#divCloseAll[style] { left:50%!important; }
#divCloseAll .popup-body { margin-bottom:0; }
#divCloseAll menu { padding-bottom:0; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout, maintains space but hides element */
.invisible { visibility: hidden; }

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure { display: block; }


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; font-family:Arial, Helvetica, sans-serif; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #4B4B4B !important; text-decoration: underline; }
  
  /*  EC|eric@ecinternet.com 12/2011
  	** rules are for showing link properties for users on print **
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }*/  /* Don't show links for images, or javascript/internal links */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  
  header #utilities,
  header #utilities nav,
  header #utilities div,
  header nav#topnav,
  header #logo,
  header #search,
  nav#sidenav,
  #sort-page_wrapper,
  menu, .btn, .btn_sm,
  ul#cart_progress,
  footer nav#social_press_media,
  footer nav.bottomnav,
  input[type="search"],
  .goog-te-gadget-simple,
  #translate.popup-help div,
  #translate.popup-help span,
  .no_print {   display:none;   visibility:hidden; }
  #tagline {   content:"Horizon Parts";   font-size:4em;   display:block;   text-align:right;   float:none;   left:0;   right:0;   top:-20px; }
  #tagline:before {   content:"Horizon Parts";   font-size:4em;   display:block; }
  header {   font-size:150%;   text-align:left;   float:none; }
  #bodywrap_inner {   border-right:none!important; }
  #bodycontent {   position:relative;   width:120%;   font-size:130%;   margin-top:2em;   border-top:solid #ccc 1px;   background-color:#F00; }
  .datatable tbody, .datatable thead {   border-top: 1px solid #EAECEE; }
  footer {   border-top:solid #ccc 1px; }

}
/************************************
*
* QUALITY GROUPS DISPLAY
************************************/
.qg
{
    min-width:120px;
    max-width:1200px!important;
}
.qg-header
{
    text-align:center;
    margin-bottom:10px;
}
.qg .col-sm-3
{
    width:150px;
    border-right-style:solid;
    border-right-width:1px;
}
.qg .col-sm-3:last-child	    
{
    width:150px;
    border-right-style:none;
    border-right-width:0px;
}
.qg .center
{
    display:block;
    text-align:center;
}
.qg input[type="number"]
{
    display:block;
    margin:0 auto;
}
.qgDescription
{
    font-weight:bold;
}
.qg-bottom
{
    margin-top:5px;
    margin-bottom:5px;
    border-bottom-style:double;
    border-bottom-width:4px;
    border-bottom-color:Black;
}
.qg2
{
	width: 361px;
}
.qg3 
{
	width: 543px;
}
.qg4
{
	width: 725px;
}
.qg5
{
	width: 1007px;
}
.qg6
{
    width: 1189px;
}
.qgLink img
{
}
.qgNote
{
	margin-top: 5px;
}
.qgNoteDiv
{
	text-align: left;
}