/* 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;
}
/* \*/
.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: middle;
}

table .action,
table .numeric,
table .money
{
	text-align: right;
}
tfoot th
{
	text-align: right;
}

p
	{
	padding-right: 10px;
	}

h1
	{
	color: #017FC9;
	font-size: 22px;
	font-weight: normal;
	margin-bottom:5px;
	padding:0 0 0 0;
	text-transform:uppercase;
	}

h1 .lower
	{
	display: inline;
	text-transform:lowercase;
	}	
	
h2
	{
	display: block;
	color:#328EC9;
	font-family:"Helvetica Neue",helvetica,arial,verdana,sans-serif;
	font-size:13px;
	font-weight:normal;
	margin:0;
	padding:0 0 0 0;
	}
	
h3
	{
	display: block;
	color:#666;
	font-family:"Helvetica Neue",helvetica,arial,verdana,sans-serif;
	font-size:12px;
	font-weight: bold;
	margin:0;
	padding:0 0 0 0;
	}
	
.whiteBg
	{
	background-color: #fff;
	}
	
.columnsWrap
	{
	padding: 10px;
	}

	.columnsWrap .column1of3,
	.columnsWrap .column2of3,
	.columnsWrap .column3of3
		{
		float: left;
		width: 30%;
		margin-right: 2%;
		}
		
	.columnsWrap .column3of3
		{
		margin-right: 0;
		width: 33%;
		}
		
	.columnsWrap .column1of2,
	.columnsWrap .column2of2
		{
		float: left;
		width: 48%;
		margin-right: 2%;
		}
		
	.columnsWrap .column2of2
		{
		margin-right: 0;
		}
		
	.columnsWrapSmallLeft, .column1of2
		{
		float: left;
		width: 58%;
		margin-right: 2%;
		}
		
	.columnsWrapSmallLeft, .column2of2
		{
		float: left;
		width: 38%;
		margin-right: 2%;
		}
		
	.columnsWrapSmallLeft, .column2of2
		{
		margin-right: 0;
		}
		
	.columnsWrap dl
		{
		padding: 10px;
		margin:  0 0 5px 0;
		border: 1px solid #ccc;
		}
		
		.columnsWrap dt
			{
			font-size:14px;
			font-weight: bold;
			}
		
			.columnsWrap dt a
				{
				color: #000;
				}
		
		.columnsWrap dd
			{
			margin: 0;
			padding: 0;
			}
		
			.columnsWrap dd ul
				{
				margin: 0;
				padding: 0;
				list-style: none;
				}
		
				.columnsWrap dd ul li
					{
					margin: 0;
					padding: 0;
					list-style: none;
					}
		
					.columnsWrap dd ul li ul
						{
						margin: 0;
						padding: 0 0 0 10px;
						list-style: none;
						}

