/* CSS Document */

* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
body {width: 801px; margin: 0 auto; padding: 5px 0; }

img { border: none; }
label { display: none; }

.error { color: red !important; font-weight: bold; }
	.error a, .error a:link { color: red !important; }

.ulError { margin: 2px 0 15px 25px; padding: 0; }
	.ulError li { color: red; }

.spaAsteriskLayout { font-size: 1.4em !important; margin: 0; padding: 0; vertical-align: top; font-weight: bold; color: red; }

.divInfoBox { float: left; width: 518px; margin: 0 0 10px 0; padding: 10px; background-color: #E5E5E5; border: 1px solid #CCCCCC;  }

#divPageContainer { float: left; width: 801px; margin: 10px 0 0 0; padding: 0; text-align: left; background: url(../../images/sensoryplus/layout/background_shadow_right.jpg) top right repeat-y; }
	#divPageInnerContainer { float: left; width: 774px; margin: 0; padding: 0; border: 2px solid #CCCCCC; }

	#divTopMenu { float: left; margin: 0; padding: 0; background: url(../../images/sensoryplus/layout/background_header.jpg) top left no-repeat; }
		#divTopMenu ol { width: 754px; margin: 0 10px 10px 10px; padding: 7px 0; list-style-type: none; text-align: center; border-bottom: 2px dotted #F5AE93; }
			#divTopMenu ol li { display: inline; margin: 0 0 0 4px; padding: 0 4px 0 0; color: #636363; border-right: 2px solid #636363; font-size: 0.7em; font-weight: bold; }
				#divTopMenu ol li a, #divTopMenu ol li a:link { color: #636363; text-decoration: none; }
				#divTopMenu ol li a:hover { text-decoration: underline; }
				#divTopMenu ol li.liLastItem { padding: 0; border: none; }
				#divTopMenu ol li.liSkipNav { display: none; }

	#divTopHeader { float: left; width: 754px; height: 72px; margin: 0 10px; padding: 0; border-bottom: 2px dotted #F5AE93; }
		#divTopHeader #divTopHeader_Logo { float: left; width: 263px; margin: 0; padding: 14px 10px 0 10px; }
		#divTopHeader #divTopHeader_Strapline { float: left; width: 283px; margin: 0; padding: 10px 0 0 0; color: #636363; font-weight: normal; font-size: 1.1em; }
			#divTopHeader #divTopHeader_Strapline .spaAccent { font-style: italic; color: #D63031; }
		#divTopHeader #divTopHeader_Search { float: left; width: 188px; height: 62px; margin: 0; padding: 0; background: url(../../images/sensoryplus/layout/background_search.jpg) top left no-repeat; }
			#divTopHeader #divTopHeader_Search ul { float: left; margin: 8px 0 0 0; padding: 0; list-style-type: none; }
				#divTopHeader #divTopHeader_Search ul li { float: left; width: 29px; margin: 0; padding: 0 0 0 10px; }
				#divTopHeader #divTopHeader_Search .inpSearchBox { width: 140px; margin: 8px 0 0 10px; padding: 0; font-size: 0.7em; color: #636363; }
				#divTopHeader #divTopHeader_Search .inpSearchButton { margin: 0 0 0 3px; vertical-align: middle; }

	#divBottomHeader { float: left; width: 754px; height: 279px; margin: 3px 10px 0 10px; padding: 0; background-color: #CCCCCC; }

		#divHeaderMenu { float: left; width: 190px; margin: 0; padding: 0; }
			#divHeaderMenu .ulHeaderMenu { float: left; width: 190px; margin: 0; padding: 0; list-style-type: none; background-color: #D63031; }
				#divHeaderMenu .ulHeaderMenu li { width: 170px; margin: 0; padding: 0 10px; height: 35px; line-height: 35px; color: #FFFFFF; border-bottom: 2px solid #FFFFFF; font-size: 0.9em; font-weight: bold; }
					#divHeaderMenu .ulHeaderMenu li.liProductSelection { height: 65px; }
						#divHeaderMenu .ulHeaderMenu li.liProductSelection p { height: auto !important; line-height: normal !important; margin: 0 !important; padding: 10px 0 0 0 !important; font-size: 1.0em !important; color: #FFFFFF !important; }
						#divHeaderMenu .ulHeaderMenu li.liProductSelection select { width: 170px; margin: 8px 0 0 0 !important; padding: 0 !important; font-size: 0.7em; }
					#divHeaderMenu .ulHeaderMenu li a, #divHeaderMenu .ulHeaderMenu li a:link { color: #FFFFFF; font-size: 1.0em; font-weight: bold; text-decoration: none; }
					#divHeaderMenu .ulHeaderMenu li a:hover { text-decoration: underline; }
					#divHeaderMenu .ulHeaderMenu li.liFirstItem { }
					#divHeaderMenu .ulHeaderMenu li.liSkipNav { display: none; }

			#divHeaderMenu p { float: left; margin: 0; padding: 5px 10px; font-size: 1.0em; color: #636363; font-weight: bold; }
			#divHeaderMenu .ulSystemMenu { float: left; margin: 0; padding: 0 10px; list-style-type: none; }
				#divHeaderMenu .ulSystemMenu li { margin: 0; padding: 0; font-size: 0.75em; font-weight: bold; line-height: 16px; }
					#divHeaderMenu .ulSystemMenu li a, #divHeaderMenu .ulSystemMenu li a:hover { margin: 0; padding: 0; color: #D63031; text-decoration: none; }
					#divHeaderMenu .ulSystemMenu li a:hover { margin: 0; padding: 0; text-decoration: underline; }

		#divHeaderImage { float: left; width: 560px; margin: 0; padding: 0; border-left: 2px solid #FFFFFF; }

		#divHeaderBreadcrumbs { float: left; width: 754px; margin: 2px 10px 0 10px; padding: 0; background-color: #CCCCCC; }
			#divHeaderBreadcrumbs p { float: left; width: 170px; height: 34px; line-height: 34px; margin: 0; padding: 0 10px; color: #636363; font-size: 0.9em; font-weight: bold; }
			#divHeaderBreadcrumbs ul { float: left; width: 540px; height: 34px; line-height: 34px; margin: 0 0 0 2px; padding: 0 10px; list-style-type: none; }
				#divHeaderBreadcrumbs ul li { display: inline; margin: 0; padding: 0; color: #636363; font-size: 0.7em; font-weight: bold; }
					#divHeaderBreadcrumbs ul li a, #divHeaderBreadcrumbs ul li a:link { color: #D63031; text-decoration: none; }
					#divHeaderBreadcrumbs ul li a:hover { text-decoration: underline; }

	#divPageContent a:hover { color: #D63031 !important; }

	#divFooterMenu { float: left; width: 758px; margin: 0 8px; padding: 10px 0 0 0; }
		#divFooterMenu ol { float: left; margin: 0; padding: 0; list-style-type: none; }
			#divFooterMenu ol li { float: left; width: 188px; margin: 0 0 0 1px; padding: 15px 0; text-align: center; background-color: #ADD548; color: #FFFFFF; font-weight: bold; }
				#divFooterMenu ol li a, #divFooterMenu ol li a:link { color: #FFFFFF; text-decoration: none; }
				#divFooterMenu ol li a:hover { text-decoration: underline; }
				#divFooterMenu ol li.liFirstItem { width: 191px; margin: 0; }

	#divMailingList { float: left; width: 754px; margin: 3px 10px 0 10px; padding: 10px 0; color: #636363; background-color: #E5E5E5; text-align: center; }
		#divMailingList h3 { font-size: 1.0em; }
		#divMailingList p { margin: 0; padding: 10px 60px; font-size: 0.75em; }
		#divMailingList form { }
			#divMailingList form .inpMailingListBox { width: 275px; color: #636363; font-size: 0.75em; }
			#divMailingList form .inpMailingListButton { vertical-align: bottom; }

	#divFooterBottomMenu { float: left; width: 754px; margin: 0 10px; padding: 8px 0; color: #636363; }
		#divFooterBottomMenu ol { list-style-type: none; text-align: center; }
			#divFooterBottomMenu ol li { display: inline; margin: 0 0 0 5px; padding: 0 5px 0 0; color: #636363; border-right: 2px solid #636363; font-size: 0.7em; font-weight: bold; }
				#divFooterBottomMenu ol li a, #divFooterBottomMenu ol li a:link { color: #636363; text-decoration: none; }
				#divFooterBottomMenu ol li a:hover { text-decoration: underline; }
				#divFooterBottomMenu ol li.liLastItem { padding: 0; border: none; }

	#divGroupFooter { float: left; width: 578px; margin: 0; padding: 15px 100px 0 100px; text-align: center; background: url(../../images/sensoryplus/layout/background_shadow_bottom.jpg) top left repeat-x; }
		#divGroupFooter img { padding: 10px 0; }
		#divGroupFooter p { margin: 0; padding: 0 0 10px 0; font-size: 0.7em; color: #636363; }
		#divGroupFooter a, #divGroupFooter a:link { color: #636363; text-decoration: none; }
		#divGroupFooter a:hover { text-decoration: underline; }

	#divGroupFooterEnd { float: left; width: 23px; height: 20px; margin: 0; padding: 0; background: url(../../images/sensoryplus/layout/background_shadow_corner.jpg) top left no-repeat;}

	.olFormLayout { float: left; width: 540px; margin: 5px 0 15px 0; padding: 0; list-style-type: none; }
		.olFormLayout li { float: left; width: 540px; margin: 0 0 5px 0; padding: 0; }
			.olFormLayout li label { float: left; width: 175px; margin: 0; padding: 0; display: inline; }
			.olFormLayout li input { float: left; width: 361px; margin: 0; padding: 0; }
			.olFormLayout li textarea { float: left; width: 361px; margin: 0; padding: 0; font-size: 1.0em !important; }
			.olFormLayout li select { float: left; width: 365px; margin: 0; padding: 0; }
			.olFormLayout li div { float: left; width: 365px; height: 90px; margin: 0; padding: 0; overflow: auto; }
			.olFormLayout li input.chkBox { width: auto; }
			.olFormLayout li.liInfoRow { float: left; width: 540px; }
				.olFormLayout li.liInfoRow label { width: auto; margin: 0 0 0 10px; padding: 0; }
			.olFormLayout li.liButtonRow { float: left; width: 540px; text-align: right !important; }
				.olFormLayout li.liButtonRow input { float: none; width: auto; margin: 0; padding: 2px; }
			.olFormLayout li.liErrorRow { float: left; width: 540px; color: red !important; }
				.olFormLayout ol li.liErrorRow h3 { color: red !important; }