/* 	Titan CMS base 6.5 RESPONSIVE DESIGN */
@import 'Responsive_blocks.css'; 

/* ========================================================================================== RESETS */

/* === reset margin and padding === */
	.titanBody,div,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
	.BlueBlock h1,.BlueBlock h2{margin-bottom:18px}
	h3{margin-bottom:30px}
	.Feature h3{margin-bottom:45px}
	.News h4{margin-bottom:10px}
	.OrangeBlock h1{margin:12px 0 8px}
	.WhiteBlock .Freeform{margin-bottom:30px}
	.BlockLtBlue h4{margin-bottom:10px}
	.BannerSlider h2,.BannerSlider h1,.BannerSlider h3{margin-bottom:10px}
	
	.titanBody *{box-sizing:border-box;} /* sometimes you might not want to include the logo */
    .titanDisplay .hidden {display:none;}
	
/* === margin bottom on blocks === */
	.Aggregation,.Commenting,.DisplaySideUpload,.EventUpload,.FAQ,.Freeform,.FormEditor,.PhotoBlock,.SearchResults,.SegmentedSearch,.SiteMap,.TOCBlock,.WhatsNew,.SharePage,.DataList,.UserAccount{clear:both;margin-bottom:0;}
	.Commenting, .Commenting .commentForm{padding-bottom:30px;}
	
/* === margin bottom on content === */
	.titanBody p,.titanBody blockquote,
	.mainBody p,.mainBody blockquote,
	.Freeform blockquote,.Freeform ol,.Freeform ul,.Freeform dl,
	.FAQ blockquote,.FAQ ol,.FAQ ul,.FAQ dl,.FAQ dl,.FAQ .ToTop,
	.FormEditor blockquote,.FormEditor ol,.FormEditor ul,.FormEditor dl{margin-bottom:12px;margin-top:0;padding-top:0;padding-bottom:0;}
	.utilityNavContainer p{margin-bottom:0}

/* === fieldset === */
	.titanBody fieldset,.mainBody fieldset{border:0;margin:0;padding:0;}/* don't remove these attributes, can add attributes/change values */

/* === fix floats === */
	#pageTopArea:after,.utilityNavContainer:after,#logo:after,.navWrapper:after,#toolContainer .shareIcons:after,#contentWrapper:after,.footer:after,
	.contentArea:after,#centerZone:after,.leftNav:after,#toolContainer::after,#navigation:after,
	#bottomContainer:after,#bottomContainer .social:after,
	.WhiteBlock:after,.GreyBlock:after,.DarkGreyBlock:after,.BlueBlock:after,.siteBounds:after,.floatWrap:after,
	.DataDetail.Dispensers .Color:after,.DataDetail.Dispensers .colors::after,.DataDetail.Dispensers  .sauces:after,.DataDetail.Dispensers  .racks:after{content: ".";display:block;visibility:hidden;clear:both;height:0;font-size:0em;line-height:0;}
	
/* === don't let these blocks style like content blocks === */	
	#bottomContainer p{margin:0;padding:0;clear:none;}

/* === form inputs === */
	.titanDisplay input[type="text"],.titanDisplay input[type="password"],.titanDisplay input[type="email"],.titanDisplay input[type="file"],.titanDisplay select,
	.EventUpload .sponsor input,.EventUpload .startTime input,.EventUpload .startDate input,.EventUpload .endDate input,.EventUpload .endTime input,.EventUpload .contactName input,.EventUpload .contactEmail input,.EventUpload .attachment input,.EventUpload .startDate input,.EventUpload .endDate input{padding:4px;width:100%;}
	.titanDisplay select{padding:5px 4px;}
	.DataFilter2 select,.DataFilter2 input[type="text"],.AggregationFilter2 select,.AggregationFilter2  input[type="text"],.SegmentedSearchFilter2 select,.SegmentedSearchFilter2  input[type="text"]{width:97%}
	.EventUpload .startDate .icon, .EventUpload .endDate .icon{display:none;}
	#searchTerms:focus,#searchTermsMobile:focus{outline:none;}
	.titanDisplay textarea{resize:none;width:100%;}
	.titanDisplay input::-ms-clear{display:none;}

    input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
	    textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
    	select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
	
	@media (min-width:768px){
		.titanDisplay input[type="text"],.titanDisplay input[type="password"],.titanDisplay input[type="email"],.titanDisplay input[type="file"],.titanDisplay select,.titanDisplay textarea,
		.EventUpload .sponsor input,.EventUpload .startTime input,.EventUpload .endTime input,.EventUpload .contactName input,.EventUpload .contactEmail input,.EventUpload .attachment input{width:50%;}
		.EventUpload .startDate input,.EventUpload .endDate input{width:48%}
		.EventUpload .startDate .icon, .EventUpload .endDate .icon{display:inline-block;}
		.DataFilter2 select,.DataFilter2 input[type="text"],.AggregationFilter2 select,.AggregationFilter2  input[type="text"],.SegmentedSearchFilter2 select,.SegmentedSearchFilter2 input[type="text"]{width:97%;}
		.accountFilter2 select{width:99%;}
	}

/* === responsive images === */
	.titanBody img,.titanBody embed,.titanBody object,.titanBody video,.titanBody audio{height:auto;max-width:100%}

/* === list style === */
	#pageTopArea ul,.social ul,#toolContainer ul{list-style:none;margin:0;padding:0;}
	#contentArea li{margin-bottom:8px}
			
/* === pointer ===  */
	#scrollTop,#navButton,#toolContainer span,.searchBarContainer  input[type=button],.tools>div,
	.CenterZone input[type="submit"],.CenterZone input[type="button"],.Commenting input[type="button"],
	.Accordion .minmax,.Accordion dt,
	.DataFilter2 h3,.AggregationFilter2 h3,.SegmentedSearchFilter2 h3,.DataDetail.Dispensers  .price a,
	.listingTools li,.SegmentedSearchFilter2 .inputs div,.titanBody .list-group-item,.Cart .column-quantity button,.Cart .cartsummary button,.Cart .coupon-field button,.tools .cart .cart-buttons button,.ProductsStripe .DataFilter2 fieldset .inputs > div,
	.SearchResults .view .minIcon,.SearchResults .view .maxIcon,.DataDetail.Dispensers .rackOptions >div,.ProductsStripe .DataFilter2 fieldset .inputs label,.titanBody .Slider .flex-direction-nav a,.Slider .flex-direction-nav .flex-disabled,
	.FAQ .Accordion .min,.FAQ .Accordion .max,.FAQ .Accordion .accordionHeading,.DataDetail.Dispensers .colors div,.DataDetail.Dispensers .cases div,.DataDetail.Dispensers .samples > div,.DataDetail.Dispensers .samples .header span,.DataDetail.Dispensers  button,
	.FAQ .tabbedContent .tabs li,.social span,.Highlights,.DataDetail.Dispensers  .price a,.flex-control-thumbs img,.PartsList button{cursor:pointer}
	@media(min-width:980px){
		.DataFilter2 h3,.AggregationFilter2 h3,.SegmentedSearchFilter2 h3{cursor:default;}
	}
	
	
/* === omg - make these things go away, PLEAAAAAAASE ===  */
	.clear{display:none}
	
/* ========================================================================================== layout === */

/* === z-indices and positions === */
	#scrollTop,
	.filterOpen .DataFilter2,.filterOpen .AggregationFilter2,.filterOpen .SegmentedSearchFilter2{position:fixed;}
	#scrollTop{z-index:997;}
	.DataFilter2,.AggregationFilter2,.SegmentedSearchFilter2{z-index:1001;}
	@media (min-width:980px){
		.DataFilter2,.AggregationFilter2,.SegmentedSearchFilter2{position:static;}
	}

