/* Menu
handles highlighting of main nav overwrites navigation.css style*/
ul#navigation-1 .tools  
{ 
    background-color: #fff;
    border-top: 2px solid #febd19;
    height:27px;        
}


/*this is the overall framework for the page layout*/
#threecolumnlayout
{
    width: 990px;
    margin-bottom: 20px;
    margin-top:10px;
    float:left;

}

/* left column 
this content is actually written LAST in the html */
#threecolumnlayout #leftcolumn 
{
    float: left;
    width: 150px;
    margin: 0px 0px 10px 0px; 
    padding: 0px;
}

/* Category List
navigation for users to move throught the tool hierachy*/
#threecolumnlayout #leftcolumn #categorylist
{
    background-color: #ffffff;
    border:0px;
    width: 100%;
    margin-bottom:10px;
}
#threecolumnlayout #leftcolumn #categorylist th
{
    color:#ffffff; 
    background-color:#000000; 
    padding:2px;
    text-align:center;
    font-weight:bold;
    font-size: 10pt;
    border: solid 1px #666666;
}
#threecolumnlayout #leftcolumn #categorylist td.label
{
    vertical-align:top;
    text-align:left;
    width:auto;
    text-decoration:none;
    display:block;
}
#threecolumnlayout #leftcolumn #categorylist td.label a:link, 
#threecolumnlayout #leftcolumn #categorylist td.label a:active, 
#threecolumnlayout #leftcolumn #categorylist td.label a:visited
{
    color:#000000;
    text-decoration:none;
    font-weight:bold;
    width:auto;
    height:auto;
    display:block;
    padding: 2px 0px 2px 6px;
}
#threecolumnlayout #leftcolumn #categorylist td.label a:hover
{
    color:#000000;
    text-decoration:none;
    font-weight:bold;
    background-color:#FFCC33;
    width:auto;
    height:auto;
    display:block;
    padding: 2px 0px 2px 6px;
}



/*Filters 
modify what is shown on the ToolCategory page's main content area*/
#threecolumnlayout #leftcolumn #filters
{
    background-color: #ffffff;
    border:0px;
    width: 100%;
    margin-bottom:10px;
}
#threecolumnlayout #leftcolumn #filters td.filterheader
{
    color:#ffffff;
    background-color:#000000; 
    padding:2px;
    text-align:center;
    font-weight:bold;
    font-size: 10pt;
    border: solid 1px #666666;
}
#threecolumnlayout #leftcolumn #filters td.filteritem
{
    vertical-align:top;
    text-align:left;
    width:auto;
    text-decoration:none;
    display:block;
    text-indent: -6px;
   
}
#threecolumnlayout #leftcolumn #filters td.filteritem a:link,
#threecolumnlayout #leftcolumn #filters td.filteritem a:active, 
#threecolumnlayout #leftcolumn #filters td.filteritem a:visited
{
    color:#000000;
    text-decoration:none;
    width:auto;
    height:auto;
    display:block;
    padding: 2px 0px 2px 12px;

}
#threecolumnlayout #leftcolumn #filters td.filteritem a:hover
{
    color:#000000;
    text-decoration:none;
    background-color:#FFCC33;
    width:auto;
    height:auto;
    display:block;
    padding: 2px 0px 2px 12px;

}

/*.appliedfilters
{
    background-color: #ffee55;
    border:0px;
    width: 100%;
    margin-bottom:10px;
}*/
#threecolumnlayout #leftcolumn #filters td.appliedfilterheader
{
    color:#FFFFFF;
    background-color:#000000; 
    padding:2px;
    text-align:center;
    font-weight:bold; 
    font-size: 10pt;
    border: solid 1px #666666;
}
#threecolumnlayout #leftcolumn #filters td.appliedfilteritem
{
    background-color: #FFCC33;
    vertical-align:top;
    text-align:left;
    width:auto;
    text-decoration:none;
    display:block;
}
#threecolumnlayout #leftcolumn #filters td.appliedfilteritem a:link,
#threecolumnlayout #leftcolumn #filters td.appliedfilteritem a:active, 
#threecolumnlayout #leftcolumn #filters td.appliedfilteritem a:visited
{
    background-color: #FFCC33;
    color:#000000;
    text-decoration:none;
    width:auto;
    height:auto;
    display:block;
    padding: 2px 0px 2px 12px;

}
#threecolumnlayout #leftcolumn #filters td.appliedfilteritem a:hover
{
    color:#FFCC33;
    text-decoration:none;
    background-color:#000000;
    width:auto;
    height:auto;
    display:block;
    padding: 2px 0px 2px 12px;

}

