html, body {

	background: url(../images/nav/customer/bg-viewport.gif);
	
}

#mainFrame {

	position: relative;
	margin: 0px auto;
	width: 970px;
	overflow: hidden;

}

#pageRight, #pageLeft {

	display: none;

}

#frameLeft {

	float: left;
	background: url(../images/nav/customer/bg-pageleft.gif) repeat-y;
	padding-bottom: 9999px;
	margin-bottom: -9999px;
	width: 10px;

}

#pageArea {

	float: left;
	background: #ffffff;
	width: 950px;

}

	#contentHeader {

		height: 125px;

	}

		#topHeader {
		
			position: relative;
			background: url(../images/nav/customer/bg-topheader.gif) repeat-x;
			margin: 0px 9px;
			height: 21px;
			z-index: 1;

		}

			#topLeftCorner {

				position: absolute;
				background: url(../images/nav/customer/corner-topleft.gif) no-repeat;
				margin-left: -9px;
				width: 9px;
				height: 21px;
			}

			#topRightCorner {

				position: absolute;
				background: url(../images/nav/customer/corner-topright.gif) no-repeat;
				margin-right: -9px;
				width: 9px;
				height: 21px;
				right: 0px;

			}

		#mainHeader {

			position: relative;
			background: url(../images/nav/customer/header-image.jpg) no-repeat 9px -5px;
			height: 88px;
			z-index: 0;

		}

			#leftBorder {

				position: absolute;
				background: url(../images/nav/customer/border-header.gif) repeat-y;
				width: 1px;
				height: 125px;
				top: -21px;

			}

			#rightBorder {

				position: absolute;
				background: url(../images/nav/customer/border-header.gif) repeat-y;
				width: 1px;
				height: 125px;
				top: -21px;
				right: 0px;

			}

			#headerLogo {

				float:left;
				position: relative;
				background: url(../images/nav/customer/logo-duvivier.gif) no-repeat 20px 6px;
				width: 240px;
				height: 88px;
				cursor: pointer;
				cursor: hand;

			}

		#bottomHeader {
		
			position: relative;
			background: url(../images/nav/customer/bg-bottomheader.gif) repeat-x;
			margin: 0px 9px;
			height: 16px;
			z-index: 1;

		}

			#bottomLeftCorner {

				position: absolute;
				background: url(../images/nav/customer/corner-bottomleft.gif) no-repeat;
				margin-left: -9px;
				width: 9px;
				height: 16px;

			}

			#bottomRightCorner {

				position: absolute;
				background: url(../images/nav/customer/corner-bottomright.gif) no-repeat;
				margin-right: -9px;
				width: 9px;
				height: 16px;
				right: 0px;

			}

	#contentMenu {

		position: relative;
		background: url(../images/nav/customer/bg-topmenu.gif) repeat-x;
		border-right: 1px solid #8d8d8d;
		border-left: 1px solid #8d8d8d;
		height: 29px;

	}

		#searchBox {

			float: right;
			width: 262px;

		}

	#pageContent {

		position: relative;
		background: url(../images/nav/customer/bg-contentarea.gif) repeat-x;
		border-right: 1px solid #8d8d8d;
		border-left: 1px solid #8d8d8d;
		width: auto;
		overflow: hidden;

	}

		#leftColumn {

			float: left;
			position: relative;
			padding-bottom: 9999px;
			margin-bottom: -9999px;
			width: 188px;

		}

			#leftMenu {

				position: relative;
				background-color: #f6f6f6;
				margin: 10px 2px 0px 10px;
				border-right: 2px solid #d6d7d9;
				border-left: 2px solid #d6d7d9;
				width: 170px;

			}

				#topLeftMenu {

					position: absolute;
					background: url(../images/nav/customer/bg-top-leftmenu.gif) no-repeat;
					margin: -5px 0px 0px -2px;
					width: 175px;
					height: 10px;
	
				}

				#bottomLeftMenu {

					position: absolute;
					background: url(../images/nav/customer/bg-bottom-leftmenu.gif) no-repeat;
					margin: -1px 0px 0px -2px;
					width: 175px;
					height: 10px;

				}

			#linksMenu {

				position: relative;
				background-color: #f0f0f0;
				margin: 18px 2px 25px 10px;
				border-right: 2px solid #d6d7d9;
				border-left: 2px solid #d6d7d9;
				width: 170px;

			}

				#topLinksMenu {

					position: absolute;
					background: url(../images/nav/customer/bg-top-quicklinks.gif) no-repeat;
					margin: -5px 0px 0px -2px;
					width: 175px;
					height: 12px;

				}

				#bottomLinksMenu {

					position: absolute;
					background: url(../images/nav/customer/bg-bottom-quicklinks.gif) no-repeat;
					margin: -5px 0px 20px -2px;
					width: 175px;
					height: 12px;
					clear: both;

				}

		#contentColumn {

			position: relative;
			padding-bottom: 9999px;
			margin-bottom: -9999px;
			/*margin-left: 188px;*/
			width: auto;

		}

			#contentTitle {

				position: relative;
				background: url(../images/nav/customer/bg-title.gif) repeat-x;
				margin: 4px 16px 0px 10px;
				padding: 6px 0px 0px 10px;
				height: 20px;

			}
			#contentTitle2 {

				position: relative;
				background-color: #F0F0F0;
				margin: 0px 10px 0px 4px;
				padding: 6px 0px 0px 10px;
				border-left:2px solid #DBDCDE;
				border-right:2px solid #DBDCDE;
				top:-2px;
			}

			#contentArea {

				position: relative;
				background-color: #ffffff;
				border-right: 2px solid #d6d7d9;
				border-left: 2px solid #d6d7d9;
				margin: 0px 10px 0px 4px;
				padding: 5px;

			}
			* html #contentArea { margin: 0px 11px 0px 7px; }

			#contentFooter {

				position: relative;
				background: url(../images/nav/customer/bg-footer.gif) repeat-x;
				margin: 0px 16px 20px 10px;
				height: 10px;

			}
			* html #contentFooter { margin: 0px 16px 20px 13px; }

