/* Hover Product Information Div
----------------------------------------------- */
.arrowContainer								{ position: relative; }
.arrow										{ position: absolute; top: -12px; }
#arrow1										{ left: 50px; }
#arrow2										{ left: 236px; }
#arrow3										{ left: 428px; }
#arrow4										{ left: 614px; }
#arrow5										{ left: 804px; }

.prodDetailsContainer						{ height: 250px; width: 100%; margin-bottom: 10px; overflow: hidden; }
.productDetails								{ display: none; border: 1px solid #ccc; height: 230px; }
.productDetails h4,.productDetails h5, .productDetails h6, .productDetails p		
											{ margin: 10px 10px 10px 15px; }
.productDetails img							{ margin-right: 15px; margin-left: 10px; margin-top: 10px; }
											
a.moreinfo									{ position: relative; bottom: 15px; right: -85px; }
a.blue										{ color: #2c2d78; }
a.green										{ color: #2c472c; }
a.brown										{ color: #3b2916; }
a.aqua										{ color: #408b83; }
a.ice										{ color: #7f7798; }

a.blue:hover, a.green:hover, a.brown:hover, a.aqua:hover, a.ice:hover									
											{ text-decoration: underline; }
											
div.usage									{ position: relative; top: -10px; font-size: 10px; padding: 10px; padding-top: 0px; 
											  margin: 0; }
div.usage ul								{ float: left; position: relative; top: -40px; left: 70px; width: 200px; 
											  margin: 0; padding: 0; }