/* ****************************************
 * BROWSE BY
 ******************************************/
.browsewrap{clear:left;width:100%;background-color:#f5f5f5}
.browsetabs{width:1024px;margin:0 auto}

#browseBy{margin:36px auto 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:0 7px 0 0}
#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; width:1024px;margin-left:auto;margin-right:auto}
#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: 943px; }
#browseBy .scrollable .items { clear: both; position: absolute; width: 20000em; }
#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;height:147px;width:33.3333%;padding:18px;position:relative}
#browseBy .scrollitem img{float:left;width:70px;height:70px}
#browseBy .scrollitem h3{float:left;font-size:13px;text-align:left;line-height:13px}
#browseBy .scrollitem h3,#browseBy .scrollitem ul{margin:0 0 0 9px;padding:0;width:186px}
#browseBy .scrollitem a{color:#3e5991;}
#browseBy .scrollitem ul{float:left;list-style:outside none none}
#browseBy .scrollitem li{margin:0;padding:0}
#browseBy .scrollitem li a,#browseBy .allLink{font:normal 11px verdana;line-height:16px}

/*#productCatalogsBox .scrollitem { position: relative; min-height: 100px; width: 279px; padding: 15px 15px 32px 15px; }*/
#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 ul{list-style:outside none none;margin:16px 0;padding:0}
#cadDrawingsBox li{float:left;width:11.1111%;height:135px;margin:0;padding:0}
#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}