html{margin:0;padding:0;font-size:16px}body{font-family:Roboto,sans-serif;font-weight:400;font-size:1rem;width:100%;margin:0;padding:0}body.MenuOpen{overflow:hidden}body.GalleryOpen{overflow:hidden}body.GalleryOpen *{box-shadow:none!important}#HeaderContainer{box-sizing:border-box;padding:0 .5rem;position:fixed;top:0;left:0;width:100%;z-index:10;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);height:4.5em;transform:scale3d(1,1,1) translateZ(0)}#HeaderMenu{position:fixed;top:0;right:0}#HeaderMenu .MenuIcon{width:3.5em;height:3.5em;padding:.25rem;cursor:pointer}#HeaderMenu .MenuIcon:hover{opacity:.6}#MenuContainer{opacity:0;box-sizing:border-box;width:320px;max-width:100%;right:0;top:4.5em;position:fixed;height:100%;padding:0;box-sizing:border-box;box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);z-index:20;-moz-transform:translateX(350px);-o-transform:translateX(350px);-ms-transform:translateX(350px);-webkit-transform:translateX(350px);transform:translate3d(0,0,0) translateX(350px) scale3d(1,1,1) translateZ(0);-moz-transition:all .75s ease;-o-transition:all .75s ease;-webkit-transition:all .75s ease;transition:all .75s ease}#MenuContainer.Open{opacity:1;-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}#MenuContainer>.SideMenuTop,#MenuContainer>.SideMenuBottom,#MenuContainer>.SideMenuContent{margin:0;font-weight:400;position:absolute;left:0;right:0;box-sizing:border-box}#MenuContainer>.SideMenuTop{top:0;height:50px;font-size:32px;padding:5px 10px;border-bottom:solid 1px}#MenuContainer>.SideMenuContent{top:50px;bottom:6.5em;overflow:auto}#MenuContainer>.SideMenuBottom{bottom:4.5em;height:2em}#MenuContainer ul{margin:0;padding:0;list-style-type:none;border-left:solid 1px}#MenuContainer li.MenuItem.HasChildren>ul{display:none;margin-left:8px}#MenuContainer li.MenuItem.HasChildren.ShowChildren>ul{display:block}#MenuContainer li.MenuItem>div{padding:10px;border-left:solid 10px;border-bottom:solid 1px;font-weight:bold;overflow:auto}#MenuContainer a{border-bottom:none}a.MenuItemMore{float:right;cursor:pointer;font-weight:normal}.SideMenuClose{float:right;font-family:'Varela Round',sans-serif;cursor:pointer}#ContentContainer{position:relative;top:5em;bottom:0;overflow-y:auto;padding:0 2% 2% 2%;left:0;right:0}#ContentContainer.MenuOpen{}#SiteTitle{font-family:Roboto;font-weight:100;padding:0;margin:0;font-size:3.5em}#SiteTitle a:link,#SiteTitle a:visited,#SiteTitle a:hover,#SiteTitle a:active{border:none}a:link,a:visited{text-decoration:none;border-bottom:2px dotted}img{max-width:100%}#SiteTitleUnique{font-family:'Varela Round';font-weight:400}#CrumbtrailContainer{padding:1em;margin:1em 0;font-weight:bold;line-height:2em;font-size:.8em}#CrumbtrailContainer a.CurrentLink{font-weight:normal}@media(max-width:800px){#HeaderContainer{height:4em}#ContentContainer,#MenuContainer{top:4em}#SiteTitle{font-size:3em}#HeaderMenu .MenuIcon{width:3em;height:3em}#MenuContainer>.SideMenuContent{bottom:6em}#MenuContainer>.SideMenuBottom{bottom:4em}}@media(max-width:600px){#HeaderContainer{height:2.5em}#ContentContainer,#MenuContainer{top:2.5em}#SiteTitle{font-size:2em}#HeaderMenu .MenuIcon{width:2em;height:2em}#MenuContainer>.SideMenuContent{bottom:4.5em}#MenuContainer>.SideMenuBottom{bottom:2.5em}}@-webkit-keyframes colour{0%{background-color:rgba(0,150,255,.85)}50%{background-color:rgba(0,128,218,.85)}100%{background-color:rgba(0,150,255,.85)}}@-moz-keyframes colour{0%{background-color:rgba(0,150,255,.85)}50%{background-color:rgba(0,128,218,.85)}100%{background-color:rgba(0,150,255,.85)}}@-ms-keyframes colour{0%{background-color:rgba(0,150,255,.85)}50%{background-color:rgba(0,128,218,.85)}100%{background-color:rgba(0,150,255,.85)}}@-o-keyframes colour{0%{background-color:rgba(0,150,255,.85)}50%{background-color:rgba(0,128,218,.85)}100%{background-color:rgba(0,150,255,.85)}}@keyframes colour{0%{background-color:rgba(0,150,255,.85)}50%{background-color:rgba(0,128,218,.85)}100%{background-color:rgba(0,150,255,.85)}}.z-depth-0,body{box-shadow:none!important;z-index:-1}.z-depth-1,nav,.card-panel,.card,.toast,.btn,.btn-large,.btn-floating,.dropdown-content,.collapsible,.side-nav{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);z-index:0}.z-depth-1-half,.btn:hover,.btn-large:hover,.btn-floating:hover{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);z-index:1}.z-depth-2{box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);z-index:2}.z-depth-3{box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);z-index:3}.z-depth-4,.modal{box-shadow:0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21);z-index:4}.z-depth-5{box-shadow:0 27px 24px 0 rgba(0,0,0,.2),0 40px 77px 0 rgba(0,0,0,.22);z-index:5}.card-panel{transition:box-shadow .25s;padding:20px;margin:.5rem 0 1rem 0;border-radius:2px;background-color:#fff}.card{position:relative;overflow:hidden;margin:.5rem 0 1rem 0;background-color:#fff;transition:box-shadow .25s;border-radius:2px}.card .card-title{color:#fff;font-size:24px;font-weight:300}.card .card-image .card-title-solid{width:100%;padding:11px;background:#ee3e33;color:#fff;font-size:24px;font-weight:bold;font-family:varela round;position:absolute;bottom:0;left:0}.card .card-title.activator{cursor:pointer}.card.small,.card.medium,.card.large{position:relative}.card.small .card-image,.card.medium .card-image,.card.large .card-image{overflow:hidden}.card.small .card-content,.card.medium .card-content,.card.large .card-content{overflow:hidden}.card.small .card-action,.card.medium .card-action,.card.large .card-action{position:absolute;bottom:0;left:0;right:0}.card.small{height:300px}.card.small .card-image{height:150px}.card.small .card-content{height:150px}.card.medium{height:400px}.card.medium .card-image{height:250px}.card.medium .card-content{height:150px}.card.large{height:500px}.card.large .card-image{height:330px}.card.large .card-content{height:170px}.card .card-image{position:relative}.card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}.card .card-image .card-title{position:absolute;bottom:0;left:0;padding:20px}.card .card-content{padding:20px;border-radius:0 0 2px 2px}.card .card-content p{margin:0;color:inherit}.card .card-content .card-title{line-height:48px}.card .card-action{border-top:1px solid rgba(160,160,160,.2);padding:20px}.card .card-action a{color:#ffab40;margin-right:20px;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;-ms-transition:color .3s ease;transition:color .3s ease;text-transform:uppercase}.card .card-action a:hover{color:#ffd8a6}.card .card-reveal{padding:20px;position:absolute;background-color:#fff;width:100%;overflow-y:auto;top:100%;height:100%;z-index:1;display:none}.card .card-reveal .card-title{cursor:pointer;display:block}.hoverable:hover{transition:box-shadow .25s;box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;z-index:2}body{color:#6e6e6e;background-color:#f5f5f5}#ContentContainer a:link,#ContentContainer a:visited{color:#000;border-color:#4c8efa}#ContentContainer a:hover,#ContentContainer a:active{color:#4c8efa}.AppBar{background-color:rgba(0,150,255,.85)}.AppBar,.AppBar a,.AppBar a:link,.AppBar a:visited{color:#fff}.AppBar a:hover,.AppBar a:active{color:#c3e5fd}.SideMenu{color:#fff;background-color:rgba(0,0,0,.7)}#MenuContainer,#MenuContainer a,#MenuContainer a:link,#MenuContainer a:visited{color:#fff}#MenuContainer a:hover{color:#0096ff}#MenuContainer ul,#MenuContainer li.MenuItem>div{border-color:#0096ff}#CrumbtrailContainer{background-color:#fff}#CrumbtrailContainer a.CurrentLink,#CrumbtrailContainer a.CurrentLink:link,#CrumbtrailContainer a.CurrentLink:visited,#CrumbtrailContainer a.CurrentLink:active{color:#6e6e6e}.FeatureGroup,.StaticBox,.CategoryBox,.ChildCategoryContainer{color:#6e6e6e;background-color:#fff}.ChildCategory>.ChildCategoryTitle{background-color:rgba(0,0,0,.5);color:#fff}div.ImageGallery{background-color:rgba(0,0,0,.75)}div.ImageGallery .ImageGalleryClose,div.ImageGallery .ImageGalleryPosition,div.ImageGallery .ImageGalleryFullscreen{color:#fff;background-color:rgba(0,0,0,.6)}div.ImageGallery .CurrentImageTag{background-color:rgba(0,0,0,.4);color:#fff}div.ImageGallery.Loading>.Loader{background:transparent!important;border-color:#c18b00!important;border-left-color:transparent!important;border-right-color:transparent!important}div.ImageGallery .NavPrev,div.ImageGallery .NavNext{background-color:rgba(0,0,0,.5);color:#fff}[data-imageid]:not([href]),[data-productgallery]:not([href]),[data-categorygallery]:not([href]){color:#ee3e33}[data-gallerylink]:not([href]),.VinylSwatchDetail [data-productgallery]:not([href])>span{color:#000;border-color:#4c8efa!important}.CategoryBox{clear:both;overflow:auto;padding:1em;margin:1em 0}.ChildCategoryContainer{clear:both;overflow:auto;padding:0;margin:1em 0}.ChildCategoryContainer>a{line-height:0}.CategoryBox h1,.CategoryBox h2,.CategoryBox h3,.CategoryBox h4,.CategoryBox h5{font-weight:200;margin:0;padding:0}.CategoryBox .NoteBox{border:solid 1px silver;background-color:#fafafa;padding:1em}.ChildCategory{position:relative;overflow:hidden;background-color:#000;background-size:cover;background-repeat:no-repeat;background-position:center;float:left;width:18%;margin:1%;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);border-radius:4px}.ChildCategory:before{padding-top:100%;display:block;content:""}.ChildCategory>.ChildCategoryTitle{position:absolute;box-sizing:border-box;width:100%;bottom:0;padding:2px 5px;font-weight:bold;font-size:.8em;line-height:normal}.ChildCategory>.ChildCategoryImage{width:100%}.CategoryDescription{box-sizing:border-box}.CategoryMainImage{float:right;width:60%;max-width:800px;box-sizing:border-box;padding:1em}.CategoryMainImage img{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.CategoryImages{box-sizing:border-box}.CategoryImages:after{display:table;content:""}.CategoryImages a.GalleryImage,.CategoryVideos a.GalleryVideo{display:inline-block;width:100px;margin:8px;box-sizing:border-box}.CategoryImages .GalleryImageBG,.CategoryVideos .GalleryVideoBG{width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:2px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.CategoryImages .GalleryImageBG:before{padding-top:100%;display:block;content:""}.CategoryVideos .GalleryVideoBG:before{padding-top:75%;display:block;content:""}.StaticBox{overflow:auto;padding:1em;margin:1em 0;box-sizing:border-box}.StaticBox h1,.StaticBox h2,.StaticBox h3,.StaticBox h4,.StaticBox h5{font-weight:200;margin:0;padding:0}@media(max-width:800px){.ChildCategory{width:22%;margin:1.5%}.CategoryMainImage{padding:1%;width:60%}.CategoryImages a.GalleryImage,.CategoryVideos a.GalleryVideo{width:18%;margin:1%}}@media(max-width:600px){.ChildCategory{width:29.33%;margin:2%}.CategoryMainImage{padding:1%;width:65%}.CategoryImages a.GalleryImage,.CategoryVideos a.GalleryVideo{width:31%;margin:1%}}@media(max-width:500px){.CategoryMainImage{float:none;width:auto;padding:1em 0 0 0}}@media(max-width:400px){.ChildCategory{width:45%;margin:2.5%}.CategoryImages a.GalleryImage,.CategoryVideos a.GalleryVideo{width:46%;margin:2%}}.SwatchGroup{clear:both;overflow:hidden;background-color:#fff}.VinylSwatchDetail{overflow:hidden;width:40%;box-sizing:border-box;float:left;position:relative;background-color:#fff;margin-bottom:1em}.VinylSwatchRelated{padding:1rem;overflow:hidden;width:58%;box-sizing:border-box;float:right;background-color:#fff;margin-bottom:1em}.RelatedSwatch{width:11.5%;margin:.5%;float:left;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:5px}.RelatedSwatch:before{padding-top:100%;display:block;content:""}.SwatchGroup h1,.SwatchGroup h2,.VinylSwatchDetail h1,.VinylSwatchDetail h2{margin:1rem 1rem 0 1rem;font-weight:100;font-size:2rem}.VinylSwatchRelated h2,.VinylComponents h2{margin:0 0 .5rem 0;font-weight:100;font-size:1.5rem}.SwatchGroupDesc{margin:1em 0;padding:0 1em}.SwatchRoomset{width:24px;height:24px;position:absolute;right:8px;top:8px;background-color:rgba(0,0,0,.5);background-image:url('/images/site/camera.svg');background-size:contain;background-position:center center;background-repeat:no-repeat}.Swatch,.HalfSwatch{width:14.65%;float:left;position:relative;overflow:hidden;margin:1%;border-radius:4px;background-size:cover;background-repeat:no-repeat;background-position:center center}.Swatch:before{padding-top:100%;display:block;content:""}.HalfSwatch:before{padding-top:50%;display:block;content:""}.Swatch .SwatchImage,.HalfSwatch .SwatchImage{width:100%;border:0 none}.Swatch .SwatchName,.HalfSwatch .SwatchName{position:absolute;bottom:0;width:100%;padding:2px 5px;background-color:rgba(0,0,0,.5);color:#fff;font-weight:bold;font-size:.8em;box-sizing:border-box}.VinylComponents{clear:both;padding:1rem;overflow:hidden;box-sizing:border-box;background-color:#fff}.VinylComponent{width:137px;height:157px;background-size:contain;background-repeat:no-repeat;background-position:center center;float:left;margin:10px}.SwatchSubTitle{font-family:Roboto,sans-serif;color:#000;font-size:1.2em;font-weight:bold}[data-loader].Loading::after{content:"";position:absolute;left:50%;top:50%;display:block!important;border:10px solid;border-radius:500px;transition:all .5s ease;margin-left:-50px;margin-top:-50px;width:80px;height:80px;-webkit-animation-name:kfloader;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation:kfloader 1s infinite ease;-o-animation:kfloader 1s infinite ease;animation:kfloader 1s infinite ease;background:transparent!important;border-color:rgba(0,150,255,.65)!important;border-left-color:transparent!important;border-right-color:transparent!important}@media(max-width:1024px){.Swatch,.HalfSwatch{width:18%;margin:1%}}@media(max-width:800px){.Swatch,.HalfSwatch{width:22%;margin:1.5%}}@media(max-width:768px){.VinylSwatchDetail{width:auto;float:none}.VinylSwatchRelated{width:auto;float:none}}@media(max-width:600px){.Swatch,.HalfSwatch{width:29.33%;margin:2%}.RelatedSwatch{width:15%;margin:.8%}}@media(max-width:500px){.RelatedSwatch{width:23%;margin:1%}}@media(max-width:400px){.Swatch,.HalfSwatch{width:45%;margin:2.5%}.RelatedSwatch{width:31.3%;margin:1%}}@-webkit-keyframes kfloader{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes kfloader{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-o-keyframes kfloader{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(360deg);}}@keyframes kfloader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}div.ImageGallery{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%}div.ImageGallery .ImageGalleryClose{position:absolute;right:0;top:0;padding:.5em;font-size:1.25em;box-sizing:border-box;cursor:pointer;z-index:999}div.ImageGallery .ImageGalleryPosition{position:absolute;left:0;top:0;padding:.5em;font-size:1.25em;box-sizing:border-box;z-index:5}div.ImageGallery .ImageGalleryFullscreen{position:absolute;left:0;top:3em;cursor:pointer;z-index:999;width:48px;height:32px;background-image:url('/images/site/fullscreen.svg');background-size:contain;background-repeat:no-repeat;background-position:center center}div.ImageGallery .ImageGalleryClose>a{cursor:pointer;z-index:999}div.ImageGallery>.CurrentImage{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;-moz-transition:all 0s linear;-o-transition:all 0s linear;-webkit-transition:all 0s linear;transition:all 0s linear;z-index:1}div.ImageGallery>.YTVideoFrame{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}div.ImageGallery>.CurrentImage>img{max-height:100%}div.ImageGallery.Loading>.CurrentImage>img{display:none!important}div.ImageGallery>.Loader{display:none}div.ImageGallery.Loading>.Loader{content:"";position:absolute;left:50%;top:50%;display:block!important;border:10px solid;border-radius:500px;transition:all .5s ease;margin-left:-50px;margin-top:-50px;width:80px;height:80px;-webkit-animation-name:loadspin;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation:loadspin 1s infinite ease;-o-animation:loadspin 1s infinite ease;animation:loadspin 1s infinite ease}div.ImageGallery.GalleryOpen{display:block}div.ImageGallery>div.Navigation{position:absolute;left:0;right:0;bottom:0;height:64px;z-index:4}div.ImageGallery .NavPrev,div.ImageGallery .NavNext{opacity:0;position:absolute;bottom:0;width:48%;margin:0% 1%;height:100%;cursor:pointer;text-align:center;font-size:3em;font-weight:bold;border:solid 2px;border-radius:10px;box-sizing:border-box;-moz-transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);-moz-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear}div.ImageGallery .NavPrev{left:0;border-right:solid 1px}div.ImageGallery .NavNext{right:0;border-left:solid 1px}div.ImageGallery .CurrentImageTag{position:absolute;top:0;width:100%;text-align:center;font-size:.8em;padding:.25em;box-sizing:border-box;z-index:3}div.ImageGallery>div.Navigation.Show>.NavNext.Show,div.ImageGallery>div.Navigation.Show>.NavPrev.Show{-moz-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}div.GalleryMore{position:absolute;bottom:0;right:0;width:48px;height:48px;background:rgba(0,0,0,.75);background-image:url('../Images/Site/search.svg');background-position:center center;background-size:contain;background-repeat:no-repeat}[data-imageid]:not([href]),[data-gallerylink]:not([href]),[data-productgallery]:not([href]),[data-categorygallery]:not([href]),[data-videoid]:not([href]){cursor:pointer}[data-gallerylink]:not([href]),.VinylSwatchDetail [data-productgallery]:not([href])>span{font-weight:bold;border-bottom:2px dotted}.CategoryMainImage [data-gallerylink]:not([href]){border-bottom:0 none}@-webkit-keyframes loadspin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes loadspin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-o-keyframes loadspin{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(360deg);}}@keyframes loadspin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}