.copy-notification {
            color: #ffffff;
            background-color: rgba(0,0,0,0.8);
            padding: 20px;
            border-radius: 30px;
            position: fixed;
            top: 50%;
            left: 50%;
            width: 150px;
            margin-top: -30px;
            margin-left: -85px;
            display: none;
            text-align:center;
        }


.JamesDebug {
		display:none;
}

.ImageZoom {
	position: relative;
	width:100%;
	text-align: center;
}

#ImagePopUp {
 display: none;
  position: fixed;
  top:0px;
  left:0px;
  background: #000;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  text-align: center;
  z-index:9999;
  background-color: white;
}
.ZoomIcon {
				
	
}
.ProductSlideMain:hover{
		border: solid 5px blue;
		cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}

.SingleImageZoom:hover{
		border: solid 5px blue;
		cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}

.ZoomIcon i:hover {
			color:blue;
			
}

.list-inline-block li
{
			display:inline-block;
			margin:10px;
			padding:5px;
}

.Selected {
				background-color: navy;
				color:white;
}

.GrateProduct {
			display:none;
}

.GratesSelectionWrapper,  .GratesSelectionWrapper ul{
			margin:0px;
			padding:0px;
}

.GratesSelection label {
		font-weight:900;
}

.GratesSelection li:hover{
			color:blue;
			cursor:pointer;
}

#GrateWrapper
{
		display:flex;
		flex-flow: wrap;
		flex-direction: row;	
	
}

#GrateWrapper div
{	
			margin:20px;
}

#GoogleSearchBox {
			
}

.gsc-control-cse {
  background-color: transparent !important;
  border: none !important;
}


h3 {
	font-size: 1.3rem !important;
}

.larger {
	font-size: 1.2rem;
}
.RefLinks a {
			margin:8px 8px 8px 3px;
}

.RefLinks img {
			margin:0px 3px 0px 3px;
}


.ProductText {
		display:inline-block !important;
		flex-shrink: 1;
		flex-grow: 1;
		flex-basis: 20px;
		
}

#StringALevelProductSkus {
			display:flex;
			flex-direction: row;
			flex-wrap:wrap;
			justify-content: space-between;
			align-items: stretch;
			margin: 10px; 
}

#StringALevelProductItems {
			display:inline-block !important;
			flex-shrink: 1;
			flex-grow: 1;
			flex-basis: 20px;
	}

.HHBase h4 {
				text-align: center;

}

.ProductOuterWrapper {
		display:flex;
		flex-direction: row;
		flex-wrap:wrap;
   justify-content: space-between;
   align-items: flex-start;
   margin: 10px 0px 45px 0px;   
	
}


.ProductImageViewer {
   flex-basis:420px;   	
   
}

.ProductSlideMain {
	  width:400px;
	  margin:5px;
	  border:solid black 1px;
}

.ProductSlide {
			margin:5px;
			cursor:pointer;
  		width:80px;	
			min-height:80px;
			padding:auto;
			border:solid black 1px;
			flex-basis: 30%
}




.ProductImageSlider {
		display: block;
		white-space: nowrap !important;
		
		margin:0px 5px 5px 5px;
		width:400px;
		padding:auto;
}

.ProductImageSlider ul
									{
											display:flex;
											flex-direction: row;
											flex-wrap:wrap;
											
									}




@media screen and (max-width: 600px) {
				 #MainPageVideoWrapper
					{
						display:block;
						grid-template-columns:none;
						width:100%;
						max-height:400px;
					}			

					.MainPageVideoStills
					{
						display:inline-block;
 
					}
					#MainPageVideoStillsWrap {
								display:none;
								
					}
						#MainPageVideoFrame
						{
									display:block !important;
									text-align: center;
									width:100%;									
					}

						#MainPageVideoFrame iframe {
								width:100%;
								height:100%;
								max-height:400px;
		
	}
	
	
	.ProductImageViewer {
   width:100% ; 	
   
  margin:0px 5px 5px 5px;
}

