/*! 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 layout style definitions
** This is the default C9 layout
** Open liquid layout with sticky footer.  Make fixed by constraining wrapper
*/
body{
	text-align: center;
}

button {
	box-sizing: border-box;
	padding: 5px;
}

label {
	box-sizing: border-box;
}

input, select, textarea {
	position: relative;
	box-sizing: border-box;
	padding: 4px;
	margin: 0;
}

	input, select{
		height: 30px;
		height: 1.875rem;
	}

/* standard entry form */
form {
	box-sizing: border-box;
	position: relative;
}

	form fieldset {
		padding: 5px;
		margin: 0 auto 20px;
		max-width: 1040px;
	}

	form .field-group{
		box-sizing: border-box;
		vertical-align: middle;
		padding-bottom: 15px;
		margin-left: auto;
		margin-right: auto;
	}

		form .field-group .field-error{
			display: block;
			box-sizing: border-box;
			float: left;
			width: 30%;
			padding-left: 10px;
		}

			form .field-group .field-error.long{
				width: 25%;
			}

			form .field-group .field-error.std{
				width: 30%;
			}

			form .field-group .field-error.med{
				width: 35%;
			}

			form .field-group .field-error.short{
				width: 40%;
			}

			form .field-group .field-error.tiny{
				width: 45%;
			}

			form .field-group .field-error.check{
				width: 60%;
			}

		form .field-group label {
			display: block;
			float: left;
			width: 30%;
			text-align: right;
			padding-right: 10px;
			min-height: 1px;
		}

		form .field-group input, form .field-group select, form .field-group textarea{
			display: block;
			float: left;
			width: 40%;
		}

			form .field-group input.long, form .field-group select.long, form .field-group textarea.long{
				width: 45%;
			}

			form .field-group input.std, form .field-group select.std, form .field-group textarea.std{
				width: 40%;
			}

			form .field-group input.med, form .field-group select.med, form .field-group textarea.med{
				width: 35%;
			}

			form .field-group input.short, form .field-group select.short, form .field-group textarea.short{
				width: 30%;
			}

			form .field-group input.tiny, form .field-group select.tiny, form .field-group textarea.tiny{
				width: 25%;
			}

		form .field-group input[type=checkbox] {
			width: auto;
		}

		form .field-group button {
			display: block;
			margin-left: 30%;
		}

			form .field-group button.float-left {
				display: block;
				margin: 0;
				float: left;
			}

			form .field-group button.float-right {
				display: block;
				margin: 0;
				float: right;
				margin-left: 5px;
			}

		form .field-group .field-help-text {
			clear: left;
			width: 69%;
			text-align: left;
			margin-left: 30%;
			padding-top: 5px;
			padding-left: 5px;
		}

.formerror {
	padding: 5px;
	margin-bottom: 10px;
}

	#checkout .ui-selectmenu-button {
		float: left;
		text-align: left;
		width: 44.75% !important;
	}

	.ui-selectmenu-item-header, .ui-selectmenu-item-content {
		display: block;}

	.ui-menu .ui-menu-item-wrapper.addressmenu{
		padding: 5px;
	}

/* advanced filtering */
#advanced-filtering{
	margin-top: 10px;
	margin-bottom: 15px;
}

#advanced-filtering .title{
	margin-bottom: 10px;
}

#advanced-filtering form a.reset{
	display: block;
	margin-bottom: 10px;
}

	#advanced-filtering form a.reset div{
		position: relative;
		padding-left: 20px;
	}

		#advanced-filtering form a.reset div:before{
			font-family: FontAwesome;
			position: absolute;
			top: 1px;
			left: 0;
			content: "\f057";
			color: #d00;
		}

#advanced-filtering form fieldset{
	margin-bottom: 10px;
	border: none;
}

#advanced-filtering .sort-group{
	padding: 5px;
	margin-bottom: 10px;
}

#advanced-filtering form .field-group{
	padding-bottom: 10px;
}
	#advanced-filtering form .field-group label {
		width: auto;
		text-align: left;
		padding-right: 0;
		float: left;
    	padding-left: 25px;
    	width: 100%;
	}

#advanced-filtering form .form-overlay{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	background: rgba(255,255,255,.8);
}

#advanced-filtering .ui-accordion .ui-accordion-content{
	padding: 0;
}

/* salesperson login */
.pagemessage {
	padding: 5px;
}

#pagemessage_controls{
	display: none;
	float: right;
}
.noscript, .nocookies {
	text-align: center;
	margin: 0 5px;
	padding: 5px; }

#wrapper {
	position: relative;
	width: 100%;
/*
	min-width: 820px;
	min-width: 970px;
	width: 970px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -200px;  /* for sticky footer, set to - height of footer*/
*/
}

/*
** header section contains the masthead (logo, menu, user info, cart info) and the search/browse bar (categories, altgroup sort, search)
*/

header {
	box-sizing: border-box;
	position: relative;
}

	header .header-inner{
		box-sizing: border-box;
		margin: 0 auto;
		padding: 10px 15px;
		max-width: 1450px;
	}

	.masthead {
		position: relative;
		box-sizing: border-box;
		padding-bottom: 0;
	}

		.masthead-inner{
			position: relative;
			/* width: 100%; */
			box-sizing: border-box;

		}

		/* heights and vertical paddings, and to a lesser extent horizontal paddings should be matched to the logo and custom design */

		.masthead-left{
			position: relative;
			display: inline-block;
			float: left;
			text-align:left;
			width: auto;
			/* padding-right: 20px;
			padding-bottom: 5px; */
		}

		.masthead-right{
			position: relative;
			display: inline-block;
			float: right;
			width: auto;
			/* padding-left: 20px;
			padding-bottom: 5px; */
		}

		.masthead-middle{
			width: auto;
			/* padding-bottom: 5px; */
			overflow: hidden; /* required to avoid overflowing left and right */
		}

		.masthead-logo{
			position: relative;
			display: inline-block;
			float: left;
		}

			.masthead-logo a{
				display: block;
			}

			.masthead-logo img{
				display: block;
				padding-top: 5px;
				width: 175px;
				/* height: 30px;  this is an example, will be overridden in custom.css */
			}

		.masthead-menu{
			position: relative;
			text-align: left;
			width: auto;
		}

			.masthead-menu .masthead-menu-inner{
/*				width: 100%; */
			}

			.masthead-menu ul{
				position: relative;
				display: inline-block;
				width: auto;
				padding-left: 20px;
			}

				.masthead-menu ul li{
					position: relative;
					display: inline-block;
					margin-right: 10px;
				}


		.masthead-mainmssg{
			position: relative;
			width: auto;
			text-align: center;
			height: 35px; /* this is an example, will be overridden in custom.css */
			overflow: hidden;
		}

