@font-face {
	font-family: 'eurostileregular';
	src: url('font/eurosti-webfont.eot');
	src: url('font/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
		url('font/eurosti-webfont.svg#eurostileregular') format('svg'),
		url('font/eurosti-webfont.woff') format('woff'),
		url('font/eurosti-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'jellyka';
	src: url('font/jellyka_saint-andrews_queen-webfont.eot');
	src: url('font/jellyka_saint-andrews_queen-webfont.eot?#iefix') format('embedded-opentype'),
		url('font/jellyka_saint-andrews_queen-webfont.svg#eurostileregular') format('svg'),
		url('font/jellyka_saint-andrews_queen-webfont.woff') format('woff'),
		url('font/jellyka_saint-andrews_queen-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-webkit-font-smoothing: subpixel-antialiased !important;
	font-smooth: always;
	-webkit-text-stroke: 3px transparent;
}

body {
	font-size: calc(25px + .8vw);
	background-color: #FCFCFC;
	color: #4D4D4D;
	/*99% white with grey 30 text*/
}

html,
body {
	margin: 0px;
	padding: 0px;
}

/*to make sure 100% width divs actually get to screen edge*/
.clear {
	clear: both;
}

.space {
	height: 15px;
}

td {
	vertical-align: top;
}

/*Valid options for setting font-size in keyword are xx-small, x-small, small, medium, large, x-large, and xx-large as well as relative keywords smaller and larger*/

/*feature image loading*/
#focuscyclediv img {
	display: none;
	z-index: 0;
}

#focuscyclediv img.first {
	display: block;
}

#focusimagediv {
	position: fixed;
	width: 100%;
	text-align: center;
	z-index: -100;
	margin-top: -30px;
}

#focuscyclediv {
	margin: 0 auto;
}

.focusimage {
	border: none;
}

/*links*/
a.menu,
.menu,
a.menu:visited {
	font-family: 'eurostileregular';
	letter-spacing: 3px;
	font-size: calc(24px + 2vw);
	color: white;
	text-decoration: none;
	line-height: 2.3;
	padding: 0px 40px 0px 30px;
	cursor: pointer;
}

/*color:#EFEFEF*/
.menucategory {
	font-family: 'eurostileregular';
	letter-spacing: 3px;
	font-size: calc(20px + 2vw);
	color: #999999;
	text-decoration: none;
	margin-top: 40px;
	margin-bottom: 0px;
}

.menuproduct {
	margin-top: 0px;
	margin-bottom: 10px;
}

a.submenu,
a.submenu:visited {
	font-family: 'eurostileregular';
	letter-spacing: 3px;
	font-size: calc(18px + 2.5vw);
	color: white;
	text-decoration: underline;
	line-height: 1.5;
	margin: 0px 0px 0px 70px;
	text-align: left;
}

/*page titles*/
.series {
	font-size: 2em;
	font-family: 'eurostileregular';
	font-style: italic;
	color: white;
	padding: 0px;
	margin: 0px;
}

.product {
	font-size: 3.0em;
	font-family: 'eurostileregular';
	letter-spacing: 1px;
	color: white;
	padding: 0px;
	margin: 0px;
}

/*sitemap*/
.treeleader {
	font-family: 'eurostileregular';
	letter-spacing: 1px;
	font-size: large;
	line-height: 1.2;
	margin-top: 0px;
	margin-bottom: 15px;
}

.treetext {
	font-family: 'eurostileregular';
	letter-spacing: 1px;
	font-size: large;
	line-height: 1.2;
	margin-top: 0px;
	margin-bottom: 15px;
	color: #BABABC;
	/*lear grey*/
}

.tree td {
	vertical-align: top;
}

.tree a {
	color: #BABABC;
	/*lear grey*/
}

.tree a:visited {
	color: #BABABC;
	/*lear grey*/
}

/*layout text*/
.whereareyou {
	display: none;
}

/*general text*/
.text {
	font-family: 'Droid Serif', serif;
	font-size: inherit;
	line-height: 1.5;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 25px;
	margin-right: 35px;
}

/*Droid Serif google font loaded in header.php */
.text ul {
	font-family: 'Droid Serif', serif;
	font-size: inherit;
	line-height: 1.5;
	margin-top: 0px;
	margin-bottom: 15px;
}

.caption {
	float: left;
	font-family: 'Droid Serif', serif;
	font-size: inherit;
	line-height: 1.0;
	margin-top: 0px;
	margin-bottom: 15px;
}

/* dup of .text with left float,line-height 1.0 */
.leader {
	font-size: 3em;
	margin-top: 10px;
	font-family: 'eurostileregular';
	letter-spacing: 1px;
	line-height: 1.0;
	color: #AAAAAA;
	/*50% lear grey*/
}

