/* PANEL STYLES START HERE */

.panel {
	position: fixed;
	top: 24px;
	left: 0;
	display: none;
	background: #000;
	border:1px solid #111;
	width: 600px;
	height: auto;
	padding: 20px 30px 20px 90px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:40000;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	/*filter: alpha(opacity=96);
	opacity: .96;*/
}

.panel h1 {
	font-size: 34px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#84CB78;
	padding:0 0 10px 0;
	margin:0;
}

.panel h2 {
	font-size: 26px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#FFF;
	padding: 0 0 10px 0;
	margin:0;
}

.panel h3 {
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#999;
	margin:0;
	padding:80 0 8px 0;
}

.panel img {
	border:none;
}

.panel p{
	margin: 0 0 15px 0;
	padding: 0;
	color: #cccccc;
	line-height:22px;
}

.panel a:link, .panel a:visited, .panel a:active {
	margin: 0;
	padding: 0;
	color: #9FC54E;
	text-decoration: none;
	border-bottom: 1px solid #9FC54E;
}

.panel a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

body#signatureBody .panel a:hover {
	color: #fff;
	text-decoration: none;
}
.panel .advisor-info {
	background:#000;
	border-bottom:2px solid #272727;
	padding-bottom:26px;
	margin-bottom:10px;
}

.panel .advisor-info h4 {
	font-size:16px;
	font-family:verdana, helvetica, arial, sans-serif;
	color:#fff;
	margin:0;
	padding:8px 0 8px 0;
}

#advisor-general {background:#000 url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/support/sliding_panel/advisor-general.png) no-repeat bottom right; padding-top:15px;}
#advisor-car {background:#000 url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/support/sliding_panel/advisor-car.png) no-repeat bottom right;}
#advisor-tv {background:#000 url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/support/sliding_panel/advisor-tv.png) no-repeat bottom right; padding-top:15px;}


.panel .advisor-info p.blt {padding-right:140px; margin-bottom:2px; background:url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/support/sliding_panel/blt_tick.png) no-repeat 0 5px; padding-left:24px;}
#advisor-car p.blt {padding-right:225px;}


.panel .contact-info p.phone-number {font-size:26px; color:#84CB78; font-weight:bold; margin-bottom:4px;}
.panel .contact-info p.phone-number span {font-size:14px; color:#fff; padding-left:12px; font-weight:normal;}
.panel .contact-info p.phone-number span em {font-size:16px; font-style:normal; font-weight:bold; display:inline-block;}
.panel .contact-info h3 {margin-bottom:5px;}
.panel .contact-info p.other-ways a {float:left; margin-right:30px; font-size:16px; color:#fff; border-bottom:none; line-height:30px;}
.panel .contact-info p.other-ways a:hover {color:#84CB78;}
.panel .contact-info p.other-ways a.chat {background:url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/support/sliding_panel/ico_chat.png) no-repeat left center; padding-left:32px;}
.panel .contact-info p.other-ways a.email {background:url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/support/sliding_panel/ico_email.png) no-repeat left center; padding-left: 32px;}
.panel .contact-info p.other-ways a.call-back {background:url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/support/sliding_panel/ico_callback.png) no-repeat left center; padding-left:28px;}
.panel .contact-info p.testimonial {margin:0; padding-top:6px;}
.panel .contact-info p.testimonial img {background:none; padding:0; margin:0; float:none;}

/* TRIGGER STYLES START HERE */

a.trigger{
	position: fixed;
	top: 220px; 
	left: 0;
	text-decoration: none;
	font-size: 14px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 26px 10px 10px;
	font-weight: 700;
	background:#002F81 url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/support/sliding_panel/trigger.png) 5px 8px no-repeat;
	border:1px solid #002F81;
	border-left:none;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	width:25px;
	height:110px;
	z-index:40001;
}

a.trigger:hover{
	padding-left:14px;
	background: #0164C9 url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/support/sliding_panel/trigger.png) 9px 8px no-repeat;
}

a.active.trigger {
	padding-left:14px;
	background:#0164C9 url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/support/sliding_panel/trigger_b.png) 9px 8px no-repeat;
	border:1px solid #fff;
	border-left:none;
}

a.active.trigger:hover {background-color:#0164C9;}

a.trigger:focus {
outline: none;
}