#frameRight {

	float: left;
	background: url(../images/nav/customer/bg-pageright.gif) repeat-y;
	padding-bottom: 9999px;
	margin-bottom: -9999px;
	width: 10px;

}
#pageFooterTop {

	position: relative;
	background: #ffffff;
	border-top: 2px solid #c0c0c0;
	border-right: 1px solid #8d8d8d;
	border-left: 1px solid #8d8d8d;
	margin: -10px auto 0px auto;
	width: 948px;
	height: 6px;
	clear: both;

}
#pageFooter {

	position: relative;
	background: url(../images/nav/customer/bg-pagefooter.gif) repeat-x;
	margin: -4px auto 0 auto;
	width: 928px;
	height: 33px;

}
* html #pageFooter { margin-top: -16px; }

	#bottomLeft {

		position: absolute;
		background: url(../images/nav/customer/corner-footer-left.gif) no-repeat;
		margin: 0px 0px 0px -20px;
		width: 21px;
		height: 33px;

	}
	#bottomRight {

		position: absolute;
		background: url(../images/nav/customer/corner-footer-right.gif) no-repeat;
		margin: 0px -20px 0px 0px;
		width: 21px;
		height: 33px;
		right: 0px;

	}

/*--/ this hack is needed for Opera /--*/
@media all and (min-width:0px) {

	#frameLeft, #frameRight {

		margin-bottom: 0px; 
		padding-bottom: 0px;
	
	}
	#frameLeft:after, #frameRight:after	{

		/* these two properties are needed if we want opera to display the background */
		content: ''; 
		display: block;
		background: inherit;
		padding-top: 9999px;
		margin-bottom: -9999px;

	}

}