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

	* {
		padding: 0;
		margin: 0;
	}

	html,
	body {
		font-family: arial, helvetica, sans-serif;
		font-size: 1em;
		color: #999;
		background: #fff;
		height: 100%;
	}

	a {
		text-decoration: none;
		color: #dc241f;
	}

		a:hover {
			text-decoration: underline;
		}

		a img {
			border: 0;
		}
	h1 {
		font-family: FuturaBT-Light, "Trebuchet MS", arial, helvetica, sans-serif;
		text-shadow: 0 0 1px rgba(0,0,0,0.3);
		font-size: 30px;
	}
	
	h2,
	h3 {
		color: #111;
		font-family: FuturaBT-Light, "Trebuchet MS", arial, helvetica, sans-serif;
		font-size: 2em;
		font-weight: normal;
		padding: 0 0 12px;
		margin: 1em 0 0;
		-moz-text-shadow: 0 0 1px rgba(0,0,0,0.3);
		-webkit-text-shadow: 0 0 1px rgba(0,0,0,0.3);
		text-shadow: 0 0 1px rgba(0,0,0,0.3);
		-moz-font-smooth: always;
		-webkit-font-smooth: always;
		font-smooth: always;
	}

	h4 {
		color: #000;
		font-family: FuturaBT-Medium, "Trebuchet MS", arial, helvetica, sans-serif;
		font-size: 1.3em;
		padding: 0 0 12px;
	}

	h5 {
		color: #000;
		font-family: FuturaBT-Medium, "Trebuchet MS", arial, helvetica, sans-serif;
		font-size: 1.1em;
		font-weight: normal;
		padding: 0 0 12px;
	}

	h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
		font-family: FuturaBT-Medium, "Trebuchet MS", arial, helvetica, sans-serif;
	}
	
	#headline h2 {
		font-size: 40px;
		color: #FFF;
	}
	
	#headline h2 span.bold {
		font-weight: bold;
	}
	
	p {
		padding: 0 0 12px;
	}

	ul, ol {
		padding: 0 24px 12px;
	}

	img {
		display: block;
	}

	table {
		font-size: 1em;
	}
	
	input,
	textarea,
	select,
	button {
		font-size: 1em;
		font-family: arial, helvetica, sans-serif;
	}

	acronym,
	.glossary {
		border-bottom: 1px dotted #999;
		cursor: help;
	}

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

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


	span.bold {
		font-weight: bold;
	}

	.clear:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clear {
		display: block;
	}

	.mandatory {
		color: #eba500;
	}

	.error {
		color: #FF0000;
	}

	ul.error {
		padding: 12px 0 12px 34px;
	}

/*--------------------------------------------------*/
/* Wrapper						                    */

	#wrapper {
		font-size: 0.7em;
		text-align: center;
		min-width: 880px;
	}