.ProductSlideMain {
	  width:100%;
	  margin:5px;
	  border:solid black 1px;
}


} 
@media screen and (min-width: 600px) and (max-width: 1100px){
	
									#MainPageVideoWrapper
								{
										display:block;
										grid-template-columns:none;
										width:100%;
										
								}
									#MainPageVideoFrame
								{
										display:block !important;
										text-align: center;
										width:100%;				
									
								}
							#MainPageVideoFrame iframe {
										width:100%;
										height:100%;
										max-height:400px;
							}
						#MainPageVideoStillsWrap ul
									{
											display:flex;
											flex-direction: row;
											flex-wrap:nowrap;
									}
}	





@media screen and (min-width: 1100px) {
	
									#MainPageVideoWrapper
								{
									display:grid;
									grid-template-columns: 2fr 1fr;
								}
									#MainPageVideoFrame
								{
									display:inline-block;
									text-align: left;
									
								}
							#MainPageVideoFrame iframe {
										width:100%;
										height:100%;
								
							}


}	

	

	

	
	
.MainPageVideoStills
{
			width:200px;
			margin:5px 5px 5px 15px;

}

.MainPageVideoStills img
{
		width:100%;
	
}	
	
.nobullets {
			list-style: none;
			 padding: 0px;
		
}




.SignButton {
    display: inline-block;
    padding: 0.3em 1.2em;
    margin: .3em 0.3em 0.3em 0;
    border-radius: 1.8em;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Roboto',sans-serif;
    font-weight: 900;
    font-size: .8rem;
    color: white;
    background-color: #224faa;
    text-align: center;
    transition: all 0.2s;
}

.header {
			background-color: white !important;

}
.container-header {
	position: relative;
	z-index: 10;
	background-color: transparent;
	background-image: url('/images/headers/BubbleBG.png') !important;
	box-shadow: inset 0 5px 5px rgba(0,0,0,.03);
}


			
.container-component {
		max-width: 1200px !important;
		
}

.ContactBlurbWrapper 
{
			margin-left:auto;
	
}
#ContactBlob
{
			display:inline-block;
		
}
#socialIcons
{
		
	
}
#socialIcons li
{
		list-style: none;
		display:inline-block;
	
}
#PhoneBlurb {
			font-size:1.8rem;
			font-weight:900;
}

.FlexGridLayout {
	 display: flex;
   flex-flow: row wrap;	
}

.FlexGridLayout p {
		padding:5px;
}

.CartDelete {
			display:inline-block;
			cursor: pointer;
			margin:6px;
			text-align: center;
			font-weight:700;
			text-decoration:underline;
			
}

.BuyDirectDiv {
	  display:none;
		text-align:center;
	  padding:10px;
	 
}

.BuyDirectLink
{
			display:inline-block;
			text-decoration: underline;
		  color:blue;
	    cursor:pointer;
	    font-size:1 rem;
}

.BuyNowWrapper
{
	  margin-top: 30px;
	 display:inline-block;
	 background-color: rgba(225, 244, 253, 0.50) ;
	 min-width:335px;
	 max-width:335px;
	 
	 padding:15px 10px 10px 10px;
	  border-radius: .8em;
    box-sizing: border-box;
}


	.ProductButtonWrapper {
		 margin :5px 5px 5px 20px;	
	}
	


.ProductButton:hover{
	border-color: rgba(255,255,255,1);
	}
	
	
	.ProductButton{
	display: inline-block;
	padding: 0.3em 1.2em;
	margin: 0 0.1em 0.1em 0;
	border: 0.16em solid rgba(255,255,255,0);
	border-radius: 2em;
	box-sizing: border-box;
	text-decoration: none;
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
	font-size:1.2rem;
	color: black;
	text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
	text-align: center;
	transition: all 0.2s;
	background-color: #f1bb4e;
	

}



#ShippingMethod {
	padding: 0.3em 1.2em;
	margin: 0 0.1em 0.1em 0;
	border: 0.16em solid rgba(255,255,255,0);
	border-radius: 2em;
	box-sizing: border-box;
	text-decoration: none;
	background-color: #f1bb4e;
	font-size:1.2rem;
	
}
#PayPalCheckOutButton {
	display:none;
}

#GrandTotalRow {
	display:none;
	justify-content:flex-end !important;
}