/*
			.masthead-mainmssg a{
				display: block;
			}

			.masthead-mainmssg img {
				display: block;
			}

*/
		.masthead-bottom-border{
			display: none;
			clear: both;
			width: 100%;
			height: 1px;
		}


	nav{
		position: relative;
		width: 100%;
		box-sizing: border-box; }

		.nav-inner{
			position: relative;
			width: 100%;
			box-sizing: border-box;}


		/* heights and vertical paddings, and to a lesser extent horizontal paddings should be matcher to the logo and custom design */
		.navbar-left{
			position: relative;
			display: inline-block;
			float: left;
			text-align:left;
			width: auto;}

		.navbar-right{
			position: relative;
			display: inline-block;
			float: right;
			width: auto;}

		.navbar-middle{
			width: auto;
			}


	ul.nav-buttons{
		position: relative;
		width: auto;
		margin: 0;}

	ul.nav-buttons > li.nav-button{
		position: relative;
		display: inline-block;
		vertical-align: top;
		text-align: left;
		padding: 2px; }

		ul.nav-buttons > li.nav-button > a{
			position: relative;
			display: block;
			cursor: pointer;
			height: 30px;}

	span.nav-button-title{
		float: left;
		clear: both;
		display: inline-block;
		white-space: nowrap;
		padding-right: 15px;}

		span.nav-button-arrow {
			position: absolute;
			bottom: 6px;
			right: 5px;
			display: block;
			width: 0;
			height: 0;}

	ul.nav-buttons > li.nav-button > ul.navbar-flyout{
		display: none;
		position: absolute;
		width: auto;
		z-index: 100;
		top: 100%;
		padding: 5px 0;
		margin: 0;
	}

		ul.nav-buttons > li.nav-button > ul.navbar-flyout.left{
			left: 0;
		}

		ul.nav-buttons > li.nav-button > ul.navbar-flyout.right{
			right: -5px;
		}

		ul.navbar-flyout > li{
			position: relative;
			display: block;
			white-space: nowrap;
		}

		/* ul.nav-buttons li.nav-button.hover-on:hover > ul.navbar-flyout{
			display: block;
		} */

		ul.nav-buttons > li.nav-button > ul.navbar-flyout > li {
			position: relative;
			box-sizing: border-box;
			display: block;
			margin: 0;
			/* padding: 5px; */
			text-align: left;
		}

			ul.nav-buttons > li.nav-button > ul.navbar-flyout > li.break{
				height: 1px;
				width: 100%;
				margin-top: 5px;
				margin-bottom: 5px;
			}

			ul.nav-buttons li.nav-button ul.navbar-flyout li.info{
				padding: 0 5px 5px 5px;
			}

			ul.nav-buttons li.nav-button ul.navbar-flyout li a{
				position: relative;
				display: block;
				padding: 5px;
			}
				ul.nav-buttons li.nav-button ul.navbar-flyout li.link-icon a{
					padding-right: 50px;
				}

					ul.nav-buttons li.nav-button ul.navbar-flyout.category-list li.dual-level{
						padding-left: 25px;
					}

						ul.nav-buttons li.nav-button ul.navbar-flyout.category-list li.dual-level .level-2-button{
							position: absolute;
							top: 2px;
							left: 5px;
							width: 20px;
							height: 20px;
						}

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

							ul.nav-buttons li.nav-button ul.navbar-flyout.category-list li.dual-level ul.level-2-sub-categories li.level-2{
								padding-left: 5px;
							}

				ul.nav-buttons li.nav-button ul.navbar-flyout li.link-button a{
					text-align: center;
					padding: 5px;
					cursor: pointer;
				}

				ul.nav-buttons li.nav-button ul.navbar-flyout li.link-button{
					margin: 0 5px 5px 5px;
				}

		ul.nav-buttons > li.nav-button > .navbar-flyout.right#navbar-flyout-cart > li.cartdetail {
			padding: 5px;
			margin-bottom: 0;
			margin-top: 0;
		}

/* mobile-panel */
	ul.mobile-panel{
		position: relative;
		box-sizing: border-box;
		padding: 5px 0;
		margin: 10px 0 0 0;
		display: none;
	}

	ul.mobile-panel li{
		position: relative;
		display: block;

		/* white-space: nowrap;
		 padding: 5px; */
	}

		ul.mobile-panel li.break{
			display: none;
		}

		ul.mobile-panel li.info{
			border-bottom: none;
			padding: 0 5px 5px 5px;
		}

		ul.mobile-panel li.cartdetail{
			margin: 0 5px;
		}

		ul.mobile-panel li a{
			display: block;
			position: relative;
			padding: 5px;
			margin: 0;
			text-align: left;
		}

		ul.mobile-panel li.link-button {
			margin: 0 5px 5px 5px;
		}

			ul.mobile-panel li.link-button a{
				text-align: center;
				padding: 5px;
				cursor: pointer;
				margin: 0;
			}

		ul.mobile-panel li.dual-level {
			padding-left: 25px;
		}

		ul.mobile-panel li.dual-level .level-2-button {
			position: absolute;
			top: 2px;
			left: 5px;
			width: 20px;
			height: 20px;
		}

		ul.mobile-panel li.dual-level ul.level-2-sub-categories{
			display: none;
		}

			ul.mobile-panel li.dual-level ul.level-2-sub-categories li.level-2{
				padding-left: 5px;
			}

