@charset "utf-8";
/*
	############################
	#	 PAGE LAYOUT STYLING   #
	############################
*/

/*
BODY ,
.column0 .innerColumn {
	background: 	#FCFCF6;
	background: 	#ECE7E3;
	background:		#DDDDD1;
}
BODY {
	margin:			20px 4%;
	background:		#D9E6EF;
	background: 	#015F9F;
	background:		#666;
	background:		#DDDDD1;
}
.column0 .innerColumn ,
#Page-Wrapper {
}
*/

BODY {
	background: 	#FFF;
}
#Page-Wrapper {
	background:		transparent;
	width:			auto;
	max-width:		1000px;
	padding-left:	15px;
	padding-right:	15px;
}
#Layout-Header ,
#Layout-Content ,
#Layout-Footer	{
	background:		transparent;
	width:			100%;
}


/*
	#	DEFAULT Layout Styling
*/
.layoutRow {
	margin-top:	15px; /* NOTE: margin-bottom does not work!? */
	}
	#Layout-Content .layoutColumn {} /* NOT Header or Footer */
		#Layout-Content .innerColumn { /* NOT Header or Footer */
			padding-bottom:	1em;
		}
	#Layout-Content .equalHeightColumns { /* NOT Header or Footer */
		/* for EQUAL-HEIGHT COLUMNS 
		*** WARNING: Cannot use bookmarks in IE with these settings! ***
		*/
		margin-bottom: -5000px !important;
		padding-bottom: 5000px !important;
	}
	/* set column-dividers here for consistency */
	.columns-2-equal .column1 ,
	.columns-2-sidebar-left .column1 ,
	.columns-3-sidebars .column1 {
		border-right:	1px solid #CCC;
		border-right:	0;
	}
	.columns-2-equal .column0 .innerColumn ,
	.columns-2-sidebar-left .column0 .innerColumn ,
	.columns-3-sidebars .column0 .innerColumn {
		border-left:	1px solid #D9DBC7;
		border-left:	1px solid #D9E6EF; /* same blue as H1 background */
		border-left:	1px solid #CCC;
		}
		.column0 .innerColumn .innerColumn {
			border-left:	0;
		}
		.columns-2-equal .column1 .innerColumn ,
		.columns-2-sidebar-left .column1 .innerColumn ,
		.columns-3-sidebars .column1 .innerColumn {
			padding-right:	15px;	/* LEFT Column */
		}
		.columns-2-equal .column0 .innerColumn {	/* RIGHT Column */
			padding-left:	15px;	/* RIGHT Column */
		}
		.columns-2-sidebar-left .column0 .innerColumn {
			padding-left:	25px;	/* MAIN Column */
		}
	.columns-2-sidebar-right .column1 .innerColumn ,
	.columns-3-sidebars .column2 .innerColumn {
		border-left:	1px solid #666;
		border-left:	1px solid #D9DBC7;
		}
		.columns-2-sidebar-right .column0 .innerColumn ,
		.columns-3-sidebars .column0 .innerColumn {
			padding-right:	25px;	/* MAIN Column */
		}
		.columns-2-sidebar-right .column1 .innerColumn {
			padding-left:	15px;	/* RIGHT Column */
		}

#Outer-Row.layoutRow {}
	#Outer-Row.layoutRow .column0 {}
		#Outer-Row.layoutRow .column0 .containerColumn {
			overflow:		auto; /* to container Inner-Row */
			padding-bottom:	0; /* negate default */
			}
			#Inner-Row.columns-2-equal {
				margin-top:		0; /* negate default */
				}
				#Inner-Row.columns-2-equal .layoutColumn {} /* ALL Columns */
					#Inner-Row.columns-2-equal .layoutColumn .innerColumn {
					} /* ALL Columns */
				#Inner-Row.columns-2-equal .column0 {} /* LEFT Column */
					#Inner-Row.layoutRow .column0 .innerColumn {
						margin-left:	0; /* negate Outer-Row margin */
						margin-right:	40%;		/* RC width */
						padding-left:	0;
						padding-right:	25px;
					}
				#Inner-Row.columns-2-equal .column1 { /* RIGHT Column */
					width:			40%;
					margin-left:	-40%;			/* RC width x -1 */
					}
					#Inner-Row.layoutRow .column1 .innerColumn {
						margin-left:	0;			/* RC width x -1 */
						padding-right:	0;
						padding-left:	0;
						border:			0; /* negate default */
					}
			#Inner-Row.columns-2-sidebar-right-280 {
				margin-top:		0; /* negate default */
				}
				#Inner-Row.columns-2-sidebar-right-280 .layoutColumn {} /* ALL Columns */
					#Inner-Row.columns-2-sidebar-right-280 .layoutColumn .innerColumn {
					} /* ALL Columns */
				#Inner-Row.columns-2-sidebar-right-280 .column0 {} /* LEFT Column */
					#Inner-Row.layoutRow .column0 .innerColumn {
						margin-left:	0; /* negate Outer-Row margin */
						margin-right:	280;		/* RC width */
						padding-left:	0;
						padding-right:	25px;
					}
				#Inner-Row.columns-2-sidebar-right-280 .column1 { /* RIGHT Column */
					width:			280px;
					margin-left:	-280px;			/* RC width x -1 */
					}
					#Inner-Row.layoutRow .column1 .innerColumn {
						margin-left:	0;			/* RC width x -1 */
						padding-right:	0;
						padding-left:	0;
						border:			0; /* negate default */
					}