/*****************************************************************
** 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:12px;
	color: #000;
	}

a {text-decoration: none;}
a:link {color: #017FC9;}
a:visited {color: #017FC9;}
a:active {color: #666;}
a:hover {color: #666;}

#wrapper
	{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background-image: url("../images/bg_wrapper.gif");
	background-repeat: repeat-y;
	background-position: 0 0;
	background-color: transparent;
	}
	
	#header
		{
		height: 90px;
		}
	
		#header a.logo
			{
			float: left;
			margin: 0 0 0 17px;
			padding: 21px 0 0 0;
			}
			
		
				
	#navigation
		{
		margin: 0;
		padding: 0;
		height: 35px;
		background-image: url("../images/bg_navigation.gif");
		background-repeat: no-repeat;
		background-position: 100% 50%;
		background-color: transparent;
		position: relative;
		}
		
			#navigation li
				{
				display: inline;
				float: left;
				margin: 0;
				padding: 0;
				height: 35px;
				}
				
			#navigation li.nav1
				{
				width: 30px;
				margin: 0 0 0 15px;
				}
				
			#navigation li.nav2
				{
				width: 143px;
				}
				
			#navigation li.nav3
				{
				width: 143px;
				}
			#navigation li.nav4
				{
				width: 143px;
				}
			#navigation li.nav5
				{
				width: 153px;
				}				
				
				#navigation li a
					{
					display: block;
					overflow: hidden;
					text-indent: -999em;
					background-repeat: no-repeat;
					background-position: 0 0;
					background-color: transparent;
					height: 35px;
					}
				
				#navigation li a:hover
					{
					background-position: 0 -35px;
					}
			
		
			
		#breadCrumbs
			{
			background-image: url("../images/bg_breadcrumbs.gif");
			background-repeat: no-repeat;
			margin-bottom: 3px;
			height: 20px;
			line-height: 17px;
			padding: 0 0 0 18px;
			font-size: 11px;
			}
				
			#breadCrumbs a
				{
				color: #3778b8;
				text-decoration: none;
				}
			
		#content .firstContent
			{
			display: inline;
			float: left;
			width: 800px;
			margin-left: 10px;
			padding: 0 5px 25px 5px;
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 800px;
			}
			/* Begin hiding form Mac IE */
			/* \*/
			html>body div#content .firstContent
			{
			width: 800px;
			}
			/* Begin hiding form Mac IE */
			
			#content .firstContent .rightCallOut
				{
				float: right;
				border: 1px solid #ccc;
				padding: 2%;
				width: 35%;
				margin-left: 1%;
				margin-bottom: 1%;
				}
			
			#content .firstContent .rightImage
				{
				float: right;
				margin-left: 1%;
				margin-bottom: 1%;
				}
				
			.ulBordersGrey ul
				{
				border:1px solid #CCCCCC;
				padding-top: 10px;
				padding-bottom: 10px;
				padding-right: 10px;
				margin: 0 0 5px 0; 
				}
				
			.ulBordersGrey ul ul
				{
				border: 0;
				padding-top: 0px;
				padding-bottom: 0px;
				}
				
	


				

/* Landing pages */
		
		.floatingNav { 
			text-align: left;
			float: left;
			width: 300px; 
			margin: 10px;
			}	
	
		
			
		.column1of2Float
				{
				float: left; 
				width: 25%;
				margin-right: 2%;
				margin-bottom: 3%;
				}
				
		.columnGrayBox
				{
				border: 1px #b6b6b4 dashed;
				background-color: #ececec;
				padding-right: 8px;
				}		
				
			.column1of2Float li
				{
				padding-bottom: 1px;
				padding-top: 5px;
				}
				
						
				.column1of2Float .text
					{
					float: left;
					margin: 5px 10px 10px 10px;
					font-size: 9px;
					}
		
		.column2of2Float
				{
				float: left; 
				width: 65%;
				margin-right: 2%;
				margin-bottom: 3%;
				}
						
		.column2of2Float .selectionShell
				{
	 			clear: none;
				width: 100%;
				margin-top: 6px;
				margin-bottom: 6px;
				}
		
	
			
		.imgTable { 
			text-align: center;
			width: 100px;
			height: 100px; 
			margin-right: 10px;
			display: inline;
			float: left;
			padding: 0 2px 10px 0;
			}	
		
			.imgTable img {  
			display: inline;
			}
			
		.contentTable { 
			width: 90%px;
			margin: 10px;
			border-bottom: 1px #b6b6b4 dashed;
			}
			
				
		.contentTableLanding {
			padding: 6px 0; 
			width: 95%;
			margin: 5px 10px;
			height: 120px;
			border-bottom: 1px #b6b6b4 dashed;
			}	
			
		.productTitle {
			font-weight: 100;
			font-style: italic;
			margin: 3px;
			font-size: 14px;
			color: #333333;
			}
		
		.productText {
			color: #ff6600;
			font-size: 13px;
			line-height: 15px;
			}