/* ----------- Basic ----------- */
body {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	color: #482020;
	background-image: url(images/bg_main.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
	font-family: Arial, Verdana, Tahoma;
	color: #970505;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Verdana, Tahoma;
	color: #FF0000;
	text-decoration: none;
}
/* ----------------------------- */

/* ---------- General ---------- */
.catNav {
	font-family: Arial, Verdana, Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;
	text-decoration: none;
}
.catNav:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #ff8a00;
	text-decoration: none;
}
.pageNav {
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.pageNavLink {
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #330099;
	text-decoration: underline;
}
.pageNavLink:hover {
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none
}
.mainText {
	font-family: Arial, Verdana, Tahoma;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.nTitle {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #0B305C;
	line-height: 14px;
	text-decoration: none;
}
.nTitle:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ff8a00;
	line-height: 14px;
	text-decoration: none;
}
.bTitle {
	font-family: Arial, Verdana, Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #0B305C;
	line-height: 25px;
	text-decoration: none;
}
.nextTitle {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #0b305c;
	text-decoration: none;
}
.nextTitle:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #0000ff;
	text-decoration: none;
}
.dateTime {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.errorMsg {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
	line-height: 15px;
	text-decoration: none;
}
.imageTableBorder {
	border-right: #b6b6b6 1px solid;
	border-top: #b6b6b6 1px solid;
	border-left: #b6b6b6 1px solid;
	border-bottom: #b6b6b6 1px solid;
	background-color: #cccccc;
}
.currentDay {
	font-weight: normal; font-size: 11px; color: #810607; font-family: Arial, Helvetica, sans-serif; text-decoration: none
}
.language {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FEF1BA;
	text-decoration: none;
}
.languageActive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #C80102;
	text-decoration: none;
}
/* ----------------------------- */

