/*! Copyright 2008-2017 Clearnine, LLC.  All Rights Reserved.
** Version 2.5.2
** Licensed for a single site on a single server - redistribution prohibited
** Modification voids warranty and terms of support and maintenance agreements
*/
/* standard style definitions
** This is the default C9 style
*/

body{
	background: #fff;
	color: #333;}

.heading-title {
	font-weight: bold;
	color: #c00;
	padding-bottom: 10px;}

.noscript, .nocookies, .formerror {
	background-color: #F6CED8;
	border: solid 1px #d00;
	border-radius: 5px;}

a {
	text-decoration: none;
	color: #00c;}

	a:visited{
		color: #00c;}

	a:active{
		color: #c00;}

	a:hover {
		color: #c00;
		text-decoration: underline;}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
	top:12px;
	left:6px;
}

table.dataTable td.reorder{
	position: relative;
	text-align: left;
	padding-left: 15px;
}

	table.dataTable td.reorder:after{
		content: "\f0c9";
		font-family: FontAwesome;
		position: absolute;
		top: 14px;
		left: 0px;
		color: #ccc;
		font-size: 14px;
	}

blockquote{
	display:block;
	background: #f7f7f7;
	padding: 15px 20px 15px 45px;
	margin: 0 0 20px;
	position: relative;
	border-left: 15px solid #ddd;
	border-right: 2px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

blockquote::before{
	content: "\201C"; /*Unicode for Left Double Quote*/

	/*Font*/
	font-size: 48px;
	font-weight: bold;
	color: #999;
	line-height: 1;

	/*Positioning*/
	position: absolute;
	left: 10px;
	top:5px;
}

blockquote::after{
	/*Reset to make sure*/
	content: "";
}

blockquote em{
  font-style: italic;
}

.dtcontainer .ui-widget-content a, .dtcontainer .ui-widget-content a:visited {
	color: #00c;
}

.dtcontainer .ui-widget-content a:hover, .dtcontainer .ui-widget-content a:active {
	color: #c00;
}

.dtcontainer table tr td button{
	font-weight: bold;
}

.dtcontainer table tr td .addmssg .message, .dtcontainer table tr td .addmssg .cartlink{
	font-size: 12px;
	font-size: .75rem;
	line-height: 1.1;
}

/*
.ui-widget-content a, .ui-widget-content a:visited{
	color: #00c;
	cursor: pointer;
}
*/
button {
	color: #fff;
	background: #00c;
	border: none;
	border-radius: 3px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
	cursor: pointer;}

	button[disabled], button[disabled]:hover, button[disabled]:active{
		background: #888;
	}

input, select, textarea {
	color: #000;
	background: #fff;
	border: solid 1px #999;
	border-radius: 3px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

	input, textarea {
		-webkit-appearance:none;
	}

    input.disabled, select.disabled, textarea.disabled{
    	color: #666;
    }

form fieldset{
	border: solid 1px #ddd;
	border-radius: 5px;
	background: rgba(255,255,255,.33);
}

form legend{
 	font-size: 20px;
 	font-size: 1.25rem;
}

form .field-group label{
	font-size: 16px;
	font-size: 1rem;
	line-height: 30px;
	line-height: 1.875rem;
	color: #666;
}

form .field-group .field-error{
	font-size: 14px;
	font-size: .875rem;
	font-weight: bold;
	line-height: 16px; /* supports 2 lines of text on smaller screens */
	line-height: 1rem;
	color: #c00;
}

form .field-group .field-optional{
	font-size: 14px;
	font-size: .875rem;
	font-weight: bold;
	line-height: 16px; /* supports 2 lines of text on smaller screens */
	line-height: 1rem;
	color: #0c0;
}

form .field-group .field-help-text {
	font-size: 14px;
	font-size: .875rem;
	color: #666;
}


form .field-group.checkbox label {
	line-height: 20px;
	line-height: 1.25rem;
}

input:focus, select:focus, textarea:focus {
	background: rgb(201, 242, 252);
	border-color: rgba(0,85,170,0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0,85,170, 0.6);
	outline: 0 none;
}

	input.disabled:focus, select.disabled:focus, textarea.disabled:focus {
		background: #f0f0f0;
		border-color: #ddd;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0,85,170, 0.6);
		outline: 0 none;
	}

form .field-group input.error, form .field-group select.error, form .field-group textarea.error{
	background: #fcc9c9;
	color: #000;
	border-color: rgba(170,0,0,0.8);
}

	form .field-group input.error:focus, form .field-group select.error:focus, form .field-group textarea.error:focus{
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(170,0,0, 0.6);
		outline: 0 none;
	}

/* "hide" checkbox */
form .field-group input[type="checkbox"]:checked,
form .field-group input[type="checkbox"]:not(:checked),
.dtcontainer input[type="checkbox"]:checked,
.dtcontainer input[type="checkbox"]:not(:checked){
	position: absolute;
	left: -9999px;
}

form .field-group input[type="checkbox"]:checked + label,
form .field-group input[type="checkbox"]:not(:checked) + label,
.dtcontainer input[type="checkbox"]:checked + label,
.dtcontainer input[type="checkbox"]:not(:checked) + label{
	position: relative;
	padding-left: 30px;
	padding-right: 5px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	text-align: left;
	width: 0;
}

.dtcontainer input[type="checkbox"]:checked + label,
.dtcontainer input[type="checkbox"]:not(:checked) + label{
	display: inline;
	line-height: 1;
	padding-left: 15px;
}

form .field-group input[type="checkbox"]:checked + label:before,
form .field-group input[type="checkbox"]:not(:checked) + label:before,
.dtcontainer input[type="checkbox"]:checked + label:before,
.dtcontainer input[type="checkbox"]:not(:checked) + label:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #999;
	border-radius: 3px;
	background: #fff;
}

form .field-group input[type="checkbox"]:disabled + label:before,
.dtcontainer input[type="checkbox"]:disabled + label:before{
	background: #ccc;
}

form .field-group input[type="checkbox"]:disabled + label + label,
.dtcontainer input[type="checkbox"]:disabled + label + label{
	color: #aaa;
}

form .field-group input[type="checkbox"]:checked + label:after,
form .field-group input[type="checkbox"]:not(:checked) + label:after,
.dtcontainer input[type="checkbox"]:checked + label:after,
.dtcontainer input[type="checkbox"]:not(:checked) + label:after{
	content: '';
	width: 16px;
	height: 16px;
	background: #05a;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

	form .field-group input.error[type="checkbox"]:checked + label:before,
	form .field-group input.error[type="checkbox"]:not(:checked) + label:before,
	.dtcontainer input.error[type="checkbox"]:checked + label:before,
	.dtcontainer input.error[type="checkbox"]:not(:checked) + label:before {
		border: 1px solid rgba(170,0,0,0.8);
		background: #fcc9c9;
	}

	form .field-group input.error[type="checkbox"]:checked + label:after,
	form .field-group input.error[type="checkbox"]:not(:checked) + label:after,
	.dtcontainer input.error[type="checkbox"]:checked + label:after,
	.dtcontainer input.error[type="checkbox"]:not(:checked) + label:after{
		background: #c00;
	}


form .field-group input[type="checkbox"]:not(:checked) + label:after,
.dtcontainer input[type="checkbox"]:not(:checked) + label:after{
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
form .field-group input[type="checkbox"]:checked + label:after,
.dtcontainer input[type="checkbox"]:checked + label:after{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.forms-final table{
	border: solid 1px #ddd;
	border-collapse: collapse;
}

	.forms-final table th{
		font-weight: bold;
		border: solid 1px #ddd;
		padding:3px 6px;
	}

	.forms-final table td{
		border: solid 1px #ddd;
		padding:3px 6px;
	}

.formerror {
	border: solid 1px #d00;
}

#advanced-filtering .title{
	font-size: 20px;
	font-size: 1.25rem;
}

#advanced-filtering #af-wrapper{
	display: block;
}


#advanced-filtering form button.reset{
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
}

#advanced-filtering form fieldset legend{
	font-size: 16px;
	font-size: 1rem;
}

#advanced-filtering h3{
	font-size: 16px;
	font-size: 1rem;
	font-weight: normal;
}

	#advanced-filtering h3.active{
		font-weight: bold;
	}

#advanced-filtering form .field-group label.selected {
	font-weight: bold;
}

