#accordion_cont{
	position:absolute;
	width:100%;
	height:100px;
	z-index:1000;
	
	max-width:600px;
}

#accordion_menu{
	height:100px;
	width:auto;
	margin:0 10px;
}

#accordion_menu .ui-state-active,
#accordion_menu .ui-widget-content .ui-state-active,
#accordion_menu .ui-state-default,
#accordion_menu .ui-widget-content .ui-state-default
{
	background:url('images/footer_bg1.jpg') top;
	border-bottom:0;
	border-radius:4px;
	border:0;
	
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
#accordion_menu h3{
	text-align:left;
	font-size:20px;
	/*font-family:"Arial Black", Gadget, sans-serif;*/
	font-weight:900;
	margin-bottom:5px;
	color:#FFF;
	display:block;
	
	text-shadow:-1px -1px 0 #000;
	
}
	#accordion_menu .ui-accordion .ui-accordion-content,
	#accordion_menu .ui-widget-content {
		background:none;
		border:0;
		padding:0;
		border-radius:0;
		
		-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
		   -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
				box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	}
	#accordion_menu a{
		display:block;
		text-align:left;
		text-decoration:none;
		background:#FFF;
		font-size:20px;
		padding:10px;
		width:auto;
		margin:0 1px;
		border:0;
		/*font-family:"Arial Black", Gadget, sans-serif;*/
		font-weight:900;
		border-radius:4px;
		margin-bottom:5px;
		
		background:url('images/block_bg0.png') top;
		color:#FFF;
		
		border:1px solid transparent;
		
		-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 1);
		   -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 1);
				box-shadow: 5px 5px 5px rgba(0, 0, 0, 1);
				
				
		text-shadow:-1px -1px 0 #000;
	}
	#accordion_menu a.nolink{
		background:url('images/footer_bg1.jpg') top;
	}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	display:none;	
}
.ui-accordion .ui-accordion-icons{
	padding:10px;	
}
		
.simply-scroll{
	margin:auto;	
	/*background:rgba(0,0,0,0.1);*/
	background:#FFF;
	box-shadow:inset 0 0 8px 2px rgba(0,0,0,0.5);
	border-radius:5px;
}
.simply-scroll,
.simply-scroll .simply-scroll-clip{
	width:100%;	
	height:265px;
}
.simply-scroll .simply-scroll-list li{
	width: 96%;
	height:auto;
	border-bottom:1px solid rgba(0,0,0,0.2);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5);
	padding:20px;
}
.simply-scroll .simply-scroll-list li:nth-child(2n+1){
	background:rgba(0,0,0,0.05);
}


#tabs h2{
	font-size:14px !important;
	font-weight:bolder !important;
	line-height:normal !important;
}
#tabs p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;	
}
.ui-tabs .ui-tabs-nav li a{
	padding:5px;
}
	.ui-tabs .ui-tabs-nav li a h2{
		margin-bottom:0;	
	}
.ui-widget-header{
	/*background:#f67b28 url(images/ui-bg_glass_60_f67b28_1x400.png) 50% 50% repeat-x;*/
	background:#cd0101 50% 50% repeat-x !important;
}
#accordion1 .ui-accordion-header,
#accordion2 .ui-accordion-header,
#accordion3 .ui-accordion-header{
	background:#333;
	border:0;
}
#accordion1 .ui-accordion-header strong,
#accordion2 .ui-accordion-header strong,
#accordion3 .ui-accordion-header strong{
	color:#FFF;
	font-size:14px;
}
.ui-accordion .ui-accordion-content{
	padding:20px;	
}
#nav ul.dropdown ul{
	background-color:rgba(255,255,255,0.9);
	border-radius:5px;
	width:220px;
	padding:10px;
	box-shadow:none;
}
	#nav ul.dropdown ul li a{		
		color:#000;
		font-size:12px;
		height:auto;
		width:auto;
		line-height:20px;
		margin:auto;
		padding:10px;
		background:none;
	}
		#nav ul.dropdown ul li{
			display: block;
			text-align:left;
			border-bottom:0;
			margin:0;
		}
	
		#nav ul.dropdown ul li a:hover,
		#nav ul.dropdown ul li.selected a{
			background-color:rgba(0,0,0,0.1);
			border:0;
			box-shadow:none;
		}
		#nav ul.dropdown ul li.selected a{
			background: #ffd926;
