div.gbom-catalog ul {
	list-style-type: none;
	padding-right: 40px;
}
div.gbom-catalog ul li:hover {	
}
div.gbom-catalog ul li {
	padding-bottom: 15px;
}
div.gbom-catalog ul li div.gbomcat {
	max-width: 280px;
}


/* styling for figure, one with an onclick, and it's hover */
div.gbom-catalog figure {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	border-radius: 5%;
	margin: 0 auto;
}
div.gbom-catalog figure[onclick] {
	/*background-color: #005581;*/
}
div.gbom-catalog figure[onclick]:hover {
	cursor: pointer;
	/*background-color: pink;*/
	/* opacity: .7;	*/
	/*
		filter: hue-rotate(90deg);
    -webkit-filter: hue-rotate(90deg);
  */
}


/* styles for the figure caption (title) */
div.gbom-catalog figcaption {
	color: #777;
	/*CSS for btn-link bootstrap 
	color: #337ab7; */
	/*color: white;*/
}
div.gbom-catalog figure[onclick] figcaption:hover {
	/*color: gray;*/
	color: #23527c; /*same color for bootstrap btn-link*/
  text-decoration: underline;
}

div.gbom-filters {
	text-align: right;
}

/* css styling for part and description in figure when generating for part */
div.gbom-catalog figure span.part, div.gbom-parts span.part {
	font-weight: bold;
}
div.gbom-catalog figure div.desc, div.gbom-parts div.desc {
	color: gray;
	font-size: 14px;
	line-height: 1.3;
	/*font-size-adjust: .8; - prop wasn't reducing to 80% for some reason, manualy set size */
}

div.gbom-parts div.part-img img {
	max-height: 150px;
}
/* div.gbom-parts div.part-img {
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
 *//* div.gbom-parts div.part-img img { 
	max-width: 200px; 
	height:auto;
} */

/* css styling for figure image, it's hover, and it's container div */
div.gbom-catalog figure[onclick] img {
	border-radius: 5%;
}
div.gbom-catalog figure[onclick] img:hover {
	/* can be used to change the image properties on hover */
	/*opacity: .3;*/
	/*filter: gray;
    -webkit-filter: grayscale(1);*/
	/*filter: sepia(1);
    -webkit-filter: sepia(1);*/
	/* filter: hue-rotate(90deg);
    -webkit-filter: hue-rotate(90deg);*/
	/*filter: invert(1);
    -webkit-filter: invert(1);*/
	/*-webkit-transform: scale(1.01);*/
	/*background-color: rgba(0,0,0,.5);*/
	/*background-color: black;*/	
}
div.gbom-catalog figure[onclick] div.gbomimg {
	border-radius: 5%;
	padding: 10px;
}


/* ========== background colors for levels and hover ========== */

/* CSS to change figure background, which includes figure caption with category title */   
/*div.gbom-catalog figure.figureLevel6[onclick]:hover, .figureLevel1 {
	background-color: #005581;
}
div.gbom-catalog figure.figureLevel1[onclick]:hover, .figureLevel2 {
	background-color: #B13826;
}

div.gbom-catalog figure.figureLevel2[onclick]:hover, .figureLevel3 {
	background-color: #148C45;
}

div.gbom-catalog figure.figureLevel3[onclick]:hover, .figureLevel4 {
	background-color: #6DA8DD;
}

div.gbom-catalog figure.figureLevel4[onclick]:hover, .figureLevel5 {
	background-color: #E1BDAF;
}

div.gbom-catalog figure.figureLevel5[onclick]:hover, .figureLevel6 {
	background-color: #93B890;
}
*/
/* CSS to change background of image container div, which only includes the image */ 
div.gbom-catalog figure.figureLevel6[onclick]:hover div.gbomimg, .figureLevel1 div.gbomimg {
	background-color: #005581;
}
div.gbom-catalog figure.figureLevel1[onclick]:hover div.gbomimg, .figureLevel2 div.gbomimg {
	background-color: #B13826;
}

div.gbom-catalog figure.figureLevel2[onclick]:hover div.gbomimg, .figureLevel3 div.gbomimg {
	background-color: #148C45;
}

div.gbom-catalog figure.figureLevel3[onclick]:hover div.gbomimg, .figureLevel4 div.gbomimg {
	background-color: #6DA8DD;
}

div.gbom-catalog figure.figureLevel4[onclick]:hover div.gbomimg, .figureLevel5 div.gbomimg {
	background-color: #E1BDAF;
}

div.gbom-catalog figure.figureLevel5[onclick]:hover div.gbomimg, .figureLevel6 div.gbomimg {
	background-color: #93B890;
}




/* styles for carousel used for displaying associated parts */ 
.carousel-control {
	width: 50px;
}
.carousel-control a {
	background-color: rgba(255, 255, 255, 0.6);
	color: #000;
	padding: 10px 14px;
	font-size: 30px;
}
.carousel-control a:hover {
	background-color: rgba(255, 255, 255, 0.6);
}
.carousel-control.left {
	left: -40px;
	background-image: none;
}
.carousel-control.right {
	right: -40px;
	background-image: none;
}
.carousel-control.right .glyphicon, .carousel-control.left .glyphicon {
	color: #323232;
}
.carousel-indicators {
	bottom: -40px;
}
.carousel-indicators li {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 10px;
	text-indent: 0;
	cursor: pointer;
	border: none;
	border-radius: 50%;
	background-color: #323232;
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
	list-style-type: circle;
}
.carousel-indicators .active {
	width: 15px;
	height: 15px;
	margin: 10px;
	background-color: #D6D6D6;
}
.carousel-inner {
	margin-bottom: 35px;
	margin-left: 20px;
	padding-right: 30px;
}

div.gbom-assoc-part-img, div.gbom-assoc-part-txt {
	float: left;
}
div.gbom-assoc-part-img img {
	padding-bottom: 15px;
}