#advanced-filtering form .field-group label .filter-count{
	font-size: 75%;
}

#advanced-filtering .ui-widget-content{
	border: solid 1px #ddd;
	border-top: none;
}

.pagemessage {
	background: #fff;
    background: rgba(240,240,240,.9);
    border-radius: 5px;
    border: solid 1px #ddd;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 10px;
}

h1 {
	margin-bottom: 20px;
	}

h2 {
	margin-bottom: 15px;
	}

.ui-widget {
	text-align: left;
	font-size: 16px;
	font-size: 1rem;
}

/*
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus{
	font-weight: inherit;
}
*/
.ui-selectmenu-item-header {
    font-weight: bold;
}

.fa-button {
	font-family: FontAwesome;
}

	.fa-button:after{
		content: "\f0f4";
	}

header {
	background: #f7f7f7;
}

	.masthead-menu ul li{
		font-size: 12px;
		font-sizeL .75rem;
		line-height: 1.1;}

/*
	.masthead-bottom-border{
		background: #f0f0f0; }
*/
	ul.nav-buttons > li.nav-button{
		/*
		border: solid 1px transparent;
		border-radius: 3px;
		*/
		}

		ul.nav-buttons > li.category {
			/* width: 70px; */
		}

		a.nav-button-anchor{
			cursor: pointer;
		}

		a.nav-button-anchor.active {
			color: #c00;
		}

		a.user,
		a.cart,
		a.menu{
			padding-left: 35px;
			text-decoration: none;
		}

			a.user:before,
			a.cart:before,
			a.menu:before{
				position: absolute;
				top: 0;
				left: 0;
				width: 30px;
				text-align: center;
				font-family: FontAwesome;
				content: "\f023"; /* fa-lock */
				font-size: 30px;
				font-size: 1.875rem;
				line-height: 1;
				color: #333;
				text-decoration: none;
			} /* user locked is the default */

			a.cart:before{
				content: "\f07a"; /* fa-shopping-cart */
			}

				a.cart.full:before{
					content: "\f217" /* fa-cart-plus */
				}

			a.user.unlocked:before{
				content: "\f13e"; /* fa-unlock-alt */
			}

			a.menu:before{
				content: "\f0c9"; /* fa-bars */
			}

			/* a.user:hover:after,
			a.cart:hover:after,
			a.menu:hover:after,
			*/
			a.user.active:before,
			a.cart.active:before,
			a.menu.active:before{
				color: #c00;
			}

			a.user.active:after,
			a.cart.active:after,
			a.menu.active:after{
				position: absolute;
				display: none;
				bottom: 0;
				left: 20px;
				/*width: 30px;
				text-align: center; */
				font-family: FontAwesome;
				content: "\f00d"; /* fa-lock */
				font-size: 16px;
				font-size: 1rem;
				line-height: 1;
				color: #c00;
				/* color: rgba(204,0,0,.75); */
				text-decoration: none;
			}


	/* ul.nav-buttons li.nav-button:hover{
		border-color: #ddd;
	} */

	/* For the link buttons we add a hover-on class to the buttons on non-touch devices with javascript.
	** Because we set "global" link colors above ~ line 25 and some touch devices respond to hover,
	** we define hover for the buttons as the standard link color.
	*/
	/* a.nav-button-anchor:hover{
		color: #c00;
	}*/