/* -------- Left menu ---------- */
.leftMenu {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.leftMenu:hover {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
.leftMenu2 {
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #D7D2B5;
	text-decoration: none;
}
.leftMenu2:hover {
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #CC0000;
	text-decoration: none;
}
.leftSubMenu {
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.leftSubMenu:hover {
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #E91B23;
	text-decoration: none;
}

.leftTopArticleMenu {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.leftTopArticleTitle {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #0b305c;
	text-decoration: none;
}
.leftTopArticleTitle:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #0000ff;
	text-decoration: none;
}

.leftSearchMenu {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.leftPollMenu {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.leftPollQuestion {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.leftPollAnswer {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
/* ----------------------------- */

/* --------- Top menu ---------- */
.topMenu {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
.topMenu:hover {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
.topMenuSub {
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.topMenuSub:hover {
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
/* ----------------------------- */

/* -------- Right menu --------- */
.rightTopArticleMenu {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.rightTopArticleTitle {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #0b305c;
	text-decoration: none;
}
.rightTopArticleTitle:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #0000ff;
	text-decoration: none;
}
/* ----------------------------- */

/* ----------- Footer ---------- */
.footer {
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
.footer:hover {
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}
.footerMenu {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.footerMenu:hover {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
/* ----------------------------- */

/* ---------- Form  ------------ */
.myform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #ffffff;
	border: 1px solid #666666;
}
.myradio {
	height: 16px;
	border: 0px solid #666666;
}
.mybutton {
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	font-weight: bold;
	background-color: #e2e2e2;
	border: 1px solid #666666;
}
.mybuttonSmall  {
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	font-weight: normal;
	background-color: #e2e2e2;
	color: #000000;
	border: 1px solid #666666;
	line-height: 14px;
}
/* ----------------------------- */

/* ----------- News ------------ */
/* Replace with nTitle
.newsTitle {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #0B305C;
	line-height: 14px;
	text-decoration: none;
}
.newsTitle:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ff8a00;
	line-height: 14px;
	text-decoration: none;
}
*/
.newsCatTitle {
	font-family: Arial, Verdana, Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #cc0000;
	text-decoration: none;
}
.newsCatTitle:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #ff8a00;
	text-decoration: none;
}
.newsSpecialTitle {
	font-family: Arial, Tahoma, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #0B305C;
	line-height: 18px;
	text-decoration: none;
}
.newsSpecialTitle:hover {
	font-family: Arial, Tahoma, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #ff8a00;
	line-height: 18px;
	text-decoration: none;
}
.newsMore {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #ff7c00;
	text-decoration: underline;
}
.newsMore:hover {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #800002;
	text-decoration: none;
}
.newsPrint {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #0B305C;
	text-decoration: none;
}
.newsPrint:hover {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #ff8a00;
	text-decoration: none;
}
.newsAuthor {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* ----------------------------- */

/* ------------ FAQ ------------ */
.faqCustomer {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FF8A00;
	text-decoration: none;
}
.faqCustomer:hover {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #ff8a00;
	text-decoration: none;
}
.faqQuestion {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #0b305c;
	text-decoration: none;
}
.faqAnswer {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
/* ----------------------------- */

/* --------- Guestbook --------- */
.guestbookCustomer {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FF8A00;
	text-decoration: none;
}
.guestbookCustomer:hover {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #ff8a00;
	text-decoration: none;
}
/* ----------------------------- */

/* --------- Download ---------- */
/* Replace with nTitle
.downloadTitle {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #0B305C;
	line-height: 14px;
	text-decoration: none;
}
.downloadTitle:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ff8a00;
	line-height: 14px;
	text-decoration: none;
}
*/
.downloadLink {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.downloadLink:hover {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #ff8a00;
	text-decoration: none;
}
.downloadHits {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
/* ----------------------------- */

/* ---------- Gallery ---------- */
.galleryTitle {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #990505;
	line-height: 14px;
	text-decoration: none;
}
.galleryTitle:hover {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #ff8a00;
	line-height: 14px;
	text-decoration: none;
}
.gallerySlideShow {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #990505;
	line-height: 14px;
	text-decoration: none;
}
.gallerySlideShow:hover {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #ff8a00;
	line-height: 14px;
	text-decoration: none;
}
.gallerySlideShowActive {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #ff8a00;
	line-height: 14px;
	text-decoration: none;
}
.galleryOther {
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* ----------------------------- */

/* ---------- Weather ---------- */
.weatherPlace {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-family: Arial;
	background-color: #e3ebfa;
}
.weatherIcon {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-family: Arial;
	background-color: #fff6e0;
	text-align: center;
}
.weatherTemp {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-family: Arial;
	background-color: #ffffec;
	text-align: center;
}
/* ----------------------------- */

/* ---------- Weblink ---------- */
.weblinkURL {
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 14px;
	text-decoration: none;
}
.weblinkURL:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #ff8a00;
	line-height: 14px;
	text-decoration: none;
}
/* ----------------------------- */

/* ---------- Product ---------- */
/* Replace with nTitle
.productTitle {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #0B305C;
	line-height: 14px;
	text-decoration: none;
}
.productTitle:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ff8a00;
	line-height: 14px;
	text-decoration: none;
}
*/
.productCode {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.productOrder {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #005fa7;
	text-decoration: none;
}
.productOrder:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #ff8a00;
	text-decoration: none;
}
.productOther {
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* ----------------------------- */

/* ------- Product Cart -------- */
.cartTopMenuTable {
	border-right: #b6b6b6 1px solid;
	border-top: #b6b6b6 1px solid;
	border-left: #b6b6b6 1px solid;
	border-bottom: #b6b6b6 1px solid;
	background-color: #cccccc;
}
.cartTopMenu {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.cartTopMenu:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.cartTopMemberName {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #FF7C00;
	text-decoration: none;
}
.cartTopMemberName:hover {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: blue;
	text-decoration: none;
}
.cartProductMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.cartUpdateMenu {
	font-weight: bold;
	font-size: 11px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif; text-decoration: none
}
.cartUpdateMenu:hover {
	font-weight: bold; font-size: 11px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-decoration: none
}
.cartOrderTitle {
	font-family: Arial, Verdana, Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	line-height: 25px;
	text-decoration: none;
}
/* ----------------------------- */

/* -------- Poll Popup --------- */
.pollNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
}
.pollDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.pollQuestion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.pollOther {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
/* ----------------------------- */

/* ===== Phase 3.3: responsive compatibility layer =====
   Desktop skin is intentionally preserved. Tablet/phone layouts prioritize the
   main content, remove obsolete fixed sidebars, and normalize legacy fixed widths. */
html { -webkit-text-size-adjust: 100%; }
img { max-width: 100%; }
input, select, textarea { max-width: 100%; box-sizing: border-box; }
.seo-mobile-nav { display: none; }

@media (max-width: 900px) {
	* { box-sizing: border-box; }
	html, body { width: 100%; max-width: 100%; }
	body {
		font-size: 14px;
		line-height: 1.55;
		overflow-x: hidden;
		background-position: top center;
	}

	/* Main legacy shell. */
	center { width: 100%; }
	center > table[width="99%"] { width: 100% !important; max-width: 100% !important; }
	table { max-width: 100%; }
	td, th { overflow-wrap: anywhere; word-break: normal; }
	img, iframe, video, object, embed { max-width: 100%; height: auto; }

	/* Hide the two historical sidebars. Their essential account/cart links are
	   available in the mobile navigation. Main content receives the full viewport. */
	td[width="180"][valign="top"],
	td[width="170"][valign="top"] { display: none !important; }

	/* Historical header menus are too wide for mobile; use the server-rendered nav. */
	table[width="380"], table.topMenu { display: none !important; }
	td[width="310"] { width: auto !important; text-align: center !important; padding: 0 !important; }

	.seo-mobile-nav {
		display: flex;
		position: sticky;
		top: 0;
		z-index: 9999;
		gap: 8px;
		overflow-x: auto;
		white-space: nowrap;
		padding: 8px;
		background: rgba(247,247,247,.98);
		border-bottom: 1px solid #d7d7d7;
		box-shadow: 0 1px 4px rgba(0,0,0,.08);
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}
	.seo-mobile-nav a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 44px;
		padding: 8px 12px;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.2;
		background: #fff;
		border: 1px solid #d8d8d8;
		border-radius: 6px;
		color: #970505;
		text-decoration: none;
	}

	/* Common legacy fixed widths found in forms, cart, gallery and old banners. */
	table[width="400"], table[width="405"], table[width="430"], table[width="450"],
	div[style*="width: 450px"], div[style*="width:450px"] {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Forms: avoid tiny desktop controls and iOS zoom-on-focus. */
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"],
	input[type="search"], input:not([type]), select, textarea {
		width: 100% !important;
		max-width: 100% !important;
		min-height: 42px;
		font-size: 16px !important;
		padding: 8px;
	}
	textarea { min-height: 110px; resize: vertical; }
	input[type="submit"], input[type="button"], button, .mybutton, .mybuttonSmall {
		min-height: 42px;
		font-size: 14px !important;
		padding: 8px 12px;
	}
	input[type="radio"], input[type="checkbox"] { min-width: 20px; min-height: 20px; }

	/* Readability. */
	.mainText, .nTitle, .nextTitle, .topMenuSub, .leftSubMenu,
	.content-detail-body, .content-card-summary { font-size: 14px !important; line-height: 1.6 !important; }
	.bTitle, .catNav, .newsCatTitle { font-size: 17px !important; line-height: 1.45 !important; }
	h1, .content-detail h1 { font-size: 22px !important; line-height: 1.3 !important; }
	h2, .content-card h2 { font-size: 18px !important; line-height: 1.4 !important; }
	.content-module { padding-left: 8px !important; padding-right: 8px !important; }
	.content-card { gap: 10px !important; }
	.content-card-image { width: auto !important; min-width: 0 !important; }
	.content-card-image img { max-width: 100% !important; height: auto !important; }

	/* Long legacy strings, addresses and rich-text media must never force horizontal scroll. */
	.mainText, .content-detail-body, .content-lead, .footer { overflow-wrap: anywhere; }
	.content-detail-body table { max-width: 100% !important; }
}

@media (max-width: 480px) {
	body { font-size: 14px; }
	.seo-mobile-nav { gap: 6px; padding: 6px; }
	.seo-mobile-nav a { padding: 8px 10px; }
	.content-module { padding: 8px 5px !important; }
}

@media print {
	.seo-mobile-nav { display: none !important; }
}