/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/
:root {
	--purple: #441f54;
	--grey: #EDEDED;
}

body {
	background: #FFF;
	color: #000;
	margin: 0;
	font-size: 16px;
	line-height: 1.42857143;
	position: relative;
	font-family: Arial, helvetica, Verdana, sans-serif;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: var(--purple)
}

a.pageResults {
	color: #0000FF;
}

a.pageResults:hover {
	color: #0000FF;
	background: #FFFF33;
}

.container {
	max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	margin: 5px 0;
}

h1, h2, h3 {
	color: black;
}

h1 {
	/*margin: 10px 0 0 0;*/
	padding: 0 0 5px 0;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	max-width: 70%;
}

h2 {
	font-size: 25px;
	font-weight: 700;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

img {
	border: 0;
}

label {
	font-weight: 400;
}

hr {
	border-top: 1px solid #666666;
}

.smallText {
	font-size: 10px;
}

.clear,
.clearFloats {
	clear: both;
}

.listing-ul,
.listing-ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a.btn {
	text-decoration: none;
}

.menuContainerJSListBox {
	overflow: auto;
}

.required-indicator {
	color: #F00;
	font-size: 12px;
}

.fa.required-field-indicator {
	color: #F00;
	font-size: 8px;
	vertical-align: top;
}

.form-horizontal .has-feedback .form-control-feedback {
	top: 35%;
	right: 20px;
}

#printNav {
	float: right;
}

.contentContainer {
	padding-bottom: 10px;
}

.contentText a {
	color: var(--purple);
	text-decoration: underline;
}

.contentText, .contentText table {
	/*padding: 5px 0 5px 0;*/
	/*font-size: 16px;*/
	/*line-height: 1.5;*/
}

/* infobox styles */
.infoBoxContainer {
	margin-bottom: 5px;
}

.infoBox {
	background: #EFEFEF;
	font-size: 11px;
}

.infoBoxHeading {
	padding: 2px;
	font-size: 13px;
	font-weight: 700;
	background: #B6B6B6;
	color: #ffffff;
}

.infoBoxContents {
	padding: 5px;
	line-height: 1.5;
}

.infoBoxNotice {
	background: #FF8E90;
}

.infoBoxNoticeContents {
	background: #FFE6E6;
	font-size: 10px;
}

.extraBox-heading {
	margin: 10px 0;
	padding: 5px 0;
	color: black;
	font-size: 30px;
	font-family: inherit;
	line-height: 1.1;
	font-weight: bold;
}

/* End infobox styles */

/* Filters */
.filters-lbl {
	padding-right: 4px;
}

/* End Filters */

/* Listing Rows */
.listing-row.odd, .productListing tr.odd,
TR.accountHistory-odd, TR.addressBook-odd,
TR.alsoPurchased-odd, TR.payment-odd,
TR.productListing-odd, TR.productReviews-odd,
TR.upcomingProducts-odd, TR.shippingOptions-odd,
.productListTable.odd {
	background-color: #E3E3E3;
}

.listing-row.even, .productListing tr.even,
TR.accountHistory-even, TR.addressBook-even,
TR.alsoPurchased-even, TR.payment-even,
TR.productListing-even, TR.productReviews-even,
TR.upcomingProducts-even, TR.shippingOptions-even,
.productListTable.even {
	background: #FFFFFF;
}

/* End Listing Rows */

/* Forms */
form {
	display: inline;
}

.formArea {
	background: #F1F1F1;
	border: 1px solid #B6B6B6;
}

.formAreaTitle {
	font-size: 12px;
	font-weight: bold;
}

.inputRequirement {
	font-size: 12px;
	color: #ff0000;
}

.fieldKey {
	font-size: 11px;
	font-weight: bold;
	line-height: 1.5;
	width: 150px;
}

.fieldValue {
	font-size: 11px;
	line-height: 1.5;
}

textarea {
	width: 100%;
}

textarea.rfq-comments {
	width: 98%;
	height: 120px;
}

#filter_orders_type {
	float: right;
}

.form-control.date-fld {
	display: inline-block;
}

select.form-control.date-fld.month {
	width: 120px;
	padding-right: initial;
}

select.form-control.date-fld.year {
	width: 80px;
	padding-right: initial;
}

/* End Forms */

/* Message box */
.messageBox {
	font-size: 11px;
}

.messageStackError,
.messageStackWarning {
	font-size: 11px;
	background-color: #ffb3b5;
}

.messageStackWarning {
	background-color: #fbf7a2;
}

.messageStackSuccess {
	font-size: 10px;
	background-color: #99ff00;
}

/* End message box */
/* Sitemap layout */
div.sitemap ul {
	list-style-type: circle;
}

div.sitemap ul a {
	text-decoration: none;
}

div.sitemap ul a:hover {
	color: blue;
}