/*
	a.nav-button-anchor.hover-on:hover{
		color: #c00;
	}
*/
	span.nav-button-title{
		font-size: 12px;
		font-size: .75rem;
		line-height: 15px;
	}

	span.nav-button-line2{
		font-weight: bold;
	}

	span.nav-button-arrow {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #333;;
		border-bottom: none;}

	span.nav-button-arrow.up {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: none;
		border-bottom: 5px solid #333;}

	/* nav-button flyouts */
	ul.nav-buttons > li.nav-button > ul.navbar-flyout{
		background: #fff;
		border: solid 1px #ddd;
		border-radius: 5px;
		box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.1);}

		/*header flyout up-caret */
/*
		ul.nav-buttons li.nav-button > ul.navbar-flyout:after{
			content: '';
			position: absolute;
			border-style: solid;
			border-width: 0 8px 8px;
			border-color: #fff transparent;
			display: block;
			width: 0;
			z-index: 100;
			margin-left: -8px;
			top: -7px;}

		ul.nav-buttons li.nav-button > ul.navbar-flyout:before{
			content: '';
			position: absolute;
			border-style: solid;
			border-width: 0 8px 8px;
			border-color: #ddd transparent;
			border-color: rgba(0,85,170,0.8) transparent;
			display: block;
			width: 0;
			z-index: 0;
			margin-left: -8px;
			top: -8px;}
*/

			ul.nav-buttons li.nav-button ul.navbar-flyout li.info,
			ul.mobile-panel li.info{
				font-weight: bold;
				font-size: 14px;
				font-size: .875rem;}

			ul.nav-buttons li.nav-button ul.navbar-flyout li ,
			ul.mobile-panel li {
				font-size: 14px;
				font-size: .875rem;
			}

				ul.nav-buttons li.nav-button ul.navbar-flyout li{
					border-top: solid 1px #ddd;
				}

				ul.nav-buttons li.nav-button ul.navbar-flyout li.link-button{
					border-top: none;
				}

				ul.nav-buttons li.nav-button ul.navbar-flyout li:first-child,
				ul.mobile-panel li:first-child{
					border-top: none;
				}

				ul.nav-buttons li.nav-button ul.navbar-flyout li.link-button a,
				ul.mobile-panel li.link-button a{
					border-radius: 3px;
					border: none;
					color: #fff;
					background: #00c;}

					ul.nav-buttons li.nav-button ul.navbar-flyout li.link-button a:visited,
					ul.mobile-panel li.link-button a:visited{
						color: #fff;}

					ul.nav-buttons li.nav-button ul.navbar-flyout li.link-button a:hover,
					ul.mobile-panel li.link-button a:hover{
						background: #c00;
						text-decoration: none;}

				ul.nav-buttons li.nav-button ul.navbar-flyout li.break,
				ul.mobile-panel li.break{
					border-bottom: solid 1px #ddd;}

				ul.nav-buttons li.nav-button ul.navbar-flyout li.link-icon a:after {
 					font-family: FontAwesome;
					position: absolute;
					top: 6px;
					right: 5px;
					content: "\f054";
				}

				ul.nav-buttons li.nav-button ul.navbar-flyout.category-list li.dual-level{
					transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
				}

					ul.nav-buttons li.nav-button ul.navbar-flyout.category-list li.dual-level.active{
						background: #eee;
					}

				ul.nav-buttons li.nav-button ul.navbar-flyout.category-list li.dual-level .level-2-button:after{
					font-family: FontAwesome;
					position: absolute;
					font-size: 20px;
					top: 0;
					left: 0;
					content: "\f0fe";
					color: #00c;
					transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
				}

					ul.nav-buttons li.nav-button ul.navbar-flyout.category-list li.dual-level .level-2-button.active:after{
						content: "\f146";
					}

				ul.nav-buttons li.nav-button ul.navbar-flyout.category-list li.dual-level .level-2-button:hover:after{
					color: #c00;
				}

				ul.nav-buttons li.nav-button ul.navbar-flyout.category-list li.dual-level ul.level-2-sub-categories{
					margin-bottom: 0;
					background: #fff;
					border-top: solid 1px #ddd;
					border-left: solid 1px #ddd;
				}

					ul.nav-buttons li.nav-button ul.navbar-flyout.category-list li.dual-level ul.level-2-sub-categories li.level-2{
						/* border-top: none; */
					}



			ul.nav-buttons li.nav-button > ul.navbar-flyout.left:after, ul.nav-buttons li.nav-button > ul.navbar-flyout.left:before{
				left: 5%;}

			ul.nav-buttons li.nav-button > ul.navbar-flyout.right:after, ul.nav-buttons li.nav-button > ul.navbar-flyout.right:before{
				right: 50%;}

/*
			ul.nav-buttons li.nav-button.category >  ul.navbar-flyout.left.categories:after,
			ul.nav-buttons li.nav-button.category > ul.navbar-flyout.left.categories:before{
				left: 69px;}
*/
			ul.nav-buttons li.nav-button > ul.navbar-flyout.right:after,
			ul.nav-buttons li.nav-button > ul.navbar-flyout.right:before{
				right: 6px;}

	/* flyouts */

	/* mobile-panel */
	ul.mobile-panel {
		border: solid 1px #ddd;
		border-radius: 5px;
		background: #fff;
		/*use a shadow to indicate the region that is scrollable */
		-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);

	}

		ul.mobile-panel li {
			border-bottom: solid 1px #ddd;
		}

		ul.mobile-panel li:last-child {
			border-bottom: none;
			padding-bottom: 0;
		}

		ul.mobile-panel li:first-child {}

		ul.mobile-panel li.first {
			padding-top: 0;
		}

		ul.mobile-panel li.no-bottom-border {
			border-bottom: none;
		}

		ul.mobile-panel li.top-border {
			border-top: solid 1px #ddd;
			margin-top: 5px;
		}

		ul.mobile-panel li.link-button {
			border-bottom: none;
		}

		ul.mobile-panel li.link-icon a:after {
			font-family: FontAwesome;
			position: absolute;
			top: 6px;
			right: 5px;
			content: "\f054";
		}

		ul.mobile-panel li.dual-level{
			transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
		}

			ul.mobile-panel li.dual-level.active {
  				background: #eee;
			}

		ul.mobile-panel li.dual-level .level-2-button:after{
			font-family: FontAwesome;
			position: absolute;
			font-size: 20px;
			top: 0;
			left: 0;
			content: "\f0fe";
			color: #00c;
			transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
		}

			ul.mobile-panel li.dual-level .level-2-button.active:after{
				content: "\f146";
			}

		ul.mobile-panel li.dual-level .level-2-button:hover:after{
			color: #c00;
		}

		ul.mobile-panel li.dual-level ul.level-2-sub-categories{
			margin-bottom: 0;
			background: #fff;
			border-top: solid 1px #ddd;
			border-left: solid 1px #ddd;
		}

	/* masthead cart */
	#navbar-flyout-cart #cartdetail button.fa-button, ul.mobile-panel #cartdetail button.fa-button{
		color: #00c; /* default to site link color */
		background: transparent;
		vertical-align: middle;
		padding: 0;
		font-size: 30px;
		font-size: 1.875rem;
	}

		#navbar-flyout-cart #cartdetail button.icon-remove, ul.mobile-panel #cartdetail button.icon-remove {
			color: #c00;
			width: 28px;
		}

			#navbar-flyout-cart #cartdetail button.icon-remove:after, ul.mobile-panel #cartdetail button.icon-remove:after{
				content: "\f057";
			}

		#navbar-flyout-cart #cartdetail button.icon-update, ul.mobile-panel #cartdetail button.icon-update{
			color: #0c0;
			width: 28px;
		}

			#navbar-flyout-cart #cartdetail button.icon-update:after, ul.mobile-panel #cartdetail button.icon-update:after{
				content: "\f058";
			}

	/* masthead cart - flyouts */
	#navbar-flyout-cart #cartdetail, ul.mobile-panel #cartdetail {
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		/*use a shadow to indicate the region that is scrollable */
		-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
	}

		#navbar-flyout-cart #cartdetail .description, #navbar-flyout-cart #cartdetail .itemnumber, ul.mobile-panel #cartdetail .description, ul.mobile-panel #cartdetail .itemnumber{
			font-size: 12px;
			font-size: .75rem;
		}

	/* masthead cart - mobile-panel
	ul.mobile-panel #cartdetail .description{
		font-size: 12px;
		font-size: .75rem;
		color: #888;
	}
*/
			#catalogsearch label, #updatecart .savecart label{
				font-size: 12px;
				font-size: .75rem;
				font-weight: bold;}

			#catalogsearch button, #updatecart .savecart button {
				border: solid 1px #ddd;
				border-left: none;
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
				line-height: 1;}

				#catalogsearch button:after{
					font-family: FontAwesome;
					font-size: 22px;
					text-align: center;
					line-height: 1;
					content: "\f002";
					position: absolute;
					color: #fff;
					top: 2px;
					left: 0;
					width: 30px;
					height: 30px;}

			#catalogsearch input, #updatecart .savecart input{
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
				border: 1px solid #ddd;
			}

