﻿.faq {
  padding: 10px 0 0 0;
}

.faq dt {
	margin-top: -1px;
	border-top: solid 1px #c4c4c4;
	padding: 4px 0px 4px 0px;
	font-weight: bold;
  line-height: 1.2;
	cursor: pointer;
}
.faq dt.faqClosed {
  color: #cc0000 !important;
  background: #ffffff  !important;
  border-top: solid 1px #c4c4c4;
}
.faq dt.faqOpen {
color: #cc0000 !important;
	
}
.faq dd {
	display: block;
	margin: 0;
	padding:  0;
	overflow: hidden;
	height: 120px;
	width: 480px;
	background:#fff;
	position:relative;
	border-bottom: solid 1px #c4c4c4;
}


.faq .faqToTop {
	display: block;
	text-align: right;
	padding-bottom: 4px;
  font-size: 0.75em;
}
.faq .faqHide, .faq .faqShow {
	display: block;
	margin: 6px 0;
	padding: 0 0 0 22px;
	background: url(../images/minus.gif) no-repeat 0px 50%;
	font-weight: bolder;
	text-decoration: none;
}
.faq .faqShow {
	background-image: url(../images/plus.gif);
}

.faq img {border:1px solid #ccc; margin-right:4px;}


/* Quotes */


.faq dd a { position:relative; }

.faq dd a:link,
.faq dd a:visited,
.faq dd a:hover,
.faq dd a:active {text-decoration:none; color:#47505F; line-height:1.5em; cursor: default;}

.faq dd a span.left,
.faq dd a span.right {
width: 228px; height:102px;
background:#fff;
position:absolute;
font-size:10px;
padding:4px;
border: 1px solid #000;
visibility:hidden;
line-height:14px;
top:-100px;
}

.faq dd a span.left {
left:-238px; 
border-right:1px solid #fff;
}

.faq dd a span.right {
left:111px; 
border-left:1px solid #fff;
}

.faq dd a:hover { white-space: normal;}

.faq dd a:hover span.left, .faq dd a:hover span.right {visibility:visible; white-space: normal;}

.faq dd a img {border:1px solid #000;}

.faq dd a:hover img.quote-right { border-right:1px solid #fff;}
.faq dd a:hover img.quote-left {border-left:1px solid #fff;}