/* #cartdetail, #carttotals, etc are used in multiple situations.  Explicit styling based on parent container is required - use caution when styling*/

	/* for flyouts*/
	#navbar-flyout-cart  #cartdetail{
		position: relative;
		/* display: inline-block; */
		overflow-x: hidden;
		width: auto;
	}

		#navbar-flyout-cart #cartdetail p{
			white-space: nowrap;
			padding: 5px 10px;
			margin: 5px 10px 5px 0;
			font-size: 14px;
			font-size: .875rem;
		}

			#navbar-flyout-cart #cartdetail p a{
				display: inline;
				font-size: 14px;
				font-size: .875rem;
			}

		#navbar-flyout-cart #cartdetail .row{
			margin-left: 5px;
			margin-right: 20px;
			padding: 5px;
			width: auto;
			white-space: nowrap;
		}

			#navbar-flyout-cart #cartdetail .row.altrow{}

		#navbar-flyout-cart #cartdetail .row-left{
			display: inline-block;
			white-space: nowrap;
			width: 35px;
			overflow: hidden;
			vertical-align: top;
			margin-top: 2px;
		}

			#navbar-flyout-cart #cartdetail .row-left.with-item-image{
				width: 70px;
			}

		#navbar-flyout-cart #cartdetail .row-right{
			display: inline-block;
			white-space: nowrap;
			/* width: 240px; */
			vertical-align: top;
			margin-top: 2px;
		}

		#navbar-flyout-cart #cartdetail .row a{
			display: inline-block;
			padding: 0;
			margin: 0;
			vertical-align: middle;
		}

		#navbar-flyout-cart #cartdetail .row .btn{
			display: inline-block;
			margin-right: 10px;
			vertical-align: middle;
		}

			#navbar-flyout-cart #cartdetail .row img{
				display: inline-block;
				border: none;
				vertical-align: middle;
				max-width: 40px;
				max-height: 40px;
			}

		#navbar-flyout-cart #cartdetail .row .description, #navbar-flyout-cart #cartdetail .row .itemnumber{
			display: block;
			margin-top: 0;
			margin-left: 35px;
			width: auto;
			vertical-align: top;
			white-space: normal;
		}

		#navbar-flyout-cart #cartdetail .row .forminput{
			box-sizing: border-box;
			display: inline-block;
			width: 65px;
			vertical-align: middle;
		}

	/* for mobile-panel*/
	ul.mobile-panel #cartdetail{
		position: relative;
		box-sizing: border-box;
		width: auto;
	}

		ul.mobile-panel #cartdetail p{
			white-space: normal;
			font-size: 14px;
			font-size: .875rem;
			margin: 10px 0 10px;
		}

			ul.mobile-panel #cartdetail p a{
				display: inline;
				font-size: 14px;
				font-size: .875rem;
				margin: 0;
			}

		ul.mobile-panel #cartdetail .row{
			/* margin-top: 5px; */
			margin: 0 auto 5px;
			padding: 5px;
			width: auto;
			max-width: 320px;
			text-align: left;
			white-space: nowrap;
		}

			ul.mobile-panel #cartdetail .row.altrow{
				background: transparent;
			}

		ul.mobile-panel #cartdetail .row-left{
			display: inline-block;
			white-space: nowrap;
			width: 35px;
		}

			ul.mobile-panel #cartdetail .row-left.with-item-image{
				width: 70px;
			}

		ul.mobile-panel #cartdetail .row-right{
			display: inline-block;
			white-space: nowrap;
			width: auto;
		}

		ul.mobile-panel #cartdetail .row a{
			display: inline-block;
			margin: 0;
			padding: 0;
			vertical-align: middle;
		} /* todo find out why this is necessary and adjust */

		ul.mobile-panel #cartdetail .row .btn{
			margin-right: 10px;
			vertical-align: middle;
		}

			ul.mobile-panel #cartdetail .row img{
				border: none;
				vertical-align: middle;
				max-width: 40px;
				max-height: 40px;
			}

		ul.mobile-panel #cartdetail .row .description, ul.mobile-panel #cartdetail .row .itemnumber{
			display: block;
			margin-left: 35px;
			width: auto;
			vertical-align: middle;
			white-space: normal;
		}

		ul.mobile-panel #cartdetail .row .forminput{
			box-sizing: border-box;
			width: 65px;
			vertical-align: middle;
		}

		/* menu nav button is initially hidden */
		#menu {
			display: none;
		}

		#search {
			position: relative;
			padding: 0 0 0 15px;
			width: auto;}

		#catalogsearch, #updatecart .savecart {
			box-sizing: border-box;
			width: 100%;}

			#updatecart .savecart {
				margin-top: 10px;
				margin-bottom: 5px;
			}

			#updatecart .messages{
				padding: 10px;
			}

				#updatecart .messages a{
					display: inline;
				}

			#catalogsearch label, #updatecart .savecart label{
				position: relative;
				display: inline-block;
				float: left;
				line-height: 30px;
				padding: 0 10px 0 0;}

			#catalogsearch button, #updatecart .savecart button{
				position: relative;
				display: inline-block;
				float: right;
				box-sizing: border-box;
				cursor: pointer;
				height: 30px;
				width: 30px;
				margin: 0;}

			#catalogsearch .searchbox, #updatecart .savecart .savenamebox{
				position: relative;
				box-sizing: border-box;
				width: auto;
				overflow: hidden;
				height: 30px;}

			#catalogsearch input, #updatecart .savecart input{
				display: inline-block;
				width: 100%;
				height: 100%;
				box-sizing: border-box;
				padding: 5px 10px;}

		.nav-bottom-border{
			display: none;}


	#langselect {
		width: auto;
		text-align: right; }

	.navbar-flyout {
		overflow-x: hidden;
	}


/* main section */

main {
	position: relative;
	text-align: left;
	width: 100%;
	margin-bottom: 15px;
	}

	main .main-content {
		width: 100%;
		max-width: 1450px;
		margin: 0 auto;
		padding-top: 20px;
	}

	main .no-banner {
		position: relative;
		height: 0; /* set height to offset fixed header when no banner is displayed and display:block via inline style */
		display: none;
	}

	main .banner{
		position: relative;
		z-index: 1;
		width: 100%;
/*		background-repeat: no-repeat; */
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-ms-behavior: url(/backgroundsize.min.htc);
		behavior: url(/backgroundsize.min.htc);
		overflow: hidden;
		/* margin-bottom: 30px; */
	}

		main .banner.no-content {
			min-height: 300px;
		}

		main .banner img{
			display: inline-block;
			min-height: 100%;
			min-width: 100%;
			z-index: 1;}

/*
		main .banner .banner-content {
			position: absolute;
			top:0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 2;
		}
*/
		main .banner .banner-content{
			position: relative;
			box-sizing: border-box;
			width: 100%;
			max-width: 1450px;
			margin: 0 auto;
			padding: 40px 15px;
		}