/* === layout === */
	.siteBounds{margin:0 auto;max-width:1100px;padding:0 10px}
	#pageTopArea .siteBounds{padding:0}
	@media (min-width:768px){
		#pageTopArea .siteBounds{padding:0 10px}	
	}
	
	/* page top */
	#pageTopArea{width:100%;border-top:10px solid rgba(193,32,38,1)}
	#pageTopArea > .utilityNavContainer{display:none}
	#logoControlContainer{margin:5px 0 0}
	#logoControlContainer img{width:170px}
	
	@media (min-width:768px){
		#pageTopArea{border-top:0;z-index:10;}
		#logoControlContainer{float:left;margin:27px 0 0;width:auto;}
		#logoControlContainer img{width:auto;max-width:150px;}
		#pageTopArea > .utilityNavContainer{display:block;padding:6px 0 5px;}
		.utilityNavContainer .wrapper{float:right;}
		.utilityNavContainer .wrapper ul,.utilityNavContainer .wrapper div{clear:none;float:left;margin-left:15px;}
		.utilityNavContainer li{display:inline-block;margin:0 10px;}
	}
	@media (min-width:768px){
		#logoControlContainer{margin:0;}
	}	
	@media (min-width:950px){
		#logoControlContainer{margin:27px 0 0;}
        #logoControlContainer img{max-width:none;}
	}
	/* nav and tools */
		#navigation{padding-top:3px;}
		/* tools & search */
		.tools{float:right;padding-top:3px;height:30px;}
		.tools > div{float:left}
		.tools .login{margin-right:10px;}
		.tools .icon{display:inline-block;height:20px;margin-right:3px;padding-left:20px;}
		.tools .searchBarContainer,.tools .utilityNav2, .tools #openCloseSearchBar {display:none;}		
		.searchBarContainer{width:85%;position:relative;}
		#scroller .searchBarContainer{margin:0 0 10px 10px;}
		.searchBarContainer  input[type=text]{padding:5px;width:80%;outline:0;}	
		.searchBarContainer  span.fa-search{position:absolute;top:6px;right:6px;z-index:9;}			
		.titanBody .searchBarContainer  input[type=button]{height:18px;padding:0 13px;position:absolute;right:3px;top:0;z-index:10;}
		
		@media (min-width:768px){
			#navigation{overflow:visible;padding:0}
			#scroller .searchBarContainer{display:none;}		
			.tools{padding-top:12px;height:auto;}
			.tools .utilityNav2{display:block;}
			.tools .utilityNav2 li{display:inline-block;margin-right:15px;overflow:hidden;}
            .tools .utilityNav2 li.navLast{white-space:nowrap;text-overflow:clip;}
			.tools .cart{margin-right:18px;}
            .tools #openCloseSearchBar{display:inline-block;cursor:pointer;}
			.tools .searchBarContainer{height:0;display:none;float:left;margin:0;width:130px;}
            .tools .searchBarContainer.open{height:21px;z-index: 1000;position:fixed;right:0;top: 65px;display:block;}
			.searchBarContainer  span.fa-search{top:1px}
			.searchBarContainer input[type=text]{height:21px;margin:0 0 0 5px;padding:0;position:relative;top:0;}
		}
		@media (min-width:950px){
			.tools{padding-top:0}
            .tools .utilityNav2 li.navLast{max-width:none;white-space:normal;text-overflow:initial;}
		    .tools .login{margin-right:18px}
		}
        @media (min-width: 1100px){
            .tools #openCloseSearchBar{display:none;}
		    .tools .searchBarContainer, .tools .searchBarContainer.open{height:21px;display:block;float:left;margin:0;width:130px;top:0;z-index:auto;right:0;position:relative;}
        }
	
		/* top & mobile nav */
		.navWrapper{display:none;width:0;float:right;top:0;right:0;}
		.navWrapper,.mobileNavOpen #navButton{position:fixed;}
		.navWrapper{z-index:1001;}
		.mobileNavOpen #navButton{z-index:1002;}
		#navButton{float:left;clear:both;padding:0 10px;}
		.mobileNavOpen #navButton{top:10px;left:0;}
		.phone{padding:10px;}
		.mobileNavOpen .fa-reorder,.fa.fa-times{display:none;}
		.mobileNavOpen .fa-times,.fa-reorder{display:block;}
		.mobileNavOpen .navWrapper{display:block;height:100%;left:0;top:0;padding-top:50px;width:85%;overflow:hidden;}
		.mobileNavOpen #scroller{height:98%;overflow-y:scroll;overflow-x:hidden;width:110%;}
		.mobileNavOpen #navigation .menu > li a,.mobileNavOpen .utilityNavContainer li a{display:block;padding:10px;width:97%;}
		.mobileNavOpen #navigation .menu .arrow{display:none;}
		.mobileNavOpen #navigation .menu > li ul li a{padding-right:25px;padding-left:25px;width:96%;}
		@media (min-width:500px){	
			.mobileNavOpen .navWrapper{max-width:400px;min-width:350px;}
		}

		@media (min-width:768px){
			.navWrapper,.mobileNavOpen .navWrapper{position:relative;}
			#navButton,#navigation .utilityNavContainer,#topNavContainer .menu > li a span.arrow,.phone{display:none}
			#navigation{clear:right;margin:8px 0 0;width:100%}			
			.navWrapper{clear:right;float:left;display:block;height:auto;overflow:visible;padding:6px 0 0;width:100%}
			#topNavContainer .menu >li,#topNavContainer .menu >li  >a{display:inline-block}
			#topNavContainer .menu > li > a{padding:22px 13px}
			#topNavContainer .menu > li  > ul{display:none;left:0;top:60px;width:auto;z-index:5}
			#topNavContainer .menu  > li.edge ul{left:auto;right:0}
			/* .IE #topNavContainer .menu > li  > ul{top:53px;} */
			.titanBody.Android #topNavContainer .menu > li.open > ul,
			.titanBody:not(.Android) #topNavContainer .menu > li:hover > ul {display:block}
			#topNavContainer .menu li ul li a{display:block;padding:12px 11px 7px;white-space:nowrap}
			#topNavContainer .menu > li ul li ul{position:static;}#topNavContainer .menu > li{position:relative;}#topNavContainer .menu > li  > ul{position:absolute;}
		}
		@media (min-width:950px){
			.navWrapper{z-index:990}
			#navigation{clear:right;float:right;margin:8px 0 0;width:75%}	
			#topNavContainer .menu > li > a{padding:22px 8px}
		}
		@media (min-width:1080px){
			#navigation{width:82%}
			#topNavContainer .menu > li > a{padding:22px 13px}
		}
		
	/* contentarea */
	#toolContainer{display:none}
	@media (min-width:768px){
		#toolContainer{display:block;margin:0}
		#toolContainer li{margin:0}
		#toolContainer #breadCrumbContainer{margin-top:4px}
		#toolContainer #breadCrumbContainer span{margin:0 4px;display:inline-block}
		#toolContainer #pageTools  ul + ul{position:relative}
		#toolContainer .shareMenu{position:absolute;}
		#toolContainer .shareMenu,#toolContainer ul + ul{z-index:1;}
		#toolContainer div div{float:left}
		#toolContainer div div+div{float:right}
		#toolContainer ul,#toolContainer ul li{float:left;}
		#toolContainer #pageTools ul li:not(.shareIcons){padding:0 5px 5px}
		#toolContainer #pageTools ul .shareIcons li{padding:7px 10px}
		#toolContainer .shareMenu{display:none;left:-10px;top:12px}
		#toolContainer #pageTools ul + ul:hover .shareMenu{display:block;}	
		#toolContainer .shareMenu span.arrow{display:block;height:10px;margin:0 auto;width:10px;}
		#toolContainer .shareIcons li{width:100%;}
		#toolContainer .shareIcons span{display:inline-block;width:100%}
	}
	
	/* filtering, and center widths */
	@media (min-width:980px){
		.DataFilter2,.AggregationFilter2,.SegmentedSearchFilter2{float:left;margin:0 0 40px 0;padding:15px;width:23%;}
		.DataFilter2 + .DataListing,
		.AggregationFilter2 + .loading + .AggregationResults,
		.SegmentedSearchFilter2 + .SearchResults{clear:none!important;float:right;width:73%;}
	}

	/* footer */
	.footer .siteBounds{padding:0;max-width:1150px}
	.footer .siteBounds > div{padding:20px 10px}
	#footerRight h4{margin-bottom:30px}	
	#footerRight .button a{padding:5px 12px 3px}
	#footerRight div + div{padding-bottom:30px}
	#footerRight div + div p:nth-of-type(1){float:left;width:75px;padding-bottom:20px}	
	#footerRight div + div p:nth-of-type(2){padding-bottom:10px}		
	@media(min-width:768px){
		#footerContact{float:right;padding:42px 65px 60px 1%;width:27%}
		#footerRight{float:right;padding:42px 10px 60px 7%;width:65%}				
	}
	@media(min-width:980px){
		#footerContact{width:32%}
		#footerRight{padding:42px 10px 60px 46px;width:65%}
		#footerRight div + div{clear:none;float:left;width:49%;padding:0 5% 0 0}
		#footerRight div:nth-of-type(3){padding-left:5%;border-left:1px solid rgba(255,255,255,1)}
		#footerRight div + div p:nth-of-type(2){min-height:100px;padding:0}
		#footerRight .button{margin-left:75px}
	}
	@media(min-width:1100px){
		#footerContact{width:34%}
	}
	
	/* social */
	.social{margin-left:10px;}
	.social li:not(.shareMenu){float:left;margin:10px 10px}
	.social a{display:block;height:50px;padding:6px 13px;width:50px;}
	.social .share,.social .arrow{display:none}
	.mobileNavOpen .social ul{float:left;clear:none}
	
	@media (min-width:768px){
		#toolContainer .social,.social .share,.social .arrow{display:block}
		#scroller .social{display:none}
	}
	
	/* scroll to top widget */	
	#scrollTop{bottom:20px;display:none;height:54px;right:15px;width:54px;}
	#scrollTop span{display:block;margin-top:-999999px;}
	