/*--------------------------------------------------*/
/* Header						                    */

	#headerContainer {
		background: #000;
		color: #fff;
	}

		#header {
			width: 844px;
			margin: 0 auto;
			padding: 11px 8px;
			text-align: left;
			min-height: 306px;
			height: auto !important;
			height: 322px;
			position: relative;
		}

			#header h1,
			#header h1 a {
				background: url("../../img/global/logo.gif") no-repeat 0 0;
				height: 66px;
				width: 64px;
				float: left;
			}

				#header #tooltip h3 {
					color: red;
				}

			/*--------------------------------------------------*/
			/* Global Navigation			                    */

				#globalNavigation {
				}

					#globalNavigation ul {
						padding: 1px 0 0 !important;
						padding: 3px 0 0;
						list-style-type: none;
						float: right;
					}

						#globalNavigation ul li {
							float: left;
							margin: 0 12px 0 0;
						}

							#globalNavigation ul li a {
								color: #fff;
								background: url("../../img/global/arrowWhite.gif") no-repeat 100% 50%;
								padding: 0 8px 0 0;
								font-size: 1.1em;
							}

			/*--------------------------------------------------*/
			/* Search						                    */

				#header form {
					float: right;
					width: 200px;
				}

					#header form fieldset {
						border: 0;
						float: right;
					}

						#header form fieldset .label {
							font-size: 1.1em;
							padding-right: 2px;
						}

						#header form fieldset .input input {
							width: 100px;
						}

			/*--------------------------------------------------*/
			/* Navigation					                    */

				#navigation {
					clear: both;
					width: 164px;
					padding: 0;
					float: left;
				}

					#navigation h2 {
						color: #ffb300;
						font-size: 1.1em;
						font-weight: normal;
						margin: 18px 0 8px;
						padding: 0;
						background: url("../../img/global/arrowYellow.gif") no-repeat 100% 24px;
					}
					
					

						#navigation h2 span.range {
							background: url("../../img/global/navigation/range.gif") no-repeat 0 0;
							height: 18px;
							line-height: 18px;
							display: block;
							cursor: pointer;
						}

							#navigation h2.selected span.range {
								background: url("../../img/global/navigation/rangeOpen.gif") no-repeat 0 0;
							}

						#navigation h2 span.technology {
							background: url("../../img/global/navigation/technology.gif") no-repeat 0 0;
							height: 18px;
							line-height: 18px;
							display: block;
							cursor: pointer;
						}

							#navigation h2.selected span.technology {
								background: url("../../img/global/navigation/technologyOpen.gif") no-repeat 0 0;
							}

					#navigation a {
						color: #666;
						text-decoration: none;
						font-family: FuturaBT-Light, arial, sans-serif;
						font-size: 12px;
					}

						#navigation a:hover {
							color: #fff;
						}

					#navigation ul {
						list-style-type: none;
						padding: 0;
						border-top: 1px solid #242424;
					}

						#navigation ul li {
							border-bottom: 1px solid #242424;
							height: 19px;
						}

							#navigation ul li a {
								display: block;
								height: 18px;
								line-height: 18px;
								margin: 1px 0;
								background: url(../../img/global/navigation/subarrows.gif) no-repeat right top;
							}
							
							#navigation ul li a:hover, #navigation ul li a.current {
								color: #FFF;
								background-position: right bottom;
							}

							

									
									
									
			/*--------------------------------------------------*/
			/* Hero							                    */

				#headline {
					float: left;
					width: 312px;
					margin: 31px 0 0 54px;
					color: #999;
				}
				
				#headline h3 {
					font-size: 40px;
				}

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

	#contentWrapper {
		background: url("../../img/global/contentContainer.gif") repeat-x 0 0;
		padding: 31px 0 0;
		position: relative; /* IE6 Win: was letting the sidePanel effect the map on the locator-book page... added if there are similar bugs */
	}

		#contentContainer {
			width: 860px;
			margin: 0 auto;
			text-align: left;
			padding: 28px 0 0;
		}

			#content {
				width: 620px;
				float: left;
				color: #666;
			}


			/*--------------------------------------------------*/
			/* Generic content styles		                    */

				.content h2.first,
				.content h3.first {
					border-bottom: 1px solid #b2b2b2;
					margin: 0 0 15px;
				}

				.content h3.second {
					border-bottom: 1px solid #b2b2b2;
					margin: 24px 0 15px;
				}

				a.more span {
					background: url("../../img/global/arrowRed.gif") no-repeat 100% 70%;
					padding: 0 8px 0 0;
				}

				a.back span {
					background: url("../../img/global/arrowRedBack.gif") no-repeat 0 70%;
					padding: 0 0 0 8px;
				}

			/*--------------------------------------------------*/
			/* Tooltips						                    */

				#tooltip {
					position: absolute;
					left: -100px;
					z-index: 3000;
					background: #191919;
					opacity: 0.9;
					padding: 8px;
					max-width: 200px;
					border: 1px solid #fff;
				}

					#tooltip h3 {
						font-size: 0.7em;
						font-family: arial, helvetica, sans-serif;
						color: #fff;
						padding: 0;
					}

					#tooltip div.body {
						font-size: 0.7em;
						padding-top: 8px;
					}

			/*--------------------------------------------------*/
			/* Highlighted copy                                 */

				.highlight {
					border-top: 1px solid #b2b2b2;
					padding: 1px 0;
				}

				.highlightLast {
					border-bottom: 1px solid #b2b2b2;
					margin: 0 0 24px;
				}

					.highlight .highlightContent {
						background: #f7f7f7;
						padding: 12px 12px 0;
					}

					.highlight .highlightAlt {
						padding: 12px 12px 0;
						background: #fff;
					}

			/*--------------------------------------------------*/
			/* Data capture forms                               */

				.dataCapture {
					border-top: 1px solid #b2b2b2;
					border-bottom: 1px solid #b2b2b2;
					padding: 1px 0;
					margin: 12px 0;
				}

					.dataCapture form {
						background: #f7f7f7;
					}

						.dataCapture form p {
							padding: 12px;
						}

						.dataCapture form fieldset {
							border: 0;
							padding: 12px;
							width: 280px;
							float: left;
						}

						.dataCapture .row {
							margin: 0 0 8px
						}

							.dataCapture .row .label {
								width: 112px;
								display: block;
								float: left;
							}

							.dataCapture .row .input textarea {
								width: 124px;
							}

						/*--------------------------------------------------*/
						/* Personal details                                 */

							.dataCapture .personal {
								margin: 0 12px 0 0;
							}

								.dataCapture .personal .name,
								.dataCapture .personal .postcode {
									margin-bottom: 22px;
								}

								.dataCapture .personal .address2 .label label {
									padding-left: 6px
								}

						/*--------------------------------------------------*/
						/* Appointment                                      */

							.dataCapture .appointment {
								margin: 0;
							}

								.dataCapture .appointment .row {
									margin: 0 0 12px;
								}

									.dataCapture .appointment .label {
										width: 150px;
										padding: 0 0 4px;
									}

								.dataCapture .appointment .time {
									margin: 0 0 22px;
									padding: 0 0 22px;
									border-bottom: 1px solid #b2b2b2;
								}

									.dataCapture .appointment .date .label,
									.dataCapture .appointment .secondDate .label,
									.dataCapture .appointment .time .label,
									.dataCapture .appointment .secondTime .label {
										/* width: 100%; - Removed as it was screwing up the drop down menus in Firefox */
										width: auto;
										display: block;
										float: none;
									}

						/*--------------------------------------------------*/
						/* Optin                                            */

							.dataCapture fieldset.optin {
								clear: both;
								width: 596px;
								padding-top: 0;
							}

								.dataCapture fieldset.optin .input {
									float: left;
								}

									.dataCapture fieldset.optin .label {
										display: block;
										width: 560px;
										padding-top: 0 !important;
										padding: 4px 0 0 6px;
										float: left;
										margin: 0;
										font-weight: bold;
									}

										.dataCapture fieldset.optin .label strong {
											color: #000;
										}

							.dataCapture fieldset.optin p {
								clear: both;
								padding: 0 20px;
							}

						/*--------------------------------------------------*/
						/* Submit                                           */

							.dataCapture form fieldset.submit {
								background: #ffb300 url("../../img/global/stockists.gif") repeat-x 0 0;
								text-align: right;
								border-top: 1px solid #b2b2b2;
								width: 100%;
								padding: 0;
								margin: 0;
							}

								.dataCapture form fieldset.submit .row {
									border-top: 1px solid #fff;
									margin: 0;
									padding: 12px;
								}

								.dataCapture form fieldset.submit p {
									float: left;
									padding: 3px 0 0;
								}

				.dataCapture form p.mandatoryFields {
					text-align: right;
					padding: 0 12px;
				}

		/*--------------------------------------------------*/
		/* Content Split				                    */

			#sidePanel {
				width: 200px;
				float: right;
				padding: 38px 0 0;
			}

				/*--------------------------------------------------*/
				/* About Kodak                                      */

					#sidePanel .aboutKodak {
						background: url("../../img/common/titleAbout.gif") no-repeat 0 0;
						height: 32px;
					}

						#sidePanel	.glasses {
							margin: 12px 0 12px auto;
						}

				/*--------------------------------------------------*/
				/* Kidz                                             */

					#sidePanel .forKidz {
						background: url("../../img/common/titleKidz.gif") no-repeat 0 0;
						height: 18px;
					}

				/*--------------------------------------------------*/
				/* Stockits                                         */

					#sidePanel .stockistContainer {
						border-top: 1px solid #b2b2b2;
						border-bottom: 1px solid #b2b2b2;
						padding: 1px 0;
						margin: 0 0 24px;
					}

						#sidePanel .stockist {
							background: #ffb300 url("../../img/global/stockists.gif") repeat-x 0 100%;
							color: #fff;
							padding: 12px 0;
						}

							#sidePanel .stockist form {
								border-bottom: 1px solid #999;
							}

								#sidePanel .stockist form h3 {
									background: url("../../img/home/titleStockists.gif") no-repeat 0 0;
									height: 54px;
								}

								#sidePanel .stockist form fieldset {
									border: 0;
									border-bottom: 1px solid #fff;
									padding: 0 12px 12px;
								}

									#sidePanel .stockist fieldset .label {
										padding: 0 0 8px;
										display: block;
									}

									#sidePanel .stockist fieldset .input {
										display: block;
										float: left;
										padding: 0 4px 0 0;
									}

										#sidePanel .stockist fieldset .input input {
											width: 120px;
											font-size: 1.2em;
										}

							/*--------------------------------------------------*/
							/* Optician                                         */

								#sidePanel .stockist .optician {
									border-top: 1px solid #fff;
									padding: 12px 12px 0;
									background: url("../../img/home/optician.gif") repeat-x 0 0;
								}

									#sidePanel .stockist .optician h3 {
										background: url("../../img/home/titleOptician.gif") no-repeat 0 0;
										height: 17px;
									}

									#sidePanel .stockist .optician .book {
										padding: 0 0 6px;
									}

									#sidePanel .stockist .optician .book a {
										background: url("../../img/home/book.gif") no-repeat 0 0;
										display: block;
										height: 21px;
									}

				/*--------------------------------------------------*/
				/* Banner                                           */

					#sidePanel .banner {
						border-top: 1px solid #b2b2b2;
						border-bottom: 1px solid #b2b2b2;
						padding: 1px 0;
						margin: 0 0 12px 0;
					}

						#sidePanel .banner img {
							display: block;
						}

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

	#footer {
		margin: 1px 0 0;
		background: #ccc;
	}

		#footer div {
			width: 860px;
			margin: 0 auto;
			overflow: auto;
		}

		#footer .licensed {
			float: left;
			padding: 6px 8px;
			text-align: left;
			color: #666;
		}

		#footer ul {
			list-style-type: none;
			padding: 14px 0px 0 0;
			margin: 0;
			float: right;
			text-align: right;
		}

			#footer ul li {
				display: inline;
				border-right : 1px solid #9c9c9c;
				padding: 0 8px;
				font-size: 0.9em;
			}

			#footer ul li.last {
				border: 0;
				padding-right: 0;
			}

			#footer ul li a {
				color: #666;
				text-decoration: none;
			}