/* main content column definitions */
/* FOR RESPONSIVE DESIGNS SEE MEDIA QUERIES IN responsive_std.css */

	/* common attribs */
	main .col {
		position: relative;
		box-sizing: border-box;
		min-height: 1px;
		/*
		padding-left: 15px;
		padding-right: 15px; */
	}

	/* 1 column */
	/* column 1 - always 100%*/
	main .cols-1.col-1 {
		float: none;
		padding-left: 15px;
		padding-right: 15px;
	}


	/* 3 column layout */

		/* basic column definitions */

		/* column 1 */
		main .cols-3.col-1 {
			display: inline-block;
			float: left;
			padding-left: 15px;
			padding-right: 15px;
		}

		/* column 3 */
		main .cols-3.col-3 {
			display: inline-block;
			float: right;
			padding-left: 15px;
			padding-right: 15px;
		}

		/* column 2 */
		main .cols-3.col-2 {
			display: block;
			width: auto;
			padding-left: 15px;
			padding-right: 15px;
			overflow: hidden;
		}

		main .cols-3.col-2.layout-2l {
			padding-left: 0;
		}

		main .cols-3.col-2.layout-2r {
			padding-right: 0;
		}

		main .cols-3.col-2.layout-3 {
			padding-right: 0;
			padding-left: 0;
		}

		/* template definitions
		** for 2 and 3 column layouts sizing for the main content section is ignored (column 2) */

			/* fixed */
			main .cols-3.col-1.fx-xs, main .cols-3.col-3.fx-xs{
				width: 75px;
			}
			main .cols-3.col-1.fx-s, main .cols-3.col-3.fx-s{
				width: 100px;
			}
			main .cols-3.col-1.fx-m, main .cols-3.col-3.fx-m{
				width: 150px;
			}
			main .cols-3.col-1.fx-l, main .cols-3.col-3.fx-l{
				width: 200px;
			}
			main .cols-3.col-1.fx-xl, main .cols-3.col-3.fx-xl{
				width: 225px;
			}

			/* fluid */
			main .cols-3.col-1.fl-xs, main .cols-3.col-3.fl-xs{
				width: 12.5%px;
			}
			main .cols-3.col-1.fl-s, main .cols-3.col-3.fl-s{
				width: 15%;
			}
			main .cols-3.col-1.fl-m, main .cols-3.col-3.fl-m{
				width: 17.5%;
			}
			main .cols-3.col-1.fl-l, main .cols-3.col-3.fl-l{
				width: 20%;
			}
			main .cols-3.col-1.fl-xl, main .cols-3.col-3.fl-xl{
				width: 22.5%;
			}

	/* 12-column grid */
	main .grid-row {
		box-sizing: border-box;
		position: relative;
		padding-bottom: 15px;
		overflow: hidden;
/*
		margin-right: -15px;
		margin-left: -15px;
*/
	}

	main .grid-col {
		box-sizing: border-box;
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
		float: left;
	}

		main .grid-col:first-child{
			/*
			padding-left: 0;
			margin-left: -15px;
			padding-right: 15px;
			*/
		}

		main .grid-col:last-child{
			/*
			padding-right: 0;
			margin-right: -15px;
			padding-left: 15px;
			*/
		}

	.grid-col-1 {
		width: 8.333%;
	}

	.grid-col-2 {
		width: 16.666%;
	}

	.grid-col-3 {
		width: 25%;
	}

	.grid-col-4 {
		width: 33.333%;
	}

	.grid-col-5 {
		width: 41.665%;
	}

	.grid-col-6 {
		width: 50%;
	}

	.grid-col-7 {
		width: 58.331%;
	}

	.grid-col-8 {
		width: 66.664%;
	}

	.grid-col-9 {
		width: 75%;
	}

	.grid-col-10 {
		width: 83.33%;
	}

	.grid-col-11 {
		width: 91.663%;
	}

	.grid-col-12 {
		width: 100%;
	}


	.section-clear {
		clear: both;
		visibility: hidden;
		height: 1px;
	}

	main .col ul, main .col ol {
		list-style-position: inside;
	}

	.main-left-col{
		position: relative;
		float: left;
		width: 190px;
		padding-left: 10px;
	}

		.main-left-col-content {
			position: relative;
			width: 100%;
		}

	.main-right-col{
		position: relative;
		margin-left: 220px;
		padding-right: 15px;
	}

		.main-right-col.no-left{
			margin-left: 15px;
		}

		.main-right-col:after{
			content: "";
 			clear: both;
			display: table;
		}

	.main-right-col-content {
		position: relative;
		width: 100%;
	}

	/* if 3rd column */
	.main-right-col-content-col1 {
		position: relative;
		float: left;
		width: 75%;}

	.main-right-col-content-col2 {
		position: relative;
		margin-left: 77%;}

		.main-right-col-content-col2:after{
			content: "";
 			clear: both;
			display: table;
		}

/* catalog page definitions */
#main.catalog{
	margin-top: 15px;
}

/* category */
#category{
	position: relative;
	width: 100%;
	overflow: hidden;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
    display: block; /* Sets element back to block */
    margin-bottom: 15px;
}

	#category .category-image {
		position: relative;
		float: left;
		width: 180px;}

		#category .category-image img{
			border: none;
			width: 100%;}

	#category .category-info {
		position: relative;
	}


/* subcategories */
#subcategories {
	position: relative;
	width: 100%;
	overflow: hidden;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
    display: block; /* Sets element back to block */
    margin-bottom: 20px;}


	#subcategories .subcategories-main-group:after {
		content:'';
		display:block;
		clear: both;
	}

    #subcategories .category-block{
		position: relative;
		box-sizing: border-box;
		float: left;
		/* width: 14.28%; */
		text-align: center;
		padding: 10px;
		/* margin-bottom: 10px; */
	}

	.cols-1 #subcategories .category-block{
		width: 14.28%;
	}

	.cols-3 #subcategories .category-block{
		width: 14.28%;
	}

		#subcategories .category-block .imgcontainer{
			position: relative;
			box-sizing: border-box;
			width: 75%;
			padding: 37.5%;
			margin: 0 12.5% 5px;
		}

			#subcategories .category-block .imgcontainer .inner {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}

			#subcategories .category-block .imgcontainer .inner img{
				width: auto;
				height: auto;
				max-height: 100%;
				max-width: 100%;
				margin: 0 auto;
			}

		#subcategories .category-block .textcontainer{
			width: 90%;
			margin: 0 auto;
			height: 40px;}


	#subcategories .title{
		position: relative;
		padding: 0 10px;
	}


