/* ****************************************
 * BROWSE BY
 ******************************************/
#browseBy { margin: 36px 0 0 0; }
#browseBy h3 { font-size: 13px; float: left; margin: 7px 20px 0 18px; color: #c27121; }
#browseBy .tabs { font-size: 14px; float: left; margin: 0; position: relative; top: 1px; }
#browseBy ul.tabs { padding-left: 0px; }
#browseBy .tabs li { list-style: none; display: inline; margin-right: 7px;}
#browseBy .tabs a { padding: 5px 10px; display:inline-block; background:#e6e6e6; text-decoration:none; color:#3e5991; }
#browseBy .tabs a.active { background: #f5f5f5; }
#browseBy div.tabContent { clear: left; padding: 9px 18px; background-color: #f5f5f5; }
#browseBy div#cadDrawingsBox { padding: 18px 48px 0 48px; }

/* .arrow_spaceholder fills arrow location until scrolling is turned on and arrow anchor tags are enabled. */
#browseBy .arrow_spaceholder { display: block; float: left; height: 31px; width: 13px; margin: 131px 9px 131px 0; }
#browseBy a.browse { cursor: pointer; display: block; float: left; font-size: 1px; height: 31px; width: 13px; margin: 131px 9px; 132px 9px; }
#browseBy a.left { background: url("//cdn.thomasnet.com/images/homepage/arrow-left.png") no-repeat scroll 0 0 transparent; margin-left: 0; }
#browseBy a.right { background: url("//cdn.thomasnet.com/images/homepage/arrow-right.png") no-repeat scroll 0 0 transparent; clear: right; margin-right: 0; }
/* to enable scrolling, change notscrollable to scrollable, and uncomment arrow anchors in html. */
#browseBy .scrollable,
/*#browseBy .notscrollable { float: left; height: 294px; overflow: hidden; position: relative; width: 927px; }*/
#browseBy .notscrollable { float: left; height: 294px; overflow: hidden; position: relative; width: 943px; }
#browseBy .scrollable .items { clear: both; position: absolute; width: 20000em; }
/*#browseBy .items div.itemgroup { float: left; width: 927px; }*/
#browseBy .items div.itemgroup { float: left; width: 943px; }
#browseBy .scrollitem { float: left; background:url('//cdn.thomasnet.com/images/homepage/category_box.jpg') no-repeat 9px 9px; }
#browseBy .scrollitem img { float: left; width: 70px; height: 70px; }
#browseBy .scrollitem h3 { float: left; font-size: 13px; text-align: left; line-height: 13px; margin: 0 0 6px 0; }
#browseBy .scrollitem a { color: #3e5991; }
#browseBy .scrollitem ul { float: left; }
#browseBy .scrollitem li a,
#browseBy .allLink { font: normal 11px verdana; line-height: 16px; }

#productServiceBox .scrollitem { height: 111px; width: 273px; padding: 18px; }

#productServiceBox .scrollitem h3 { margin-left: 9px; width: 186px; padding: 0;}
#productServiceBox .scrollitem ul { margin: 0 0 0 9px; width: 186px; padding: 0;}

#productCatalogsBox .scrollitem { position: relative; min-height: 100px; width: 279px; padding: 15px 15px 32px 15px; }
#productCatalogsBox .scrollitem h3 { margin-left:6px; width: 195px; padding: 0;}
#productCatalogsBox .scrollitem ul { margin: 0 0 0 6px; width: 195px; padding: 0;}
#productCatalogsBox .allLink { position: absolute; left: 15px; bottom: 19px; padding-right: 12px; background: url('//cdn.thomasnet.com/images/homepage/arrow-product-catalog.png') no-repeat right 4px; }

#CADbgWrap { height: 283px; padding: 13px 9px 4px 14px; background: url('//cdn.thomasnet.com/images/homepage/CAD_drawing_category_box.png') no-repeat 0 0; }
#CADbgWrap li { float: left; width: 98px; height: 135px; }
#CADbgWrap li a { color: #3e5991; display: block; margin: 0 0 9px 9px; font: normal 10px verdana; line-height: 12px;}
#CADbgWrap li a.CADimgLink { display: block; margin: 9px 9px 5px 9px; }

#cadDrawingsBox{background-image:none;height:auto;padding:9px 18px !important}
#cadDrawingsBox img{width:70px;height:70px;border:1px solid #e6e6e6;margin-bottom:9px}
#cadDrawingsBox li { float: left; width: 98px; height: 135px; }
#cadDrawingsBox li a { color: #3e5991; display: block; margin: 0 0 9px 9px; font: normal 10px verdana; line-height: 12px;}
#browseBy #cadDrawingsBox .scrollable, #browseBy #cadDrawingsBox .notscrollable{height:555px}
#browseBy #cadDrawingsBox a.browse{margin-top:235px}