
/********************
 THE LAYOUT
 ********************/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: #ffffff;

}

#pagecontainer {
	width: 760px;
	margin: 10px auto;
	text-align: center;
	background: #fff;
}

#topheader {
	width: 760px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	text-align: center;
}


#mainnav {
	clear: both;
	width: 760px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #dddddd  url(/images/mainnavback.gif) no-repeat right bottom;
	text-align: center;
	height: 100px;
}

	#minicart {
		margin: 0px 0px 0px 0px;
		padding: 0px 20px 0px 0px;
	}

#mainpage {
	clear: both;
	width: 760px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: #eeeeff;
}

	#lhsnav {
		margin: 5px 0px 10px 0px;
		float: left;
		width: 170px;
		padding: 0px 0px 10px 5px;
		text-align: left;
		background: #eeeeff;
		}

		* html #lhsnav {
			width: 175px;
		}


	#pagebody {
		width: 575px;
		/* diff width to work in Moz */
		margin: 0px 0px 0px 5px;
		padding: 0px 0px 0px 0px;
		float: left;
		text-align: left;
		background: #eeeeff;
	 }

	 	/* for i.e. = perfect */
	 	* html #pagebody {
	 		width: 585px;
	 		margin: 0px;
	 	}


	#pagebodytable {
		width: 575px;
	}

		* html #pagebodytable {
			width: 585px;
		}


		#pagebodytable td.pagebodytab {
			text-align: left;
			margin: 0;
			padding: 0;
		}

			* html #pagebodytable td.pagebodytab {
				text-align: center;
			}


	#pagebodybordered {
		margin: 0px 0px 0px 0px;
		width: 575px;
		min-height: 520px;
		height: auto;
		padding: 0px 0px 0px 0px;
		text-align: center;
		background: #ffffff url(/images/pagebodyback.gif) no-repeat top left;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #fff;
	 }

	/* for Internet Explorer */
	/*\*/
	* html .#pagebodybordered {
	height: 520px;
	width: 575px;
	}
	/**/

	#breadcrumb {
		margin: 0px 0px 0px 0px;
		width: 540px;
		padding: 4px 0px 4px 10px;
		text-align: left;
		background: transparent;
	 }

	 	* html #breadcrumb {
			margin: 0px 0px 0px 0px;
			width: 550px;
			padding: 4px 0px 4px 1px;
	 	}

	#pagebodycontent {
		margin: 0px 0px 0px 0px;
		width: 540px;
		padding: 0px 0px 0px 10px;
		text-align: left;
		background: transparent;
	 }

	 	* html #pagebodycontent {
			width: 550px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
	 	}

#footer {
	clear: both;
	width: 760px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	background: #004488 url(/images/footerback.jpg) repeat-x left top;
}


	#footerleft {
		margin: 0px 0px 0px 0px;
		float: left;
		text-align: left;
		width: 175px;
		padding: 10px 0px 10px 0px;
		background: transparent;

	}

	#footerright {
		margin: 0px 0px 0px 0px;
		float: right;
		width: 585px;
		text-align: left;
		padding: 30px 0px 10px 0px;
		background: transparent url(/images/footerrightback.gif) no-repeat left top;
	}