background: linear-gradient(#ffd926, #ffd200);
background: -webkit-linear-gradient(#ffd926, #ffd200);
background: -o-linear-gradient(#ffd926, #ffd200);
background: -moz-linear-gradient(#ffd926, #ffd200);
			color:#FFF;
		}
		
		
		
		
/* Trim & Tint FAQ additions. Accordion appearance comes from the existing shared LIA styles. */
body[page="faqs"] .section.heading h1, body[page="tint-paint-protection-guide"] .section.heading h1 { color:#111; }
.lia_faq__intro a, .tt-faq p a { color:#111; text-decoration:underline; }
.tt-faq .lia_faq__kicker, .tt-faq .lia_faq__eyebrow, .tt-faq .lia_faq__item[open] summary, .tt-faq .lia_faq__answer a { color:#111; }
body[page="faqs"] #nav .selected > a[href="/faqs/"], body[page="tint-paint-protection-guide"] #nav .selected > a[href="/tint-paint-protection-guide/"] { color:#111; }
.tt-faq .tt-faq-heading-row { display:flex; align-items:center; justify-content:space-between; gap:20px; text-align:left; }
.tt-faq .tt-faq-heading-row > .butt1 { flex-shrink:0; margin:0; }
.tt-faq .tt-faq-heading-row h3 { color:#111; margin:0; }
.tt-faq .colored.headingtext { color:#806000; }
.tt-faq .butt1, .lia_faq__cta .butt1 { color:#111; }
.tt-faq .butt1.mini { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
.tt-faq .tt-faq-service, .tt-faq .tt-faq-group { background:#fff; }
.tt-faq .tt-faq-group { margin-top:32px; }
.tt-faq .guide-service-links { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 0; }
.tt-faq .guide-service-links a { display:inline-block; background:#ffd926; color:#111; border:1px solid #ffd926; border-radius:999px; padding:8px 13px; font-size:14px; font-weight:700; line-height:1.4; text-decoration:none; }
.tt-faq .guide-service-links a:hover { background:#e6c322; border-color:#e6c322; }
.tt-faq .lia_faq__item summary::after { background:#ffd926; color:#111; }
.tt-faq .lia_faq__nav-links a:hover, .tt-faq .lia_faq__nav-links a:focus { background:#ffd926; border-color:#ffd926; color:#111; }
.tt-faq a:focus-visible, .tt-faq summary:focus-visible { outline:3px solid #222; outline-offset:3px; }
.tt-faq summary:focus-visible { outline-offset:-4px; }
.tt-faq .tt-faq-anchor { display:block; height:0; scroll-margin-top:130px; }
.tt-faq details { scroll-margin-top:130px; }
.tt-faq .tt-faq-sources { font-size:14px; line-height:1.7; }
.lia_faq__cta a:not(.butt1) { color:#fff; text-decoration:underline; }
.lia_faq__cta .butt1 { margin:5px 6px 5px 0; }
@media (max-width:600px) {
    .tt-faq .tt-faq-heading-row { flex-direction:column; align-items:flex-start; gap:12px; }
    .tt-faq .guide-service-links a { max-width:100%; white-space:normal; }
    .tt-faq .lia_faq__category, .tt-faq .tt-faq-anchor, .tt-faq details, .tt-faq summary { scroll-margin-top:180px; }
}

/* Readable text on Trim & Tint's yellow backgrounds. */
.section.highlight.alt h1,
.section.highlight.alt h2,
.section.highlight.alt h3,
.section.highlight.alt p,
.section.highlight.alt a:not(.butt1),
.section.highlight.alt .text_group span,
#banner-icons.alt .wrapper > ul > li.active ul li,
#banner-icons.alt .wrapper > ul > li.active ul li span,
#banner-icons.alt .wrapper > ul > li.active ul li i,
body a.butt1,
body a.butt1.alt,
.butt1.call-to-action.alt,
.parallax.fullscreen .butt1:hover,
.parallax a.butt1:hover,
.section.highlight a.butt1:hover { color:#000; }

/* These button variants use red or transparent backgrounds. */
.popup a.butt1,
a.butt1.call-to-action:not(.alt),
.parallax.fullscreen .butt1:not(:hover),
.parallax a.butt1:not(:hover),
.section.highlight:not(.alt) a.butt1:not(:hover) { color:#fff; }

body #header #nav ul:not(.sub_menu) > li.selected > a,
#header #nav ul li.selected > a,
#header #nav ul.dropdown ul li.selected > a,
#header #nav ul li.selected .sub_menu li.selected > a,
#header.headerless #nav ul:not(.sub_menu) > li:hover > a,
#mini-menu.list2 li:hover a,
#mini-menu.list2 li.selected a { color:#000 !important; }

@media (min-width:1035px) {
    body .section.heading h1, body .section.heading h3 { color:#000; }
}
@media (max-width:1034px) {
    /* Mobile page-title bars have a dark background. */
    body[page="faqs"] .section.heading h1,
    body[page="tint-paint-protection-guide"] .section.heading h1 { color:#fff; }
}