* { margin: 0; padding: 0; }
html, body { margin: 0; padding: 0; background: #FFF; }
.hidden { display: none; visibility: hidden; }
.loader { background: url("/global/img/loader.gif") no-repeat; width: 32px; height: 32px; z-index: +999; }
.loaderAlt { background: url("/global/img/loaderAlt.gif") no-repeat; width: 32px; height: 32px; z-index: +999;}

#wrapper {
	width: 1024px;
	height: 768px;
	margin: 0 auto;
	position: relative;
	top: 5px;
	border: 1px solid #000;
	z-index: +1;
	overflow: hidden;
}
#background {
	width: 399px;
	height: 768px;
	margin: 0;
	position: absolute;
	top: 0;
	left: -1024px;
	background: url("/global/img/nav.png") transparent top left no-repeat;
	z-index: +1;
}
	/*  SIDE-NAV  */
	#wrapper #navHome a {
		display: block;
		border: none;
		cursor: pointer;
		outline: none;
		background: url("/global/img/logo.png") transparent no-repeat;
		width: 207px;
		height: 307px;
		position: absolute;
		top: 0;
		z-index: +10;
	}
	#wrapper #nav div {
		width: 207px;
		position: absolute;
		/*left: 25px;*/
		z-index: +10;
	}
	#wrapper #nav a {
		display: block;
		cursor: pointer;
		outline: none;
		margin: 0 0 35px 0;
	}
		#navShop, 
		#navCollections, 
		#navAbout, 
		#navPress, 
		#navContact, 
		#navLocator {
			left: -207px;
			position: absolute;
			z-index: +10;		
		}
		#navShop a, 
		#navCollections a, 
		#navAbout a, 
		#navPress a, 
		#navContact a, 
		#navLocator a {
			display: block;
			height: 36px;
			cursor: pointer;
			outline: none;
			margin: 0 0 35px 0;
		}
			#navShop a {
				width: 75px;
			}
				#navShop {
					top: 350px;
					background: url("/global/img/nShop.png") no-repeat;
				}
			#navCollections a {
				width: 129px;
			}
				#navCollections {
					top: 400px;
					background: url("/global/img/nCollections.png") no-repeat;
				}
			#navAbout a {
				width: 83px;
			}
				#navAbout {
					top: 450px;
					background: url("/global/img/nAbout.png") no-repeat;
				}
			#navPress a {
				width: 76px;
			}
				#navPress {
					top: 500px;
					background: url("/global/img/nPress.png") no-repeat;
				}
			#navContact a {
				width: 101px;
			}
				#navContact {
					top: 550px;
					background: url("/global/img/nContact.png") no-repeat;
				}
			#navLocator a {
				width: 150px;
			}
				#navLocator {
					top: 600px;
					background: url("/global/img/nStoreLocator.png") no-repeat;
				}
/*  PAGES  */
	#wrapper #pageHome {
		background: url("/global/img/page_home.png") transparent no-repeat;
		width: 1024px;
		height: 768px;
		position: absolute;
		top: 0;
		left: 1024px;
		z-index: 1;
	}
	#wrapper #pageCollections1 {
		width: 1024px;
		height: 768px;
		position: absolute;
		top: 0;
		left: 1024px;
		z-index: 1;
	}
	#wrapper #pageCollections2 {
		width: 1024px;
		height: 768px;
		position: absolute;
		top: 0;
		left: 1024px;
		z-index: 1;
	}
	#wrapper #pageCollections3 {
		width: 1024px;
		height: 768px;
		position: absolute;
		top: 0;
		left: 1024px;
		z-index: 1;
	}
	#wrapper #pageCollections4 {
		width: 1024px;
		height: 768px;
		position: absolute;
		top: 0;
		left: 1024px;
		/*z-index: 1;*/
		z-index: -2; /* required so the content doesn't overlap the back/next buttons */
	}
	#wrapper #pageAbout {
		background: url("/global/img/about.jpg") no-repeat;
		width: 1024px;
		height: 768px;
		position: absolute;
		top: 0;
		left: 1024px;
		z-index: -2;
	}
	#wrapper #pagePress {
		width: 1024px;
		height: 768px;
		position: absolute;
		top: 0;
		left: 1024px;
		z-index: -2;
	}
	#wrapper #pageContact {
		background: url("/global/img/page_contact.jpg") no-repeat;
		width: 1024px;
		height: 768px;
		position: absolute;
		top: 0;
		left: 1024px;
		z-index: -2;
	}
	#wrapper #pageLocator {
		background: #FFF url("/global/img/locatorBase.png") 0 489px repeat-x;
		width: 1024px;
		height: 768px;
		position: absolute;
		top: 0;
		left: 1024px;
		/*z-index: -2;*/
	}

