/* CSS FOR BORMET - PRODUCTS */
/* ------------------------- */

div#product_catnavigation{ position: absolute; top: 0px; left: 0px; width: 900px; height: 55px; background: url('../images/bg_product_catnavigation.png') no-repeat top left; }
* html body div#product_catnavigation { background: url('../images/bg_product_catnavigation.jpg') no-repeat top left;  }
div#product_catnavigation div.product_currentcat { position: absolute; top: 14px; left: 30px; font-family: Helvetica, Trebuchet MS, sans-serif; font-size: 16px; color: #FFF; text-transform: uppercase;}
div#product_catnavigation div.product_othercats { position: absolute; top: 16px; right: 16px; color: #FFF; font-weight: normal; text-transform: uppercase; font-family: Helvetica, Trebuchet MS, sans-serif; }
div#product_catnavigation div.product_othercats a { color: #FFF; text-decoration: none; position: relative;}
* a { position:relative;}
#jCarouselCont { float: left; position: relative; width: 900px; height: 172px; }
#jCarouselCont .carousel { float: left; padding: 0; margin: 0px; position: relative; }
#jCarouselCont .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/ float: left; }              
#jCarouselCont .carousel a.prev, #jCarouselCont .carousel a.next { display: block; display: none; position: absolute; top: 75px; left: 25px; width: 22px; height: 22px; text-decoration: none; background: url("../images/imageNavLeft.png") top left no-repeat; }
#jCarouselCont .carousel a.next { background: url("../images/imageNavRight.png") top left no-repeat; left: 853px; }
#jCarouselCont .carousel a.next:hover {	background-image: url("../images/imageNavRightHover.png"); }
#jCarouselCont .carousel a.prev:hover {	background-image: url("../images/imageNavLeftHover.png"); }    
#jCarouselCont .carousel a:hover, #jCarouselCont .carousel a:active { border: none;	outline: none; } 
#jCarouselCont .carousel .jCarouselLite { float: left; width: 900px; /* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;
}
#jCarouselCont .carousel ul { margin: 0; }
#jCarouselCont .carousel li, #jCarouselCont .carousel li img, #jCarouselCont .carousel li p { background-color: #000; width: 300px; height: 172px; }            
#jCarouselCont .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
	width: 300px;
}


/*div.products { float: left; margin: 0 0 0 175px; _margin: 0 0 0 88px; min-height: 285px; _height: 285px; padding: 35px 10px; width: 738px; padding: 35px 10px; voice-family: "\"}\""; voice-family: inherit; width: 718px; }
*/
div.products p { margin: 0px; }
div.products ul {	margin: 15px 0; padding: 0px; list-style: none; }
div.products ul li { padding: 0px 0 2px 12px; list-style: none;	background: url("../images/bg_ul_li.gif") no-repeat 0 5px; }
div.products ol { margin: 15px 0 15px 25px; padding: 0px; list-style-position: outside; }

div.products div#product-info { width: 100%; margin: 0px; float: left; position: relative; }
div.products div#product-info h3 { background: url("../images/bg_h1.gif") no-repeat bottom left; margin: 0 0 18px 0; padding: 0 0 15px 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 20px; color: #000; }

div.products div#product-specs { float: left; width: 425px; margin: 25px 0 0 0px;}
div.products div#product-specs h3 { background: url("../images/bg_h1.gif") no-repeat bottom left; margin: 2px 0 20px 0; padding: 0 0 14px 0; text-transform: uppercase; color: #666; font-weight: normal; border-bottom: none; width: 100%}
div.products div#product-specs a.fiche { text-transform: uppercase; text-decoration: none; }
div.products div#product-specs a.fiche:hover { text-decoration: underline; }
/*div.products div#product-specs div.specs { padding: 10px 0; }*/
div.productimage { float: left; width: 150px; margin: 35px 0 0 0; text-align: right; }
div.productimage img { border: 2px solid #2B2B2B; }

a.product_references { position: absolute; top: 5px; right: 0px; background: url("../images/bg_ul_li.gif") no-repeat 0 5px; padding: 0 0 0 12px; text-transform: uppercase; text-decoration: none; }
a.product_references:hover { text-decoration: underline; }