/*
	#
	#	Page Header
	#
*/
#Layout-Header {}
	#Layout-Header .layoutRow {
		margin-top:		25px;	 /* negate default */
		overflow:		visible; /* negate default */
		}
		#Layout-Header .layoutRow .layoutColumn {
			/* negate EQUAL-HEIGHT COLUMNS defaults */
			margin-bottom:  0 !important;
			padding-bottom: 0 !important;
			overflow:		visible;
			}
			#Header.innerColumn {
				padding-bottom:	0; /* negate default */
				}
				#Header .right {
					float:			right;
					text-align:		right;
					line-height:	200%;
					margin-top:		-15px;
					margin-right:	3px;
					}
					#Header .right #CallUs { letter-spacing: 1px; }
						#Header #CallUs EM { padding: 0 0px; }
				#Header #Banner {
					}
					#Banner IMG {}
					#Banner SPAN {
						margin-left:	15px;
						padding-left:	15px;
						border-left:	1px solid #666;
						color:			#333;
						font-size:		16px;
					}
				#Header #Navbar {
					margin-top:		15px;
					clear:			both;
					}
					#Navbar UL {
						background:		#1D56A7 url(/shared/img/bg_grad_blue.gif) repeat-x top left;
						border:			1px solid #0E3A69;
						border-width:	1px 2px;
						text-align:		left;
						overflow:		auto;
						}
						#Navbar UL LI {
							border-right:	1px solid #0E3A69;
							float:			left;
							}
							#Navbar LI A {
								color:			#FFF;
								font-size:		0.9em;
								font-weight:	bold;
								text-decoration: none;
								letter-spacing:	1px;
								white-space:	nowrap;
								display:		block;
								padding:		5px 1.5em;
								}
								#Navbar A:hover {
									color:		#FE9;
									text-decoration: none;
								}
								#Navbar LI.current A ,
								#Navbar LI.current A:hover {
									color:		#FE9;
									color:		#FD0;
									color:		#FFD6AA;
									color:		#C6CBA2;
									color:		#E7EDBE;
									color:		#FFD38E;
									color:		#F5D3A1;
									color:		#FFEC92;
								}

/*
	#
	#	Page Footer
	#	
*/
#Layout-Footer {}
	#Layout-Footer .layoutRow {
		/* DEBUG
		background:	#EEE url(../img/bg_grad_silver.png) repeat-x 50%;
		background:	#BDBDA0;
		*/
		}
		#Layout-Footer .layoutRow .layoutColumn {}
			#Footer.innerColumn {
				border-top:		1px solid #666; /* #015F9E */
				padding:		15px 0;
				}
				#Footer P {
					font-size:		0.8em;
					margin:			0 0 0.5ex;
				}
				#Footer #Logo {
					float:			left;
					margin-right:	15px;
				}
				#Footer #CallUs {
					float:			right;
					letter-spacing:	1px;
					/*
					padding-top:	1ex;
					*/
				}


/*
	#
	#	Custom Row Layout: 3-Columns - 2-Equal plus Left Sidebars
	#
	#	TESTER - NOT USED
*/
.columns-3-why-shoptrak {}
	.columns-3-why-shoptrak .column1 {	/* Left Column */
		width:			220px;
		margin-left:	-100%;		/* ALWAYS -100% */
	}
	.columns-3-why-shoptrak .column2 {	/* Right Column */
		width:			220px;
		margin-left:	-220px;		/* RC width x -1 */
		}
	.columns-3-why-shoptrak .column0 {}	/* Main Column */
		.columns-3-why-shoptrak .column0 .innerColumn {
			margin-left:	220px;	/* LC width*/
			margin-right:	220px	/* RC width */
		}

.columns-3-why-shoptrak {}
	.columns-3-why-shoptrak .column1 {	/* Left Column */
		width:			220px;
		margin-left:	-100%;		/* ALWAYS -100% */
	}
	.columns-3-why-shoptrak .column2 {		/* Right Column */
		width:			50%;
		margin-left:	-50%;		/* RC width x -1 */
		}
	.columns-3-why-shoptrak .column0 {}
		.columns-3-why-shoptrak .column0 .innerColumn { 
			margin-left:	220px;	/* LC width */
			margin-right:	50%;	/* RC width */
		}