/*  PAGE :: ABOUT  */
#aboutLinks {
	z-index: +99;
}
	#blogLink {
		position: absolute;
		cursor: pointer;
		display: block;
		width: 230px;
		height: 55px;
		top: 285px;
		left: 715px;
	}

/*  PAGE :: PRESS  */
#pressLinkBack {
	position: absolute;
	top: 670px;
	right: 70px;
	width: 14px;
	height: 16px;
	background: url("/global/img/btnBack.gif") no-repeat;
	cursor: pointer;
}
#pressLinkNext {
	position: absolute;
	top: 670px;
	right: 30px;
	width: 14px;
	height: 16px;
	background: url("/global/img/btnNext.gif") no-repeat;
	cursor: pointer;
}

/*  PAGE :: COLLECTIONS  */
#pageCollections1 .loader,
#pageCollections2 .loader,
#pageCollections3 .loader,
#pageCollections4 .loader  {
	position: relative;
	top: 300px;
}
#collection1,
#collection2,
#collection3,
#collection4 {
	position: absolute;
	top: 25px;
	left: 250px;
	width: 750px;
}
	.thumb1,
	.thumb2,
	.thumb3,
	.thumb4,
	.thumb5 {
		width: 44px;
		height: 44px;
		display: block;
		float: left;
		cursor: pointer;
		border: 1px solid #CCC;
	}
		.thumb1 { margin: 0 10px 10px 0; }
		.thumb2 { margin: 0 10px 10px 0; }
		.thumb3 { margin: 0 10px 10px 0; }
		.thumb4 { margin: 0 10px 10px 0; }
		.thumb5 { margin: 0 0 10px 0; }
#collectionLarge1 {
	background-position: top center;
	position: absolute;
	top: 85px;
	left: 620px;
	width: 375px;
	height: 600px;
}
.collectionTitle {
	width: 375px;
	height: 70px;
	position: absolute;
	top: 15px;
	left: 620px;
}
	.spring09 { background: url("/global/img/title_1.png") top center no-repeat; }
	.fall09 { background: url("/global/img/title_2.png") top center no-repeat; }
	.resort10 { background: url("/global/img/title_3.png") top center no-repeat; }
	.spring10 { background: url("/global/img/title_4.png") top center no-repeat; }
	
	#collection1Link1, #collection1Link2, #collection1Link3, #collection1Link4,
	#collection2Link1, #collection2Link2, #collection2Link3, #collection2Link4,
	#collection3Link1, #collection3Link2, #collection3Link3, #collection3Link4,
	#collection4Link1, #collection4Link2, #collection4Link3, #collection4Link4 {
		display: block;
		cursor: pointer;
		position: absolute;
		height: 40px;
		top: 15px;
	}
		/*#collection1Link1 { left: 0; width: 80px; }*/
		#collection2Link1 { left: 80px; width: 110px; }
		#collection3Link1 { left: 190px; width: 80px; }
		#collection4Link1 { left: 270px; width: 105px; }

		#collection1Link2 { left: 0; width: 80px; }
		/*#collection2Link2 { left: 80px; width: 110px; }*/
		#collection3Link2 { left: 190px; width: 80px; }
		#collection4Link2 { left: 270px; width: 105px; }
		
		#collection1Link3 { left: 0; width: 80px; }
		#collection2Link3 { left: 80px; width: 110px; }
		/*#collection3Link3 { left: 190px; width: 80px; }*/
		#collection4Link3 { left: 270px; width: 105px; }
		
		#collection1Link4 { left: 0; width: 80px; }
		#collection2Link4 { left: 80px; width: 110px; }
		#collection3Link4 { left: 190px; width: 80px; }
		/*#collection4Link4 { left: 270px; width: 105px; }*/


		#collection1Content, #collection2Content, #collection3Content, #collection4Content {
			position: absolute;
			top: 85px;
			left: 0px;
			width: 750px;
			height: 490px;
			text-align: center;
			/*border: 1px solid #ccc;*/
		}
		
		/* CONDITONAL */
		#collection1Content {
			border: 1px solid #ccc;
		}
		#collection3Content {
			border: none !important;
			text-align: center;
		}
		
		#collection1LinkBack, #collection2LinkBack, #collection3LinkBack, #collection4LinkBack {
			position: absolute;
			top: 670px;
			right: 70px;
			width: 14px;
			height: 16px;
			background: url("/global/img/btnBack.gif") no-repeat;
			cursor: pointer;
			z-index:99;
		}
		#collection1LinkNext, #collection2LinkNext, #collection3LinkNext, #collection4LinkNext {
			position: absolute;
			top: 670px;
			right: 30px;
			width: 14px;
			height: 16px;
			background: url("/global/img/btnNext.gif") no-repeat;
			cursor: pointer;
			z-index:99;
		}		

/*  PAGE :: CONTACT  */

