/*-------------------------------*/
/* General Setup                 */

	* {
		padding: 0;
		margin: 0;
	}

	html, body {
		color: #001A4E;
		background: #FFF;
	}

	body {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.8em;
		color: #001A4E;
		background: inherit;
		text-align: center; /* IE5 WIN: Thinks that you can text align block level elements */
	}

	a {
		color: #001A4E;
	}

	a img {
		border: 0;
	}

	ul, ol {
		padding: 10px 25px;
	}

	p {
		margin: 1em 0;
	}

	table {
		font-size: 1em; /* IE5 WIN: does not inherit the font size correctly */
	}

	input {
		font-size: 1em; /* FF: keep font size consistent, by default it is increased by 0.1em */
	}

	select option {
		padding-right: 5px; /* FF: The star rule above for removing the padding also effects the select option's  */
	}

/*-------------------------------*/
/* Generic Classes               */

	.offScreen {
		position: absolute;
		left: -5000px;
	}

	.error {
		color: red;
		background: inherit;
		font-weight: bold;
	}

/*-------------------------------*/
/* Skip Links                    */

	#skipLinks,
	#styleSheetSwitcher {
		padding: 0;
		position: absolute;
	 	right: 0px;
	 	top: -500em; /* This needs a width, height and overflow hidden to stop IE5 MAC from doing horizontal scroll */
	}

	#skipLinks a:active,
	#skipLinks a:focus,
	#styleSheetSwitcher a:active,
	#styleSheetSwitcher a:focus {
		position: absolute;
		top: 500.25em;
		right: 0.25em;
		z-index: 5;
		white-space: nowrap;
		color: #000;
		background: #FFF;
		border: 2px solid red;
		padding: 3px;
	}

/*-------------------------------*/
/* Page Frame                    */

	/*-------------------------------*/
	/* Page Container                */

		#pageContainer {
			width: 990px;
			margin: 0 auto;
			text-align: left;
		}

	/*-------------------------------*/
	/* Page Title                    */

		#pageTitle {
			text-align: center;
		}

		#pageTitle p {
			margin: 0;
		}

	/*-------------------------------*/
	/* Page Content                  */

		#pageContent {
			padding: 1em 0 0 0;
		}

		#pageContent h1 {
			font-size: 1.2em;
			margin-bottom: 1em;
		}

		#pageContent h1 a {
			color: #001A4E;
			background: inherit;
			text-decoration: none;
		}

		#pageContent h2 {
			font-size: 1em;
			margin-bottom: 1em;
		}

	/*-------------------------------*/
	/* Page Footer                   */

		#pageFooter {
			clear: both;
			overflow: auto;
		}

		#pageFooter h1 {
			position: absolute;
			left: -5000px;
		}

		#pageFooter ul {
			margin: 1em 0 0 0;
			padding: 1em 0 0 0;
			border-top: 1px solid #000;
			list-style: none;
		}

		#pageFooter ul.links0 { padding-left: 495px; }
		#pageFooter ul.links1 { padding-left: 435px; } /* ((990-(120*1))/2) */
		#pageFooter ul.links2 { padding-left: 375px; }
		#pageFooter ul.links3 { padding-left: 315px; }
		#pageFooter ul.links4 { padding-left: 255px; }
		#pageFooter ul.links5 { padding-left: 195px; }
		#pageFooter ul.links6 { padding-left: 135px; }

		#pageFooter ul li {
			width: 100px;
			float: left;
			background: url('../../img/global/footerLinkBgCream.gif') no-repeat 0 100%;
			text-align: center;
			margin: 0 20px 1em 0;
			padding: 0 0 2px 0;
		}

		#pageFooter ul li a {
			text-decoration: none;
			color: #001A4E;
			background: #FFF;
		}

		#pageFooter p.copyright {
			clear: both;
			text-align: center;
			font-size: 0.8em;
			padding: 1em 0;
		}

		#pageFooter p.copyright,
		#pageFooter p.copyright a {
			color: #AAA;
			background: #FFF;
		}

