@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
}

#container {
	width: 957px;
	margin: 0 auto;
	text-align: left;
}

#containerBG {
	float: left;
	background: #fff;
}

		#header {
			width: 957px;
			height: 155px;
			float: left;
			background: url(../images/bodybg.jpg) repeat-x;
		}
		
		#header a:hover {
		    text-decoration: underline;
		}
				#logo {
					float: left;
					width: 255px;
					height: 155px;
					display: block;
					text-indent: -10001px;
				}
				
				#customerArea {
					width: 428px;
					height: 120px;
					margin-right: 2px;
					background: url(../images/customerArea-BG.jpg) repeat-x;
					float: right;
					padding: 36px 0 0 20px;
					color: white;
					position: relative;
				}
						#customerLinks {
							float: left;
							margin: 0 0 0 70px;
						}
				
						#customerLinks a {
							color: white;
							text-decoration: none;
						}
						
						#customerLinks #phoneNumber {
							position: absolute;
							right: 15px;
							top: 13px;
						}
						
						#phoneIcon {
							position: absolute;
							right: 30px;
							top: 33px;
							width:50px;
							height: 18px;
							background: url(/images/phoneIcon.jpg) no-repeat;
						}
						
						#phoneIcon:hover {
						    background: url(/images/phoneIcon-grey.jpg) no-repeat;
						 }  
						
						        #phoneIcon span {
						            visibility: hidden;
						        }
						        
						        #phoneIcon a {
						            display: block;
							        width:22px;
							        height: 18px; 
						        }
						        
						        #phoneIcon a:hover {
						            text-decoration: none;
						        }
						
						#customerLinks #arrowsIcon {
							position: absolute;
							right: 27px;
							top: 39px;  
						}
						
						#loginArea {
							height: 30px;
							float: left;
							width: 408px;
							margin: 15px 0 0 0;
							position: relative;
							text-align: right;
							padding: 0 20px 0 0;
						}
						
								#loginImage {
									position: absolute;
									top: 10px;
								}
								
								#exclusiveOffers {
								    width: 247px;
								    height: 20px;
								    position: absolute;
								    top: 0px;
								    left: 160px;
								    background: url(/images/offersSignUp.jpg) no-repeat;
								    cursor: pointer;
								}
								
								#exclusiveOffers:hover {
								   background: url(/images/offersSignUp-grey.jpg) no-repeat; 
								}
								
								    #exclusiveOffers a {
								        display: block;
								        width: 247px;
								        height: 20px;
								    }
								    
								    #exclusiveOffers a:hover {
								        text-decoration: none;
								    }
								
								    #exclusiveOffers span {
								        visibility: hidden;
								    }
						
								.lineSpacer {
									position: absolute;
									top: 0px;
									right: 130px;
								}
								
								#loginArea input[type="text"] {
									width: 62px;
									height: 16px;
									color:#999;
									padding: 1px 5px 1px 3px;
									font-size: 11px;
									border: 1px solid #ccc;
								}
								
										#loginArea .button {
											position: absolute;
											top: 10px;
											left: 230px;
										}
								
								.emailField, .passwordField {
									position: absolute;
									top: 8px;
								}
								
										.emailField {
											left: 50px;
										}
										
										.passwordField {
											left: 150px;
										}
								
								.registerButton {
									position: absolute;
									top:11px;
									right: 60px;
								}
								
						
						#searchArea {
							height: 40px;
							float: left;
							width: 428px;
							position: relative;
						}
						
								#searchArea input[type="text"] {
									width: 242px;
									height: 16px;
									color:#999;
									padding: 1px 5px 1px 3px;
									font-size:11px;
									border: 1px solid #ccc;
								}
								
								.basketImage {
									position: absolute;
									top: 10px;
									right: 20px;
								}
								
										#searchArea .button {
											position: absolute;
											top: 10px;
											right: 19px;
										}
								
								#searchImage {
									position: absolute;
									top: 10px;
									left: 32px
								}
								
								#searchArea .lineSpacer {
									position: absolute;
									top: 0px;
									right: 60px;
								}
								
								.searchField {
									position: absolute;
									top: 8px;
									left: 87px;
								}
		
		#navigation {
			width: 957px;
			height: 30px;
			float: left;
			background: url(../images/bodybg.jpg) repeat-x 0px -155px;
		}
		
				#navigation img {
					float: left;
				}
		
				#navigation ul {
					float: right;
				}
		
						#navigation li {
							float: left;
							list-style: none;
						}
						
								#navigation ul li a {
									float: left;
									display: inline-block;
									height: 30px;
									text-decoration: none;
									padding: 0;
									margin: 0;
									width: 158px;
									background-repeat: no-repeat;
									background-position: top right;								
								}
								
								#navigation ul li a:hover {
									background-position: top left;					
								}
								
										#navigation ul li a span {
											visibility: hidden;
										}
										
								#navigation ul li a#nav-Hearing {
									background-image: url(/images/nav-Hearing.jpg);
								}
								
								#navigation ul li a#nav-Current {
									background-image: url(/images/nav-Current.jpg);
									width: 160px;
								}

								#navigation ul li a#nav-storeLocator {
									background-image: url(/images/nav-storeLocator.jpg);
								}

								
								#navigation ul li a#nav-requestEyeTest {
									background-image: url(/images/nav-requestEyeTest.jpg);
								}
								
								#navigation ul li a#nav-eyeCareVault {
									background-image: url(/images/nav-eyeCare.jpg);
									width: 138px;
								}

								
								#navigation ul li a#nav-Personal {
									background-image: url(/images/nav-Personal.jpg);
									width: 185px;
								}	
																	
		#defaultLeftCol {
			float: left;
			width: 267px;
		}
		
				#productTreeWrapper {
					width: 267px;
					min-height: 250px;
					float: left;
				}
				
				* html #productTreeWrapper {
					height: 252px;
				}						
				
				#signUpPlugin {
					padding: 10px 0 10px 0;
					width: 267px;
					float: left;
				}
				
					
					#twitterCTA {
						width: 227px;
						height: 90px;
						padding: 40px 20px 0 20px;
						background: url(/images/twitterCTAbg.jpg);
						float:left;
						margin-top: 10px;
						font-size: 12px;
					}
					
					* html #twitterCTA {
						height: 60px;
					}	
		
		#flashBanner {
			width: 690px;
			height: 252px;
			float: left;
		}
		

		
		#defaultContent {
			width: 648px;
			min-height: 198px;
			float: left;
			background: #fff;
			padding: 20px;
		}
		
		* html #defaultContent {
			height: 198px;
		}
		
		#furtherContent {
			width: 648px;
			min-height: 450px;
			float: left;
			background: #fff;
			padding: 20px;
		}
				
		#callsToAction {
			width: 947px;
			height: 94px;
			float: left;
			padding: 0 0 0 10px;
			background: #FFFFFF;
		}
				
				#callsToAction img {
					margin-right: 7px;
				}
		
		#footer {
			width: 787px;
			height: 208px;
			float: left;
			background: url(../images/footerBG.jpg) repeat-x;
			padding: 3px 0 0 170px;
			position: relative;
		}
		
				ul.footerColumn {
					float: left;
					margin-right: 100px;
					color: #333333;
					width: 170px;
				}
				
				ul.last.footerColumn {
					margin: 0;
				}
				
						ul.footerColumn li {
							list-style:  none;
							margin: 5px 0 0 0;
							padding: 0 0 0 10px;
							background: url(../images/footer-bullet.png) no-repeat 0px 2px;
						}			
						
						ul.footerColumn li.footerTitle {
							list-style:  none;
							margin: 5px 0 10px 0;
							padding: 0;
							background: none;
							font-weight: bold;
						}
						
				#accessibilityLinks {
					width: 186px;
					height: 52px;
					position: absolute;
					bottom: 5px;
					left: 10px;
					padding: 20px 0 0 0;
				}
				
						#accessibilityLinks div {
							position: relative;
						}
						
								#accessibilityLinks div p.accessColors {
									position:absolute;
									top: -5px;
									right: 10px;
								}
								
								#accessibilityLinks div p.accessSizes {
									position:absolute;
									bottom: 5px;
									right: 10px;
								}
				
				#copyright {
					position: absolute;
					bottom: 15px;
					left: 275px;
					text-align: center;
				}
				
				#footerLogos {
					position: absolute;
					right: 10px;
					bottom: 10px;
					text-align: center;
				}
				
						#footerLogos img {
							margin: 0 3px 3px 0;
						}
					
					
/*store locator*/

.locatedStore {	
	padding: 10px;
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
}

	.locatedStore p {
		margin: 0;
	}
	
	.locatedStore strong {
		color: #EC3531;
		font-size: 16px;
	}

	.storeRightInfo {
		float: right;
		clear: right;
		display: inline-block;
		margin: 0 0 10px 0;
	}