/* End sitemap layout */


.boxText {
	font-size: 11px;
}

.errorBox {
	background-color: #ffb3b5;
	font-size: 11px;
	font-weight: bold;
}

.section-heading {
	margin: 0;
	padding: 0;
	color: #740000;
	font-size: 12px;
	font-weight: bold;
}

tr.header {
	background: #FFFFFF;
}

.headerError {
	font-size: 12px;
	background-color: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.headerInfo {
	font-size: 12px;
	background-color: #00FF00;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.pageHeading {
	font-size: 20px;
	font-weight: bold;
	color: #9a9a9a;
}

.tableHeading {
	font-size: 12px;
	font-weight: bold;
}

TD.subBar {
	background: #f4f7fd;
	font-size: 11px;
	color: #000000;
}

.accountCategory {
	font-size: 13px;
	color: #aabbdd;
}

.newItemInCart {
	font-size: 11px;
	color: #ff0000;
}

.stockWarning {
	font-size: 11px;
	color: #cc0033;
}

.productsNotifications {
	background: #f2fff7;
}

.orderEdit {
	font-size: 11px;
	color: #777777;
	text-decoration: underline;
}

SPAN.greetUser {
	font-size: 12px;
	color: #f0a480;
	font-weight: bold;
}

SPAN.markProductOutOfStock {
	font-size: 12px;
	color: #c76170;
	font-weight: bold;
}

SPAN.errorText {
	color: #ff0000;
}

.error-msg {
	color: #F00;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}

.moduleRow {
}

.moduleRowOver {
	background-color: #D7D7D7;
	cursor: hand;
}

.moduleRowSelected {
	background-color: #E9E9E9;
}


div.customTabs {
	clear: both;
}

#admin_editbar {
	background: url(../../images/site/heading_gradient_med.jpg) #444 repeat-x;
	width: 100%;
	left: 0;
	position: fixed;
	bottom: 0;
	z-index: 1002;
	padding: 6px;
	font: 12px/1em Verdana, Arial;
	color: white;
	opacity: .9;
	border-top: 1px solid white;
}

#admin_editbar a {
	color: white;
}

.dimmed-block {
	opacity: 0.4;
}

#receipt_products_listing .shipping-vendor {
	margin-bottom: 7px;
	border: 1px solid #CCC;
	border-radius: 6px;
	padding: 5px;
}

#receipt_products_listing .listing-ul.receipt-product-row {
	display: table-row;
}

#receipt_products_listing .listing-ul.listing-cols li {
	display: table-cell;
	padding-right: 8px;
}

#receipt_products_listing li.name-col {
	width: 350px;
}

#receipt_products_listing li.model-col {
	width: 200px;
}

#receipt_products_listing li.product-price-col,
#receipt_products_listing li.product-total-col {
	width: 100px;
}

#cart_buttonSet .col-sm-4 {
	padding-left: 0;
	padding-right: 0;
}

.buttons-row {
	padding: 4px 0;
}

.buttons-row-item {
	display: inline-block;
	margin-bottom: 5px;
}

.buttons-right {
	float: right;
}

.ui-dialog {
	z-index: 11000 !important;
}

.textAlignCenter {
	text-align: center;
}

i.help {
	font-size: 10px;
}

i.help:hover {
	cursor: pointer;
}

div.site-credits > a {
	display: inline-block !important;
	vertical-align: initial !important;
}

.imgright {
	float: right;
	clear: right;
}

.imgleft {
	float: left;
	clear: left;
}

#product_table_moved {
	display: none;
	margin-bottom: 40px;
}

span.button_box {
	margin-top: 10px;
	display: inline-block;
}

#rightImages {
	max-width: 100%;
	text-align: center;
	display: none;
}

#rightImages img {
	max-width: 100% !important;
	height: auto !important;
	display: block;
	margin: 0 auto;
}

#page_information #rightImages > * {
	margin-bottom: 10px;
}

.text-right {
	text-align: right;
}
.surcharge-warning {
	font-style: italic;
	color: red;
	font-size: 18px;
	margin: 0;
}

/* Express Shopping Cart */
#esc_dialog {
	display: none;
	font-size: 16px;
}

#express_shopping_cart {
	margin: 0 auto;
}

#express_shopping_cart .inner {
	display: table;
	margin: 0 auto;
}

#express_shopping_cart .form-item-headings {
	font-size: 14px;
	font-weight: 600;
}

#express_shopping_cart .form-item-set {
	margin: 12px 0;
}

.form-item-headings li,
.form-item-set li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#express_shopping_cart .col-center {
	width: 48px;
}

.form-item-headings .item-cell,
.form-item-set .item-cell {
	width: 65%;
}

.form-item-headings .field-sep-cell,
.form-item-set .field-sep-cell {
	width: 10%;
}