/* items */
#items{
	position: relative;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
    display: block; /* Sets element back to block */
    box-sizing: border-box;
    margin-bottom: 15px;
}

	#items .items-header {
		position: relative;
		/* width: 100%; */
		/* margin-bottom: 15px; */
		padding: 0;}

		#items .items-header .items-header-left {
			position: relative;
			box-sizing: border-box;
			float: left;
			width: 50%;
			padding-left: 10px;
			text-align: left;}

		#items .items-header .items-header-right {
			position: relative;
			box-sizing: border-box;
			margin-left: 50%;
			padding-right: 10px;
			text-align: right;}

		#items .items-header label {
			white-space: nowrap;
			margin-left: 10px;
		}

		#items .items-header select {
		}

	#items .items-sub-group, #items .items-main-group {
		overflow:hidden;
	}
		#items .items-sub-group:after, #items .items-main-group:after {
			content:'';
			display:block;
			clear: both;
		}


	#items .subheader {
		position: relative;
		box-sizing: border-box;
		padding: 5px 10px;
	    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
    	display: block; /* Sets element back to block */
	}

		#items .subheader img {
			display: inline-block;
			width: 40px;
			max-height: 40px;
		}

		#items .subheader h2 {
			margin: 0;
		}


	#items .items-main-group, #items .items-sub-group{
		position: relative;
		box-sizing: border-box;
	}

/* for grid view */

		#items .item-block{
			box-sizing: border-box;
			padding: 5px;
			position: relative;
			float: left;
			text-align: center;
		}

			#items .item-block .item-block-inner{
				box-sizing: border-box;
				padding: 5px;
				position: relative;
			}

		.cols-1 #items .item-block {
			width: 16.66%;
		}

		.cols-3 #items .item-block {
			width: 20%;
		}

			#items .item-block .imgcontainer{
				position: relative;
				box-sizing: border-box;
				width: 80%;
				padding: 40%;
				margin: 0 10% 5px;
			}

				#items .item-block .imgcontainer .inner{
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}

				#items .item-block .imgcontainer .inner img{
					width: auto;
					height : auto;
					max-height: 100%;
					max-width: 100%;
					margin: 0 auto;}

			#items .item-block .partnumbercontainer{
				width: 95%;
				margin: 0 auto 15px;
			}

			#items .item-block .title{
				width: 95%;
				margin: 0 auto;
				height: 60px;}

			#items .item-block .pricing{
				box-sizing: border-box;
				width: 95%;
				margin: 0 auto 15px;
				padding-top: 20px;
				padding-bottom: 20px;
				height: 70px;
			}

				#items .item-block .pricing .price{
					height: 30px;
				}

				#items .item-block .pricing.promo{
					padding-top: 10px;
					padding-bottom: 10px;
				}


			#items .item-block .addtocart{
				width: 95%;
				margin: 0 auto 10px;
				height: 30px;}

				#items .item-block .addtocart fieldset {
					padding: 5px;
				}

				#items .item-block .addtocart input[type=text], #items .item-block .addtocart input[type=number]{
					width: 60px;
				}

			#items .item-block .addmssg{
				width: 95%;
				margin: 0 auto 10px;
				height: 40px;}

/* for list view */
	#items .detail-header {
		position: relative;
		box-sizing: border-box;
		padding: 5px 10px;
		display: block;
	}

	#items .detail-header span.itemnumber{
		box-sizing: border-box;
		width: 12.5%;
		margin-left: 5%;
		display: inline-block;
	}

	#items .detail-header span.description{
		box-sizing: border-box;
		width: 32%;
		display: inline-block;
	}

	#items .detail-header span.price{
		box-sizing: border-box;
		width: 49.5%;
		display: inline-block;
	}

	#items .item-row{
		position: relative;
		box-sizing: border-box;
		padding: 5px 10px;
		display: block;
	}

	#items .item-row .caption{
		display: none;
		vertical-align: top;
	}

	#items .item-row-left{
		position: relative;
		box-sizing: border-box;
		display: block;
		float: left;
		width: 50%;
		vertical-align: top;
	}

	#items .item-row-right{
		position: relative;
		box-sizing: border-box;
		display: block;
		margin-left: 50%;
		vertical-align: top;
	}

	#items .item-row .imgcontainer{
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		width: 8%;
		padding: 4%;
		margin: 0 1% 0 0;
	}

		#items .item-row .imgcontainer .inner{
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		#items .item-row .imgcontainer .inner img{
			width: auto;
			height : auto;
			max-height: 100%;
			max-width: 100%;
			margin: 0 auto;
		}

	 #items .item-row .partnumbercontainer{
		box-sizing: border-box;
		width: 25.5%;
		display: inline-block;
		vertical-align: top;
	}

	#items .item-row .textcontainer{
		box-sizing: border-box;
		width: 63%;
		display: inline-block;
		vertical-align: top;
	}

	#items .item-row .pricequantity{
		box-sizing: border-box;
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}

	#items .item-row .pricing{
		box-sizing: border-box;
		width: 29.5%;
		display: inline-block;
		vertical-align: top;
	}

	#items .item-row .addtocart{
		box-sizing: border-box;
		width: 29.5%;
		display: inline-block;
		vertical-align: top;
	}

		#items .item-row .addtocart fieldset{
			margin: 0;
			padding: 0;
		}

		#items .item-row .addtocart input[type=text], #items .item-row .addtocart input[type=number]{
			width: 60px;
		}

	#items .item-row .addmssg{
		box-sizing: border-box;
		width: 39.5%;
		display: inline-block;
		vertical-align: top;
	}

	#items #itemspaginationtop {
		margin-bottom: 10px;
	}

	#items #itemspaginationbottom {
		margin-top: 10px;
	}

	#items ul.itemspagination li {
		display: inline-block;
		margin: 0 2.5px;
		min-width: 24px;
		text-align: center;
	}

		#items ul.itemspagination li a{
			display: block;
		}

#items img.loading, #subcategories img.loading{
	display: block;
	margin: 10px auto;
}