a {
	color: #1894FF;
	/*ala BLUE LED*/
	;
}

a:visited {
	color: #1894FF;
	/*ala BLUE LED*/
	;
}

/*buttons*/
.dosomething {
	font-family: 'Droid Serif', serif;
	font-size: large;
	line-height: 1.5;
	padding: 15px;
	background-color: #1894FF;
	color: white;
}

/*image gallery*/
.newfancybox {
	margin: 10px 10px 10px 0px;
	padding: 3px;
	background-color: #dfdcdc;
	cursor: pointer;
	border: 0;
}

/*maybe delete below?*/
.gallery {
	height: 150px;
	margin: 10px 10px 10px 0px;
	padding: 3px;
	background-color: #dfdcdc;
	cursor: pointer;
	border: 0;
}

.eventgallery {
	margin: 10px 10px 10px 0px;
	padding: 3px;
	background-color: #dfdcdc;
	cursor: pointer;
	border: 0;
}

.gallerypopup {
	width: 800px;
	margin: 0px;
	padding: 10px;
	background-color: white;
	cursor: pointer;
}

.gallerycaption {
	font-size: inherit;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.gallerylink {
	height: 150px;
	margin: 10px 10px 10px 0px;
	padding: 3px;
	background-color: #dfdcdc;
	cursor: pointer;
	border: none;
}

.custompopup {
	width: 1200px;
	margin: 0px;
	padding: 10px;
	background-color: white;
	cursor: pointer;
}

/*reviews*/
.award {
	margin-right: 5px;
}

.pagereview {
	margin-left: 30px;
	font-family: 'Droid Serif', serif;
	font-size: inherit;
	line-height: 1.5;
	margin-top: 0px;
	margin-bottom: 15px;
}

/* dup of .text with margin-left */

/*sidebar*/
.sidebarheader {
	font-size: 3em;
	line-height: .9em;
	margin-top: 25px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 30px;
	font-family: 'eurostileregular';
	letter-spacing: 1px;
	color: #1894FF;
	/*ala BLUE LED*/
}

.sidebarimg,
.sidebarlink img {
	float: left;
	padding: 20px;
	width: 25%;
}

/*dealer page*/
#dealertable td,
p {
	font-size: 200%;
}

/*content tabs*/

.content_tab {
	display: none;
}

ul.product_tabs {
	overflow: hidden;
	margin: 0;
	padding: 0px 10px 10px 20px;
	background-color: #4D4D4D;
	/*background: url("images_design/product_tabs_border.gif") repeat-x scroll left bottom transparent; */
	list-style: none;
}

ul.product_tabs li {
	display: inline;
	float: left;
	margin: 0 4px 0 0;
	padding: 10px 1px 0px;
}

ul.product_tabs a {
	font-family: 'eurostileregular';
	font-size: calc(30px + 2.8vw);
	display: block;
	margin-bottom: 1px;
	padding: 0 10px;
	padding: 2px 10px 2px;
	background: #F5F5F5;
	color: #666;
	white-space: nowrap;
	text-decoration: none;
}

/* New CSS Beginning July 2025 */

/* Product Pages */

.product_page_header {
	color: #1894FF95;
	margin: 10px 0 .5rem 25px;
	font-size: 1.85em;
	font-family: 'eurostileregular';
	letter-spacing: 1px;
	font-weight: bold;
}

.product_paragraph_header {
	font-family: 'eurostileregular';
	font-size: 3rem;
	color: #424242;
	margin: 2.5rem 0 .35rem 25px;
}

.product_paragraph_divider {
	width: 60%;
	border: 5px solid;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, #1894FF95, #fff);
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	margin: 1rem 0 1rem 25px;
}

.product_page_text {
	font-family: 'Droid Serif', serif;
	font-size: 1.05em;
	line-height: 1.5;
	margin: 0 35px 15px 25px;
}

.product_page_image {
	width: 100%;
	height: 450px;
	margin: 3rem 0;
	background-image: url('images_content/ABCD-2_Aesthetix_Cartridge_Demagnetizer.webp');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.review_quote {
	font-family: 'Droid Serif', serif;
	font-size: 1.4em;
	margin-top: 2rem;
	margin-bottom: 15px;
}

.quote_attribute {
	font-family: 'Droid Serif', serif;
	font-size: .85em;
	line-height: 1.5;
	margin-left: 2rem;
	color: #222222;
}

.product_reviews_award_logo {
	background-image: url('images_reviews/TAS-Editors-Choice.webp ');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	width: 100%;
	height: 150px;
	margin: 2rem 0 3rem 25px;
}

.product_reviews_award_logo_stereophile {
	background-image: url('images_reviews/stereophile-recommended-components-2025.webp');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	width: 100%;
	height: 250px;
	margin: 2rem 0 3rem 25px;
}