/* 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 { position:relative; float: left; margin: 0; padding: 0; height:171px; /*background: url(../../images/sensoryplus/layout/background_header.jpg) top left no-repeat;*/ background:url(/images/sensoryplus/header.jpg) no-repeat top left; }
		#divTopMenu .home_link{ position:absolute; top:25px; left:0; width:500px; height:90px; text-indent:-9000px;}
		#divTopMenu .top{ float:right; padding:120px 25px 8px 0;}
			#divTopMenu .top ul{ list-style:none; padding:0; margin:0; float:left;}
				#divTopMenu .top ul li{ float:left; margin:0; padding:0 10px 0 0;}
			#divTopMenu .top form{ float:left;}
				#divTopMenu .top form .inpSearchBox{ color:#636363; float:left; font-size:0.7em; margin:0; padding:0; width:140px;}
				#divTopMenu .top form .inpSearchButton{ margin:0 0 0 3px;}
		#divTopMenu ol { width:774px; padding:0; margin:0; float:left; /*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 { height:20px; float:left; /*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:#FFF; text-decoration:none; height:17px; padding:3px 0 0; float:left; /*color: #636363; text-decoration: none;*/ }
				#divTopMenu ol li a:hover { /*text-decoration: underline;*/ color:#EFEFEF; }
				#divTopMenu ol li.liLastItem { padding: 0; border: none; }
				#divTopMenu ol li.liSkipNav { display: none; visibility:hidden; }
				#divTopMenu ol li.menu_item1{ width:75px; background:url(/images/sensoryplus/menu_item1.jpg) repeat-x top left;}
					#divTopMenu ol li.menu_item1 a{ width:75px;}
				#divTopMenu ol li.menu_item2{ width:76px; background:url(/images/sensoryplus/menu_item2.jpg) repeat-x top left;}
					#divTopMenu ol li.menu_item2 a{ width:76px;}
				#divTopMenu ol li.menu_item3{ width:115px; background:url(/images/sensoryplus/menu_item3.jpg) repeat-x top left;}
					#divTopMenu ol li.menu_item3 a{ width:115px;}
				#divTopMenu ol li.menu_item4{ width:160px; background:url(/images/sensoryplus/menu_item4.jpg) repeat-x top left;}
					#divTopMenu ol li.menu_item4 a{ width:160px;}
				#divTopMenu ol li.menu_item5{ width:138px; background:url(/images/sensoryplus/menu_item5.jpg) repeat-x top left;}
					#divTopMenu ol li.menu_item5 a{ width:138px;}
				#divTopMenu ol li.menu_item6{ width:90px; background:url(/images/sensoryplus/menu_item6.jpg) repeat-x top left;}
					#divTopMenu ol li.menu_item6 a{ width:90px;}
				#divTopMenu ol li.menu_item7{ width:120px; background:url(/images/sensoryplus/menu_item7.jpg) repeat-x top left;}
					#divTopMenu ol li.menu_item7 a{ width:120px;}

	#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; }

#footer_logos{ width:100%; float:left; padding:20px 0 13px; background:url(/images/sensoryplus/logo_footer_colours.jpg) no-repeat right bottom;}
#footer_logos img{ float:right;}
#footer_logos p{ float:right; font-size:12px; padding:25px 0 0;}