/*----- C-Frame Riveter Styles -----*/

/*----- Standard Styles -----*/
hr {
  border: 0;
  height: 1px;
  background: #333;
}

b {
  padding:0px;
  margin:0px;
  color:#093580;
}

.strong-title {
  color:#093580;
  font-weight:bold;
}

.list-items ul{
  list-style:none;
  position:relative;
  padding:0;
  margin:0;
}

.list-items li{
  padding-left:1.5em; 
}

.list-items li:before {
  position:absolute;
  content:"\002022";
  color:#093580;
  font-size:24px;
  font-family:Arial, sans-serif;	
  left:0;
}

.highlight {
  color:#800000;
  font-size:12px;
  font-weight:bold;
  background-color:#FFFF80;
  padding:4px;
}

.cframe-menu {
  font-family:Arial, Helvetica;
  font-size:16px;
  font-weight:bold;
  border-collapse:separate;
  width:100%;
  margin-left:-2px;  
}

/*----- Mouse Over Boxes -----*/
.hotspot {
  position: absolute;
  border: 0px solid blue;
}

.hotspot + * {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .2s ease-in;
  -moz-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  -ms-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}

.hotspot:hover + * {
  opacity: 1.0;
}

.P-description {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/36P-description.jpg');
}

.P-controls {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/36P-controls.jpg');
}

.P-feed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/36P-feed.jpg');
}

.P-head {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/36P-head.jpg');
}

.P-ram {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/36P-ram.jpg');
}

.P-blank {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/36P-pic.jpg');
}

.NP-description {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/36NP-description.jpg');
}

.NP-controls {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/36NP-controls.jpg');
}

.NP-feed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/36NP-feed.jpg');
}

.NP-head {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/36NP-head.jpg');
}

.NP-ram {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/36NP-ram.jpg');
}

.NP-blank {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/36NP-pic.jpg');
}

.C60-description {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/60C-description.jpg');
}

.C60-controls {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/60C-controls.jpg');
}

.C60-feed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/60C-feed.jpg');
}

.C60-head {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/60C-head.jpg');
}

.C60-ram {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/60C-ram.jpg');
}

.C60-blank {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/60C-pic.jpg');
}

.C84-description {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/84C-description.jpg');
}

.C84-controls {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/84C-controls.jpg');
}

.C84-feed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/84C-feed.jpg');
}

.C84-head {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/84C-head.jpg');
}

.C84-ram {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/84C-ram.jpg');
}

.C84-blank {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/84C-pic.jpg');
}

.LE-description {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/LE-description.jpg');
}

.LE-controls {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/LE-controls.jpg');
}

.LE-feed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/LE-feed.jpg');
}

.LE-head {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/LE-head.jpg');
}

.LE-ram {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/LE-ram.jpg');
}

.LE-blank {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image:url('images/LE-pic.jpg');
}


/*----- Accordion -----*/
.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	border-radius:3px;
	background:#f7f7f7;
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	padding:15px;
	display:inline-block;
	border-bottom:1px solid #1a1a1a;
	background:#333;
	transition:all linear 0.15s;
	/* Type */
	font-size:1.200em;
	text-shadow:0px 1px 0px #1a1a1a;
	color:#fffd19;
}

.accordion-section-title.active, .accordion-section-title:hover {
	background:#4c4c4c;
	/* Type */
	text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

/*----- Section Content -----*/
.accordion-section-content {
	padding:15px;
	display:none;
}