/*
		.nav-bottom-border{
			clear: both;
			width: 100%;
			height: 1px;
			background: #f0f0f0;}
*/

/* main content styling */
/*
	main .col {

		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;

	}

	.grid-col-1, .grid-col-2, .grid-col-3, .grid-col-4, .grid-col-5, .grid-col-6, .grid-col-7, .grid-col-8, .grid-col-9, .grid-col-10, .grid-col-11, .grid-col-12 {
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
	}
*/
	main .col ul.ul-square{
		list-style-type: square;
	}

	main .col ul.ul-round{
		list-style-type: circle;
	}

	main .col ol.ol-number{
		list-style-type: decimal;
	}

	main .col ol.ol-roman{
		list-style-type: upper-roman;
	}

	.main-content.cms-content .sidebar-list{
		padding: 0;
		margin-bottom: 20px;
		border: solid 1px #eee;
   		border-radius: 5px;
		background: rgba(255,255,255,.33);
/*
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
*/
	}

	.main-content.cms-content .sidebar-list h3 {
		font-size: 20px;
		font-size: 1.25rem;
		padding: 10px;
		margin-bottom: 0;
		border-bottom: solid 1px #eee;
	}

	.main-content.cms-content .sidebar-list ul{

	}

		.main-content.cms-content .sidebar-list ul li{
			font-size: 16px;
			font-size: 1rem;
			line-height: 1.6;
			padding: 5px 10px;

		}

			.main-content.cms-content .sidebar-list ul li:last-child{
				padding-bottom: 0;
			}

			.main-content.cms-content .sidebar-list ul li a{
				position: relative;
				box-sizing: border-box;
				display: block;
			}

	.main-content.cms-content .article_dateline{
		padding-bottom: 20px;
		font-size: 12px;
	}

