/*

GLOBAL STYLES

*/
hr.clear {
	display: block;
	clear: both;
	visibility: hidden;
	margin-bottom: 0px;
}

html{margin:0;padding:0;}


form 
{
    margin: 0px;
    padding: 0px;
}
body 
{
    
	margin: 0px;
	background: url(../images/backgrounds/page-bg.jpg) top left repeat-x;
	background-color: #eeeeee;
	font-family: Tahoma;
	font-size: 11px;
	padding:0px;

}


a{
	color:#000099;
	font-weight:500;
}



body p
{
    
	
	font-family: Tahoma;
	font-size: 11px;

}

body p td
{
    
	
	font-family: Tahoma;
	font-size: 11px;

}

div#left-column,
div#right-column 
{
    
	
	font-family: Tahoma;
	font-size: 11px;

}

h2 
{
	font-size:18px;
	color:#000099;
    margin-bottom: -10px;
}


h1 {
	font-family: Tahoma;
	font-size: 22px !important;
	font-weight: bold;
	color: #FFFFFF !important;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	padding-top: 15px;
	text-align:left!important;
	text-decoration:none !important;
	
}

div#banner-wrapper {
	display: blocked;
	height: 56px;
}


div#container 
{
	position: relative;
	margin: 0px auto;
	margin-top:-10px;

	width: 780px;
	text-align: left;
}




/*

HEADER DIVS

*/


div#header {
	height: 96px;
	width: 755px;
	position: relative;
	margin-top:13px;
}


div#logo {
	float: left;
	position: absolute;	
	z-index: 1;

	margin-left: 0px;	
}

.nav {
	height: 56px;
}

ul#nav a
{
padding-top:22px;
padding-bottom:25px;
display:block;
}

div#navigation {
	float: right;
	width: 350px;
	height: 25px;
	text-align: right;
	margin-top: 0px;
}



div#brands tr td a {
	color: #FFFFFF;
	text-decoration: none;
}



.c-link a 
{
    
    font-size:15px;
	color: #000000;
	text-decoration: none;


}

.c-cat-menu  
{
    
    font-size:10px;
	color: #031C8E;
	text-decoration: none;
    font-family: Tahoma;

}


.datagrid
{
   border-style: solid;
   border-width: 2px;
    border-color: #031C8E;
    width: 95%;
    
}


.c-header-Table
{
   border-style: solid;
   border-width: 1px;
    border-color: #031C8E;
    height: 5px;
    



    
}

.c-product-link a 
{
    
    font-size:17px;
	color: #031C8E;
	text-decoration: none;


}

.c-heading-link a 
{
    
    font-size:11px;
	color: #FFFFFF;
	text-decoration: none;


}

.c-heading-link-on a 
{
    
    font-size:11px;
	color: #031C8E;
	text-decoration: none;


}



div#navigation a {
	color: #000000;
	text-decoration: none;
}




/*

BANNER DIVS

*/


div#banner {
	position: relative;

}

div#banner-content {

	background-image: url(../images/backgrounds/header-nav-bg.jpg);
	background-repeat: repeat-x;
	background-color: black;

	padding-top: 4px;
	margin-bottom: 2px;
	padding-bottom: 0px;
	height: 240px;
}



div#mydiv{
padding-top: 5px;
background: black;
height: 150px;

}

div#category {
margin-top: 6px;
}
div#category.on,
div#brands.on {
	display: block;
}

div#category {
	display: none;
}

div#brands {
	display: none;
}

div#banner-content a,
div#mydiv div#category a {
	padding-top: 20px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	margin-left: 160px;
	color: #000000;
	text-decoration: none;
}

div#cat-link-wrapper {
	padding-top: 24px;
	text-align: right;
	padding-right: 15px;
}

div#cat-link-wrapper-2 {
	padding-top: 5px;
	text-align: right;
	padding-right: 15px;
}


div#cat-cutting-tools {
	background: url(../images/cat-cutting-tools.jpg) top left no-repeat;
	float: left;
	width: 252px;
	height: 62px;
	margin: 1px;
	margin-left: 5px;
/*
	padding-top: 20px;
*/
}







div#cat-workholding {
	background: url(../images/cat-workholding.jpg) top left no-repeat;
	float: left;
	width: 252px;
	margin: 1px;
	margin-left: 5px;
	
	height: 62px;
/*
	padding-top: 20px;
*/
}

div#cat-mro-supplies {
	background: url(../images/cat-mro-supplies.jpg) top left no-repeat;
	float: left;
	width: 252px;
	margin: 1px;
	margin-left: 5px;
	
	height: 62px;
