/* --------------------------------------------------------- */
/* PRODUCTS STYLES
/* --------------------------------------------------------- */
h1 { font:23px/30px "proxima-nova-1", "proxima-nova-2", "Myriad Pro", sans-serif; padding-bottom:5px; border-bottom:2px solid #dde5e5; margin-bottom:10px; text-transform:uppercase; }
h2 { font:14px/16px "proxima-nova-1", "proxima-nova-2", "Myriad Pro", sans-serif !important; color:#7f9194 !important; padding-bottom:3px; border-bottom:2px solid #dde5e5; margin-top:0; text-transform:uppercase; font-weight:bold; }
p.introduction { font:16px/18px "proxima-nova-1", "proxima-nova-2", "Myriad Pro", sans-serif; margin-bottom:16px; }
p { margin-bottom:15px; }

#content-wrapper ul { margin:10px 18px 20px 18px; list-style:square; }
#content-wrapper ul li { padding:6px 0; border-bottom:1px solid #E4EEEE; }
#content-wrapper ul li:last-child { border-bottom:none; }

/* --------------------------------------------------------- */
/* PRODUCT PORTAL
/* --------------------------------------------------------- */
#product-introduction { margin-bottom:0px !important; }
#product-introduction p.introduction { font:16px/18px "proxima-nova-1", "proxima-nova-2", "Myriad Pro", sans-serif; margin-bottom:16px; }
#product-introduction div.product { background-position:0px 0px; border-bottom:none; margin-top:2px; padding-bottom:0px; }
#product-introduction div.product h3 span { color:#7f9194; font-weight:normal; }
#product-introduction div.product div.data-wrapper p { font-size:10px; line-height:14px; }
/* --------------------------------------------------------- */
/* PRODUCT
/* --------------------------------------------------------- */
div.product { float:left; width:556px; height:168px; background:url(../img/bg-product-list.png) no-repeat scroll -556px 0px; margin-top:13px; padding-bottom:13px; border-bottom:2px solid #dde5e5; }	

div.clickable { cursor:pointer; }
div.product:hover { background:url(../img/bg-product-list.png) no-repeat scroll 0px 0px; }
div.product:hover div.data-wrapper a.btn { display:block; }
div.product div.image-wrapper { float:left; width:117px; height:158px; margin-right:22px; padding-top:10px; }
div.product div.data-wrapper { float:left; width:417px; height:168px; position:relative; }
div.product div.data-wrapper h3 { font:15px/16px Helvetica, Arial, sans-serif; color:#111; font-weight:bold; margin:15px 0px 5px 0; background:url(../img/bg-product-h3.png) no-repeat 0px 0px; padding-left:17px; text-transform: uppercase; }
div.product div.data-wrapper p { clear:both; padding-right:15px; }
div.product div.data-wrapper div.scrollpane { clear:both; width:400px; height:105px; }
div.product div.data-wrapper a.btn { position:absolute; display:block; bottom:8px; right:16px; margin:0; color:#111; text-transform:uppercase; padding-right:14px; }
div.product div.data-wrapper a.pdf { bottom:8px; right:120px; z-index:10; }

div.stock { height:133px; background:url(../img/bg-stock-products.png) no-repeat top left; }
div.stock div.image-wrapper { height:123px; }
div.stock div.data-wrapper { height:133px; }

div.stock-txt { position:absolute; left:0; bottom:8px; font-weight:bold;  }

.jScrollPaneContainer { position:relative;overflow:hidden;z-index:1; }
.jScrollPaneTrack { position:absolute;cursor:pointer; right:0; top:0; height:100%; }
.jScrollPaneDrag { position:absolute;background:#A3BBBA;cursor:pointer;overflow:hidden; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;  }
.jScrollPaneDragTop { position:absolute;top:0;left:0;overflow:hidden; }
.jScrollPaneDragBottom { position:absolute;bottom:0;left:0;overflow:hidden; }
a.jScrollArrowUp { display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:9px; }
a.jScrollArrowUp:hover {  }
a.jScrollArrowDown { display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:9px; }
a.jScrollArrowDown:hover {  }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {  }

/* --------------------------------------------------------- */
/* SUBMENU STYLES
/* --------------------------------------------------------- */
#sub-menu ul { list-style:none; margin:0; padding:0; }
#sub-menu ul li { list-style:none; margin:0; padding:0; }
#sub-menu ul li a { display:block; font-weight:normal; color:#415355; line-height:28px; width:253px; height:28px; padding-left:12px; background: url(../img/arrow-li.gif) no-repeat 0px 0px; text-decoration:none; border-bottom:1px solid #dde5e5; }
#sub-menu ul li a:hover, #sub-menu ul li a.active { background-color:#EBEDED; }
#sub-menu ul li ul li { border-bottom:none; }
#sub-menu ul li ul li a { display:block; font-weight:normal; font-size:10px; color:#adb9ba; line-height:28px; width:253px; height:28px; padding-left:12px; background:none; text-decoration:none; border-bottom:1px solid #dde5e5; }
#sub-menu ul li ul li a:hover { background:#EBEDED url(../img/arrow-li-li.png) no-repeat top right; }
#sub-menu ul li ul li a.active { background:#EBEDED url(../img/arrow-li-li.png) no-repeat top right; }

#product-groups { float:left; width:848px; }
#product-groups div.product-group { background:#E3E7E6; padding:15px; width:235px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin:8px !important; }
#product-groups div.product-group img { margin:-15px 0 15px -15px; }
#product-groups div.product-group h2 { padding-bottom:0px; border-bottom:none; margin:0 !important; padding:0 !important; text-transform:uppercase; font-weight:bold; }
#product-groups div.product-group h2 a { text-decoration:none; }
#product-groups div.product-group ul { list-style:none !important; margin:0 !important; }
#product-groups div.product-group ul li { list-style:none !important; }
#product-groups div.product-group ul li a { text-decoration:none; }

/* --------------------------------------------------------- */
/* Product detail
/* --------------------------------------------------------- */
div#product-detail { min-height:500px; }
div#product-detail div.image-wrapper { float:left; width:117px; height:158px; margin-right:15px; padding:10px; background:#e4eaea; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
div#product-detail h3 { font:15px/16px Helvetica, Arial, sans-serif; color:#111; font-weight:bold; margin:15px 0px 5px 0; background:url(../img/bg-product-h3.png) no-repeat 0px 0px; padding-left:17px; text-transform: uppercase; }
div#product-detail div#data-wrapper { float:right; width:404px; }
div#product-detail div#data-wrapper a#contact-btn { margin:5px 0 0 0; }
div#product-detail div#data-wrapper h3 { margin:25px 0px 5px 0; }
div#product-detail div#data-wrapper p { margin:0 0 5px 0; }
div#product-detail div#data-wrapper ul { margin:0 0 0 18px; padding:0; }
div#product-detail div#data-wrapper ul li { margin:0; padding:0; border-bottom:none; }