/*-------------------------------*/
/* Basic Button                  */

	a.basicButton {
		width: 180px;
		display: block;
		background: #E6E6E6 url('../../img/global/buttonMiddle.gif') repeat-y;
		text-decoration: none;
		color: #001A4E;
	}

	a.basicButton:hover,
	a.basicButton:active,
	a.basicButton:focus {
		color: #FF9E00;
	}

	a.basicButton span {
		display: block;
		background: url('../../img/global/buttonTop.gif') no-repeat;
	}

	a.basicButton span span {
		font-size: 1.1em;
		padding: 5px 0;
		display: block;
		background: url('../../img/global/buttonBottom.gif') no-repeat 0 100%;
	}

/*-------------------------------*/
/* Basic Form                    */

	.basicForm fieldset {
		padding-bottom: 5px;
		margin: 3em 0 2em 0;
		border: 0;
	}

	.basicForm legend { /* When used on the store, which uses a different style for its forms (all with legend's) */
		display: none;
	}

	.basicForm fieldset ul.error {
		text-align: center;
		padding: 1em 0 2em 0;
	}

	.basicForm .row {
		padding: 5px 0 0 495px; /* (990px / 2)  */
		clear: both;
	}

	.basicForm .row .label { /* NS7: Cannot apply styles to label object */
		float: left;
		width: 370px;
		margin: 0 0 0 -380px;
		text-align: right;
	}

	.basicForm .row .input input {
		width: 15em;
	}

	.basicForm .date .input input,
	.basicForm .checkbox .input input {
		width: auto;
		text-align: center;
	}

/*-------------------------------*/
/*  Generic table                */

	.basicTable {
		width: 100%;
		border: 0;
	}

	.basicTable th {
		padding: 3px;
		border: 0;
		text-align: center;
	}

	.basicTable td {
		padding: 3px;
		border: 0;
		background: #E3E3E3;
		text-align: center;
	}

	.basicTable tfoot td {
		font-weight: bold;
	}

	.basicTable td a:hover,
	.basicTable td a:active,
	.basicTable td a:focus {
		background: inherit;
		color: #00204E;
	}

	.basicTable tr td.lineTotal {
		background: #D0D0D0;
	}

	.basicTable tr.highlight td {
		background: #D0D0D0;
	}

	.basicTable td.image {
		text-align: center; /* IE5 WIN: thinks block level elements are text */
	}

	.basicTable td.image img {
		display: block;
		margin: 0 auto;
	}

	.basicTable td.price {
		text-align: right;
	}

	.basicTable td.quantity select {
		width: 6em;
	}

	.basicTable td.quantity a {
		display: block;
		padding: 0.2em 0 0 0;
	}

/*--------------------------------------------------*/
/* Order table                                      */

	.orderTable {
		margin: 0 0 10px 0;
		border: 0;
		border-top: 1px solid #BBBBD5;
		border-left: 1px solid #BBBBD5;
		background: #EDEDED;
	}

	.orderTable.wideTable {
		width: 100%;
	}

	.orderTable th {
		color: #20287A;
		font-size: 0.9em;
	}

	.orderTable th,
	.orderTable td {
		border: 0;
		padding: 5px;
		border-right: 1px solid #BBBBD5;
		border-bottom: 1px solid #BBBBD5;
		text-align: center;
	}

	.orderTable td.quantity a {
		display: block;
	}

/*--------------------------------------------------*/
/* Details                                          */

	.details {
		margin: 3em 0 3em 220px;
		padding: 0 0 1px 0; /* FF: link focus border causes a scroll bar */
		overflow: auto;
	}

	.details p {
		margin: 0;
		padding: 0 0 5px 14.5em;
		clear: both;
	}

	.details p strong {
		float: left;
		width: 14em;
		margin: 0 0 0 -14.5em;
		text-align: right;
	}

	.details p span {
		display: block;
	}