
@media (max-width: 767px) {
	.navbar-right {
		float: right;
	}
	
	.navbar-nav .open .dropdown-menu {
		position: absolute;
		float: left;
		right: 0;
		left: auto;
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0,0,0,.15);
		margin: 2px 0 0;
	}
	
	#navbar-top > div > .nav > li {
		float: left;
		display: block;
	}
	
	#navbar-main .nav > li > ul {
		padding: 0 0 0 15px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	}
	
	#navbar-main .nav > li > a {
		padding: 5px 0;
	}
	
	#navbar-main.navbar-topsub {
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: none;
		margin: -1px 15px 0;
	}
	
	.rlCartToolBox {
		position: relative;
	}
}

@media (min-width: 768px) {
	.navbar-topsub {
		border-top: none;
		border-left: none;
		border-right: none;
		margin-top: -1px;
	}
	
	.navbar-topsub > ul.nav > li {
		float: left;
		position: relative;
	}
	
	.navbar-topsub > ul.nav > li > a {
		padding-top: 3px;
		padding-bottom: 3px;
		line-height: 26px;
	}
	
	.navbar-topsub > ul.nav > li ul {
		position: absolute;
		left: 0;
		z-index: 999;
		background: #fff;
		border: solid 1px #ccc;
	}
	
	.navbar-topsub > ul.nav > li a {
		white-space: nowrap;
	}
}

/* Bootstrap print overrides */
@media print {
	.navbar { display: inherit; }
	a[href]:after {content: none; }
	.col-print-1  {width:8%;   float:left;}
	.col-print-2  {width:16%;  float:left;}
	.col-print-3  {width:25%;  float:left;}
	.col-print-4  {width:33%;  float:left;}
	.col-print-5  {width:42%;  float:left;}
	.col-print-6  {width:50%;  float:left;}
	.col-print-7  {width:58%;  float:left;}
	.col-print-8  {width:66%;  float:left;}
	.col-print-9  {width:75%;  float:left;}
	.col-print-10 {width:83%;  float:left;}
	.col-print-11 {width:92%;  float:left;}
	.col-print-12 {width:100%; float:left;}
}

#mainBody {
	min-width: inherit;
}

.contentPage {
	float: none;
	width: auto;
}

#cartPopup .divider {
	clear: both;
}

.cartPopupProd {
	clear: both;
	width: 470px;
}

div.topSearch {
	margin-left: 0;
}

#topSearch {
	position: relative;
}

#topSearch input#search {
	width: 100%;
}

#topSearch input.topSearchBtn {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

.navbar {
	margin-bottom: 0;
	border-radius: 0;
}

.navbar-toggle {
	padding: 3px;
}

.navbar-default {
	background-color: #f9f9f9;
	border-color: #ccc;
}

#navbar-top {
	border-left: none;
	border-right: none;
	border-top: none;
}

#navbar-top li.dropdown-header {
	min-width: 225px;
}

#navbar-main.navbar-left {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: none;
	margin-top: -1px;
	width: 100%;
}

#navbar-main.navbar-left .goog-te-gadget, #navbar-main.navbar-left .goog-te-gadget .goog-te-combo{
	white-space: normal;
	max-width: 100%;
}

#navbar-main.navbar-left .nav > li > ul {
	padding: 0 0 0 15px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}

#navbar-main.navbar-left .nav > li > a {
	padding: 5px 0;
}

.nav .current {
	font-weight: bold;
}

#navbar-top .navbar-top-links > li > .nav.collapse, #navbar-top .navbar-top-links > li > .nav.collapsing {
	position: absolute;
	z-index: 999;
	right: 0;
	background: #fff;
	border: solid 1px #ccc;
}

#navbar-top .navbar-nav a.dropdown-toggle[aria-expanded=true], #navbar-top .navbar-nav a.collapseLink[aria-expanded=true] {
	background: #eee;
}

a.collapseLink:after {
	content: '';
	display: inline-block;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -250px -225px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	transition: transform 0.1s;
}

a.collapseLink[aria-expanded=true]:after {
	transform: rotate(90deg);
}

.collapsing {
	-webkit-transition: height .2s ease;
	-o-transition: height .2s ease;
	transition: height .2s ease;
}

.divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

div[data-orient=L] .prodListContent > .prodListProd .compareCheck, div[data-orient=G] .prodListContent > .prodListProd .compareCheck {
	margin: 4px 0 4px 4px;
}

div[data-orient=G] .prodListContent {
	width: 33%;
	max-width: 300px;
	float: left;
	padding-right: 5px;
}

div[data-orient=G] .prodListContent > .prodListProd {
	width: 100%;
}

div[data-orient=M] .prodListContent > .prodListProd {
	width: 162px;
}

form#emailProductLinkForm, .tabs {
	display: none;
}

.tabs.ui-tabs {
	display: block;
}

.prodOptionsContainer {
	display: none;
}