/*
	padding-top: 20px;
*/
}

div#cat-abraisives {
	background: url(../images/cat-abraisives.jpg) top left no-repeat;
	float: left;
	width: 252px;
	margin: 1px;
		margin-left: 5px;

	height: 62px;
	padding-top: 20px;
	margin-top: 5px;
		margin-bottom: -5px;
}

div#cat-safety {
	background: url(../images/cat-safety.jpg) top left no-repeat;
	float: left;
	width: 252px;
	margin: 1px;
	margin-left: 5px;
	height: 62px;
	padding-top: 20px;
	margin-top: 5px;
	margin-bottom: -5px;
}

div#cat-misc-tools {
	background: url(../images/cat-misc-tools.jpg) top left no-repeat;
	float: left;
	width: 252px;
	margin: 1px;
	height: 62px;
	padding-top: 20px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: -5px;
}



div#brand-1 {
	background: url(../images/brand-1.jpg) top left no-repeat;
	float: left;
	width: 252px;
	height: 62px;
	margin: 1px;
	margin-left: 5px;
}

div#brand-2 {
	background: url(../images/brand-2.jpg) top left no-repeat;
	float: left;
	width: 252px;
	height: 62px;
	margin: 1px;
	margin-left: 5px;
}

div#brand-3 {
	background: url(../images/brand-3.jpg) top left no-repeat;
	float: left;
	width: 252px;
	height: 62px;
	margin: 1px;
	margin-left: 5px;
}

div#brand-4 {
	background: url(../images/brand-4.jpg) top left no-repeat;
float: left;
	width: 252px;
	margin: 1px;
	height: 62px;
	padding-top: 20px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: -5px;
}

div#brand-5 {
	background: url(../images/brand-5.jpg) top left no-repeat;
float: left;
	width: 252px;
	margin: 1px;
	height: 62px;
	padding-top: 20px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: -5px;
}



div#brand-6 {
	background: url(../images/brand-6.jpg) top left no-repeat;
float: left;
	width: 252px;
	margin: 1px;
	height: 62px;
	padding-top: 20px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: -5px;
}

div#brand-link-wrapper {
	padding-top: 24px;
	text-align: right;
	padding-right: 15px;
}



div#brand-link-wrapper-2 {
	padding-top: 5px;
	text-align: right;
	padding-right: 15px;
}


/* MAIN NAVIGATION */

div#banner-nav {
	display: block;
	width: 780px;
	height: 57px;
}

img#bsearches {
	float: left;
	margin-top: 31px;
	border: 0px;
	position: absolute;
	z-index: 4;
}

div#banner-nav ul {
	float: right;
	list-style: none;
	margin-top: 0px;
	position: relative;
	margin-left: 0px;
	text-align: center;
	margin-bottom:0px;
}

div#banner-nav ul a {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

li#nav-products {
	float: right;
	width: 150px;
	height: 57px !important;
	background: url(../images/navigation/bm-products.jpg) top left no-repeat;
}

li#nav-products a {
	margin-left: 15px;
}

li#nav-products:hover,
li#nav-products.over {
	height: 57px !important;
	background: url(../images/navigation/bm-products-on.jpg) top left no-repeat;
}

li#nav-distributors {
	float: right;
	width: 118px;
	height: 57px !important;
	background: url(../images/navigation/bm-distributors.jpg) top left no-repeat;
}

li#nav-distributors:hover,
li#nav-distributors.over {
	background: url(../images/navigation/bm-distributors-on.jpg) top left no-repeat;
}

li#nav-vendormgt {
	float: right;
	width: 142px;
	height: 57px;
	background: url(../images/navigation/bm-vendor-mgt.jpg) top left no-repeat;
}

li#nav-vendormgt:hover,
li#nav-vendormgt.over {
	background: url(../images/navigation/bm-vendor-mgt-on.jpg) top left no-repeat;
}

li#nav-toolingu {
	float: right;
	width: 146px;
	height: 57px;
	background: url(../images/navigation/bm-tooling-univ.jpg) top left no-repeat;
}

li#nav-toolingu:hover,
li#nav-toolingu.over {
	background: url(../images/navigation/bm-tooling-univ-on.jpg) top left no-repeat;
	cursor: pointer;
}

/*

CONTENT DIVS

*/

div#content-wrapper {
	margin-top: 5px;
	width: 780px;
	
}

h5 
{
    color: red;
    font-size: 14px !important;
}