.form-item-set .field-sep-cell {
	font-size: 18px;
}

.form-item-headings .qty-cell,
.form-item-set .qty-cell {
	width: 22%;
}

.lb-nav {
	padding: 0 20px;
}

/* Custom jQuery UI */
.ui-helper-clearfix {
	display: block;
	min-height: 0; /* support: IE7 */
	overflow: hidden;
	zoom: 1;
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}

.ui-datepicker {
	display: none;
}

.datepicker {
	max-width: 125px !important;
}

.ui-widget {
	font-family: Arial, helvetica, Verdana, sans-serif;
	font-size: 11px;
}

/* End Custom jQuery UI */
.search_features {
	float: left;
}

span.red-error {
	color: #ff0000;
	font-weight: bold;
}

.bold {
	font-weight: bold;
	font-size: 13px;
}

#fldSet_cc_js_row {
	display: none !important;
}

/*Homepage Featured Products*/
#featuredHomepage {
	display: flex;
	flex-direction: column;
}

#featuredHomepageTitle {
	text-align: center;
}

#featuredHomepageBoxes {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#featuredHomepageBox {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	margin: 5px 10px;
}

.featuredImageContainer {
	display: flex;
	align-items: center;
	flex-grow: 1;
}

#fldSet_ {
	display: none !important;
}

#box_cta {
	margin: 20px auto;
	text-align: center;
}

#box_cta a {
	display: inline-block;
}

#checked-out-branch {
	background-color: #7e981f;
	color: #ffffff;
	text-align: center;
	/*position: fixed;*/
	width: 100%;
	z-index: 5000;
}

#checked-out-branch-output {
	font-weight: bold;
}

.rep_photo {
	float: right;
}

div.representative .sep {
	clear: both;
}

@media print {
	body {
		background: #FFF;
		background-image: none;
	}

	#header,
	.headerNavigation,
	#columnLeft,
	#columnRight,
	.footer,
	#footer2,
	#printNav,
	.noprint,
	#admin_editbar,
	#pagelinks,
	.call_to_action,
	.nicescroll-rails,
	.top_nav_container,
	.bottom_nav_container,
	#bottom_social_bookmarks {
		display: none;
	}

	#bodyContent, #printlogo {
		display: block;
	}

	form {
		margin: 0px;
	}
}
span.checkout-summary-each {
	color: #ff0000;
	font-style: italic;
}

#productsPrice_each {
	display: none;
}

.site-btn {
	font-weight: 700;
	transition: all 0.4s;
}

.red-btn {
	background: red;
	color: #ffffff;
}

.red-btn:hover {
	background: #689902;
	color: #ffffff;
}

#faceted-search-down-icon {
	padding-left: 15px;
}

.subDesc {
	margin-top: 50px;
}

.page-parse-time {
	z-index: 5000;
	margin-bottom: 30px;
}

#responsiveFactedSearchButton {
	display: none;
}


.call-to-action {
	margin-bottom: 10px;
}

.call-to-action .ctaButton {
	background-color: var(--purple);
	border-radius: 50vh;
	border: 1px solid var(--purple);
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	width: 206px;
	margin-bottom: 10px;
}

.call-to-action .ctaButton:hover {
	background-color: #ffffff;
	color: var(--purple);
}
a.btn-black {
	border-radius: 50vh;
	border: 1px solid #000000;
	background-color: black;
	display: inline-block;
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	width: 206px;
}
.btn-black:hover {
	background-color: #ffffff;
	color: #000000;
}
.btn-white {
	border-radius: 50vh;
	border: 1px solid #000000;
	background-color: white;
	color: #000000;
	padding: 8px 20px;
}
.btn-white:hover {
	border-radius: 50vh;
	border: 1px solid #000000;
	background-color: black;
	color: white;
}
.btn-purple {
	border-radius: 50vh;
	border: 1px solid #000000;
	background-color: var(--purple);
	color: white;
	padding: 8px 20px;
}
.btn-purple:hover {
	border-radius: 50vh;
	border: 1px solid #000000;
	background-color: black;
	color: white;
}
.call-to-action .ctaButton:active {
	position: relative;
	top: 1px;
}

.btn-primary, .contentText .btn-primary, .bluebuttonsmall .ui-state-default, .bluebuttonsmall .ui-widget-content .ui-state-default, .bluebuttonsmall .ui-widget-header .ui-state-default {
	background-color: var(--purple); 
	border-radius: 50vh;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
	padding: 2px;
	text-decoration: none;
	border: 1px solid transparent;
}

.bluebuttonsmall {
	padding: 5px !important;
}

.continue-buttons .btn-primary {
	background-color: var(--purple);
	border-radius: 50vh;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid transparent;
	padding: 2px 10px;
}
.breadcrumbs {
	font-size: 12px;
}