#featured-items{
	position: relative;
	width: 100%;
	overflow: hidden;
    display: inline-block; /* Necessary to trigger "hasLayout" in IE */
    display: block; /* Sets element back to block */
	margin-bottom: 15px;
	padding: 0;
}

	#featured-items .items-header {
		position: relative;
		width: 100%;
		margin-bottom: 10px;}

		#featured-items .items-header .items-header-left {
			float: left;
			width: 55%;
			text-align: left;}

		#featured-items .items-header .items-header-right {
			margin-left: 55%;
			text-align: right;}

	/* override default settings */
	#featured-items .flexslider {
		box-sizing: border-box;
		margin: 0 0 30px;
  		padding: 5px;
		border: 1px solid #ddd;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}


	/* featured items, as well as related, recently viewer, etc all use the same formatting */
/*
	.flexslider.items ul li.item{
		text-align: center;
		width: 160px;
		height: 224px;
	}

	.flexslider.items ul li.item .imgcontainer{
			position: relative;
			box-sizing: border-box;
			width: 80%;
			padding: 40%;
			margin: 0 10% 10px;
		}

		.flexslider.items ul li.item .imgcontainer .inner{
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		.flexslider.items ul li.item .imgcontainer .inner img{
			width: auto;
			height : auto;
			max-height: 100%;
			max-width: 100%;
			margin: 0 auto;
		}

			.flexslider.items ul li.item .partnumbercontainer{
				width: 95%;
				margin: 0 auto 10px;
			}

			.flexslider.items ul li.item .title{
				width: 95%;
				margin: 0 auto 10px;
				height: 45px;
			}

			.flexslider.items ul li.item .pricing{
				width: 95%;
				margin: 0 auto 10px;
			}

			.flexslider.items ul li.item .addtocart{
				width: 95%;
				margin: 0 auto 10px;
			}

				.flexslider.items ul li.item .addtocart input[type=text]{
					width: 60px;}

			.flexslider.items ul li.item .addmssg{
				width: 95%;
				margin: 0 auto 10px;
				height: 30px;}
*/


	.items-carousel {
		padding: 5px;
		display: none;
	}

	.items-carousel .item{
		text-align: center;
	}

	.items-carousel .item .imgcontainer{
			position: relative;
			box-sizing: border-box;
			width: 80%;
			padding: 40%;
			margin: 0 10% 10px;
		}

		.items-carousel .item .imgcontainer .inner{
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		.items-carousel .item .imgcontainer .inner img{
			width: auto;
			height : auto;
			max-height: 100%;
			max-width: 100%;
			margin: 0 auto;
		}

			.items-carousel .item .partnumbercontainer{
				width: 95%;
				margin: 0 auto 10px;
			}

			.items-carousel .item .title{
				width: 95%;
				margin: 0 auto 10px;
				height: 45px;
			}

			.items-carousel .item .pricing{
				width: 95%;
				margin: 0 auto 10px;
			}

			.items-carousel .item .addtocart{
				width: 95%;
				margin: 0 auto 10px;
			}

				.items-carousel .item .addtocart input[type=text]{
					width: 60px;}

			.items-carousel .item .addmssg{
				width: 95%;
				margin: 0 auto 10px;
				height: 30px;}

#breadcrumb {
	margin-top: 10px;
	margin-bottom: 15px;
}

	#breadcrumb ul {
		padding-bottom: 5px;
		margin-bottom: 0;
	}

	#breadcrumb ul li {
		display: inline-block;
		margin: 0;}

		#breadcrumb ul li i.fa{
			padding: 0 10px;}

/* item detail */

#item {
	position: relative;
	box-sizing: border-box;
}

	#item .flex-wrapper{
		position: relative;
		box-sizing: border-box;
		overflow: hidden;
	}

	#item .item-section {
		position: relative;
		box-sizing: border-box;
		padding: 15px;
		margin-bottom: 20px;
		text-align: left;
		background: #fff;
	}

	#item .item-image{
		text-align: center;
		float: left;
	}

		.cols-1 #item .item-image{
			width: 70%;
		}

		.cols-3 #item .item-image{
			width: 60%;
		}

		#item .primary-image {
			position: relative;
			box-sizing: border-box;
			width: 100%;
		}

			.cols-1 #item .primary-image {
				margin-right: -100px;
				padding-right: 100px;
				float: left;
			}

			#item .primary-image.no-addtl {
				margin-right: 0;
				padding-right: 0;
			}

		#item .primary-image img{
			max-width: 95%;
		}

		#item .addtl-images {
			position: relative;
			box-sizing: border-box;
			text-align: center;
		}
			.cols-1 #item .addtl-images{
				float: right;
				width: 100px;
			}

				.cols-1 #item .addtl-images img{
					padding: 5px 0;
					max-width: 75px;
					max-height: 75px;
				}

				.cols-3 #item .addtl-images img{
					padding: 5px 0;
					max-width: 65px;
					max-height: 65px;
				}

		.cols-1 #item .item-image.master{
			width: 50%;
		}

		.cols-3 #item .item-image.master{
			width: 40%;
		}

		#item .primary-image.master {
			position: relative;
			box-sizing: border-box;
			width: 100%;
		}