.page-myaccount .toggle{
	font-family: FontAwesome;
	text-align: center;
   	font-size: 24px;
   	background-color: #ddd;
   	border-radius: 5px;
}

.page-myaccount .column p.numeric{
	text-align: right;
}

.page-myaccount .column p.grandtotal{
	font-weight: bold;
}


.page-myaccount .toolbar-info{
	font-size: 16px;
	font-size: 1rem;
}

	.page-myaccount .toolbar-info label{
		font-weight: bold;
	}

.page-myaccount button{
	font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
}

.page-myaccount fieldset{
	padding: 10px 10px 0;
}

/* catalog styles */

#breadcrumb {
	border-bottom: solid 1px #ddd;
}

#breadcrumb ul li {
	font-size: 12px;
	font-size: .75rem;}

	#breadcrumb ul li i.fa{
		color: #666;}

#items .items-header{
	border: solid 1px #ccc;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #cccfca;
  	background-image: -webkit-linear-gradient(top,#ddd,#bbb);
  	background-image: linear-gradient(to bottom,#ddd,#bbb);
}

	#items .items-header .items-header-left .title{
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 34px;
	}

	#items .items-header label {
		font-size: 12px;
		font-size: .75rem;
		color: #666;
		line-height: 34px;
	}

	#items .items-header select {
		font-size: 12px;
		font-size: .75rem;
		height: auto;
	}