/* used for page layout AND to ensure that the center column content is written before the other content. This helps in SEO*/
#threecolumnlayout #centerandrightcolumns 
{
    float: right;
    width: 830px;
}

/*Center Column
main content area*/
#threecolumnlayout #centerandrightcolumns #centercolumn 
{
    float: left;
    width: 570px;
    margin-right:5px;	
}

/*describes page content*/
#threecolumnlayout #centerandrightcolumns #centercolumn #pageDescriptor
{
    background-color:#ffffff; 
    display:inline-table; 
    width:100%; 
    padding:0px 0px 10px 0px; 
    border:none;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #pageDescriptor tr td 
{
    padding:0px 10px 0px 0px; 
}

#threecolumnlayout #centerandrightcolumns #centercolumn #pageDescriptor tr td img
{
    border:none; 
    padding:0px 0px 0px 10px; 
}

/* Type Panel
navigation and information area*/
#threecolumnlayout #centerandrightcolumns #centercolumn #typePanel
{
    background-image: url(../images/toolsTypePanel_bkg.gif);
    background-repeat: repeat-x;
    background-color: #dbdbdb;
    margin: 10px 0px 10px 0px;
    padding:0px 0px 10px 0px;
}
/*Top Row
"menu" of three tool types - AIR, CORDLESS, and POWER */
#threecolumnlayout #centerandrightcolumns #centercolumn #typePanel #toprow
{
    margin:0px 0px 20px 0px;
    position:relative;
    top:5px;
    width:100%;
}
#threecolumnlayout #centerandrightcolumns #centercolumn #typePanel #toprow td
{
    vertical-align:middle;
    text-align:center;
    padding:10px 20px 10px 20px;
}

/*Featured Product 
content from CMS*/
#threecolumnlayout #centerandrightcolumns #centercolumn #typePanel #featuredProductTable,
#threecolumnlayout #centerandrightcolumns #centercolumn #featuredProductTable
{
    background-color:#ffffff; 
    vertical-align:middle;
    text-align:center;
    padding:0px 20px 0px 20px;
    width:100%;
}
#threecolumnlayout #centerandrightcolumns #centercolumn #typePanel #featuredProductImg,
#threecolumnlayout #centerandrightcolumns #centercolumn #featuredProductImg
{
    height:210px;
    width:210px;
    vertical-align:middle;
    text-align:center;
    padding:10px 10px 10px 10px;
    float:left;
}
#threecolumnlayout #centerandrightcolumns #centercolumn #typePanel #featuredProductInfo,
#threecolumnlayout #centerandrightcolumns #centercolumn #featuredProductInfo
{
    vertical-align:top;
    text-align:left;
    padding:0px 10px 10px 10px; 
    margin: 0px 0px 10px 0px;     
}
#threecolumnlayout #centerandrightcolumns #centercolumn #typePanel #featuredProductInfo p.featuredProductNumber,
#threecolumnlayout #centerandrightcolumns #centercolumn #featuredProductInfo p.featuredProductNumber
{
    vertical-align:top;
    text-align:left;
    font-family: Arial, Helvetica, san-serif;
    font-size: 22pt;
    font-weight:bolder;
    color:#666666;
}
#threecolumnlayout #centerandrightcolumns #centercolumn #typePanel #featuredProductInfo p.featuredProductName,
#threecolumnlayout #centerandrightcolumns #centercolumn #featuredProductInfo p.featuredProductName
{
    vertical-align:top;
    text-align:left;
    font-family: Arial, Helvetica, san-serif;
    font-size: 12pt;
    font-weight:bold;
    color:#000000;
}
#threecolumnlayout #centerandrightcolumns #centercolumn #typePanel #featuredProductInfo p.featuredProductDescription,
#threecolumnlayout #centerandrightcolumns #centercolumn #featuredProductInfo p.featuredProductDescription
{
    vertical-align:top;
    text-align:left;
    font-family: Arial, Helvetica, san-serif;
    font-size: 10pt;
    color:#000000;
    margin: 6px 0px 6px 0px;
}  
#learnMoreBtn
{
    text-align:center;
    margin: 10px 10px 10px 10px;
}



#threecolumnlayout #centerandrightcolumns #centercolumn #categoryTable
{
    background-color:#dbdbdb;
    vertical-align:top;
    text-align:center;
    margin: 0px;
    width:100%;

}
#threecolumnlayout #centerandrightcolumns #centercolumn #categoryTable td
{
    vertical-align:top;
    text-align:center;
    padding:5px 3px;
    height:80px;
    width:25%;
    background-color:#FFFFFF;
    font-weight:bold;
    border: solid 10px #dbdbdb;
}    
#threecolumnlayout #centerandrightcolumns #centercolumn #categoryTable td a:link, #threecolumnlayout #centerandrightcolumns #centercolumn #categoryTable td a:active, #threecolumnlayout #centerandrightcolumns #centercolumn #categoryTable td a:visited 
{
    color:#000000;
    text-decoration:none;
} 
#threecolumnlayout #centerandrightcolumns #centercolumn #categoryTable td a:hover 
{
    color:#000000;
    text-decoration:underline;
} 

#threecolumnlayout #centerandrightcolumns #centercolumn #categoryTable td a img 
{
    height:65px;
    width:65px;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #categoryHeader,
#threecolumnlayout #centerandrightcolumns #centercolumn #categoryHeader p
{
    color:#FFFFFF;
    text-align:left;
    font-family: Arial, Helvetica, san-serif;
    font-size: 14pt;
    font-weight:bolder;
    margin-bottom:6px;
}
#threecolumnlayout #centerandrightcolumns #centercolumn .SBPromoArea
{
    display:block;
    height:auto;
    background-color:#ffffff;
}


#threecolumnlayout #centerandrightcolumns #centercolumn #categoryInfoHeader
{
    background-color:#000000;
    border: solid 1px #666666;
}
#threecolumnlayout #centerandrightcolumns #centercolumn #categoryInfoHeader p,
#threecolumnlayout #centerandrightcolumns #centercolumn #categoryInfoHeader p a
{
    color:#FFFFFF;
    text-align:left;
    font-family: Arial, Helvetica, san-serif;
    font-size: 12pt;
    font-weight:bolder;
    margin:6px 6px 6px 6px;
    text-decoration:none;
}
/* collapse arrow */
#threecolumnlayout #centerandrightcolumns #centercolumn #categoryInfoHeader p img
{
    margin:3px 6px 0px 0px;
    vertical-align:middle;
}
#threecolumnlayout #centerandrightcolumns #centercolumn #categoryInfoToggle 
{
    height: auto;
	display:none;
}
#threecolumnlayout #centerandrightcolumns #centercolumn #categoryInfoToggle #categoryInfoBody
{
    background-color:#FFFFFF;
    padding:6px 6px 6px 6px;
    display:block;
    height: auto;
    min-height:200px;
}
#threecolumnlayout #centerandrightcolumns #centercolumn #categoryInfoToggle #categoryInfoBody img
{
    float:left;
    margin:3px 6px 0px 0px; 
}
#threecolumnlayout #centerandrightcolumns #centercolumn #categoryInfoToggle #categoryInfoBody p
{
    color:#000000;
    text-align:left;
    font-family: Arial, Helvetica, san-serif;
    font-size: 13pt;
    display:block;
}
    
#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList
{
    background-color:#FFFFFF;
    margin:10px 0px 0px 0px;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList .searchsort
{
    width: 570px;
	height: 30px;
	padding: 0;
	margin: 0 0 10px 0;
	background-color:#dbdbdb;
}
#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList .searchsort div
{
    float: left;
    margin-left: 0px;
    padding: 3px;
    background-color:#dbdbdb;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList .searchsort div.paging
{
    padding-top: 6px;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList .searchsort div.sort
{
    padding-left: 25px;
    float: right;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList .searchsort div span.filterLabel
{
    font-weight: bold;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList .searchsort div a
{
    margin-right: 2px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList .searchsort a:hover
{
	background-color:gray;
    color:#FFcc33;
    width:auto;
    height:auto;
    padding: 2px 6px 2px 6px;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList .searchsort div select
{
    margin-left: 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList div.compare
{
    text-align: right;
    clear: both;
    width: auto;
    margin: 0 5px 0px 0;
    float: right;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList div.compare span.filterLabel
{
    display: block;
    float: left;
    margin-top: 3px;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList div img
{
    margin-left: 10px;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList table
{
    background-color:#FFFFFF;
    width:100%;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList #tdDataPager
{
    background-color:#cccccc;
/*    border: solid 1px #cccccc; */
    color:#000000;
    font-family: Arial, Helvetica, san-serif;
    font-size: 10pt;
    vertical-align:top;
    text-align:left;
    padding-top:8px;
    padding-left:12px;
}
#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList #tdDataPager a:link
, #threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList #tdDataPager a:active
, #threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList #tdDataPager a:visited
{
    /*color:#FFcc33;*/
    color:#000000;
    text-decoration:none;
    width:auto;
    height:auto;
    padding: 2px 6px 2px 6px;

}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList #tdDataPager a:hover
{
	background-color:gray;
    color:#FFcc33;
    width:auto;
    height:auto;
    padding: 2px 6px 2px 6px;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList p
{
    float:left;
    margin-top:4px;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList .drop140 
{
    margin: 5px 0px 0px 0px;
}

/* #threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList .compbutt
{
    position:relative;
    right:400px;
    top:0px;
    padding-bottom: 10px;
    margin-right: 10px;
}
*/

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList #tdDataPager #updateFilterLink 
{
    float:right;
    margin-right:5px;  
}
#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList #tdDataPager #updateFilterLink a
{
    color:#FFcc33;
    font-size: 10pt;
    font-weight:bolder;
    text-decoration:none;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList tr.oddrow td
{
    background-color:#FFFFFF;
    vertical-align:top;
    text-align:left;
    padding:5px 5px 5px 5px;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList tr.evenrow td
{
    background-color:#dbdbdb;
    vertical-align:top;
    text-align:left;
    padding:5px 5px 5px 5px;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList tr.evenrow td .addreorder, 
#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList tr.oddrow td .addreorder {
    float:left;
    clear:both;
    width:250px;
}


#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList tr.evenrow td p, 
#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList tr.oddrow td p
{
    color:#000000;
    text-align:left;
    font-family: Arial, Helvetica, san-serif;
    font-size: 10pt;
    float:left;
    margin-top:0;
}
#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList tr.evenrow td span.catalogNumber, 
#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList tr.oddrow td span.catalogNumber,
#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList tr.evenrow td a, 
#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList tr.oddrow td a
{
    color:#000000;
    font-family: Arial, Helvetica, san-serif;
    font-size: 11pt;
    font-weight:bolder;    
    text-align:left;
    text-decoration:none;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #centerbox
{
    background-color:#FFFFFF;
}

#threecolumnlayout #centerandrightcolumns #centercolumn p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin-bottom:8px;	
    padding:5px;
}




#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList tr.evenrow td .addreorder {
	width:250px;
}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList tr.evenrow td .addreorder span 
{

	margin-right:14px;

}

#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList tr.evenrow td .addreorder span a, 
#threecolumnlayout #centerandrightcolumns #centercolumn #toolsByCategoryList tr.oddrow td .addreorder span a 
{
    font-size:10px;
    color:#000000;
    text-decoration:none;
    font-weight:normal;
}














/*Right Column
auxiallary content "What's New", "Static Promo", "Contractor Center" controls, etc*/
#threecolumnlayout #centerandrightcolumns #rightcolumn 
{
    float: right;
    width: 250px;
    margin: 0px 0px 0px 0px;
    padding:0px;
    vertical-align:top;
    overflow: hidden;
}

#threecolumnlayout #centerandrightcolumns #rightcolumn #whatsnewblock
{
    background-color: #dddddd;
    width: 250px;
    margin: 0px 0px 10px 0px;   
    padding: 0px;
}

#threecolumnlayout #centerandrightcolumns #rightcolumn #whatsnewblock a
{
    color:#000000;
    text-decoration:none;
}
#threecolumnlayout #centerandrightcolumns #rightcolumn #whatsnewblock a:hover
{
    color:#000000;
    text-decoration:underline;
}

#threecolumnlayout #centerandrightcolumns #rightcolumn #contractorblock
{
    background-color: transparent;
    width: 250px;
    margin: 0px 0px 30px 0px;   
    padding: 0px;
    float:left;
    overflow:hidden;
}

/* --
    For transportation purposes grab the outermost class or ID and append to
    the main ID of the other 275-px wide column where you want this to reside.
--*/

#threecolumnlayout #centerandrightcolumns #rightcolumn .oa-title 
{
    height:32px;
    padding-top:11px;
    background-color:#ffffff;
    width:inherit;
    float:left;
    clear:both;
}

#threecolumnlayout #centerandrightcolumns #rightcolumn .oa-title h3
{
    font-size:16px;
    font-weight:bold;
    color:#000;
}


#threecolumnlayout #centerandrightcolumns #rightcolumn #outputa,
#threecolumnlayout #centerandrightcolumns #rightcolumn #outputb,
#threecolumnlayout #centerandrightcolumns #rightcolumn #outputc
{
    float:left;
    background-image:url(/assets/images/bg_lgfrayfadedn_oc.jpg);
    background-position:top;
    background-repeat:repeat-x;
    border-bottom:solid 2px #adadab;
    width:275px;
}

#threecolumnlayout #centerandrightcolumns #rightcolumn #outputb img
{
    width:240px;
    margin-left:5px;
}

#threecolumnlayout #centerandrightcolumns #rightcolumn h3
{
    font-size:14px;
    font-weight:bold;
    color:#3c3c3c;
    margin-left:10px;
}

#threecolumnlayout #centerandrightcolumns #rightcolumn p
{
    font-size:12px;
    color:#3c3c3c;
    margin-left:10px;
}

#threecolumnlayout #centerandrightcolumns #rightcolumn p a
{
     color:#3c3c3c;
     font-weight:bold;
     text-decoration:none;
}


/*#threecolumnlayout #centerandrightcolumns #rightcolumn #promoblockholder
{
width: 250px;
height:120px;
margin: 0px;   
padding: 0px;
margin: 0px 0px 10px 0px;   
}*/






/*some random classes*/
.padding5
{
    padding: 10px 10px 10px 10px;
}
.padding-bottom-5
{
    padding: 0px 0px 5px 0px;
    height: 65px;
    width: 65px;
}


/* classes for pagination on What's New pages */

.toppaginatorL,
.toppaginatorR
{
    height:15px;
    font-weight:bold;
}

.toppaginatorR
{
    background-color:#cccccc;
}

.ColumnHeading {
	width:275px; 
	margin:10px 0 0 0; 
	padding-top:10px;
	padding-bottom:10px;
	background-color:#ffffff;
	float:left;
	overflow:hidden;
	border:none;	
}

.ColumnHeading h2 {
    margin:0; padding:10px;

}

.NoSpacing {
	margin:0; 
	padding:0;
}

.ColumnHeading img 
{
	margin:0; padding:0 0 0 15px;
	background-color:#ffffff;
	float:left;
}

.Shade {
	background:#ffffff url(/Assets/images/ContractorsCenter/bg-grad-1x118.gif) repeat-x;
	width:250px;
	float:left;
	margin:0; 
	padding:10px 0px;
	border-bottom:solid 2px #acada8;
}


.ShadedLinks ul {
    list-style-type:none;
}

.whatPeopleTalkingAbout {
    margin-top:20px;
    float:left;
    overflow:hidden;
}

.whatPeopleTalkingAbout .UnShadedLinks {
	background-color:#fff;
	text-align:center;
	float:left;
	width:250px;
	overflow:hidden;
	padding:10px 0;
}
.whatPeopleTalkingAbout .UnShadedLinks h1 {
	font-size:16px; 
	font-weight:bold;
	color:#000;
}
.UnShadedLinks p {
	margin:0 0 0 15px; padding:0;
	line-height:19px;
	float:left;
}

#latestTipsTechniques a:link
{
    text-decoration:none;
    color:#000;
    font-weight:bold;
}

#latestTipsTechniques a:hover
{
    cursor:pointer;
    text-decoration:underline;
    color:#000;
    font-weight:bold;
}

#latestTipsTechniques a img {
    clear:both!important;
    float:left!important;
    margin-bottom:10px!important;
    margin-left:10px!important;
    margin-right:6px!important;
}

.ColumnBottom {
    float:left;
    overflow:hidden;
    margin-top:20px;
}

#latestProjectShowcase  {
    width:250px;
    float:left;
    overflow:hidden;
}

#latestProjectShowcase .blogPostPanel  {
    border-right:1px solid #D3D3D3;
    clear:none;
    float:left;
    margin-top:10px;
    padding:0;
    text-align:center;
    width:124px;
}

#latestProjectShowcase .blogPostPanel img {
    margin-bottom:10px;
}

#latestProjectShowcase .blogPostPanel p  {
    clear:left!important;
    float:left!important;
    margin:0 0 0 10px!important;
    width:100px!important;
}

#latestProjectShowcase .blogPostPanel p a {
    color:#000000;
    font-weight:bold;
    text-decoration:none;
}