/* CSS - Forsythe Lubrication Associates Limited
Written By Steve Croswell - scroswell@forsythe.on.ca
Dark Blue:  #330099;
Light Blue: #e4ecf8;
Copper:     #996600;
Gray:		   #d5d5d6;
*/

.CollapsiblePanel {
   float: left;
	/*background: url(/images/products/bg-prod-thumb.gif) repeat-x top left;*/
	border: 1px solid #000000;
	width: 179px;
   padding: 0px;
	margin: 0px 5px 5px 0px;
}

.CollapsiblePanel img {
   float: left;
	margin: 0px 5px 0px 0px;
}

.CollapsiblePanel h2 {
   font-size: 14px;
	font-weight: normal;
	margin: 0px;
}

.CollapsiblePanelTab {
	background: none transparent;
	/*border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;*/
	margin: 0px;
	padding: 4px;
	cursor: pointer;
   min-height:68px;
	height:auto !important;
	height:68px;
   color:#0066cc;
}

.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #CCC;
}

.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

.CollapsiblePanelTabHover,
.CollapsiblePanelOpen .CollapsiblePanelTabHover {
   background-color: #CCC;
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}


/*.bounce:hover h2 {
	color: #e58508;
}

.bounce a {
	color:#0066cc;
}

.bounce a:hover {
	color: #e58508;
}

.CollapsiblePanelContent a {
   display: block;
	padding: 4px;
	font-size: 11px;
	border-top: 1px solid #CCCCCC;
	text-decoration: none;
}

.CollapsiblePanelContent a:hover {
	background: #e58508;
	color: #FFFFFF;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	color: #e58508;
	background: none transparent;
	border: 1px solid #e58508;
}

.CollapsiblePanelTabHover, 
.CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background: none transparent;
	border: 1px solid #ffffff;
}

.CollapsiblePanelTabHover h2:hover,
.CollapsiblePanelTabHover h2,
.CollapsiblePanelTabHover h2 a {
	color: #e58508;
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
	color: #e58508;
	background: none transparent;
}


/*top right bottom left */