#SubTotalRow {
		justify-content:flex-end !important;
}
#PreTaxTotalRow{
	display:none;
	justify-content:flex-end !important;
	

}
#PreTaxTotalDiv
{
	border-top:solid black 1px;
}
#TaxDetailRow{
	display:none;
	justify-content:flex-end !important;

}

#ShippingCostRow {
	display:none;
	justify-content:flex-end !important;
}

#CheckOutButtonRow
{
		justify-content:flex-end !important;
}



.ProductButton:hover{
	border-color: rgba(255,255,255,1);
	}



.ProductID {
	
	text-align:center;
}

#CouponDetailRow {
		display:none;
		justify-content:flex-end !important;
}

#ShippingCouponDetailRow {
		display:none;
		justify-content:flex-end !important;

}
#CouponExtendedTotalRow
{
		display:none;
		justify-content:flex-end !important;
}


#ExtendedTotalDiv {
		border-top:solid black 1px;
}

.CartDelete :hover
{
	color:red;
}

.MoneySpan {
	display:inline-block;
	text-align: right;
	font-weight:900;
	font-size:1.5rem;
	min-width:125px;
	
}

.StrikeThru {
			font-weight:900;
			font-size:1.0rem;
			text-decoration: line-through;
			
}

.CartRowBlocks {
			display:inline-block;
			height:100%;		
			margin: auto 0px auto 0px;
			vertical-align: middle;
}

.LastColTotals 
{
			width:250px;
			text-align:right;
}

#CouponDescriptionHtml {

			width:400px;

}
#ShippingCouponDescriptionHtml {

			width:400px;

}

#DiscountDiv {
			width:300px;
			
}
#ShippingDiscountDiv {
			width:300px;
			
}

#CartWeightDiv {	
			width:200px;

}
#CouponCodeDiv {
			width:300px;
}

#ShippingOutput {			
			padding-right:25px;
}

#ShippingDiv {
				
}


#SubTotalDiv {
			
}

.CartItemRow {
		display:flex;
		flex-direction: row;
		flex-wrap:nowrap;
   justify-content: space-between;
   align-items: center;
   margin: 10px 0px 10px 0px;   
  
}

.CartItemDetails {
			display:flex;
			flex-direction: row;
			flex-wrap:nowrap;
			justify-content: space-between;
			align-items: stretch;
}

.HideCityStateZip {
			display:none;
}

#PrintCityStateZip {
		margin: 10px 5px 10px 5px;
		font-weight:900;
		font-size:1.5rem;	
}
#AddressWarning{
			display:none;
	
}

.CaseMessage {
		align-self:flex-end;
		font-size:1.2rem;
		font-weight:700;
		color: maroon;
}

#AdddressDivOutput
		{
				display:none;
		}


							#AdddressDivOutput label
							{
									display:block;
									margin:0 0 3px 0;
									
									font-weight:900;
							}
					
							#AdddressDivOutput li
							{
										list-style: none;
							}
					
							#AdddressDivOutput .formItemSpan
							{
									display: inline-block;
									margin:0px 10px 0px 0px;
							}








.CartPicture {
			min-width:150px;
}

.CartPicture img {
		height:175px;
}

.CartItemMiddle {		
			min-width:400px;
}
.ProductDescription {
	display:inline-block;
}
.ItemWeight {
	display:inline-block;
}


.CartSku {
			display:inline-block;
			width:350px;
}


.CartQty {
	display:inline-block;
		width:100px;
}
.CartMSRP {
		display:inline-block;
		text-align:right;
		font-weight:900;
		font-size:1.5rem;
		min-width:120px;
}
.smallPrice {
	display:inline-block;
	margin-left: 10px;
	
	
}

@media screen and (min-width: 700px) {
						.CartHideOnLarge {
									display:none;
							}
							.CartItemRow {
								flex-wrap:nowrap !important;
						}	
							
		
} 

