﻿/* Clearfix */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0.1px;
	clear: both;
	font-size: 0;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
html>body .clearfix {
	display:block;
}
/* \*/
* html .clearfix
{
	height: 1%;
}
/* */

/* Turn off borders on linked images. */
a img
{
	border: 0;
}

/* kill default form margin/padding */
form {
	margin:0;
	padding:0;
}

/* kill default dl margin/padding */
dl, dt, dd {
	margin:0;
	padding:0;
}

/* Make sure our inline elements vertical-align properly. */
img,
input,
select,
label
{
	vertical-align: middle;
}

/* Make sure all elements inherent font properties properly. */
table,
thead,
tbody,
tfoot,
tr,
th,
td,
input,
select,
textarea
{
	font-size: 1em;
	font-family: inherit;
}

/* Make table cells default to top vertical alignment since more often than not we want it this way. */
td
{
	vertical-align: top;
}

table .action,
table .numeric,
table .money
{
	text-align: right;
}
tfoot th
{
	text-align: right;
}

/*****************************************************************
** Descriptive classes mainly for use in our rich-text-editors. **
*****************************************************************/
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.floatNone
{
	float: none;
	clear: both;
}
.alignR
{
	text-align: right;
}
.none
{
	display: none;
}
.hidden
{
	visibility: hidden;
}


body
	{
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	}

a {text-decoration: none;}
a:link {color: #000;}
a:visited {color: #000;}
a:active {color: #666;}
a:hover {color: #666;}

/* START */

.header
	{
	height: 86px;
	/* background-image: url(/images/new/bg_header.jpg); */
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: transparent;
	padding: 0 0 0 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	margin-bottom: 0px;
	}
	
	.header .logoContainer
		{
		display: inline;
		float: left;
		width: 242px;
		height: 72px;
		padding: 0px 0 0 0;
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 61px;
		}
		/* Begin hiding form Mac IE */
		/* \*/
		html>body div.header .logoContainer
		{
		height: 61px;
		}
		/* Begin hiding form Mac IE */
		
			#logoContainer a {
				text-decoration:none;
				}
				.hide {
				visibility:hidden;
				}
				#logo { /* RSS Link */
				float: left;
				position:absolute;
				width : 310px;
				height: 84px;
				margin-left: 0px;
				margin-top: 0px;
				}
				#home { /* RSS Link */
				float: left;
				position:absolute;
				width : 72px;
				height: 26px;
				margin-left: 310px;
				margin-top: 0px;
				}
				#quickorder { /* Email Link */
				float: left;
				position:absolute;
				width : 91px;
				height: 26px;
				margin-left: 383px;
				margin-top: 0px;
				}
				#requestcatalog { /* Mobile Link */
				float: left;
				position:absolute;
				width : 123px;
				height: 26px;
				margin-left: 475px;
				margin-top: 0px;
				}
				#customerservice{ /* RSS Link */
				float: left;
				position:absolute;
				width : 127px;
				height: 26px;
				margin-left: 599px;
				margin-top: 0px;
				}
				#contact{ /* Email Link */
				float: left;
				position:absolute;
				width : 77px;
				height: 26px;
				margin-left: 726px;
				margin-top: 0px;
				}
				#login{ /* Mobile Link */
				float: left;
				position:absolute;
				width : 63px;
				height: 26px;
				margin-left: 801px;
				margin-top: 0px;
				}
				#shoppingcart{ /* Mobile Link */
				float: left;
				position:absolute;
				width : 130px;
				height: 26px;
				margin-left: 864px;
				margin-top: 0px;
				}
	.header .rightHeaderWrap
		{
		float: left;
		width: 635px;
		margin-left: 30px;
		}
	
		.header .rightHeaderWrap .topNav
			{
			border-bottom: 0px solid #fff;
			color: #fff;
			padding: 0px 0 0px 0;
			margin-bottom: 0px;
			}
		
			.header .rightHeaderWrap .topNav a
				{
				color: #fff;
				text-transform: uppercase;
				}
	
		.header .rightHeaderWrap .phoneNumber
			{
			color: #fff;
			float: left;
			width: 335px;
			}
	
			.header .rightHeaderWrap .phoneNumber span
				{
				font-size: 14px;
				font-weight: bold;
				}
	
		.header .rightHeaderWrap .search
			{
			color: #fff;
			float: left;
			padding-top: 55px;
			}