#contactLinks {
	display: block;
	position: relative;
	top: 10px;
	left: 240px;
	z-index: +99;
}
#contactLinks .contactTitle span {
	display: none;
	visibility: hidden;
}
#contactLinks .contactTitle {
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 21px;
	margin: 5px 0;
	width: 100%;
}
#contactLinks span {
	display: block;
	margin: 5px 0 5px 30px;
	font: 11px Arial, Verdana, sans-serif;
	color: #636363;
}
#contactLinks span a:link, #contactLinks span a:visited {
	color: #999;
	text-decoration: underline;
}
#contactLinks span a:hover {
	color: #000;
}

/*  PAGE :: STORE LOCATOR  */

#locatorLinks {
	display: block;
	position: absolute;
	top: 25px;
	left: 330px;
	z-index: +99;
	height: 386px;
	width: 622px;
}
	#map {
		display: block;
		position: relative;
		top: 20px;
		left: 340px;
		width: 622px;
		height: 386px;
		background: url("/global/img/bgMap.gif") no-repeat;
	}
	#locatorLink01,
	#locatorLink02,
	#locatorLink03,
	#locatorLink04,
	#locatorLink05,
	#locatorLink06 {
		position: absolute;
		cursor: pointer;
	}
	#locatorLink01 {
		top: 130px;
		left: 0px;
		background: url("/global/img/btn_west.png") transparent no-repeat;
		width: 108px;
		height: 67px;
	}
	#locatorLink02 {
		top: 175px;
		left: 280px;
		background: url("/global/img/btn_central.png") transparent no-repeat;
		width: 93px;
		height: 75px;
	}
	#locatorLink03 {
		top: 140px;
		left: 480px;
		background: url("/global/img/btn_east.png") transparent no-repeat;
		width: 78px;
		height: 64px;
	}
	#locatorLink04 {
		top: 40px;
		left: 460px;
		background: url("/global/img/btn_northeast.png") transparent no-repeat;
		width: 108px;
		height: 66px;
	}
	#locatorLink05 {
		top: 250px;
		left: 525px;
		background: url("/global/img/btn_southeast.png") transparent no-repeat;
		width: 95px;
		height: 66px;
	}
	#locatorLink06 {
		background: url("/global/img/btnInternational.png") no-repeat;
		top: 320px;
		left: 20px;
		width: 95px;
		height: 96px;
	}
#divLocationInfo {
	display: block;
	position: absolute;
	top: 525px;
	left: 365px;
	width: 520px;
	height: 225px;
	font: 12px Arial, Verdana, sans-serif;
	z-index: +997;
	color: #636363;
}	
	.loaderAlt {
		background-position: center center;
	}
	#divLocationInfo .locationRegion {
		width: 200px;
		height: 40px;
	}
		.WestCoast { background: url("/global/img/title_west.png") top left transparent no-repeat; }
		.Central { background: url("/global/img/title_central.png") top left transparent no-repeat; }
		.Northeast { background: url("/global/img/title_northeast.png") top left transparent no-repeat; }
		.East { background: url("/global/img/title_east.png") top left transparent no-repeat; }
		.Southeast { background: url("/global/img/title_southeast.png") top left transparent no-repeat;	}
		.International { background: url("/global/img/title_international.png") top left transparent no-repeat;	}
	#divLocationInfo .locationState {
		font-size: 16px;
		font-weight: bold;
		margin: 10px 0 5px 0;
		color: #393939;
	}
#content {
	height: 200px;
	width: 490px;
	float: left;
	overflow: hidden;
}
.scrollbar-vert {
	background: url("/global/img/scrollBar.png") top center no-repeat;
	height: 214px;
	width: 24px;
	float: left;
}
.handle-vert {
	background: url("/global/img/scrollKnob.png") no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
}
		
/*  FOOTER  */

#footer {
	position: relative;
	text-align: center;
	width: 1024px;
	margin: 20px auto;
}
	#footer ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#footer ul li {
		color: #CCC;
		font-size: 11px;
		font-family: Verdana, Arial, sans-serif;
	}
	#footer ul li a:link,
	#footer ul li a:visited {
		color: #CCC;
		text-decoration: none;
	}
	#footer ul li a:hover {
		color: #000;
	}

/* SIGN UP */

.signup {
	width: 1024px;
	height: 32px;
	margin: 5px auto;
	background: url("/global/img/signup_label.png") 453px 0 no-repeat;
}
.signup ul {
	float: right;
	margin: 0;
	list-style-type: none;
	height: 32px;
	line-height: 32px;
}
.signup ul li {
	float: right;
	margin: 0;
	list-style-type: none;
}
.signup input#mb-phrlj-phrlj {
	padding: 2px 3px;
	font-size: 0.85em;
	width: 175px;
	color: #999;
}
.signup input#submit {
	margin: 5px 0 0 5px;
}