@media screen and (max-width: 700px) {
																								.CartHideOnSmall {
																										display:none;
																								}
																							
																							.CartItemRow {
																									flex-wrap:wrap;
																							}
																							
																							#DiscountDiv {
																										width:100%;
																										text-align: right;
																						}
																						
																						#CartWeightDiv {	
																									width:100%;
																									text-align: right;
																						
																						}
																						#CouponCodeDiv {
																									width:100%;
																									text-align: right;
																						}
																						
																						#ShippingOutput {
																									width:100%;
																									text-align: right;
																						}
																						
																						#ShippingDiv {
																										width:100%;
																										text-align: right;
																						}
																						
																						
																						#SubTotalDiv {
																									width:100%;
																									text-align: right;
																						}
																						.CartItemDetails {
																									flex-wrap:wrap;	
																							}
	
	}  




	#TotalItemsLine > ul{
					  display: flex;
					  flex-direction: row;
					  flex-wrap:wrap;
					   justify-content:space-around;
					   align-items: center;
					   padding:0;
					   margin:0;
	}	
	
	#TotalItemsLine > ul > li {
  border: 1px solid #E2E2E2;
  border-radius: .5rem;
  list-style-type: none;
  margin:0px;
}
	
	
	#TotalItemsLi
	{
		display:inline-block;
		background-image: url('/images/ShoppingCart.png?v=2');
		background-repeat: no-repeat;
		height:50px ;
		width:50px;
		background-size: 50px 50px;

	}
	
#TotalItems {
	display:inline-block;
		width:55px;
		padding-top:3px;
		font-size:18px;		
		font-weight:700;
		color:blue;
		text-align:center;
}
	

@media all and (max-width:30em){
 a.ProductButton{
  display:block;
  margin:0.2em auto;
 }
} 	