.leftNav
	{
	background-image: url("/images/new/bg_leftNav.gif");
	background-repeat: repeat-y;
	background-position: 0 0;
	background-color: transparent;	
	width: 182px;
	margin: 0;
	}
	
	.NavsTopBottom
		{
		float: left;
		clear: both;
		}

	.leftNav .sectionTitle
		{
		width: 182px;
		padding: 8px 1px 8px 9px; 
		border-bottom: 1px solid #c3c9d9;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 172px;
		}
		/* Begin hiding form Mac IE */
		/* \*/
		html>body div.leftNav ul
		{
		width: 172px;
		}
		/* Begin hiding form Mac IE */
				
	.leftNav ul
		{
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 11px;
		font-weight: bold;
		width: 182px;
		background-color: transparent;
		padding: 0 1px 0 1px;
		background-color: transparent;	
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 180px;
		}
		/* Begin hiding form Mac IE */
		/* \*/
		html>body div.leftNav ul
		{
		width: 180px;
		}
		/* Begin hiding form Mac IE */
		
		.leftNav ul li 
			{
			float: left;
			width: 180px;
			margin: 0;
			padding: 5px 0 0 0;
			background-image: url(/images/new/bg_smallGradiant.jpg);
			background-repeat: repeat-x;
			background-position: 0 0;
			background-color: transparent;	
			border-bottom: 1px solid #c3c9d9;
			font-weight: bold;
			text-transform: uppercase;
			}
			
			.leftNav ul li.last
				{
				background-image: none;
				border-bottom: 0;
				}
			
			.leftNav ul li a
				{
				display: block;
				color: #2e438e;
				padding: 0 0 0 7px;
				}
				
			.leftNav ul li ul
				{
				list-style: none;
				margin: 0;
				padding: 0;
				font-size: 11px;
				font-weight: normal;
				}
				
				.leftNav ul li ul li
					{
					margin: 0;
					padding: 0;
					background-image: none;
					background-color: transparent;	
					border: 0;
					font-weight: normal;
					text-transform: capitalize;
					}
				
				.leftNav ul li ul li.viewAll
					{
					background-image: url(/images/new/redArrow.gif);
					background-repeat: no-repeat;
					background-position: 7px 4px;
					background-color: transparent;			
					font-weight: bold;		
					padding-bottom: 7px;
					}
					
					.leftNav ul li ul li a
						{
						display: block;
						color: #2e438e;
						padding: 0 0 0 18px;
						}
		
.homeMain
	{
	padding: 0 50px 0 50px;
	}
	
	.subheader
		{
		font-weight: normal;
		text-transform: uppercase;
		color: #2E438E;
		font-size: 16px;
		}
	
	.homeMain .callOutsHeader
		{
		padding: 3px 0 3px 0;
		/* border-top: 14px solid #e30022; */
		width: 565px;
		height: 14px;
		background-image:url('/images/wavy-bar.jpg')
		}
		
	.homeMain .callOuts
		{
		padding: 3px 0 3px 0;
		/* border-top: 14px solid #e30022; */
		width: 565px;
		}
		
	.homeMain .callOuts .leftCallOut
		{
		margin-right: 2px;
		}
		
	.homeMain h2
		{
		font-weight: normal;
		text-transform: uppercase;
		color: #e30022;
		font-size: 16px;
		}
		
	.homeMain .issuesContain
		{
		margin-right: 2px;
		font-weight: bold;
		color: #2e438e;
		font-size: 11px;
		border-bottom: 1px dotted #b6bfd9;
		padding-bottom: 10px;
		margin-bottom: 10px;
		}
		
		.homeMain .issuesContain ul
			{
			padding: 0;
			margin: 0 0 0 15px;
			}
		
	.homeMain .categoriesContain
		{
		margin-right: 2px;
		font-weight: bold;
		color: #2e438e;
		font-size: 11px;
		margin-bottom: 10px;
		}
		
		.homeMain .categoriesContain
			{
			margin-right: 2px;
			font-weight: bold;
			color: #2e438e;
			font-size: 11px;
			}
			
		.homeMain .categoriesContain .leftCategories, .homeMain .categoriesContain .rightCategories
			{
			list-style: none;
			float: left;
			width: 45%;
			padding: 0;
			margin: 0;
			font-weight: bold;
			color: #2e438e;
			font-size: 11px;
			}
			
		.homeMain .categoriesContain .leftCategories
			{
			margin-right: 5%;
			border-right: 1px dotted #b6bfd9;
			}
			
			.homeMain .categoriesContain a
				{
				color: #2e438e;
				}
		
		
.rightNav
	{
	background-image: url("/images/new/bg_rightNav.gif");
	background-repeat: repeat-y;
	background-position: 0 0;
	background-color: transparent;	
	width: 150px;
	}

	.rightNav .sectionTitle
		{
		width: 150px;
		padding: 8px 1px 8px 9px; 
		border-bottom: 1px solid #c3c9d9;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 140px;
		}
		/* Begin hiding form Mac IE */
		/* \*/
		html>body div.rightNav .sectionTitle
		{
		width: 140px;
		}
		/* Begin hiding form Mac IE */
				
	.rightNav ul
		{
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 11px;
		font-weight: bold;
		width: 150px;
		padding: 0 1px 0 1px; 
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 148px;
		}
		/* Begin hiding form Mac IE */
		/* \*/
		html>body div.rightNav ul
		{
		width: 148px;
		}
		/* Begin hiding form Mac IE */
		
		.rightNav ul li 
			{
			margin: 0;
			padding: 12px 0 25px 0;
			background-image: url(/images/new/bg_smallGradiant.jpg);
			background-repeat: repeat-x;
			background-position: 0 100%;
			background-color: transparent;	
			border-bottom: 1px solid #c3c9d9;
			text-align: center;
			}
			
		.rightNav ul li.last
			{
			background-image: none;
			border-bottom: 0;
			}
			
			.rightNav ul li a
				{
				display: block;
				color: #2e438e;
				padding: 0 0 0 7px;
				font-weight: bold;
				margin-bottom: 5px;
				}
				
			
			.rightNav ul li a.featuredItemImage img
				{
				border: 1px solid #c3c9d9;
				}
			
.footer
	{
	
	}
	
	.signup
		{
		background-color: #dbe1ef;
		text-align: center;
		color: #2e438e;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
		padding: 8px 0 8px 0;
		}
	
	.signup input
		{
		color: #4f4f4f;
		font-size: 10px;
		font-weight: normal;
		}
		
	.icons
		{
		float: left;
		padding: 5px 0 0 15px;
		}
		
	.copyright
		{
		padding: 30px 3px 0 0;
		text-align: right;
		}
	
	
	