#items .subheader{
 	border-left: solid 1px #ddd;
 	border-right: solid 1px #ddd;
 	background: #f7f7f7;
}

	#items .subheader img {
		vertical-align: middle;
	}

	#items .subheader h2 {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 24px;
		/* vertical-align: middle; */
	}


#subcategories {}

	#subcategories .title{
		border-bottom: solid 1px #ccc;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		background-color: #ddd;
		background-image: -webkit-linear-gradient(top,#ddd,#bbb);
		background-image: linear-gradient(to bottom,#ddd,#bbb);
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 34px;
	}

	#subcategories .subcategories-main-group {
		border: solid 1px #ddd;
		border-top: none;
		background: #fff;
	}

	#subcategories .category-block{
		border-top: solid 1px #ddd;
		border-right: solid 1px #ddd;
	}

		#subcategories .category-block .textcontainer h3{
			font-size: 12px;
			font-size: .75rem;
			line-height: 1.5;
			font-weight: bold;
		}

		#subcategories .category-block:last-child:after{
				content: '';
				display: block;
				border-top: 1px solid #ddd;
				width: 700%;
				height: 1px;
				position: absolute;
				left: 0;
				top: -1px;
		}

		#subcategories .category-block:nth-child(-n+7){
			border-top: none;
		}

		#subcategories .category-block:nth-child(7n){
			border-right: none;
		}


#items .items-main-group, #items .items-sub-group{
	border: solid 1px #ddd;
	/* border-top: none; if not exploding sub categories */
	background: #fff;
}

	#items .items-main-group {
		border-top: none;
	}

/* grid layout */