@media (max-width: 991px) {
	.prodListHeaderLeft .prodOrder {
		max-width: 100%;
	}
	
	.prodListHeaderCenter {
		width: 55%;
	}
	
	.prodListHeaderRight {
		width: 40px;
		float: right;
	}
	
	a.listBtn, a.gridBtn, a.microBtn {
		width: 24px;
		height: 24px;
		overflow: hidden;
		box-sizing: initial;
	}
	
	/* --------- */
	/* List View */
	div[data-orient=L] .prodListContent > .prodListProd .compareText,
	div[data-orient=L] .prodListContent > .prodListProd .listDesc {
		display: none;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd .descCol {
		width: 36%;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd .buttonRow input[type=button] {
		display: inline-block;
		margin: 0 .3rem;
		text-indent: -9999px;
		overflow: hidden;
		cursor: pointer;
		border: none;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd .buttonRow .compareSpan {
		position: relative;
		width: 24px;
		height: 24px;
		display: inline-block;
		vertical-align: top;
		background: transparent;
		padding: 0;
		margin: 0 .3rem;
		box-shadow: none;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.compareCheck {
		width: 24px;
		visibility: hidden;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.compareCheck + label {
		content: '';
		display: inline-block;
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -75px -150px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
		cursor: pointer;
		visibility: visible;
		position: absolute;
		left: 0;
		top: 0;
		padding: 0;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.compareCheck:checked + label {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -50px -125px;
		background-size: 500px 500px;
		box-shadow: 0 0 1px 1px #a00;
		border-radius: 12px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.cartBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -400px -125px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.faveBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -250px -0px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.reqBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -175px -225px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.hideBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -325px -375px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.moreBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -350px -375px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.moreBtn.open {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -325px -400px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.faveDelBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -150px -125px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.faveUpdBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -125px -50px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	/* End List View */
	/* ------------- */
	
	/* --------- */
	/* Grid View */
	
	div[data-orient=G] .prodListContent {
		width: 50%;
		padding-left: 5px;
		padding-right: 5px;
		float: left;
	}
	
	div[data-orient=G] .prodListContent:after {
		content: '';
		clear: both;
		display: table;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd {
		width: 100%;
		margin: 5px 0;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd .buttonRow input[type=button].moreBtn,
	div[data-orient=G] .prodListContent > .prodListProd .cpnDiv, div[data-orient=G] .prodListContent > .prodListProd .availCodeDiv,
	div[data-orient=G] .prodListContent > .prodListProd .availDiv, div[data-orient=G] .prodListContent > .prodListProd .whseDiv,
	div[data-orient=G] .prodListContent > .prodListProd .suggRet,
	div[data-orient=G] .prodListContent > .prodListProd .compareText {
		display: none;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd .buttonRow input[type=button] {
		display: inline-block;
		margin: 0 .3rem;
		text-indent: -9999px;
		overflow: hidden;
		cursor: pointer;
		border: none;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd .buttonRow .compareSpan {
		position: relative;
		width: 24px;
		height: 24px;
		display: inline-block;
		vertical-align: top;
		background: transparent;
		padding: 0;
		margin: 0 .3rem;
		box-shadow: none;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd input.compareCheck {
		width: 24px;
		visibility: hidden;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd input.compareCheck + label {
		content: '';
		display: inline-block;
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -75px -150px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
		cursor: pointer;
		visibility: visible;
		position: absolute;
		left: 0;
		top: 0;
		padding: 0;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd input.compareCheck:checked + label {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -50px -125px;
		background-size: 500px 500px;
		box-shadow: 0 0 1px 1px #a00;
		border-radius: 12px;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd input.cartBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -400px -125px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd input.faveBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -250px -0px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd input.reqBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -175px -225px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd input.hideBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -325px -375px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	/* End Grid View */
	/* ------------- */
	
	.rlCart table label {
		min-width: 0px;
		white-space: nowrap;
	}
	
	.cartTable .qty, .cartTable .discPct {
		width: 50px;
		width: 5rem;
	}
	
	.cartTable .cartComment
	#editBlogForm textarea#desc, #extraForm textarea#extraComments, #userReqForm textarea#msg,
	#editBlogForm input#title, #editBlogForm input#keywords, 
	#btForm input#btName, #btForm input#btAddr1, #btForm input#btAddr2, #btForm input#btAddr3, #btForm input#btCity, #btForm input#btEmail,
	#stForm input#stName, #stForm input#stAttn, #stForm input#stAddr1, #stForm input#stAddr2, #stForm input#stAddr3, #stForm input#stCity, #stForm input#stEmail,
	#extraForm input#extraCustDesc,
	#ccForm input#ccName,
	#userReqForm input#name, #userReqForm input#email, #userReqForm input#phone, #userReqForm input#prodDesc, #userReqForm input#prodNum,
	#pwChange input#userId, #sendReminder input#userId,
	#signupForm input#email, #signupForm input#name, #signupForm input#custName,
	#userEditForm input#email, #userEditForm input#name, #userEditForm input#custName {
		width: 320px;
		width: 32rem;
	}
}