/*
			.cols-1 #item .primary-image {
				margin-right: -100px;
				padding-right: 100px;
				float: left;
			}

			#item .primary-image.no-addtl {
				margin-right: 0;
				padding-right: 0;
			}

		#item .primary-image img{
			max-width: 95%;
		}

		#item .addtl-images {
			position: relative;
			box-sizing: border-box;
			text-align: center;
		}
			.cols-1 #item .addtl-images{
				float: right;
				width: 100px;
			}

				.cols-1 #item .addtl-images img{
					padding: 5px 0;
					max-width: 75px;
					max-height: 75px;
				}

				.cols-3 #item .addtl-images img{
					padding: 5px 0;
					max-width: 65px;
					max-height: 65px;
				}
*/

	#item .item-long-description{
		float: left;
	}
		.cols-1 #item .item-long-description{
			width: 70%;
		}

		.cols-3 #item .item-long-description{
			width: 60%;
		}

	#item .item-long-description.master{
		clear: right;
		float: right;
	}
		.cols-1 #item .item-long-description.master{
			width: 48%;
		}

		.cols-3 #item .item-long-description.master{
			width: 58%;
		}

	#item .item-primary-info, #item .item-documents, #item .item-details{
		clear: right;
		float: right;
	}

		.cols-1 #item .item-primary-info, .cols-1 #item .item-documents, .cols-1 #item .item-details{
			width: 28%;
		}

		.cols-3 #item .item-primary-info, .cols-3 #item .item-documents, .cols-3 #item .item-details{
			width: 37.5%;
		}


	#item .block{
		text-align: center;
		margin: 0 auto 15px;
	}

	#item .item-price{
	}

	#item .promodesc{
		text-align: center;
		margin: 0 auto;
	}

	#item table {
		text-align: left;
		margin: 0;
	}

		#item table tr th, #item table tr td{
			padding-bottom: 10px;
		}

			#item .associated-item-info table tr th, #item .associated-item-info table tr td{
				padding-bottom: 2px;
			}

		#item table tr th {
			font-weight: bold;
			padding-right: 10px;
		}

		#item table tr td {

		}

	#item table.pricebreaks{
		width: 100%;
		/* max-width: 200px; */
		margin: 0 auto 15px;
	}

		#item .associated-item-pricing table.pricebreaks{
			margin: 0 auto 5px;
		}

		#item table.pricebreaks th{
			padding: 5px 10px;
		}

			#item .associated-item-pricing table.pricebreaks th{
				padding: 2px 5px;
			}

		#item table.pricebreaks td{
			padding: 2px 10px;
		}

			#item .associated-item-pricing table.pricebreaks td{
				padding: 1px 5px;
			}

	#item .add-to-cart input.quantity {
		width: 65px;
	}

	#item .add-to-cart input.price {
		width: 85px;
	}

	#item .add-to-cart textarea.comment {
		width: 90%;
		margin-top: 15px;
	}

	#item .add-to-cart{
		margin-bottom: 15px;
		text-align: center;
	}

		#item .associated-item-pricing .add-to-cart{
			margin-bottom: 10px;
			text-align: center;
		}

		#item .add-to-cart fieldset{
			padding: 15px 10px;
			border: solid 1px #eee;
			border-radius: 5px;
			background: #f7f7f7;
		}

			#item .associated-item-pricing .add-to-cart fieldset{
				padding: 0;
				border: none;
				background: transparent;
			}

		#item .add-to-cart input,  #item .add-to-cart button {
			height: 40px;
			/* margin-top: 10px; */
			vertical-align: middle;
		}

			#item .associated-item-pricing .add-to-cart input,  #item .associated-item-pricing .add-to-cart button {
				height: 30px;
			}

		#item .add-to-cart button {
			padding-left: 10px;
			padding-right: 10px;
		}

			#item .associated-item-pricing .add-to-cart button {
				padding-left: 5px;
				padding-right: 5px;
			}

		#item .add-to-cart .uom-entry{
			margin-top: 10px;
		}

		#item .add-to-cart select{

		}

		#item .add-to-cart .add-mssg{
			margin-top: 10px;
		}

	#item .item-documents .title{
		font-size: 20px;
		font-size: 1.25rem;
		margin-bottom: 10px;
	}

	#item .item-documents li{
		position: relative;
		box-sizing: border-box;
		padding-left: 30px;
		padding-bottom: 10px;
	}

		#item .item-documents li:after{
			position: absolute;
			top: 2px;
			left: 0;
			width: 16px;
			height: 16px;
			content: "";
			background-position: center center;
			background-repeat: no-repeat;
		}

		#item .item-documents li.pdf:after{
			background-image: url("../images/pdf.png");
		}

	#item .item-alternates {
		float: left;
	}

		.cols-1 #item .item-alternates {
			width: 70%;
		}

		.cols-3 #item .item-alternates {
			width: 60%;
		}

		.cols-1 #item .item-alternates.master, .cols-3 #item .item-alternates.master {
			width: 100%;
		}

	#item .item-alternates div.title {
		font-size: 20px;
		font-size: 1.25rem;
		margin-bottom: 10px;
	}

	#item .item-alternates .flexslider {
		box-sizing: border-box;
		margin: 0;
  		padding: 5px;
		border: none;
		text-align: center;
	}

	#item .associated-items {
		float: left;
	}
		#item .associated-items .associated-item{
			margin-bottom: 10px;
		}

			#item .associated-items .associated-item:last-child{
				margin-bottom: 0;
			}

		.cols-1 #item .associated-items {
			width: 70%;
		}

		.cols-3 #item .associated-items{
			width: 60%;
		}

		#item .associated-items div.title {
			font-size: 20px;
			font-size: 1.25rem;
			margin-bottom: 10px;
		}

		#item .associated-items .associateditemthumb{
			position: relative;
			display: inline-block;
			box-sizing: border-box;
			float: left;
			width: 90px;
		}
			#item .associated-items .associateditemthumb img{
				border: none;
				max-width: 90px;
				max-height: 90px;
			}

		#item .associated-items .associated-item-pricing{
			position: relative;
			display: inline-block;
			float: right;
			width: auto;
		}

		#item .associated-items .associated-item-info{
			float: left;
			width: auto;
			margin-left: 20px;
		}

#checkout .payment-method {
	padding: 10px;
	border-bottom: solid 1px #ddd;
}

	#checkout .payment-method:last-of-type{
		border-bottom: none;
	}

#checkout .payment-type-paypal{
	text-align: center;
}

	#paypal-button {
		background: transparent;
	}

#checkout .cctypes {
	margin-left: 30%;
}

	#checkout .cctypes img {
		width: 64px;
	}