#items .item-block{

	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #ddd;

	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #ddd;
}

	#items .item-block:last-child:after{
		content: '';
		display: block;
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #ddd;
		width: 700%;
		height: 1px;
		position: absolute;
		left: 0;
		top: -1px;
	}

		.cols-1 #items .item-block:nth-child(-n+6){
			border-top: none;
		}

		.cols-1 #items .item-block:nth-child(6n){
			border-right: none;
		}

		.cols-3 #items .item-block:nth-child(-n+5){
			border-top: none;
		}

		.cols-3 #items .item-block:nth-child(5n){
			border-right: none;
		}


	#items .item-block .title{
		font-size: 12px;
		font-size: .75rem;
		line-height: 1.25;
		font-weight: bold;
	}

	#items .item-block .partnumbercontainer{
		font-size: 11px;
		font-size: .688rem;
		line-height: 12px;
		line-height: .75rem;
	}

	#items .item-block .pricing{
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
	}

		#items .item-block .pricing .price{
			font-size: 24px;
			font-size: 1.50rem;
			color: #c00;
			line-height: 1.25;
		}

			#items .item-block .pricing .price-message{
				font-size: 16px;
				display: block;
			}


		#items .item-block .pricing small{
			font-size: 12px;
			font-size: .75rem;
			color: #666;
		}

		#items .item-block .pricing .promodesc, #items .item-block .pricing .promoprice{
			font-size: 12px;
			font-size: .75rem;
			line-height: 1.25;
			color: #c00;
		}

		#items .item-block .pricing .promoprice{
			color: #666;
			text-decoration: line-through;
		}

	#items .item-block .addmssg{
		font-size: 12px;
		font-size: .75rem;
		line-height: 1.5;
		font-weight: bold;
	}

		#items .item-block .addmssg .error{
			font-size: 12px;
			font-size: .75rem;
			line-height: 1.5;
			font-weight: bold;
		}

	/* styling for featured/related.recent items */

	#featured-items .items-carousel{
		background: #fff;
		border-radius: 10px;
		border: solid 1px #ddd;
	}

	.items-carousel .item h3.title{
		font-size: 12px;
		font-size: .75rem;
		line-height: 1.25;
		font-weight: bold;
	}

	.items-carousel .item .partnumbercontainer{
		font-size: 12px;
		font-size: .75rem;
		line-height: 1.25;
		font-weight: bold;
	}

	.items-carousel .item .pricing{
		font-size: 16px;
		font-size: 1rem;
		color: #c00;
		line-height: 1.25;
	}

		.items-carousel .item .pricing small{
			font-size: 11px;
			font-size: .688rem;
			color: #666;
		}

	.items-carousel .item .addmssg{
		font-size: 12px;
		font-size: .75rem;
		line-height: 1.25;
		font-weight: bold;
	}

		.items-carousel .item .addmssg .error{
			font-size: 12px;
			font-size: .75rem;
			line-height: 1.25;
			font-weight: bold;
		}

/* for list view */

	#items .detail-header {
		font-size: 14px;
		font-size: .875rem;
		border-bottom: solid 1px #ddd;
	}

	#items .item-row{
		border-bottom: solid 1px #ddd;
	}

	#items .item-row .partnumbercontainer{
		font-size: 14px;
		font-size: .875rem;
	}

	#items .item-row h3.title{
		font-size: 14px;
		font-size: .875rem;
	}

	#items .item-row .pricequantity{
		font-size: 14px;
		font-size: .875rem;
	}

	#items .item-row .pricing{
		font-size: 14px;
		font-size: .875rem;
	}

		#items .item-row .pricing .promodesc, #items .item-row .pricing .promoprice{
			font-size: 12px;
			font-size: .75rem;
			line-height: 1.25;
			color: #c00;
		}

		#items .item-row .pricing .promoprice{
			color: #666;
			text-decoration: line-through;
		}

	#items .item-row .addtocart{
	}

		#items .item-row .addtocart input[type=text]{
		}

	#items .item-row .addmssg{
		font-size: 11px;
		line-height: 1.1;
	}
	#items ul.itemspagination li {
		font-size: 16px;
		font-size: 1rem;
		line-height: 22px;
		border: solid 1px #ccc;
		border-radius: 5px;
		background-color: #ddd;
		background-image: -webkit-linear-gradient(top,#ddd,#bbb);
		background-image: linear-gradient(to bottom,#ddd,#bbb);
	}

		#items ul.itemspagination li.current{
			font-weight: bold;
		}


		#items ul.itemspagination li.disabled{
			color: #888;
		}

		#items ul.itemspagination li a:hover{
			cursor: pointer;
			text-decoration: none;
		}