div#content-home-left {
	
	float:left;
	width: 250px;
	height: 200px;
	margin-top: 8px;
	margin-bottom:0px;
	margin-left: 2px;
	background: url(../images/backgrounds/content-home-left.jpg) top no-repeat #eeeeee;	
}
	
#content-home-left .summary{
	text-align:left;
	width:230px;
	margin-top:60px;
	padding-left:14px;
	padding-right:0px
}

#content-home-left .learnmore, #content-home-right .learnmore{
	text-align:right;
	float:right;

}

div#content-home-right {
	float: left;
	width: 250px;
	height: 200px;
	margin-top: 8px;
	margin-bottom:0px;
	margin-left: 0px;
	
	background: url(../images/backgrounds/content-home-right.jpg) top no-repeat #eeeeee;
	}

#content-home-right .summary{
	width:235px;
	margin-top:60px;
	padding-left:24px;
	padding-right:0px
}

.learnmore{
	text-align:right;
	float:right;
}

div#content-home-news {
	float: none;
	width: 489px;
	height: 300px;
	margin-top: 0px;

	margin-left: -5px;
	background: url(../images/backgrounds/news-header.jpg) top  no-repeat #eeeeee;
}









/* LEFT COLUMN */


div#column-left {
	float: left;
	width: 255px;
	margin-bottom: 20px;
	display:block;
	
}

div#leftContentHeader
{
	background:url(/images/backgrounds/leftcontentHeader.png) no-repeat;
	
}

div#leftContent
{

	width: 255px;
}


div#leftContent a.whatsNewCta
{
	margin-bottom:7px;
	width:255px;
	height:122px;
	display:block;
	overflow:hidden;
	text-indent:-1100px;
	background:url(/images/whats-new-cta.png) no-repeat 0px 0px;
}

	div#leftContent a.whatsNewCta:hover
	{
	background-position:0px -122px;
	}

div#leftContent a.hotDealsCta
{
	margin-bottom:7px;
	width:255px;
	height:122px;
	display:block;
	overflow:hidden;
	text-indent:-1100px;
	background:url(/images/hot-deals-cta.png) no-repeat 0px 0px;
}

	div#leftContent a.hotDealsCta:hover
	{
		background-position:0 -122px;
	}
	
div#leftContent a.Catalogue
{
	margin-bottom:7px;
	width:255px;
	height:122px;
	display:block;
	overflow:hidden;
	text-indent:-1100px;
	background:url(/images/catalogue-cta.png) no-repeat 0px 0px;
}

	div#leftContent a.Catalogue:hover
	{
	background-position:0px -122px;
	}

		div#leftContentText
		{
			padding:0px 11px;
			color:white;
		}
		
		div#leftContentText p
		{
		padding:0 0 10px 0;
		margin:0;
		}
		
		div#leftContentText h3
		{
		padding:0 0 0px 0;
		margin:0;
		}

div#leftContentFooter
{
	background:url(/images/backgrounds/leftcontentFooter.png) no-repeat;
	height:11px;
}


div#user-login-container,
div#locate-distributor-container,
div#news-container {
	padding: 11px;
}

div#news-container {
	color:White;
	
}

div#news-container h5 {
margin: 0px;
padding: 0px;
    color: red;
font-size: 14px !important;
    text-align: center;
}

div#news-container p {
	padding-bottom: 15px;
}
div#news-container p, 
div#news-container a {
	color: White;
line-height: 14px;
}

div#locate-distributor-container,
div#news-container 
{
  display: block;
}

div#locate-distributor,
div#news {
	margin-top: 5px;
	background: url(../images/bg-column-left-tops.jpg) top no-repeat #0E0E0E ;
}

div#distributor-results table,
{
    font-family: Arial;
    font-size: 12px;
}

div#distributor-results .web_link
{
    color:#0033FF;
}

div#distributor-results .email_link
{
    color:#FFFFFF;
}


div#distributor-results span table,
div#news-articles,
div#news-articles a
{
 color:#FFFFFF;
}

.news-item-title
{
	font-weight: bold;
  color:#FF0000;
	text-decoration: underline;
}


/* RIGHT COLUMN */

div#column-right {
	float: right;
	width: 519px;
	background: url(../images/bg-column-right.gif) top repeat-y;
	border-bottom: 5px #D8D8D8 solid;
	margin-bottom: 20px;
}


div#headerbg {
	background:url(../images/backgrounds/content-title-bg.jpg) top left repeat-x;
	height: 27px;
	width: 507px;
	margin-left: 5px;
	margin-right: 0px;
	padding-bottom: 10px;
}

