﻿/* CSS Classes Related to Controls */

body, html 
{
    height: 100%; line-height:1.4em; 
}

html { 
	margin-bottom: 0.01em; 
}



body 
{
    margin: 0px; background: white none repeat scroll 0%;
    font-family:Arial, Helvetica, sans-serif; font-size:12px;  color: #333;
}
.clear 
{
    clear: both;
}

.clearfix:after{
    content: ".";  display: block; height: 0; font-size:0; clear: both; visibility:hidden;
}
	.clearfix 
	{
		display: inline-block;
	} 
		html .clearfix 
		{
			height: 1%;
		}
	.clearfix 
	{
		display:block;
	}
.bg
{
	background: url(../../images/bg.gif) #fff right top repeat-x;
}
hr
{
	border:solid 1px #bbb; background:#ccc
}
#Wrapper
{
	width:903px; margin:auto; background:#fff; 
}
#WebHeader
{
	width:100%; background:url(../../images/LogoHeader.jpg) bottom no-repeat; height:105px;
}
	
	
#Nav
{
	background: url(../../images/Navbg.gif) repeat-x #fff; width:901px; height:29px; margin:1px; text-align:center;
}
	/*#Nav div
	{
		width:inherit; height:30px; margin:1px; text-align:center;
	}*/

#BannerHolder
{
	width:900px; height:221px; border-bottom: solid 1px #fff;
}

	#BannerHolder img
	{
		margin:0px  1px 1px 1px;
	}
	
/* Home Rotator Overwrite */
#ProductBanner
{
	width:900px; padding:4px 1px 1px 2px; height:167px; overflow:hidden; background:url(../../images/bg.gif) #fff 0px -400px repeat-x; 
}
	.PB, .PB2, .PB3, .PB4, .PB5, .PB6, .PB7, .PB8
	{
		width:9.36em; height:167px;  float:left; /*margin:0.05em;*/
	}
	.PB img, .PB2 img, .PB3 img, .PB4 img, .PB5 img, .PB6 img, .PB7 img, .PB8 img
	{
		width:9.36em; height:167px;  float:left; /*margin:0.05em;*/
	}
	.PB
	{
		background:url(../../images/Timing-Screws.jpg) #fff 0px 0px no-repeat; 
	}
	.PB2
	{
		background:url(../../images/DriveUnits.jpg) #fff 0px 0px no-repeat;
	}
	.PB3
	{
		background:url(../../images/Combiners.jpg) #fff 0px 0px no-repeat;
	}
	.PB4
	{
		background:url(../../images/SpecialtyScrews.jpg) #fff 0px 0px no-repeat;
	}
	.PB5
	{
		background:url(../../images/Orienters.jpg) #fff 0px 0px no-repeat;
	}
	.PB6
	{
		background:url(../../images/AirRinse.jpg) #fff 0px 0px no-repeat;
	}	
	.PB7
	{
		background:url(../../images/Closures.jpg) #fff no-repeat right; 
	}	
	.PB8
	{
		background:url(../../images/CustomHandling.jpg) #fff right no-repeat;
	}
	
/* End of Home Rotator Overwrite*/
#ContentWrapper
{
	width:inherit; height:auto; overflow:hidden; background:url(../../images/contentbg.gif) repeat-x top;
}
	#Content
	{
		padding:10px 10px;  min-height:300px;
	}
    #ContentAlternate
	{
		padding:0;  min-height:300px;
	}
	    #ContentAlternate p
	    {
		    padding-left:10px; padding-right:10px;
	    }
/*------------------------------ Black Boxes ---------------------------------------*/
/*----------------------------------Footer-----------------------------------------*/
#Footer
{
	width:auto; margin:10px 5px 0 5px; bottom:0; height:91px; background:url(../../images/footerbg.gif) repeat-x top;  /*border:solid 1px #333;*/
}
	#Footer a
	{
		color:#005695; text-decoration:none; font-weight:bold; font-size:11px; /*padding:0 40px 10px 0;*/
	}
	
	#Footer a:hover
	{
		color:#999; text-decoration:underline;
	}
	
	#Footer .left
	{
		float:left;text-align:left; color:#005695; font-size: 10px; font-weight:bold; width:65%;  margin:8px 5px;  line-height:1.6em; background:url(../../images/Logo_kinsleyTransparent.gif) no-repeat top left; padding:40px 0 0 4px;
	}
	#Footer .right
	{
		float:right;  margin:8px 5px; text-align:right;
	}
/*--------------------------------End Footer----------------------------------------*/
/*	BUTTONS */

.Buttons
{
   border: #0049aa 1px solid; color: white; cursor:pointer; padding:3px;	
   background:url(../../images/Navbg.gif) repeat-x White right bottom; font-size:1em;
   		
}

.Buttons_Bold
{
   border: #0049aa 1px solid; color: white; cursor:pointer; padding: 3px;	
   background:url(../../images/Navbg.gif) repeat-x White right bottom; font-size:1em;
   font-weight:bold;
}
/* Graphic Buttons */
a.buttonclear
{ 
	overflow: hidden;
    width: auto; text-decoration:none; font-weight:bold; 
}

.buttonclear a:active
 {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}
.buttonclear a:active span
 {
    background-position: bottom left;
    padding: 5px 0 4px 18px; /* push text down 1px */
}
	a.buttonclear
	{
	background:transparent url('../../images/bg_button_a.gif') no-repeat scroll top right; color: #fff;  font-weight:bold;
	 display: block;  float: left; height: 29px; margin-right:18px; padding-right: 18px; text-decoration: none; 
	}	
	a.buttonclear span 
	{
	background:transparent url('../../images/bg_button_span.gif') no-repeat ; display: block; line-height: 20px; padding: 5px 0 5px 18px;
	} 
	

/*	END OF BUTTONS */


/* LINKS */
a, a:active, a:visited 
{
    font-family: inherit;  font-size: inherit; text-decoration: inherit; color: #0049aa;
}

a:hover 
{
    text-decoration: inherit;
}
a.Links:link
{
	 color: #0049aa;  text-decoration:none; cursor:pointer;
}
a:hover,
a.Links:hover
{
	color:#7e8890;  text-decoration:underline;
}

a.LinksBold:link
{
	font-size: 11px; color:#27413e;	cursor:pointer;	text-decoration:none; font-weight:bold;
}

a.LinksBold:hover
{
	text-decoration:underline;
}

/* END OF LINKS */

.Textboxes
{
	border: #CCCCCC 1px solid;	font-size: 11px;
}
.Textboxes_RightAlign
{
	border: #CCCCCC 1px solid;	font-size: 11px; text-align:right;
}
.DropDownLists
{
	border: #CCCCCC 1px solid;	font-size: 11px; font-family: Arial;
}

/* end of css classes related to Controls */

.FieldLabels_Bold
{
	font-size: 11px; color: Black;	font-weight: bold;
}
.HeaderCell
{
 	background: inherit; font-weight: bold;
}
.GridRecordCountFooter
{
	font-weight: bold
}
.MenuHelp
{
	color: white;	font-weight: bold
}
table.patterntable
{
	border: 1px solid #cdcdcd;	background:url(../../images/tb_bg.jpg);
}
.MilesGridInactive
{
	background: #FFCCCC
}
.MilesGridInactiveAlternating
{
	background: #FFDDDD
}