#checkoutdetail{
	position: relative;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 15px;
}

	#checkoutdetail #cartdetail{
		position: relative;
		box-sizing: border-box;
		padding-bottom: 10px;
		width: auto;
	}

		#checkoutdetail #cartdetail button{
			width: 30px;
			margin: 0 10px 0 0;
		}

		#checkoutdetail #cartdetail .row{
			/* margin-top: 5px; */
			margin: 0 auto 5px;
			padding: 5px;
			width: auto;
			text-align: left;
		}

		#checkoutdetail #cartdetail .row .btn{
			margin-right: 10px;
			vertical-align: top;
		}

		#checkoutdetail #cartdetail .row-left{
			display: block;
			white-space: nowrap;
			width: 40px;
			float: left;
		}

			#checkoutdetail #cartdetail .row-left.with-item-image{
				width: 115px;
			}

			#checkoutdetail #cartdetail .checkout-final .row-left{
				width: 75px;
			}

			#checkoutdetail #cartdetail .row img{
				border: none;
				vertical-align: top;
				max-width: 75px;
				max-height: 60px;
			}

		#checkoutdetail #cartdetail .row-right{
			display: block;
			margin-left: 55px; /* 15 px space */
		}

			#checkoutdetail #cartdetail .row-right.with-item-image{
				margin-left: 130px;
			}

			#checkoutdetail #cartdetail .checkout-final .row-right{
				margin-left: 90px; /* 15 px space */
			}

			#checkoutdetail #cartdetail .row-info{
				display: block;
				float: left;
				/*width: 435px;  15 px extra */
				margin-bottom: 5px;
			}

				#checkoutdetail #cartdetail .row .itemnumber{
					display: inline-block;
					vertical-align: top;
					white-space: normal;
					width: 150px;
					margin-right: 10px;
				}

				#checkoutdetail #cartdetail .row .description{
					display: inline-block;
					vertical-align: top;
					white-space: normal;
					width: 340px;
					/* margin-left: 130px; 10px */
				}

				#checkoutdetail #cartdetail .row-comment{
					margin-top: 5px;
				}


			#checkoutdetail #cartdetail .row-quantity{
				display: block;
				white-space: nowrap;
				float: left;
				width: 130px;  /* 15 px extra */
				margin-bottom: 5px;
			}

				#checkoutdetail #cartdetail .row .forminput{
					box-sizing: border-box;
					width: 70px;
					vertical-align: middle;
					margin-right: 10px;
				}

					#checkoutdetail #cartdetail .row .forminput.comment{
						width: 100%;
					}

					#checkoutdetail #cartdetail .row .forminput.right{
						text-align: right;
					}

			#checkoutdetail #cartdetail .row-pricing{
				display: block;
				white-space: nowrap;
				float: right;
				text-align: right;
				/*width: 260px; 10 px extra */
			}

				#checkoutdetail #cartdetail .row .price{
					display: inline-block;
					vertical-align: middle;
					/* width: 100px; */
					text-align: right;
				}

				#checkoutdetail #cartdetail .row .uom{
					display: inline-block;
					vertical-align: middle;
					width: 40px;
					text-align: left;
				}

				#checkoutdetail #cartdetail .row .quantity{
					display: inline-block;
					vertical-align: middle;
					width: 70px;
					text-align: right;
				}

				#checkoutdetail #cartdetail .row .extension{
					display: inline-block;
					vertical-align: middle;
					width: 110px;
					text-align: right;
				}

#cartdetailtotals {
	padding: 5px;
	float: right;
}

#checkoutdetail #cartdetailtotals {

}

.checkoutfinal {
	box-sizing: border-box;
	padding-bottom: 15px;
}

	.checkoutfinal .caption{
	}

	.checkoutfinal .section{
		box-sizing: border-box;
	}

	.checkoutfinal .halfcolumn{
		box-sizing: border-box;
		float: left;
		padding: 10px;
		width: 50%;
	}

.checkout-totals{ /* add to fixed */
	box-sizing: border-box;
	margin-bottom: 20px;
}
	.checkout-totals .checkout-totals-label{
		display: inline-block;
		padding: 0;
	}

	.checkout-totals .checkout-totals-amount{
		display: inline-block;
		width: 110px;
	}


#checkoutdetail .checkout-totals {
	margin: 0;
}

.page-myaccount .ui-tabs-panel {
	padding: 5px 0;
}

.page-myaccount .toolbar{
	box-sizing: border-box;
	padding: 5px 10px;
}

	.page-myaccount .toolbar-info{
		position: relative;
		float: left;
	}

	.page-myaccount .toolbar-buttons{
		position: relative;
	}

		.page-myaccount .toolbar-buttons.right{
			float:right;
		}

.page-myaccount .column{
	box-sizing: border-box;
	padding: 5px;
	width: 50%;
	float: left;
}

	.page-myaccount .column label, .page-myaccount .column p{
		box-sizing: border-box;
		padding: 2.5px 5px;
		float: left;
		margin: 0;
	}

	.page-myaccount .column label{
		font-weight: bold;
		width: 65%;
	}

	.page-myaccount .column p{
		width: 35%;
	}

	.page-myaccount .column.short label{
		font-weight: bold;
		width: 30%;
	}

	.page-myaccount .column.short p{
		width: 70%;
	}

	.page-myaccount .toggle{
		display: none;
    	margin-bottom: 3px;
    	cursor: pointer;
    }

    	.page-myaccount .toggle:after{
    		content: '\f077';
    	}

			.page-myaccount .toggle.open:after{
				content: '\f078';
			}

	.page-myaccount #account_tabset{
		margin-bottom: 15px;
	}

.dtcontainer{
	box-sizing: border-box;
	width: 100%;
}

	.dtcontainer table{
		width: 100%;
	}

		.dtcontainer table tr td button{
			white-space: nowrap;
		}

#dialog-document #dialog-content .block {
	box-sizing: border-box;
	padding: 5px;
	margin-bottom: 10px;
}

	#dialog-document #dialog-content .block.half-left {
		width: 49%;
		float: left;
	}

	#dialog-document #dialog-content .block.half-right {
		width: 49%;
		margin-left: 51%;
	}

	#dialog-document #dialog-content .block p {
		margin: 0 0 0 0;
	}

	#dialog-document #dialog-content .block table tr td.caption{
		padding-right: 10px;
	}

	#dialog-document #dialog-content .block table tr td.subtotal, #dialog-document #dialog-content .block table tr td.grandtotal{
		text-align: right;
	}

	#dialog-document #dialog-content .block button {
		margin: 0 0 5px 0;
		font-weight: bold;
	}

.push {
	/* must be same height as entire footer.  Requires fixed height footer */
	}

footer {
	position: relative;
/*
	width: 970px;
	margin: 0 auto;
*/
	width: 100%;
/*
	height: 200px;
	min-width: 820px;
*/
}

	footer .footer-inner{
		width: 96%;
/*
		min-width: 950px;
*/
		max-width: 1024px; /* cap footer width */
		margin: 0 auto;
		padding: 0;
	}

	footer .footer-left {
		position: relative;
		float: left;
		width: 75%;
	}

	footer .footer-right {
		position: relative;
		margin-left: 75%;
	}


/* for embedded videos in content pages */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}