.colorRows tr:nth-child(even) {background: #dce0e8 !important}
.colorRows tr:nth-child(odd) {background: #b8d2fc !important}

#country {
			padding:3px;
			font-family: "Arial Narrow";
			font-size:.8 rem;
}


.TableCss {
		border-collapse:collapse;
		margin:10px;
		}


.TableCss td {
		border:solid black 1px ;
		font-size:16px;
		padding:8px;

}

.TableCss th {
		border:solid black 1px;
		font-size:18px;
		padding:7px;
}


		.customerEditForm label {
		  font-family: 'PT Sans Narrow';
			margin: 0 1%;
			padding: 0;
			border: 0;
			float: left;
			display: table;
			width: 2%;
			font-weight:900;
			font-size:13px;
		}

		.customerEditForm span.wrapper {
			margin: 0;
			padding: 0;
			display: table-cell;
			width: 1%; /* firefox */
		}


		/*
		---------------------------
		width
		--------------------------- */

		.customerEditForm label.w100 {
			width: 98%;
			display: block;
		}
		
		.customerEditForm label.w80 {
			width: 80%;
			display: block;
		}
		
		.customerEditForm label.w75 {
			width: 73%;
			display: block;
		}
		.customerEditForm label.w50 {
			width: 48%;
			display: block;
		}
		
		.customerEditForm label.w30 {
			width: 28%;
			display: block;
		}
		
		.customerEditForm label.w25 {
			width: 23%;
			display: block;
		}

		.customerEditForm label.w15 {
			width: 13%;
			display: block;
		}

.customerEditForm label.px200 {
			width: 150px;
			overflow-x: none;
			display: block;
		}
		
		.customerEditForm label.px175 {
			width: 150px;
			overflow-x: none;
			display: block;
		}
		.customerEditForm label.px150 {
			width: 150px;
			overflow-x: none;
			display: block;
		}

			.customerEditForm label.px125 {
			width: 125px;
			overflow-x: none;
			display: block;
		}

			.customerEditForm label.px100 {
			width: 100px;
			overflow-x: none;
			display: block;
		}
		
		.customerEditForm label.px75 {
			width: 150px;
			overflow-x: none;
			display: block;
		}



		/*
		---------------------------
		position
		--------------------------- */
		.customerEditForm label.p15 {
			margin-left: 16%;
		}

		.customerEditForm label.p25 {
			margin-left: 26%;
		}
		
		.customerEditForm label.p30 {
			margin-left: 32%;
		}
		
		.customerEditForm label.p50 {
			margin-left: 51%;
		}
		.customerEditForm label.p75 {
			margin-left: 76%;
		}
		.customerEditForm label.p80 {
			margin-left: 80%;
		}

		/*
		---------------------------
		errors
		--------------------------- */

		.customerEditForm label.error input.field,
		.customerEditForm label.error select.field,
		.customerEditForm label.error textarea.field {
			border-color: #dd1100;
		}

		.customerEditForm label.error span.title {
			color: #dd1100;
		}


		/*
		---------------------------
		title and examples 
		--------------------------- */

		.customerEditForm label span.title {
			font-style: italic;	
			font-size:16px;
			
		
		}
		.customerEditForm label span.example {
			color: #999;
			font-style: italic;	
		}


		.customerEditForm .boxFormat
		{
				width: 100%;
				display: block;
				border: 1px solid #d0d6da;
				border-left: 3px solid #809db5;
				background: #e9edf0;
				padding: 4px;
				font-family: 'PT Sans Narrow'; font-size: 1em;
				box-sizing: border-box;
				-moz-box-sizing: border-box; /* gecko */
				-webkit-box-sizing: border-box; /* khtml/webkit */
				-ms-box-sizing: border-box; /* IE */
	}


		/*
		---------------------------
		input/select fields 
		--------------------------- */
		
		
		.customerEditForm label input.field,
		.customerEditForm label select.field,
		.customerEditForm label textarea.field {
			
			display: block;
			border: 1px solid #d0d6da;
			border-left: 3px solid #809db5;
			background: #e9edf0;
			padding: 4px;
			font-family: 'PT Sans Narrow'; font-size: 1em;
			box-sizing: border-box;
			-moz-box-sizing: border-box; /* gecko */
			-webkit-box-sizing: border-box; /* khtml/webkit */
			-ms-box-sizing: border-box; /* IE */
			
		}

		.customerEditForm label select.field {
			padding: 4px 1px 1px 1px; /* have to try out */
		}

		.customerEditForm label input.field:focus,
		.customerEditForm label select.field:focus,
		.customerEditForm label textarea.field:focus {
			border: 1px solid #d0d6da;
			border-left: 3px solid #57ab44;
			background: #e0eadd;
		}

		/* Pflichtfelder
			mandatory fields */
		.customerEditForm label.mandatory input.field,
		.customerEditForm label.mandatory select.field,
		.customerEditForm label.mandatory textarea.field {
			border: 1px solid #809db5;
			border-left: 8px solid #809db5;
		}

		/* Kalenderfelder
			calendar fields */
		.customerEditForm label.calendar input.field {
			padding-right: 25px;
		}


		/*
		---------------------------
		checkboxes and radios
		--------------------------- */

		.customerEditForm input.select {
			display: block;
			float: left;
			margin: 0;
		}


		/*
		---------------------------
		submit button
		--------------------------- */

		.customerEditForm input.submit {
			width: 100%;
			background: #809db5;
			color: #fff;
			padding: 2px 0;
			font-size: 1em;
		}

		.customerEditForm input.submit:hover,
		.customerEditForm input.submit:focus {
			background: #57ab44;
			/* cursor: pointer;  sorry, can't use that one in front of Opera */
		}


		/*
		---------------------------
		calender icon
		--------------------------- */
		
		.customerEditForm a.calendar {
			float: right;
			position: relative; top: 3px; left: -20px;
			z-index: 1000;
		}
		.customerEditForm a.calendar img {
			border: 0;
			position: absolute; top: 0; left: 0;
			z-index: 1001;
		}

		
		/*
		---------------------------
		additional styles for
		input/select fields
		--------------------------- */

		.customerEditForm label.inputselect span.title {
			margin: 0 0 2px 0;
			display: table; /* act as inline-block */
		}

		.customerEditForm label span.title:hover,
		.customerEditForm label span.title:focus {
			color: #57ab44;
			cursor: pointer;
		}

		.customerEditForm label br {
			margin: 0 0 2px 0;
		}


		/*
		---------------------------
		additional styles for
		checkboxes and radios
		--------------------------- */

		.customerEditForm label.wauto {
			width: auto;
			margin-right: 15px;
		}
		.customerEditForm label.radiocheck {
			margin-bottom: 10px;
		}
		.customerEditForm label.radiocheck span.wrapper {
			padding-right: 0;
		}
		.customerEditForm label.wauto span.wrapper {
			display: inline;
		}
		.customerEditForm label.radiocheck span.title {
			display: block;
			margin: 0 0 0 20px;
			padding: 0;
		}