div#content-column-wrapper {
	background:url(../images/content-box-top.gif) top left no-repeat;
	display: block;
	height: 200px;
}

div#headerbg-home h1,
div#headerbg h1 {
  clear:both;
  text-align:left;
  color:white;
	margin: 0px;	
	padding: 0px;
	margin-left: 5px;
	padding-left: 10px;
	background: url(../images/backgrounds/content-title-bg.jpg) top left no-repeat;

}

div#content-main {
	padding-left: 15px;
	padding-right: 15px;
}

div#content-bottom{
  clear: both;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;

}

div#content-bottom h1 
{
    font-size: 13pt;
    color: #003399;
    text-decoration: underline;
    text-align: center;
}

div#content-bottom .title{
	font-weight:bold;	
	
}

div#content-home {
	margin: 0px;
	padding: 0px;
	margin-left: 16px;
	margin-right: 16px;
	margin-top: 10px;	
}


/*

FOOTER DIVS

*/


div#footer {
	clear: both;
	height: 100px;
	width: 780px;
	padding-top: 10px;
	text-align: center;
}


/*

FORM ELEMENTS

*/

form {
	padding: 0px;

}

input#username,
input#password {
	height: 24px;
	width: 179px;
	border: 0px;
	background: url(../images/form-text.gif) top left no-repeat;
	font-family: Tahoma;
	font-size: 11px;
	color: #003cff;
	padding-left: 5px;
	padding-top: 5px;
	margin-top: -3px;
	float: left;
}

input#login {
	float: right;
	width: 48px;
	height: 24px;
	background: url(../images/form-button.gif) top left no-repeat;
	border: 0px;
	margin-top: 12px;
	
}

div#content-spacer {
	height: 25px;
}

/*
	REQUIRED CSS FOR ANIMATED COLLAPSING MENU
*/
.widgetTable
{
    WIDTH: 780px;
	margin: 0px;
	padding: 0px;

}
.widgetTitle
{
	width: 780px;
	margin: 0px;
	padding: 0px;
    HEIGHT: 0px;
    VALIGN: baseline
}
.widgetTDContent
{
    HEIGHT: 0px;
    vAlign: top
}

.widgetDIV
{
    OVERFLOW: hidden;
    HEIGHT: 180px;
}

.centerTable
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 780px;;
    BORDER-BOTTOM: 0px;
    CELLSPACING: 2;
    CELLPADDING: 2;
   
}


div#spacer {
background: pink;
}


div#news-content h2 
{
    text-align: center;
    font-size: 12pt;
    color: #ff0000;
}








/***********************************/
/*
*   Added: Oct 17, 2007
*   By: Walter
*
*   Purpose: To allow multiple brand
*   links to be put into the ajax 
*   header item.
*
*   Added In:   - Scrolling
*               - Better Css
*/  
/***********************************/


table#productBrandDrop_DataBrands
{
	width: 763px !important;
    background: #666666;    /* This sets the gray borders */
}

table#productBrandDrop_DataBrands tr td
{
	background: #333333;    /* Hide table background color by filling in the cell black */
}

/* A Little Wrapper Div to allow scrolling around the whole table */
div#scrolly
{
	
    display: block;
    overflow: auto;
    height: 150px !important; 
}

/* Wrapper for each Link Box */
div.search-brand-item
{
    position: relative;
    width: 90px !important;  
    text-align: center;

	height:100%;

    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    
    font-family: Arial;
    display: block;
}

    /* Set the Link Styles for Brand Items */
    div.search-brand-item a
    {
        color: #FFFFFF;
        font-size: 10px;
        font-weight: bold;
        
        font-family: Arial;
    }
	
					img
					{
						border:none
					}
  
  					.listing
					{
						width:485px;
						border:1px solid #ccc;
						margin:20px 0 20px 0;
						
					}
					.listing h2
					{
						padding:0px;
						margin:0px;
					}
					
					.listing p
					{
						padding:0px;
						margin:0px;
					}
					
					span.newsdate
					{
						float:right;
						margin-top:-18px;
					}
                	.leftImage
					{
						float:left;
						width:175px;
					}
					.rightListing
					{
						float:left;
						width:269px;
						padding: 5px 20px;
						margin:20px 0;
						
					}
					
					.rightListing p
					{
						line-height:16px;
						font-size:14px;
					}
					
					.fullListing
					{
						padding: 0px 20px;
						margin:20px 0;
					}
					
			
					
					.fullListing p
					{
						width:100%!important;
						line-height:16px;
						font-size:14px;
						margin:4px 0;
					}