.catalog .image-caption {
	font-size: 10px;
	font-size: .625rem;
	color: #ddd;}

/*
.category-info p, .category-info li {
	font-size: 12px;
	font-size: .75rem;
	color: #666; }
*/
#subcategories .category-block h3{
	font-size: 14px;
	font-size: .875rem;}

#item .item-section{
	border: solid 1px #ddd;
	background: #fff;
	border-radius: 5px;
}

#item .flex-wrapper{
	border-radius: 5px;
}

	#item .primary-image img{
		border: none;
	}

	#item .addtl-images img{
		border: none;
	}

	#item .item-price {
		font-size: 24px;
		font-size: 1.50rem;
		color: #c00
	}

		#item  .associated-item-pricing .item-price {
			font-size: 18px;
			font-size: 1.125rem;
		}

		#item .item-price  small {
			font-size: 12px;
			font-size: .75rem;
			color: #666;
		}

		#item .item-price .promoprice {
			font-size: 12px;
			font-size: .75rem;
			color: #666;
			text-decoration: line-through;
		}

	#item .associated-items .associated-item{
		border-bottom: solid 1px #eee;
	}

		#item .associated-items .associated-item:last-child{
			border-bottom: none;
		}

	#item .promodesc {
		color: #c00;
	}

	#item .associated-item-pricing table.pricebreaks{
		font-size: 14px;
		font-size: .875rem;
	}

	#item table.pricebreaks tbody{
		border: solid 1px #ddd;
		border-top: none;
	}

	#item table.pricebreaks th{
		font-weight: bold;
		background-color: #cccfca;
		border: solid 1px #ccc;
  		background-image: -webkit-linear-gradient(top,#ddd,#bbb);
  		background-image: linear-gradient(to bottom,#ddd,#bbb);
	}

		#item table.pricebreaks th:first-child{
			border-top-left-radius: 4px;
			border-right: none;
		}

		#item table.pricebreaks th:last-child{
			border-top-right-radius: 4px;
			border-left: none;
		}

	#item table.pricebreaks td{
		border: solid 1px #eee;
		border-top: none;
	}

		#item table.pricebreaks td:first-child{
			border-right: none;
		}

		#item table.pricebreaks td:last-child{
			border-left: none;
		}

	#item .add-to-cart input,  #item .add-to-cart button {
		font-size: 1.25rem;
	}

		#item .add-to-cart input.price{
			text-align: right;
		}

		#item .associated-item-pricing .add-to-cart input,  #item .associated-item-pricing .add-to-cart button {
			font-size: 1rem;
		}

	#item .item-long-description ul, #item .item-details ul{
		list-style-type: square;
		list-style-position: outside;
		padding-left: 15px;
	}

	/* checkout cart */

	#checkoutdetail{
		border: solid 1px #ddd;
		border-radius: 5px;
		background: #fff;
		font-size: 16px;
	}

	#checkoutdetail #cartdetail button.fa-button{
		color: #00c; /* default to site link color */
		background: transparent;
		vertical-align: top;
		padding: 0;
		font-size: 30px;
		font-size: 1.875rem;
		line-height: 1;
	}

			#checkoutdetail #cartdetail .row.altrow{
				background: #f7f7f7;
			}

		#checkoutdetail #cartdetail button.icon-remove{
			color: #c00;
		}

			#checkoutdetail #cartdetail button.icon-remove:after{
				content: "\f057";
			}

		#checkoutdetail #cartdetail button.icon-update{
			color: #0c0;
		}

			#checkoutdetail #cartdetail button.icon-update:after{
				content: "\f058";
			}

		#checkoutdetail #cartdetail .description{
			font-size: 16px;
			font-size: 1rem;
			color: #666;
			font-weight: bold;
		}

	#checkoutdetail #cartdetailtotals {
		background: #f7f7f7;
		border-radius: 3px;
	}


	.checkoutfinal .caption{
		color: #888;
		white-space: nowrap;
	}

	.checkoutfinal .data{
		white-space: nowrap;
	}

.checkout-totals{
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

	.checkout-totals .checkout-totals-row{
		text-align: right;
	}

		.checkout-totals .checkout-totals-label{
			color: #666;
		}

		.checkout-totals .checkout-totals-label.grandtotal{
			font-weight:bold;
		}

		.checkout-totals .checkout-totals-amount.grandtotal{
			font-weight:bold;
		}

		.checkout-totals .ccheckout-totals-amount.negative{
			color: #c00;
		}