/* === blocks === some of this will go in rwdBlocks.css !importants are currently to overwrite blocks.css to not have to be so specific */
	
	/* content stripes */
	.WhiteBlock,.GreyBlock,.DarkGreyBlock,.BlueBlock,.LtBlueBlock,.CheeseBlock{padding:20px 0}
	
	.BlueBlock{padding:20px 0 23px}
	.home .BlueBlock{padding:35px}
	.LtBlueBlock{padding:25px 0 15px}	
	.WhiteBlock{padding:25px 0}
	.home .WhiteBlock{padding:35px 0 30px}
	.OrangeBlock{padding:7px 0 20px}
	.OrangeBlock img{width:110px}
	.OrangeBlock p,.OrangeBlock h1{margin-bottom:0}
	.GreyPatternBlock{padding:37px 0 17px}
	.siteBounds .BlockLtBlue,.ParagraphLtBlue{padding:20px}
	.ParagraphLtBlue{display:block}
	.BlockLtBlue .HeaderULGroup h4{margin-bottom:10px}
	.BlockLtBlue .HeaderULGroup:nth-of-type(3n+1){clear:left}
	@media (max-width:767px){
		.siteBounds .BlockLtBlue,.ParagraphLtBlue {height:auto!important}
	}
	@media (min-width:768px){
		.BlueBlock{padding:50px 0 53px}
		.home .BlueBlock{padding:75px 0 65px}
		.home .LtBlueBlock{padding:105px 0}	
		.WhiteBlock{padding:55px 0}
		.home .WhiteBlock{padding:95px 0 60px}
		.OrangeBlock{padding:27px 0 38px}
		.OrangeBlock img{width:auto}
		.GreyPatternBlock{padding:83px 0}	
		.BlockLtBlue .HeaderULGroup{float:left;width:33%;padding:0 2%}
		.CheeseBlock{padding:65px 0}
	}
	
	#centerZone > .WhiteBlock:first-child{padding-top:0;}
	@media (min-width:768px){
		#leftNav + #centerZone .WhiteBlock,#leftNav + #centerZone .GreyBlock,#leftNav + #centerZone .DarkGreyBlock,#leftNav + #centerZone .BlueBlock{margin-right:10px}
	}
	/* floating Blocks  */
	.Float25,.Float33,.Float50,.Float66,.Float75{margin-bottom:15px;}
	.Float25 img,.Float33 img,.Float50 img,.Float66 img,.Float75 img{float:none;display:block;margin-left:auto;margin-right:auto;}
	.PDFList img{display:inline}
	
	@media (min-width:768px){
		.Float25,.Float33,.Float50,.Float66,.Float75{clear:none;float:left;margin-left:3%;padding:0;}/* check the padding value of filters */
		.Float25{width:22.72%}
		.Float33{width:31.3%}
		.Float50{width:48.45%}
		.Float66{width:65.6%}
		.Float75{width:74.2%}
		.firstItemInRow{margin-left:0;}

		.titanDisplay .Float25 input[type="text"],.titanDisplay .Float33 input[type="text"],.titanDisplay .Float50 input[type="text"],.titanDisplay .Float66 input[type="text"],.titanDisplay .Float75 input[type="text"],
		.titanDisplay .Float25 input[type="password"],.titanDisplay .Float33 input[type="password"],.titanDisplay .Float50 input[type="password"],.titanDisplay .Float66 input[type="password"],.titanDisplay .Float75 input[type="password"],
		.titanDisplay .Float25 input[type="email"],.titanDisplay .Float33 input[type="email"],.titanDisplay .Float50 input[type="email"],.titanDisplay .Float66 input[type="email"],.titanDisplay .Float75 input[type="email"],
		.titanDisplay .Float25 input[type="file"],.titanDisplay .Float33 input[type="file"],.titanDisplay .Float50 input[type="file"],.titanDisplay .Float66 input[type="file"],.titanDisplay .Float75 input[type="file"],
		.titanDisplay .Float25 select,.titanDisplay .Float33 select,.titanDisplay .Float50 select,.titanDisplay .Float66 select,.titanDisplay .Float75 select,
		.titanDisplay .Float25 textarea,.titanDisplay .Float33 textarea,.titanDisplay .Float50 textarea,.titanDisplay .Float66 textarea,.titanDisplay .Float75 textarea{width:100%;}
	}	
	
	/* float Images */
	img.FloatLeft,
	img.FloatRight{display:block;margin-bottom:12px;}
	@media (min-width:768px){
		img.FloatLeft{float:left;margin:0 25px 20px 0}
		img.FloatRight{float:right;margin:0 0 20px 25px}
	}	
	
	/* tables */
	.scrollTable{clear:both;overflow-x:auto;overflow-y:hidden;}
	.scrollTable table{width:99.9%;}
	.scrollText::before{margin-right:10px;}
	
	/* buttons */
	/* red background*/
	.titanBody input[type="button"],.titanBody input[type="submit"],.button a,.Slider .linkText a,.FiveCards .linkText a,.AngledImage .linkText a,.buyNow a,p .button,.titanBody .BannerSlider .otherStuff a{padding:7px 11px 5px}
	.AngledImage .linkText a,.buyNow a{float:left;margin:10px 10px 0 0;padding:6px 11px 3px;width:110px}
	.titanBody input[type="button"],.titanBody input[type="submit"]{float:left}
	p .button{display:inline-block;margin:5px 0}
			
	/* red arrow */
	.Feature p a::after,.News p a::after{padding-left:5px}
	
	/* feature */
	.Feature{padding-right:3%}

	/* News - Home */

	.home .News .item .teaserImage{display:none;}
	.home .News .item .teaserImage,.home .News .item .otherStuff{clear:both;float:none;margin:0;padding:0;width:100%}
	.home .News .item:first-child .teaserImage{display:block;float:left;width:30%}	
	.home .News .item:first-child .otherStuff{clear:none;float:right;width:65%}
	.News .date{margin-bottom:6px}
	@media (min-width:768px){
		.home .News .item{width:44%;margin-left:12%}	
		.home .News .item +.item{float:right}
		.home .News .item:first-child{float:left;margin-left:0}
		.home .News .item:first-child .teaserImage,
		.home .News .item:first-child .otherStuff{clear:both;float:none;width:auto}
		.home .News .item:first-child .teaserImage img{margin:15px 0 18px}
	}
	/* faq */
	.Accordion .minmax,.FAQ .Accordion .min,.FAQ .Accordion .max{float:right;}
	
	/* data list, filter, toc, what's new results */
		/* calendar data list - custom data node */
		.DataListing .startDate,.DataListing .endDate{float:left;}
		.DataListing .location{clear:both;}
		.DataListing .shortDescription{padding:5px 0;}
		.DataDetail .backLink{float:none!important;}
		.DataDetail .label{display:block;}
		@media (min-width:768px){
			.DataDetail .label{display:inline-block;width:120px;}
		}
		
		/* list blocks floating results*/
		@media (min-width:500px){				
			.OneCol a.teaserImage,.TwoCol a.teaserImage,.ThreeCol a.teaserImage,.FourCol a.teaserImage,
			.ColOne a.teaserImage,.ColTwo a.teaserImage,.ColThree a.teaserImage,.ColFour a.teaserImage,
			.tocList a.teaserImage,
			.OneCol .image .otherStuff,.TwoCol .image .otherStuff,.ThreeCol .image .otherStuff,.FourCol .image .otherStuff,
			.ColOne .image .otherStuff,.ColTwo .image .otherStuff,.ColThree .image .otherStuff,.ColFour .image .otherStuff,
			.tocList .image .otherStuff{float:left;width:50%;}
			.OneCol a.teaserImage,.TwoCol a.teaserImage,.ThreeCol a.teaserImage,.FourCol a.teaserImage,
			.ColOne a.teaserImage,.ColTwo a.teaserImage,.ColThree a.teaserImage,.ColFour a.teaserImage,
			.tocList a.teaserImage{padding-right:3%;}
		}
		
		@media (min-width:768px){
			.ThreeCol a.teaserImage,.FourCol a.teaserImage,
			.ColThree a.teaserImage,.ColFour a.teaserImage{padding-right:0;} 
		
			.OneCol a.teaserImage,
			.ColOne a.teaserImage,
			.tocList a.teaserImage{width:32%}
			.OneCol .image .otherStuff,
			.ColOne .image .otherStuff,
			.tocList .image .otherStuff{width:67%;}
			
			.TwoCol > div,.ColTwo > div,
			.ThreeCol > div,.ColThree > div,
			.FourCol > div,.ColFour > div{clear:none;float:left;}
			
			.TwoCol > div,.ColTwo > div{width:47%;margin-left:3%;margin-right:3%;}
			.ThreeCol > div,.ColThree > div{margin-left:2.75%;margin-right:2.75%;width:29.5%;}
			.FourCol > div,.ColFour > div{margin-left:1%;margin-right:1%;width:23.5%;}

			.TwoCol > div:first-child,.ColTwo > div:first-child,
			.ThreeCol > div:first-child,.ColThree > div:first-child,
			.FourCol > div:first-child,.ColFour > div:first-child{margin-left:0;}
			.TwoCol > div:last-child,.ColTwo > div:last-child,
			.ThreeCol > div:last-child,.ColThree > div:last-child,
			.FourCol > div:last-child,.ColFour > div:last-child{margin-right:0;}
			
			.TwoCol a.teaserImage,.ThreeCol a.teaserImage,.FourCol a.teaserImage,
			.ColTwo a.teaserImage,.ColThree a.teaserImage,.ColFour a.teaserImage{margin-right:0;}
			
			#leftNav + #centerZone .TwoCol a.teaserImage,.AggregationFilter2 + .loading + .AggregationResults .TwoCol a.teaserImage,#leftNav + #centerZone .TwoCol .image .otherStuff,.AggregationFilter2 + .loading + .AggregationResults .TwoCol .image .otherStuff,
			#leftNav + #centerZone .ColTwo a.teaserImage,.DataFilter2 + .DataListing .TwoCol a.teaserImage,#leftNav + #centerZone .ColTwo .image .otherStuff,.DataFilter2 + .DataListing .TwoCol .image .otherStuff,
			.ThreeCol a.teaserImage,.ColThree a.teaserImage,
			.ThreeCol .item .otherStuff,.ColThree .image .otherStuff,
			.FourCol a.teaserImage,.ColFour a.teaserImage,
			.FourCol .item .otherStuff,.ColFour .image .otherStuff{clear:both;float:none;width:100%;}
		}
		/* for mobile */
		.filterOpen .DataFilter2,.filterOpen .AggregationFilter2,.filterOpen .SegmentedSearchFilter2{padding-bottom:40px;height:100%;left:0;padding:15px;top:0;width:100%;}
		.DataFilter2 .inner,.AggregationFilter2 .inner,.SegmentedSearchFilter2 .inner{display:none;}
		.filterOpen .inner{display:block;height:100%;overflow-y:scroll;width:115%;}
		.filterOpen .DataFilter2 fieldset,.filterOpen .AggregationFilter2 fieldset,.filterOpen .SegmentedSearchFilter2 fieldset{width:88%;}	
		.DataFilter2 h3,.AggregationFilter2 h3,.SegmentedSearchFilter2 h3{display:inline-block;margin-bottom:5px;padding:6px 10px;}	
		.DataFilter2 h3 span.arrow,.AggregationFilter2 h3 span.arrow,.SegmentedSearchFilter2 h3 span.arrow{float:left;height:10px;margin-top:4px;width:10px;}
		.filterOpen .DataFilter2 h3 span.arrow,.filterOpen .AggregationFilter2 h3 span.arrow,.filterOpen .SegmentedSearchFilter2 h3 span.arrow{margin-left:-5px;margin-right:5px;}
		@media (min-width:768px){
			.accountFilter2{width:50%;}
		}
		@media (min-width:980px){
			.DataFilter2 h3 span.arrow,.AggregationFilter2 h3 span.arrow,.SegmentedSearchFilter2 h3 span.arrow{display:none;}
			.DataFilter2 .inner,.DataFilter2 h3,.AggregationFilter2 .inner,.AggregationFilter2 h3,.SegmentedSearchFilter2 .inner,.SegmentedSearchFilter2 h3{display:block;padding:0!important;}
		}
		
		/* sorting */
		@media (min-width:600px){
			.listingTools li{float:left;}
		}

		/* commenting */
		@media (min-width:768px){
			.Commenting .commentForm table{width:50%;}
		}
		.seeAllResults a:after{margin-left:5px;}
		

		/* custom stuff */
		/* filter cards */
		.CardTransparent .item,.CardBackground .item{position:relative;/* padding-bottom:60px; */}
		.CardTransparent .item .linkText,.CardBackground .item .linkText{bottom:20px;left:0;position:absolute;width:100%;}
		.CardTransparent .item .linkText a,.CardBackground .item .linkText a{display:inline-block}
		.CardTransparent .item .otherStuff,.CardBackground .item .otherStuff{padding-left:8%;padding-right:8%;}

		@media (min-width:500px){
			.CardTransparent .item .otherStuff,.CardBackground .item .otherStuff{padding-left:0;padding-right:0;}
		}
		
		@media (min-width:768px){
			.CardTransparent .item .otherStuff,.CardBackground .item .otherStuff{padding-left:5%;padding-right:5%;}
		}
		
		/* home pages highlights - 3 across */
	    .Highlights{clear:both;position:relative;display:block;width:300px;margin:0 auto}
		.Highlights p+p{position:absolute;width:100%;left:0;bottom:50px}
		@media (min-width:768px){
			.Highlights{clear:none;float:left;width:33%;padding:0 1px}
		}

		/* AngledImage */
		.Freeform +div.AngledImage{margin-top:30px}
		.AngledImage .TwoCol > div{margin-left:0;margin-right:0}
		div.DataList.AngledImage .DataListing div.ColOne .item,.AngledImage div.TwoCol .item,div.AngledImage .item{padding:0}
		div.DataList.AngledImage .DataListing div.ColOne a.teaserImage,.AngledImage div.TwoCol a.teaserImage,div.AngledImage a.teaserImage{margin:0 40px -6px 0}
		div.AngledImage.SolidImage a.teaserImage,div.AngledImage a.teaserImage,div.AngledImage.SolidImage a.teaserImage img{width:100%;max-width:default;padding:0}
		div.DataList.AngledImage .DataListing div.ColOne .otherStuff,.AngledImage div.TwoCol .otherStuff,div.AngledImage .otherStuff{height:100%;padding:20px;position:relative;display:inline-block;z-index:1;width:100%}	
		.titanBody  .AngledImage h4{margin-bottom:10px}
		div.DataList.AngledImage  .DataListing div.ColOne .otherStuff::before,div.AngledImage .otherStuff::before{content:'';position:absolute;top:0;left:0;width:105%;height:100%;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;transform-origin:0 0;transform:rotate(-5deg);z-index:-1}
		@media (max-width:499px){
			div.DataList.AngledImage .DataListing div.ColOne .item,.AngledImage div.TwoCol .item,div.AngledImage .item{height:auto!important}
		}	
		@media (min-width:500px){
			div.DataList.AngledImage  .DataListing div.ColOne a.teaserImage,.AngledImage div.TwoCol a.teaserImage,div.AngledImage a.teaserImage{clear:none;float:left;margin:0 0 -6px 0;width:40%}
			div.DataList.AngledImage  .DataListing div.ColOne .otherStuff,.AngledImage div.TwoCol .otherStuff,div.AngledImage .otherStuff{clear:none;float:right;margin:0;padding:20px;width:60%;display:inline-block;z-index:1}			
			div.DataList.AngledImage  .DataListing div.ColOne .otherStuff::before,div.AngledImage .otherStuff::before{width:100%;transform:rotate(0deg);-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg);transform:skew(-15deg);z-index:-1}		
			.AngledImage p.teaserText{padding-bottom:22%}
			.AngledImage .buttons{position:absolute;bottom:5%;width:90%}	
		}
		@media (min-width:768px){
			div.DataList.AngledImage .DataListing div.ColOne .item,.AngledImage div.TwoCol .item,div.AngledImage .item{width:49%}
			.AngledImage .item:nth-child(odd){float:left}
			.AngledImage .item:nth-child(even){float:right}
			div.AngledImage.SolidImage a.teaserImage img{width:280px;height:170px;object-fit:cover}
		}
		 @media (min-width:970px){
			 div.AngledImage.SolidImage a.teaserImage img{width:auto;height:auto/*;object-fit:none*/}
		}
		
		/* dispenser detail */
		.DispensersStripe{padding-top:10px}
		.DataDetail.Dispensers .label{width:auto;margin-right:2%}
		.DataDetail.Dispensers .productImage{margin-bottom:15px}
		.DataDetail.Dispensers h1{margin-bottom:20px}
		.DataDetail.Dispensers .price{padding:5px 0;margin-bottom:0}
		.DataDetail.Dispensers .Color,.DataDetail.Dispensers  .sauces,.DataDetail.Dispensers  .racks{clear:both;}
		.DataDetail.Dispensers .colors div{float:left;margin-right:5px;width:79px}
        .DataDetail.Dispensers .colors div.square.active img{border:2px solid #F78D29;}
		.DataDetail.Dispensers .sauces{position:relative}
		.DataDetail.Dispensers .Color,.DataDetail.Dispensers #DispenserSauces{margin-bottom:30px}
		.DataDetail.Dispensers .cases div{float:left;clear:none;margin-bottom:5px;width:79px;min-height:79px;padding-top:31px}
		/* @media (min-width:768px) and (max-width:900px){
			.DataDetail.Dispensers .colors div,.DataDetail.Dispensers .cases div{float:none}
		} */
		.DataDetail.Dispensers .cases div:not(:nth-of-type(2)){margin-right:5px}
		.DataDetail.Dispensers .cases img{display:block;margin-top:-31px}
		.DataDetail.Dispensers .cases p{margin-top:3px}
		.DataDetail.Dispensers .samples{z-index:99;position:absolute;top:-20px;left:0;width:100%}
		.DataDetail.Dispensers .samples div.sampleList > div{float:left;width:33%;padding:20px 4% 0}
		.DataDetail.Dispensers .samples div.sampleList > div:nth-of-type(3n+1){clear:both}
		.DataDetail.Dispensers .samples .header{overflow:hidden;float:none;padding:3%;width:100%}
		.DataDetail.Dispensers .samples .header h4{padding-top:5px;float:left}
		.DataDetail.Dispensers .samples .header span,.DataDetail.Dispensers  button{display:inline-block;float:right;padding:5px 10px}
		.DataDetail.Dispensers .samples .header span{padding:8px 10px 5px}
		.DataDetail.Dispensers .samples p{text-align:center}
		.DataDetail.Dispensers  .Options{clear:both}
		.DataDetail.Dispensers .rackOptions >div{float:left;width:200px;margin:0 2% 10px 0}
		.DataDetail.Dispensers .rackOptions >div:nth-of-type(3n+1){clear:left}
		.DataDetail.Dispensers .rackOptions >div > span{display:block}
		.DataDetail.Dispensers .rackOptions >div.norack > span{position:relative}
		.DataDetail.Dispensers .rackOptions >div.norack > span span{position:absolute;top:50%;left:50%;margin:-11px 0 0 -30px}
	
		.alert{position:fixed;left:50%;top:50%;margin-left:-150px;margin-top:-130px;width:300px;display:none;z-index:997;padding:15px
		/* transform:translate(-50%,-50%);margin-bottom:20px */}
		.alert .buttons button{float:left;margin-left:5px}
		@media (min-width:980px){
			.alert{z-index:996}
		}

		@media (max-width:768px) and (orientation:landscape){
			.touch .alert{width:500px;margin-left:-250px;top:5%;margin-top:0}
		}
	
		.cartWidget .panel{padding:10px 10px 40px;margin-bottom:15px}
		.titanBody .cartWidget input[type='text']{width:80px}
		.cartWidget .panel .inputs  .buttons{margin-left:10px;display:inline-block}
		.cartWidget .panel .inputs button{height:30px;width:30px;padding:0;position:relative;top:4px}
		.cartWidget .panel .add{margin-top:25px}
		.cartWidget .panel .add button{width:156px;margin:5px 0;padding:10px;}
        .cartWidget .panel .add p{text-align:center;}
        .cartWidget .panel.tradeIn ul{list-style-type:none;padding:0;}
        .cartWidget .panel.tradeIn .loading {display:block;}
		.DataDetail.Dispensers .social.mobile{display:block;margin:0 0 15px}
		.DataDetail.Dispensers .social,.DataDetail.Dispensers .social ul,.DataDetail.Dispensers .social li{margin:0;overflow:hidden}		
		.DataDetail.Dispensers .fa{padding:8px;float:left;margin-left:4px;height:36px;width:36px}
		.DataDetail.Dispensers .fa span{display:none}
		.DataDetail.Dispensers .fa-facebook{padding-left:11px}
			  
		.tabbedContent{padding-top:30px;margin-top:40px}
		.DataDetail.Dispensers .desktop{display:none}
		.titanBody .list-group-item{display:block;padding:12px 8px 7px}
		a.list-group-item:hover,a.list-group-item:focus {text-decoration:none}
		.DataDetail.Dispensers .mobile{display:none}
		.DataDetail.Dispensers .mobile.active{display:block}		
		.tabsContent > div{margin:20px 10px 0}

		.Dispensers.PortletBlock .PartsList{margin-top:20px}
		.Dispensers.PortletBlock .PartsList .item{padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1)}
		.Dispensers.PortletBlock .PartsList .item:last-child{padding-bottom:0;border-bottom:0}
		.tabsContent .OneCol img,.PartsList .OneCol img{float:left;padding-right:3%;width:40%}
		.tabsContent .OneCol .otherStuff,.PartsList .OneCol .otherStuff{overflow:hidden;width:60%}
		.tabsContent .OneCol input[type='text'],.PartsList .OneCol input[type='text']{width:40px;padding:4px 5px 0}
		.tabsContent .OneCol .otherStuff .addToCart p,.PartsList .OneCol .otherStuff .addToCart p{margin-top:5px}
		
		.DataDetail.Dispensers  button,.PartsList button{float:none;margin-left:5px;padding:6px 10px}
		.Dispensers.PortletBlock .PartsList button{position:relative;top:-1px;padding:6px 10px 5px}

		@media (min-width:500px){
			.tabsContent .OneCol img,.PartsList .OneCol img{width:25%}
			.tabsContent .OneCol .otherStuff,.PartsList .OneCol .otherStuff{width:75%}
			.tabsContent .OneCol .otherStuff .info,.PartsList .OneCol .otherStuff .info{width:60%;float:left}
			.tabsContent .OneCol .otherStuff h4,.PartsList .OneCol .otherStuff h4{margin-bottom:11px}
			.tabsContent .OneCol .otherStuff .addToCart,.PartsList .OneCol .otherStuff .addToCart{width:40%;float:right}
			.DataDetail.Dispensers .samples{width:400px}			
		}
		
		@media (min-width:768px){
			.Dispensers.PortletBlock .PartsList{margin-top:0}
			.DispensersStripe{padding-top:55px}
			.DataDetail.Dispensers h1{margin-bottom:0}
			.DataDetail.Dispensers .price{margin-bottom:16px;padding:16px 0}
			.DataDetail.Dispensers .social.mobile{display:none}
			.DataDetail.Dispensers .social ul{float:right}
			.DataDetail.Dispensers .social.desktop{display:block} 
			.DataDetail.Dispensers .social li:nth-of-type(3n+3){clear:both}
			
			.cartWidget .panel .add button{width:100%}
			.cartWidget .panel .inputs  .buttons{margin-left:0;display:block}
			.cartWidget .panel .inputs button:nth-of-type(1){margin-left:0}
			
			.DataDetail.Dispensers .productImage{float:left;padding:0 2%;width:26%}
			.DataDetail.Dispensers .productSummary{float:left;padding:0;width:74%}
				.DataDetail.Dispensers .infoProduct{float:left;padding:0 5%;width:70%} 
				.DataDetail.Dispensers .cartWidget{float:left;margin:0 3%;width:24%}
				.DataDetail.Dispensers .tabbedContent{clear:both}		
			.DataDetail.Dispensers .Color,.DataDetail.Dispensers #DispenserSauces{margin:0 0 20px 0}		
			.DataDetail.Dispensers .samples{left:-100px}
			.DataDetail.Dispensers .rackOptions >div{float:left;width:31%;margin-right:2%;}
			.DataDetail.Dispensers .rackOptions >div:nth-of-type(4n+1){clear:left}
			.DataDetail.Dispensers .mobile,.DataDetail.Dispensers .mobile.active{display:none}
			.DataDetail.Dispensers .desktop{display:block}
			.list-group{float:left;width:30%}
			.tabsContent{margin-top:0;float:right;width:65%}
			.tabsContent > div{margin-top:0}
			.titanBody .list-group-item{padding:8px 8px 4px}		
			
			.tabsContent .OneCol img{width:40%}
			.tabsContent .OneCol .otherStuff{width:60%}
			.tabsContent .OneCol .otherStuff .info,.tabsContent .OneCol .otherStuff .addToCart,
                        .PartsList .OneCol .otherStuff .info,.PartsList .OneCol .otherStuff .addToCart{padding:0;width:100%;float:none}
			.tabsContent .OneCol .otherStuff .info,.PartsList .OneCol .otherStuff .info{width:60%;float:left}
			.tabsContent .OneCol .otherStuff h4,.PartsList .OneCol .otherStuff h4{margin-bottom:11px}
			.tabsContent .OneCol .otherStuff .addToCart,.PartsList .OneCol .otherStuff .addToCart{width:40%;float:right}	
			.tabsContent .OneCol .otherStuff h4,.PartsList .OneCol .otherStuff h4{margin-bottom:0}

			.Dispensers.PortletBlock .PartsList .OneCol img{width:25%}
			.Dispensers.PortletBlock .PartsList .OneCol .otherStuff{width:75%}
			.Dispensers.PortletBlock .PartsList .OneCol .otherStuff .info{width:60%;float:left}
			.Dispensers.PortletBlock .PartsList .OneCol .otherStuff h4{margin-bottom:11px}
			.Dispensers.PortletBlock .PartsList .OneCol .otherStuff .addToCart{width:40%;float:right}	
		}
		@media (min-width:980px){

			.tabsContent .OneCol img,.PartsList .OneCol img{width:25%}
			.tabsContent .OneCol .otherStuff,.PartsList .OneCol .otherStuff{width:75%}
			.tabsContent .OneCol .otherStuff .info{width:60%;float:left}
			.tabsContent .OneCol .otherStuff h4{margin-bottom:11px}
			.tabsContent .OneCol .otherStuff .addToCart{width:40%;float:right}	
			.DataDetail.Dispensers .social li:nth-of-type(3n+3){clear:none}

			.Dispensers.PortletBlock .PartsList .OneCol img{width:15%}
			.Dispensers.PortletBlock .PartsList .OneCol .otherStuff{width:85%}

		}
	
		@media (min-width:1065px){
			.DataDetail.Dispensers .Color,.DataDetail.Dispensers #DispenserSauces{float:left;width:55%;padding-right:4%;margin:0 0 20px 0}		
			.DataDetail.Dispensers .Color{width:45%}
			.cartWidget .panel .inputs  .buttons{margin-left:10px;display:inline-block}
			.cartWidget .panel .inputs button:nth-of-type(1){margin-left:5px}
		}
		
		/* general cart */
		.CartStripe{padding:0} /*jquery adds class name to the wrapme to remove padding*/
		.CartStripe >.siteBounds{width:100%;max-width:none;padding:0}
		
		/* full cart */
		.Cart .cart-line-header{padding:5px 0;overflow:hidden;margin-bottom:30px}
		.Cart .cart-line-header *{display:none}
		.Cart .cart-item,.Cart .cart-line{overflow:hidden}
		.Cart .cart-item + .cart-item{margin-top:15px}
		.Cart .cart-line{margin-bottom:25px;padding-bottom:25px}
		.Cart .cart-line:last-of-type{padding-bottom:0}
        .Cart .cart-line .remove-link{display:inline-block;margin-left:15px;}
		.Cart .column-image,.Cart .column-text,.Cart .column-price,.Cart .column-quantity,.Cart .column-total{float:left;padding:0 2%}	
		.Cart .column-text .item-description,.Cart  .item-description-discount{margin-bottom:3px}
        .Cart .item-tradein-indicator {margin:3px 0;}
        .Cart .tradein-actions, .Cart .current-tradeins {margin-top:10px;}
		.Cart  .item-description-discount .remove{margin-left:20px}
		.Cart .quantity-value input[type='text']{width:50px;padding-right:15px;margin-bottom:4px}
		.Cart .price-savings{margin-top:5px}
		.Cart .cart-coupon{overflow:hidden;margin-bottom:30px;padding-bottom:30px;width:100%}
		.Cart .cart-coupon input{margin-bottom:7px}
		.Cart .cartsummary .total-row{clear:both;width:220px}
		.Cart .cartsummary .total-row *{display:inline-block;margin:5px 0;padding:5px 0}
		.Cart .cartsummary .value{display:inline-block;width:100px}
		.Cart .cartsummary .cart-buttons{padding-top:10px;clear:both}	
		.Cart .coupon-field{margin-top:5px}
		.Cart .coupon-field input{float:left;padding:9px;width:180px}
		.Cart .coupon-field button{float:left;clear:both}
		.Cart .desktop,.Cart .desktop + div{display:none}
		.Cart .mobile,.Cart .mobile + div{margin-top:10px;float:none}
		.Cart .mobile{margin-top:30px}
		
		.Cart .column-image{width:25%} 
		.Cart .column-text{width:75%}
		@media (max-width:767px){
			.Cart .cart-coupon{height:auto!important}
		}
		@media (min-width:400px){
			.Cart .cart-coupon input{float:none;margin-bottom:0}
			.Cart .cart-coupon button{float:none;margin-left:10px}
		}	
		@media (min-width:768px){
			.Cart .cart-coupon,.cartsummary{min-height:224px}
			.Cart .cart-line-header *,.Cart .desktop,.Cart .desktop,.Cart .desktop + div{display:block}
			.Cart .mobile,.Cart .mobile + div{display:none}
			.Cart .column-image{width:11%} 
			.Cart .column-text{width:33%}
			.Cart .column-price{width:16%}
			.Cart .column-quantity{width:20%}
			.Cart .column-total{width:15%;padding-right:0}
			.Cart .cartsummary .total-row{clear:both;float:right;width:270px}
			.Cart .cart-coupon{float:left;width:50%;position:relative;padding:0;margin:0;border:0;}
			.Cart .cart-coupon .coupon{position:absolute;bottom:0}
			.Cart .cartsummary{float:right;width:45%}
		}
		
		.Cart .column-quantity button,.Cart .cartsummary button,.Cart .coupon-field button{display:inline-block;padding:8px 10px 7px;position:relative;top:1px}
		.Cart .cartsummary button,.Cart .coupon-field button{padding:13px 24px 12px;position:relative;top:2px;margin-bottom:5px}

		/* mini cart */
		.tools .cart{position:relative}
		.tools .interior{display:none;position:absolute;top:20px;right:5px;width:310px;z-index:999;padding-top:17px}
		.tools .interior .pointerarrow{display:none;position:absolute;top:0;right:5px;z-index:88;height:19px;width:36px}
		.tools .interior.open .pointerarrow{display:block}
		.tools .cart-header{padding:12px 10px 10px}
		.tools .cart .cart-lines{padding:20px 20px 0 10px}
		.tools .cart .cart-line{overflow:hidden;margin-bottom:15px}
		.tools .cart .column-quantity{float:left;width:9%}
		.tools .cart .column-image{float:left;width:12%}
        .tools .cart .item-tradein-indicator {margin:3px 0;}
		.tools .cart .column-text{float:left;padding-left:5%;width:57%}
		.tools .cart .column-price{float:left;padding-left:5%;width:21%}
		.tools .cart .cart-totals{padding:10px}
		.tools .cart .cart-totals .total-row{margin:3px 0}
		.tools .cart .cart-totals .value{display:inline-block;width:100px}
		.tools .cart .cart-buttons button{width:70%;padding:10px;display:block;margin:20px auto}
        .tools .cart .checkoutNow { display:inline-block; }
		@media (min-width:395px){
			.tools .interior{right:10px;width:375px}
		}
        @media (max-width:394px){
            .tools .cart .checkoutNow { display:none; }
        }
		@media (min-width:768px){
				.tools .interior{right:-110px}
				.tools .interior .pointerarrow{left:60%}
		}
		
	/* Product data listing */
	.ProductsStripe .DataFilter2  h3 .arrow,.ProductsStripe .DataFilter2 fieldset .uses,.ProductsStripe .DataFilter2 .head span:nth-of-type(1),.ProductsStripe .DataFilter2 .head .reset{display:none}
	.ProductsStripe{padding-top:25px}
	.filterOpen .ProductsStripe .DataFilter2 .inner{margin-top:20px}
	.filterOpen .ProductsStripe .DataFilter2 label{padding-top:3px}
	.filterOpen .ProductsStripe .DataFilter2 .inputs > div{margin-bottom:10px}
	.ProductsStripe .otherStuff{width:100%}
	.ProductsStripe .productImage{float:left;width:35%;padding-right:5%}
	.ProductsStripe .productImage + .otherStuff{overflow:hidden;float:left;width:65%}
	.ProductsStripe div.DataList div.item span{display:inline-block;margin-right:10px}
	.ProductsStripe div.DataList div.item h4{margin-bottom:10px}
	.ProductsStripe div.DataList div.item p{margin:25px 0 10px 0}
	.ProductsStripe .Certs{overflow:hidden;margin-bottom:20px}
	.ProductsStripe .Certs img{float:left;margin:8px 8px 0 0}
	.ProductsStripe .buttonArea .button{padding:8px 5px 5px;width:130px;float:left;margin:4px}
	.ProductsStripe .DataFilter2  h3{padding:12px 25px 8px 25px}

	@media (min-width: 768px) {
		.ProductsStripe .DataList{width:100%}
		.ProductsStripe .DataFilter2,.ProductsStripe .DataListing{width:100%;float:none;clear:both}

		.ProductsStripe div.DataList div.items{padding-top:30px}
		.ProductsStripe .productImage{width:30%}
		.ProductsStripe .productImage + .otherStuff{width:70%}
		.ProductsStripe .summaryArea{float:left;width:83%;margin-right:1%}
		.ProductsStripe .buttonArea{float:right;width:15%}
		.ProductsStripe .productImage + .otherStuff .summaryArea{width:75%}
		.ProductsStripe .productImage + .otherStuff .buttonArea{width:22%}
		.ProductsStripe div.DataList div.item p{margin:25px 0 40px 0}
		.ProductsStripe .buttonArea .button{float:right;clear:right;margin:4px 0}
	}		
	
	@media (min-width:980px) {
		.ProductsStripe > .siteBounds{max-width:none;margin:0;padding:0}
		.ProductsStripe .DataFilter2 .inner,.ProductsStripe .loading,
		.ProductsStripe .loading + div{margin:0 auto;max-width:1100px;padding:0 10px}
		.ProductsStripe .loading,.ProductsStripe .noneFound{padding:20px 0}
		
		.ProductsStripe{padding-top:0}
		.ProductsStripe .DataFilter2{margin:0;padding:0 0 45px;border:0}
		.ProductsStripe .DataFilter2 .head{float:left;width:17%;border:0;margin-top:10px}
		.ProductsStripe .DataFilter2 .head *{float:none}
		.ProductsStripe .DataFilter2 .head span:nth-of-type(1),.ProductsStripe .DataFilter2 .head .reset,.ProductsStripe .DataFilter2 fieldset input[type='checkbox'],.ProductsStripe .DataFilter2 h3{display:none}
		.ProductsStripe .DataFilter2 fieldset{overflow:hidden}
		.ProductsStripe .DataFilter2 fieldset .inputs{float:left;padding:0;width:82%;margin-left:1%}
		.ProductsStripe .DataFilter2 fieldset .inputs > div{display:inline-block;padding:15px 5px 10px;width:140px;margin-left:2px}
		.ProductsStripe .DataFilter2 fieldset .inputs label{width:100%}
		.ProductsStripe .DataFilter2 fieldset .inputs > div:first-child{margin-left:0}
	}
	
	/* fivecards */
	.FiveCards  .OneCol .item {float:none;clear:both;width:300px;margin:0 auto}
	.FiveCards  .OneCol .item,.FiveCards  .OneCol .item .otherStuff,.titanBody .FiveCards img,.FiveCards .OneCol .item .teaserImage{float:none;clear:both;margin:0;padding:0;width:auto}
	.FiveCards  .OneCol .item .otherStuff{padding:10px}
	.FiveCards  .OneCol .item{width:300px;margin:0 auto 20px;padding-bottom:80px}
	@media (min-width:768px) {
		.FiveCards .OneCol .item{clear:none;float:left;width:40%;margin:0 5% 20px}
		.FiveCards .OneCol .item:nth-of-type(2n+1){clear:both}
	}
	@media (min-width:980px) {
		.FiveCards .OneCol .item{margin:0 10px 15px;width:18%;margin:0 1%}
		.FiveCards .OneCol .item:nth-of-type(2n+1){clear:none}
	}
	
	/* slider  */
	/*
	 * jQuery FlexSlider v2.5.0
	 * http://www.woothemes.com/flexslider/
	 *
	 * Copyright 2012 WooThemes
	 * Free to use under the GPLv2 and later license.
	 * http://www.gnu.org/licenses/gpl-2.0.html
	 *
	 * Contributing author: Tyler Smith (@mbmufffin)
	 * 
	 */
	.flex-container a:hover,.MiniEvents_flex-slider a:hover,.flex-container a:focus,.flex-slider a:focus {outline:none}
	.slides, .slides ul,.slides > li,.flex-control-nav,.flex-direction-nav {margin:0;padding:0;list-style:none}
	.flexslider{margin:0;padding:0}
	.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;height:0}
	html[xmlns] .flexslider .slides {display:flex}
	* html .flexslider .slides {height:1%}
	.flexslider{margin:0;zoom:1;position:relative}
	.flexslider .slides{zoom:1}
	.flexslider .slides img{height:auto}
	.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
	.loading .flex-viewport {max-height:300px}
	.flex-direction-nav {*height:0}
	
	.Slider .OneCol .item,.RelatedProductsSlider .ColOne .item{clear:none;float:left;margin:0 10px 15px;height:340px}
	.Slider .OneCol .item .teaserImage,.Slider .OneCol .item .otherStuff{float:none;margin:0;width:100%}
	.Slider .OneCol .item .otherStuff{margin-top:20px}
	.Slider .OneCol .item .teaserImage{padding:0}
	.titanBody .Slider img{width:200px}
	
	.LtBlueBlock.StoriesStripe{padding:50px 0 53px}
	.StoriesSlider {position:relative;padding:20px 0 30px}
	.StoriesSlider h4,.StoriesSlider .flex-direction-nav{display:none}
	.StoriesSlider .OneCol .item{margin:0}
	.titanBody .StoriesSlider p{margin:0 30px 15px}
	.StoriesSlider ol.flex-control-paging {margin:0;padding:0;width:100%;position:absolute;bottom:-60px;text-align:center}
	.StoriesSlider .flex-control-paging li{display:inline-block;padding:0 5px}
	.StoriesSlider .flex-control-paging li a{cursor:pointer;width:10px;height:10px;display:inline-block}
	
	.titanBody .Slider .flex-direction-nav a,.titanBody .RelatedProductsSlider .flex-direction-nav a{display:block;margin:-28px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
	.titanBody .Slider .flex-direction-nav .fa,.titanBody .RelatedProductsSlider .flex-direction-nav .fa{display:none}
	 .Slider .flex-direction-nav .flex-prev,.Slider .flex-direction-nav .flex-next,
	 .RelatedProductsSlider .flex-direction-nav .flex-prev,.RelatedProductsSlider .flex-direction-nav .flex-next{display:block;height:58px;width:50px}
	 .Slider .flex-direction-nav .flex-prev,.RelatedProductsSlider .flex-direction-nav .flex-prev{left:-30px}
	 .Slider .flex-direction-nav .flex-next,.RelatedProductsSlider .flex-direction-nav .flex-next{right:-30px}
	 
	 .RelatedProductsSlider.DataList .DataListing div.ColOne div.item{border:0}
	 .RelatedProductsSlider.DataList .items{overflow:visible}
	 .RelatedProductsSlider.DataList .item{padding:0;background:rgba(250,148,42,1);position:relative}
	 .RelatedProductsBlue.DataList .item {background:rgba(27,44,93,1)}
	 .RelatedProductsSlider .otherStuff .linkText{position:absolute;bottom:20px;left:0;text-align:center;width:100%}
	 .RelatedProductsSlider .otherStuff .linkText a{background:rgba(255,255,255,1);border:1px solid rgba(193,32,38,1);display:inline-block;padding:9px 18px 7px;font-size:1.2rem;line-height:1.2rem;font-weight:400;border-radius:6px}
	  .RelatedProductsSlider .otherStuff .linkText a:hover, .RelatedProductsSlider .otherStuff .linkText a:focus, .RelatedProductsSlider .otherStuff .linkText a:active{background:rgba(193,32,38,1);color:rgba(255,255,255,1)}
	 .RelatedProductsSlider .otherStuff h4,.RelatedProductsSlider .otherStuff h4 a{color:rgba(255,255,255,1);text-align:center;padding:0 10px}
	 .RelatedProductsSlider a.teaserImage{position:relative;z-index:0}
	 .RelatedProductsSlider  .otherStuff::before{content:'';position:absolute;top:150px;left:0;width:110%;height:40px;
		-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;transform-origin:0 0;transform:rotate(5deg);z-index:0;background:rgba(250,148,42,1)}
	.RelatedProductsBlue.DataList .otherStuff::before{background:rgba(27,44,93,1)}
	.RelatedProductsSlider  .otherStuff h4{position:relative;z-index:1;font-size:2.2rem;line-height:2.5rem;font-weight:600}
	.RelatedProducts h3,.RelatedProductsBlue h3{color:rgba(247,141,40,1);font-size:4.3rem;line-height:4.3rem;font-weight:600;margin-bottom:0}
	.RelatedProducts p,.RelatedProductsBlue p{font-size:1.7rem;line-height:1.8rem;font-weight:400}
	.RelatedProductsBlue h3{color:rgba(27,44,93,1)}
	
	@media (min-width:768px) {
		.titanBody .StoriesSlider p{margin:0 70px 15px 90px}
	}
	@media (max-width: 1200px) {
		.Slider .OneCol .item:first-child,.RelatedProductsSlider .OneCol .item:first-child{margin-left:0}
		.Slider .flex-direction-nav .flex-prev,.RelatedProductsSlider .flex-direction-nav .flex-prev {left:0}
		.Slider .flex-direction-nav .flex-next ,.RelatedProductsSlider .flex-direction-nav .flex-next{right:0}
	}
	.sr-only {clip:rect(0px, 0px, 0px, 0px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

	/* Banner slider - home */
	.home .BannerStripe{padding:0}
	.BannerStripe .siteBounds{max-width:none;padding:0;margin:0}
	.BannerStripe .BannerSlider .item{position:relative;margin:0}
	.BannerStripe .BannerSlider .item + .item{display:none}
	.BannerStripe .BannerSlider .flexslider .item + .item{display:block}
	.BannerStripe .BannerSlider a.teaserImage{width:100%;padding:0;margin:0;}
	.BannerStripe .BannerSlider a.teaserImage img{max-width:auto;width:100%;margin-bottom:-6px}
	.BannerStripe .BannerSlider .otherStuff{width:100%;padding:15px 30px}
	.BannerStripe .BannerSlider .item h4{display:none}
	.BannerStripe ol{display:none}
	.BannerStripe .flex-direction-nav li{position:absolute;top:45%;font-size:3rem;z-index:9}
	.BannerStripe .flex-direction-nav li.flex-nav-prev{left:0}
	.BannerStripe .flex-direction-nav li.flex-nav-next{right:0}
	@media (min-width:768px){
		.BannerStripe .BannerSlider .otherStuff{width:360px;margin:0;position:absolute;bottom:25%;right:10px;z-index:99999}
		.BannerStripe ol.flex-control-thumbs{display:block;text-align:right;padding-right:10%;position:absolute;bottom:0;left:0;width:100%;background:rgba(104,188,254,.3);height:63px;z-index:8}
		.BannerStripe .flex-control-thumbs li{display:inline-block;position:relative;bottom:-20px;height:95px;width:95px;margin:0 3px}
		.BannerStripe .flex-direction-nav{display:none}
	}
	@media (min-width:980px){
		.BannerStripe .BannerSlider .otherStuff{bottom:20%;width:500px}
	}
	@media (min-width:1400px){
		.BannerStripe .BannerSlider .otherStuff{bottom:16%;margin-top:0;right:9%;}
	}
	@media (min-width:1600px){
		.BannerStripe .BannerSlider .otherStuff{left:55%} 
	}
	
	/* Banner */
	.Banner p,.Banner img{margin:0}
	.Banner:nth-of-type(1){margin-bottom:-6px}
	.Banner + .Banner{margin:10px}
	.Banner + .Banner p{margin:5px 0}
	.titanBody .BannerRight a,.titanBody .BannerSlider .otherStuff a{display:inline-block;padding:7px 17px 5px}
	.Banner + .Banner img{width:auto}
	.BannerLeft h1,.BannerLeft h2{margin-bottom:10px}
	.BannerLeft h3,.titanBody .BannerLeft a{margin-bottom:0}
	@media (min-width:768px){
		.BannerBlock{position:relative}
		.Banner:nth-of-type(2){position:absolute;top:50%;margin-top:-13%}
		.Banner.BannerRight{right:5%}
		.Banner + .Banner.BannerLeft,.Banner + .Banner.BannerRight,.BannerSlider .otherStuff{padding:20px}
		.Banner + .Banner.BannerLeft{left:5%;max-width:600px}
		.Banner img{max-width:auto;width:100%}
		.BannerLeft h2 br{display:none}
	}
	@media (min-width:1400px){
		.Banner:nth-of-type(2){top:18%;margin-top:0}
		.Banner + .Banner.BannerLeft{left:15%}
	}
	@media (min-width:1600px){
		.Banner.BannerRight{left:65%} 
	}
	
	/* checkout */
	.titanBody .ErrorMessage,.titanBody .error,.titanBody .DisplaySideUpload .error{border:0;margin:0;padding:0}
	.ErrorMessage.active,.titanBody .FormEditor .ErrorMessage{padding:12px 10px 8px 10px;margin-bottom:20px;border:1px solid rgba(193,32,38,.18);background:rgba(193,32,38,.12);border-radius:6px}
	.titanBody .ErrorMessage.active span,.titanBody .FormEditor .ErrorMessage{font-weight:400;color:rgba(193,32,38,1)}
    .loginLink, .registerLink, .shopLink { margin:0 10px; }
	.FormEditor{height:auto!important}
	.field{margin-bottom:15px}
	.field label{display:inherit}
	.required.field label{font-weight:500}
	.field label.error,.field span.ErrorText{color:rgba(193,32,38,1);font-weight:300;padding-left:5px;display:block}
	.field input[type="text"],.titanBody select,.titanBody select.error{padding:5px;border:1px solid rgba(150,150,150,.5)}
	.field input[type="text"],.field input[type="password"]{padding:8px 5px}
	.field label.error,.field input[type="text"] {margin:0}
	.buttonSet input[type="submit"]{margin:15px 0;padding:10px 17px 7px}
	.titanBody .fieldSet label+span+label{width:40px;display:inline-block;text-align:right}
	#centerZone label.input-error {color:rgba(193,32,38,1)}
	#centerZone .input-error input,#centerZone .input-error select{border:1px solid rgba(193,32,38,.6);-moz-box-shadow:inset 0 0 10px rgba(193,32,38,.7);-webkit-box-shadow:inset 0 0 10px rgba(193,32,38,.7);box-shadow:inset 0 0 10px rgba(193,32,38,.7);}
	.FieldContainer.PaymentInfo{padding-top:30px; clear:both;overflow:hidden}
	
	.titanBody .DispenserUpgrade .FieldContainer .fieldSet { float: left; margin-bottom: 20px; }				
    .titanBody .DispenserUpgrade .FieldContainer .col { float: none; width: 100%; }			
	.titanBody .DispenserUpgrade .FieldContainer .fieldSet input.input-medium-small{width:100%;}
	.titanBody .DispenserUpgrade .FieldContainer .fieldSet input.input-small{width:150px;}
	@media (min-width:320px){
		.titanBody .FieldContainer .fieldSet{width:calc(100% - 150px);width:-moz-calc(100% - 150px);width:-webkit-calc(100% - 150px)}
		.titanBody .FieldContainer .fieldSet input.input-medium{width:75%}
		.titanBody .FieldContainer .fieldSet input.input-small{width:calc(25% - 50px);width:-moz-calc(25% - 50px);width:-webkit-calc(25% - 50px)}
	}
	@media (min-width:350px){
		.titanBody .DispenserUpgrade .FieldContainer .col { float: left; width: 45%; margin-right: 20px; }
		.titanBody .DispenserUpgrade .FieldContainer .col+.col { margin-right: 0;} 
		.titanBody .DispenserUpgrade .FieldContainer .col span, .titanBody .DispenserUpgrade .FieldContainer .col label { float:none; display:block; } 

	}
	.titanBody .FieldContainer .fieldSet{width: 100%}

	@media (min-width:768px){
		.titanBody .FieldContainer .fieldSet input.input-medium{width:calc(50% - 135px);width:-moz-calc(50% - 135px);width:-webkit-calc(50% - 135px)}
		.titanBody .FieldContainer .fieldSet input.input-small{width:85px}		
		.field label{display:inline-block;width:150px}
		.field label.error,.field span.ErrorText{width:auto;margin-left:150px}
		.BillingInfo .buttonSet,.Referral .buttonSet,.PaymentInfo .buttonSet,.SerialLookup .buttonSet,.ForgotPassword .buttonSet,.Login .buttonSet,.ResetPassword .buttonSet {margin-left:154px}
		.FormSupport,.ShippingInfo .buttonSet input[type="submit"]{margin:20px 0 0 154px}
		.Cart .BillingInfo{float:left;width:48%}
		.PaymentInput{overflow:hidden}
		.PaymentInput .ROFieldContainer{clear:none;float:left;width:40%;margin-left:4%}
		.PaymentInput .ROFieldContainer:first-child{margin-left:0}
	}
	@media (min-width:950px){
		.field label.error,.field span.ErrorText{display:inline-block;margin-left:0}
		.Referral input[type="text"],.SerialLookup input[type="text"],.ForgotPassword input[type="text"],.Login input:not([type="submit"]),.ResetPassword input:not([type="submit"]),.FieldContainer.PaymentInfo input[type="text"],.FieldContainer.PaymentInfo select{width:35%}
	}
	.BackLink{display:block;padding-top:10px;margin-bottom:10px;}
    .SkipToLink{display:block;clear:both;}
	.PDFViewer + .PortletBlock .BackLink{margin-left:0;padding-top:0}
	.IframeGoogle{min-height:300px;width:90%;margin-right:10%}
	@media (min-width:768px){
		.IframeGoogle{min-height:600px;width:100%;margin-right:0}
	}
	
	/* payment & confirm */
	.cartSummary{background:rgba(245,245,245,1);padding:0 0 37px}

	#fullCart{clear:both}
    .cartSummary .summaryTop, .cartSummary .summaryBottom{clear:both;}    
    .cartSummary .summaryBottom { display:inline-block; width:100%;}
    .cartSummary .summaryBottom .ROFieldContainer > .fieldSet.field .col label,
    .cartSummary .summaryBottom .ROFieldContainer > .fieldSet.field:nth-of-type(1n) label {font-size:1em; font-weight:500; margin-bottom:2px;}
    .cartSummary .summaryBottom > div { padding-top: 15px;} 
	.ROFieldContainer > :not(.col).field:nth-of-type(1) label{font-size:1.8rem;font-weight:600;width:auto;margin-right:2%;margin-bottom:10px}
	.ROFieldContainer > :not(.col) a{font-size:1.3rem;line-height:1.3rem;font-weight:400}
	.ROFieldContainer .col,.ROFieldContainer .field + .field{clear:both;overflow:hidden}
	.ROFieldContainer.PaymentInput,.ROFieldContainer.ShippingInfo,.ROFieldContainer.PaymentInfo{padding-top:15px}
	.ROFieldContainer .field,.ROFieldContainer .field span{margin:0;font-size:1.3rem;font-weight:300}
	.ROFieldContainer.PaymentInput .col:last-of-type .field:not(:last-of-type),.ROFieldContainer.BillingInfo .col:last-of-type .field:not(:last-of-type),.ROFieldContainer.ShippingInfo .col:last-of-type .field:not(:last-of-type){margin-bottom:5px}
	.Cart .ROFieldContainer.PaymentInfo > div:not(:nth-of-type(1)){margin-bottom:10px}
	.ROFieldContainer .field label + span{white-space:nowrap}
	.ROFieldContainer.PaymentInput label,.ROFieldContainer.BillingInfo label,.ROFieldContainer.ShippingInfo label,.ROFieldContainer.PaymentInfo label{width:100%;display:block}
	.Cart .ROFieldContainer.PaymentInput > .field:first-child label,.Cart .ROFieldContainer.BillingInfo > .field:first-child label,.ROFieldContainer.ShippingInfo  > .field:first-child  label,.Cart .ROFieldContainer.PaymentInfo  > .field:first-child label,.Cart .ROFieldContainer.Referral  > .field:first-child label,.Cart .ROFieldContainer.DispenserUpgrade > .field:first-child label{width:auto;display:inline-block}
	.ROFieldContainer.PaymentInput:nth-of-type(2) .field + .field label{display:inline-block;text-align:right;width:70px} 
    .Cart .orderInfoHeader { display: inline-block; margin: 10px 0; width: 100%; }

	@media (min-width:768px){
	    .ROFieldContainer.BillingInfo,.ROFieldContainer.ShippingInfo,.ROFieldContainer.PaymentInfo{float:left;width:33%;padding:0 2%;overflow:hidden;border-right:2px solid rgba(228,228,228,1)}	
		.ROFieldContainer.BillingInfo{padding:0}
		.ROFieldContainer.PaymentInfo{border:0}
        .cartSummary .summaryBottom > div {width: 33%; float: left; padding-top:0;}
        .cartSummary .summaryBottom .ROFieldContainer > .fieldSet.field .col span {float:left; clear:none;}
        .cartSummary .summaryBottom { padding-top:10px; margin-top: 10px; border-top: 2px solid rgba(228,228,228,1);}
        .cartSummary .summaryBottom > div.DispenserUpgrade { border-right: 2px solid rgba(228,228,228,1); margin-right: 10px;}
    	.ROFieldContainer.PaymentInput,.ROFieldContainer.ShippingInfo,.ROFieldContainer.PaymentInfo{padding-top:0}
	}
	@media (min-width:980px){	
	    .ROFieldContainer.BillingInfo,.ROFieldContainer.ShippingInfo,.ROFieldContainer.PaymentInfo{width:40%;padding:0 2%;}	
		.ROFieldContainer.BillingInfo{padding-left:0}
		.ROFieldContainer.PaymentInfo{width:20%;border:0}
		.ROFieldContainer .col{clear:left;float:left;width:45%;overflow:hidden}
		.cartSummary .summaryBottom > div {float:left; width: 40%; padding-top:0;}
    	.ROFieldContainer .col + .col{clear:none;margin-left:10%}
	}
	
	/* distributor */
	#DistributorLocator{overflow:hidden;border-bottom:1px solid rgba(0,0,0,.3);padding-bottom:5px;margin-bottom:5px}
	#DistributorLocator #Countries,#DistributorLocator #StatesAndProvinces,#DistributorLocator #Parts{margin:5px 0}
	#DistributorLocator select{width:100%}
	#DistributorList table{border-collapse: collapse}
	#DistributorList tr:nth-child(even){background:rgba(0,0,0,.08)}	
	#DistributorList td{padding:7px;margin:0;border:0}
	#DistributorList td:nth-child(1) a{font-weight:400}
	#DistributorProducts + a{display:inline-block;margin:20px 0}
	#DistributorProducts + a:hover,#DistributorProducts + a:focus,#DistributorProducts + a:active,
	#DistributorList a:hover,#DistributorList a:focus,#DistributorList a:active{text-decoration:underline}
	#DistributorList td{width:auto}
	#DistributorName{font-size:2.4rem;line-height:2.6rem;font-weight:500;margin-bottom:10px}
	#DistributorDetail{margin-bottom:20px}
	@media (min-width:768px){
		#DistributorLocator #Countries,#DistributorLocator #StatesAndProvinces,#DistributorLocator #Parts{clear:none;float:left;width:30%;margin-right:3%}
	}

    /* my dispensers listing */
    .updateUserDispensers #doDispenserLookup{background:rgba(255,255,255,1);border:1px solid rgba(192,32,38,1);border-radius: 6px;color:rgba(192,32,38,1);margin:0 0 15px 0;}
    .updateUserDispensers #doDispenserLookup:hover, .updateUserDispensers #doDispenserLookup:focus, .updateUserDispensers #doDispenserLooku:past:active {background:rgba(192,31,38,1);color:rgba(255,255,255,1);}
    .userDispensers h4 {font-size: 2rem;font-weight: 400;margin-bottom: 15px;color: rgba(96,167,207,1);}
    .userDispensers table thead th {text-align:left;}
	.userDispensers table tr.row.noResults {text-align:center;}

    /* dispenser trade-in dialog */
    .modal-dialog {position:fixed;z-index:993;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
    .modal-dialog .dialog-inner {background-color:#fefefe;margin:20% auto;margin-top:10%;padding:20px;border:1px solid #888;width:auto;max-width:900px;}
    .modal-dialog .dialog-inner .clearFix {clear:both;float:none;}
    .modal-dialog .dialog-inner .PortletBlock.singleForm{max-width:700px;margin:auto;}
    .modal-dialog .dialog-inner .Freeform {margin-bottom:0;}
    .modal-dialog .dialog-inner .close {text-align:right;padding-bottom:5px;}
    .modal-dialog#loginRegisterDialog input[type='submit'],
        .modal-dialog#loginRegisterDialog input[type='button']{color:#fff;float:none;}
    .modal-dialog#loginRegisterDialog h2 {margin-bottom:10px;}
    .modal-dialog#loginRegisterDialog .buttonSet {margin-left:0;}
    .modal-dialog .dialog-inner .Float50 {margin:0 1.5%;width:46%;}
    .modal-dialog#tradeInDialog .loading {display:block;}
    .modal-dialog#tradeInDialog .buttons {padding-bottom: 37px;}
    @media (max-width:767px){
        .modal-dialog .dialog-inner .Float50 {width:95%;}
    }


	/* recipes */
	.Recipes .item{position:relative;margin:10px 10% 30px;background:rgba(255,255,255,1)}
	.Recipes:not(.StripeCheese) .item{border:1px solid rgba(0,0,0,.2)}
	.Recipes .item:nth-of-type(4n+1){clear:left}
	.Recipes .OneCol a.teaserImage,.Recipes .OneCol .image .otherStuff{float:none;clear:both;margin:0;padding:0;width:100%}
	.Recipes .OneCol .image .otherStuff{padding:5%}
	.Recipes .OneCol .image .otherStuff h4,.Recipes .OneCol .image .otherStuff h4 a{font-size:1.8rem;font-weight:600}
	.Recipes .OneCol .image .otherStuff h4 a:hover,.Recipes .OneCol .image .otherStuff h4 a:focus,.Recipes .OneCol .image .otherStuff h4 a:active{color:rgba(35,31,32,1)}
	.Recipes + .StripeCheese p{text-align:center}
	.Recipes:not(.StripeCheese) .OneCol .image .otherStuff{padding-bottom:60px}
	.Recipes .linkText{width:100%;position:absolute;bottom:20px;left:0;text-align:center}
	.Recipes .linkText a{border:1px solid rgba(193,32,38,1);display:inline-block;border-radius:6px;padding:8px 10px 5px;font-size:1.2rem;line-height:1.2rem;font-weight:400}
	.Recipes .linkText a:hover,.Recipes .linkText a:focus,.Recipes .linkText a:active{background:rgba(193,32,38,1);color:rgba(255,255,255,1)}
	@media (min-width:500px){
		.Recipes .item{float:left;margin:10px 4% 30px;width:42%}
		.Recipes .item:nth-of-type(2n+1){clear:left}
	}
	@media (min-width:940px){
		.Recipes .item{margin:10px 1% 30px;width:23%}
		.Recipes .item:nth-of-type(2n+1){clear:none}
		.Recipes .item:nth-of-type(4n+1){clear:left}
	}
	
/* block class used to hide content when page initially loads */
.titanDisplay div.HideOnLoad{display:none}
/* ==========================================================================================  print  === */
@media print{
	 .utilityNavContainer,#navigation,.cart-line .column-quantity.mobile,.column-quantity.mobile + .quantity-value,.cart-buttons,.Cart .mobile, .Cart .mobile + div,.titanBody #footerRight{display:none}
	 #scrollTop{display:none!important}
	 .Cart .cart-line-header *, .Cart .desktop, .Cart .desktop, .Cart .desktop + div{display:block}
	 #pageTopArea{border-top:0}
	 #footerContact{float:none;width:100%;padding:20px 0}
	 
	 .wrapme{overflow:hidden}
	.BannerSlider{position:relative}
	.BannerSlider .flex-control-thumbs,.BannerSlider .flex-direction-nav{display:none}
	#centerZone .BannerSlider .otherStuff{background:rgba(255,255,255,.7);position:absolute;bottom:0;left:0;width:100%;margin:0;border-radius:0}	 
	.FiveCards .OneCol .item{clear:none;float:left;width:31%;margin:5px 1%}
	.Float50,.Float33,.Float66{clear:none;float:left;padding:0 1%;height:auto!important}
	.Float50{width:50%}
	.Float33{width:33%}
	.Float66{width:66%}
	.FloatLeft,.FloatRight{width:25%}
	.Highlights{clear:none;float:left;width:33%;padding:0 2%}
	.BannerBlock{position:relative}
	#centerZone .Banner+.Banner{background:rgba(255,255,255,.7);position:absolute;bottom:5px;left:0;margin:0;padding:10px;width:100%;border-radius:0}
	
	/* dispensers */
	.Dispensers{overflow:hidden}
	.productImage{float:left;width:35%;padding-right:2%}
	.infoProduct{float:left;width:65%}	
	.DataDetail.Dispensers .social.mobile{display:none}
	.DataDetail.Dispensers .rackOptions >div{width:30%;padding-right:2%}
	.cartWidget{display:none}
	.tabbedContent{clear:both;float:none}
	
	/* filters */
	.ProductsStripe{padding:0}
	.ProductsStripe .siteBounds{padding:0;margin:0}
	.ProductsStripe .DataFilter2,.ProductsStripe .DataListing,.DataFilter2 .inner, .DataFilter2 h3, .AggregationFilter2 .inner, .AggregationFilter2 h3, .SegmentedSearchFilter2 .inner, .SegmentedSearchFilter2 h3{display:block}
	.ProductsStripe .DataFilter2{margin:0;padding:0 0 15px;border:0;background:rgba(247,141,41,1);border:0;width:100%;float:none;clear:both}
	.ProductsStripe .DataFilter2 .head{float:left;width:17%;border:0;margin-top:10px}
	.ProductsStripe .DataFilter2 .head *{float:none}
	.ProductsStripe .DataFilter2 .head span:nth-of-type(1),.ProductsStripe .DataFilter2 .head .reset,.ProductsStripe .DataFilter2 fieldset input[type='checkbox'],.ProductsStripe .DataFilter2 h3{display:none}
	.ProductsStripe .DataFilter2 fieldset{overflow:hidden}
	.ProductsStripe .DataFilter2 fieldset .inputs{float:left;padding:0;width:82%;margin-left:1%}
	.ProductsStripe .DataFilter2 fieldset .inputs > div{display:inline-block;padding:15px 5px 10px;width:140px;margin-left:2px}
	.ProductsStripe .DataFilter2 fieldset .inputs label{width:100%}
	.ProductsStripe .DataFilter2 fieldset .inputs > div:first-child{margin-left:0}
	.ProductsStripe .DataFilter2 fieldset .inputs > div{background:rgba(255,255,255,1);border-radius:6px;text-align:center}
	.BlueProductsStripe .DataFilter2 fieldset .inputs > div,.ProductsStripe .DataFilter2 fieldset .inputs > div.selected{color:rgba(27,44,93,1)}
	.ProductsStripe .DataFilter2 fieldset .inputs > div{color:rgba(247,141,40,1);font-weight:500}

	.Recipes .item{height:auto!important;min-height:320px}
	
	 /* cart  */
	.Cart .column-quantity button,.Cart .cartsummary button,.Cart .remove-link{display:none}
	.ROFieldContainer.BillingInfo,.ROFieldContainer.ShippingInfo,.ROFieldContainer.PaymentInfo{height:auto!important;padding-top:0;float:left;width:40%}
	.ROFieldContainer.PaymentInfo{width:20%}
	.cartSummary .siteBounds,.cart-item{overflow:hidden}
	.cart-line.column-image,.cart-line .column-text,.cart-line .column-price,.cart-line .column-quantity.desktop,.cart-line .column-total,.Cart .desktop, .Cart .desktop + div {display:block;clear:none;float:left}
	.cart-line-header .column-image,.cart-line .column-image{width:15%}
	.cart-line-header .column-text,.cart-line .column-text{width:30%}
	.cart-line-header .column-price,.cart-line .column-price{width:20%}
	.cart-line-header .column-quantity.desktop,.cart-line .column-quantity.desktop{width:10%}
	.cart-line-header .column-total,.cart-line .column-total{width:20%}	
	.Cart .cart-coupon,.cartsummary{clear:none;float:left;width:48%;padding:0;margin:0;border:0!important}
	.cartsummary{float:right}
	.Cart .cartsummary .total-row{width:auto}
	.PaymentInput .ROFieldContainer.PaymentInput,.PaymentInput .ROFieldContainer.PaymentInput .col{clear:none;float:left;width:50%;overflow:hidden}
	
	.summaryTop,.summaryBottom{overflow:hidden}
	.titanBody  .summaryTop *{line-height:1.6rem}
	.titanBody  .summaryTop >div>.field>label,.titanBody  .summaryBottom >div>.field>labe{margin-bottom:5px}
	.titanBody  .summaryTop .ROFieldContainer.PaymentInfo>div:not(:first-child) label{margin-bottom:0}
	.cartSummary .summaryBottom > div{float: left;width: 40%;padding-top: 0}
	.ROFieldContainer.DispenserUpgrade,.ROFieldContainer.Referral{float:left;width:40%;overflow:hidden}
	.ROFieldContainer.DispenserUpgrade:first-child,.ROFieldContainer.Referral .field:first-child{padding-top:20px;}
	.ROFieldContainer.DispenserUpgrade{width:40%}
	.ROFieldContainer.Referral{clear:none;width:80%}
	.summaryBottom .ROFieldContainer.Referral .field+.field{clear:none;float:left;width:48%;margin-right:2%}
}


/*   Cart Unit Test Styling */
div.CartUnitTests { float:left; clear: both; margin-bottom: 50px; margin-left: 20px; }
div.CartUnitTests div, 
div.CartUnitTests div label, 
div.CartUnitTests div span, 
div.CartUnitTests a {float:left; clear:both;}
div.CartUnitTests div label {font-weight:bold; margin-top:10px;}
div.CartUnitTests select { width:100%; margin-bottom:10px;}
div.CartUnitTests input { margin-bottom: 10px;}


/* Placeholders for cart styling - Chris just put these in here for testing */
/*#miniCart .interior {display:none; - moved to regular css}
#fullCart .cart-line { border: 1px solid gray; }*/


div.modalDialog {
    top: 50%;
    left: 50%;
    position: fixed;
    z-index:999;
}

div.modalDialog div.dialogWrapper {
    position: relative;
    margin-top: -50%;
    margin-left: -50%;
    width: 100%;
    border-radius:6px;
    border: 1px solid #000000;
}
div.modalDialog div { display: inline-block; background: #ffffff; }

div.modalDialog div.header { padding: 10px; border-bottom: 1px solid #000000; font-weight:600; background: rgba(228,228,228,1); width: 100%; }
div.modalDialog div.body { padding: 10px; width: 100%; }
div.modalDialog div.close { padding: 10px; width: 100%; text-align: center; border-radius:6px}
div.modalDialog button {
    border: 0;
    background: rgba(247,141,41,1);
    border-radius: 6px;
    color: #ffffff;
    padding: 10px;
    font-weight: 600;
    cursor: pointer;
    font-size: 1.4rem;
    line-height: 1.5rem;
}

div.modalDialog.Error div.header {font-weight:400;color:rgba(193,32,38,1); background:rgba(193,32,38,.12);border-top-left-radius:6px; border-top-right-radius:6px}
div.modalDialog.Info div.header {background:rgba(104,188,254,.3);border-top-left-radius:6px; border-top-right-radius:6px}