* {
	margin: 0px;
	padding: 0px;
}

html {
	font: 11px/16px 'Lucida Grande', Helvetica, sans-serif;
}

body {
	background-color: #fff;
}
a,
a:active,
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: red;
	text-decoration: none;
}

img {
	border: 0px;
}

#container {
	position: relative;
	width: 900px;
	margin: 0px auto;
	background: #fff;
}
#header {
	position: relative;
	float: left;
	width: 900px;
	height: 100px;
	background: #fff;
}
/*** begin header layout ***/
	#headerTop {
		position: relative;
		float: left;
		width: 865px;
		height: 20px;
		/*
		background: url(../images/headerTop.gif) no-repeat #000; */
		background: #fff;
		text-align: right;
		color: #fff;
		padding: 0px 35px 0px 0px;
	}
		#topLogo {
			position: relative;
			float: left;
			width: 140px;
			height: 20px;
			display: block;
			cursor: hand;
		}
		#languageSelectJapanese {
			position: relative;
			display: block;
			float: right;
			width: 64px;
			height: 20px;
			background: url(../images/languageSelect.gif) no-repeat;
		}
		#languageSelectEnglish {
			position: relative;
			display: block;
			float: right;
			width: 58px;
			height: 20px;
			background: url(../images/languageSelect.gif) no-repeat -64px 0px;
		}
		
		#languageSelect {
			padding: 0px 35px 0px 0px;
			font: 8px Helvetica, sans-serif;
			letter-spacing: 1px;
			color: #fff;
		}
	#headerMain {
		position: relative;
		float: left;
		width: 864px;
		height: 75px;
		padding: 0px 36px 0px 0px;
	}
		#backtotop {
			position: relative;
			float: left;
			width: 250px;
			height: 75px;
			display: block;
			text-indent: -9999px;
		}
		#shopLogin {
			position: relative;
			float: right;
			width: 405px;
			height: 75px;
			padding: 19px 0px 0px 0px;
			background: #ffffff;
		}
			#cartUnit {
				position: relative;
				float: left;
				width: 94px;
				height: 37px;
				border-right: 1px solid #e4e3e3;
				font-size: 9px;
			}
				#cartUnitText {
					display: block;
					margin: 0px 0px 0px 0px;
					width: 94px;
					height: 15px;
					text-indent: 20px;
				}
				#cartUnit select {
					width: 80px;
					font: 8px Helvetica, sans-serif;
					font-size: 9px;
					margin: 5px 0px 0px 0px;
				}
			#cartInput {
				position: relative;
				float: left;
				width: 300px;
				height: 25px;
				font-size: 9px;
				padding: 0px 0px 0px 10px;
			}
				#cartInput #email_address, 
				#cartInput #password {
					position: relative;
					float: left;
					width: 90px;
					height: 16px;
					margin: 0px 5px 0px 0px;
					border: 0px;
					background: #e6e6e6;
				}
				.cartLabel {
					position: relative;
					float: left;
					display: inline-block;
					width: 28px;
					height: 20px;
					text-align: center;
				}
				.cartWelcomeback {
					position: relative;
					float: left;
					display: inline-block;
					width: 246px;
					height: 20px;
					font-size: 11px;
					text-indent: 5px;
					overflow: hidden;
				}
				#cartInput #login {
					position: relative;
					float: left;
					width: 45px;
					height: 16px;
					/*
					display: inline-block;
					*/
					display: block;
					background: #000;
					color: #fff;
					text-decoration: none;
					text-align: center;
				}
				#cartInput #login a {
					color: white;
					display: block;
					width: 45px;
					height: 16px;
					text-decoration: none;
				}
				#cartInput #login a:hover {
					color: red;
					text-decoration: none;
				}
				
			#cartHelp {
				position: relative;
				float: left;
				width: 296px;
				height: 17px;
				font: 9px Helvetica, sans-serif;
				padding: 0px 9px 0px 5px;
				text-align: right;
				overflow: hidden;
			}
				#cartHelp .break {
					padding: 0px 2px 0px 5px;
					color: #ddd;
				}
			#cartFullname {
				position: relative;
				float: left;
				width: 179px;
				height: 13px;
				font: 11px Helvetica, san-serif;
				padding: 1px 0px 0px 9px;
				text-align: left;
				overflow: hidden;
			}
			#cartLogged {
				position: relative;
				float: left;
				width: 100px;
				height: 10px;
				font: 9px Helvetica, sans-serif;
				padding: 2px 10px 0px 7px;
				text-align: right;
				/*
				background: #e6e6e6;
				*/
				overflow: hidden;
			}
			
	#headerBottom {
		position: relative;
		float: left;
		width: 864px;
		height: 35px;
		padding: 10px 0px 10px 36px;
	}
		#globalMenu {
			position: relative;
			float: left;
			width: 830px;
			height: 36px;
		}
			#globalMenu ul {
				list-style: none;
			}
			#globalMenu li {
				position: relative;
				float: left;
				display: table-cell;
			}			
/*** end header layout ***/

#showcase {
	float: left;

	background: #fff;
	
	margin: 0px 36px 15px 36px;
	
	width: 828px;
	height: 388px;
	/*
	padding: 0px 0px 0px 36px;
	*/
	overflow: hidden;
}


#main {
	position: relative;
	float: left;
	width: 900px;
	background: #fff;
}
	#stage {
		position: relative;
		float: left;
		width: 828px;
		
		padding: 0px 36px 0px 36px;
		/*
		padding: 0px 34px 0px 34px;
		*/
	}
		#stage h1 {
			width: 820px;
			height: 31px;
			color: #fff;
			/*
			display: table;
			*/
			line-height: 32px;
			text-indent: 15px;
			
			background: url(../images/h1.gif) no-repeat;
			
			padding: 0px 0px 10px 0px;
			margin: 35px 0px 10px 0px;
		}
/********** begin categoryMenu layout **********/
		#categoryMenu {
			position: relative;
			float: left;
			width: 828px;
			height: 70px;
			margin: 0px 0px 15px 0px;
		}
			#categoryMenu ul {
				position: relative;
				float: left;
				height: 70px;
				list-style: none;
			}
			#categoryMenu li {
				position: relative;
				float: left;
				height: 35px;
				display: table-cell;
			}
		#categoryTitle {
			position: relative;
			float: left;
			width: 828px;
			height: 31px;
			/*
			margin: 10px 0px 10px 0px;
			*/
			padding: 0px 0px 20px 0px;
		}
		.categorySortMenu {
			text-align: right;
			width: 828px;
			line-height: 16px;
		}
		.categorySortMenu select {
			font-size: 13px;
		}
		.categoryItems {
			position: relative;
			float: left;
			width: 828px;
			padding: 0px 0px 30px 0px;
		}
		.categoryPage {
			float: left;
			width: 828px;
			height: 27px;
			background-image: url("../images/page_back.gif");
			background-repeat: no-repeat;
		}
		.categoryPageTxt {
			font-size: 12px;
			margin-top: 5px;
			margin-left: 30px;
		}
		.categoryNoProduct {
			width: 828px;
			height: 200px;
			margin-top: 120px;
		}
/********** end categoryMenu layout **********/

/*** begin index layout *** item container treatment ***/
			.product {
				position: relative;
				float: left;
				width: 207px;
				height: 250px;
			}
				.productPic {
					position: relative;
					float: left;
					width: 207px;
					min-height: 207px;
					height: auto;;
					overflow: hidden;
				}
				.productText {
					position: relative;
					float: left;
					width: 207px;
					height: 43px;
					text-align: center;
				}
/*** end index layout *** item container treatmenet ***/


/*** begin global shared layout ***/
		#location {
			position: relative;
			float: left;
			width: 828px;
			height: 25px;
			color: #777;
			font-size: 10px;
			text-transform: uppercase;
		}
		#locationCrumbs {
			position: relative;
			float: left;
			width: 828px;
			height: 25px;
			font-size: 10px;
			color: #777;
			padding: 0px 36px 0px 36px;
		}  
		#cast {
			/* global > container > main > stage > cast */
			position: relative;
			float: left;
			width: 828px;
			padding: 0px 0px 30px 0px;
		}
/*** end global shared layout ***/

		
/*** begin detail page layout ***/			
			#detailPic {
				position: relative;
				float: left;
				width: 448px;
				height: 448px;
				/* overflow: hidden; */
				border: 1px solid #d0d0d0;
				background: url("../images/detail_nopicture.gif");
				background-repeat: no-repeat;
			}
			#detailText {
				position: relative;
				float: right;
				width: 350px;
				/*
				height: 455px;
				*/
			}
				#textTitle {
					font-size: 19px;
					color: #000;
					line-height: 25px;
				}
				.textSpec {
					display: block;
					width: 350px;
					height: 25px;
					font-size: 12px;
					color: #888;
					text-indent: 10px;
					padding: 12px 0px 0px 0px;
				}
				.textDescBox {
					display: block;
					width: 330px;
					font-size: 12px;
					line-height: 2.4em;
					color: #888;
					margin-left: 10px;
					margin-right: 10px;
					padding: 12px 0px 0px 0px;
				}
					#sizeInfo {
						padding: 0px 0px 20px 0px;
					}
					#sizeInfo td {
						position: relative;
						float: left;
						border-bottom: 1px solid #e4e4e4;
						width: 69px;
						height: 25px;
						line-height: 20px;
						text-align: center;
						padding: 5px 0px 0px 0px;
					}
					#sizeInfo td.grey {
						color: #888;
						
						background-color: #e4e4e4;
						
					}
					
				.textBreak {
					border-bottom: 1px dotted #888;
				}
				#textNavigate {
					position: relative;
					float: left;
					width: 350px;
					height: 100px;
				}
					#detailAdd2Cart {
						position: relative;
						float: left;
						text-align: right;
						margin-right: 10px;
						width: 340px;
						height: 75px;
					}
					#navigateBar {
						position: relative;
						float: left;
						width: 350px;
						height: 25px;
						background: #ddd;
						/*
						background: #e4e4e4;
						*/
					}
					#navigateBar a, 
					#navigateBar a:active,
					#navigateBar a:visited {
						color: #888;
					}
					#navigateBar a:hover {
						color: red;
					}
						#navigateBarLeft {
							position: relative;
							float: left;
							width: 174px;
							height: 25px;
							border-right: 1px solid #888;
						}
							#previousItem {
								position: relative;
								float: left;
								display: line;
								width: 174px;
								height: 25px;
								background: #ddd;
								/*
								background: #E4E4E4;
								*/
								font-size: 12px;
								line-height: 25px;
								text-indent: 15px;
								color: #888;
								border-right: 1px solid #888;
								overflow: hidden;
							}
						#navigateBarRight {
							position: relative;
							float: right;
							width: 175px;
							height: 25px;
						}
							#nextItem {
								position: relative;
								float: right;
								display: inline;
								width: 160px;
								height: 25px;
								background: #ddd;
								/*
								background: #E4E4E4;
								*/
								font-size: 12px;
								line-height: 25px;
								text-align: right;
								padding: 0px 15px 0px 0px;
								color: #888;
								overflow: hidden;
							}
/*** end detail page layout ***/	



/********** begin style page **********/
			#modelSelect {
				position: relative;
				float: left;
				width: 828px;
				height: 22px;
				background: url(../images/modelSelect.gif) no-repeat 1px 0px;
				padding: 0px 0px 28px 0px;
			}
				#modelSelect #kick {
					position: relative;
					float: left;
					/* width: 50px; this pic has a break line for Momo, so we're using 49 */
					width: 49px;
					height: 22px;
					background: url(../images/modelSelectKick.gif) no-repeat;
					margin: 0px 0px 0px 156px;
				}
				#modelSelect #momo {
					position: relative;
					float: left;
					width: 64px;
					height: 22px;
					background: url(../images/modelSelectMomo.gif) no-repeat;
					margin: 0px 0px 0px 142px; /* if you're using Kick and Momo at the same time, remove this margin */
				}
			#modelStyle {
				position: relative;
				float: left;
				width: 156px;
			}
				#modelStyle #title {
					display: block;
					border-left: 4px solid #0155a8;
					width: 152px;
					height: 18px;
					font-size: 12px;
					font-weight: bold;
					text-indent: 10px;
					line-height: 18px;
					overflow: hidden;
					margin: 0px 0px 10px 0px;
				}
				#modelStyle ul {
					list-style: none;
				}
				#modelStyle li {
					width: 85%;
					height: 20px;
					padding: 3px 0px 0px 0px;
					border-bottom: 1px dotted #acacac;
					overflow: hidden;
				}
				
			#modelPreview {
				position: relative;
				float: left;
				width: 670px;
				border: 1px solid #e5e4e4;
				background: #fff;
			}
				#previewPic {
					position: relative;
					float: left;
					width: 343px;
					text-align: center;
					vertical-align: middle;
				}
				#previewText {
					position: relative;
					float: left;
					width: 327px;
					padding: 25px 0px 0px 0px;
				}
					#previewText #title {
						font-size: 22px;
						color: #0155a8;
						display: block;
						padding: 0px 0px 25px 0px;
					}
					#previewText .parts {
						display: block;
						font-size: 10px;
					}
					#previewText .partsDetail {
						display: block;
						width: 312px;
						background: url(../images/partsDetail.gif) repeat-y 0px 0px;
						padding: 0px 0px 0px 15px;
						margin: 5px 0px 15px 0px;
						color: #777;
					}
					.clothing {
						font-size: 13px;
						display: block;
						color: #0155a8;
						padding: 0px 0px 3px 0px;
					}
					#modelSpec {
						display: block;
						font-size: 9px;
						font-weight: bold;
						color: #444;
						padding: 15px 0px 30px 0px;
					}
				#previewThumb {
					position: relative;
					float: left;
					width: 327px;
					padding: 0px 0px 25px 0px;
				}
					.clothingThumb {
						position: relative;
						float: left;
						width: 93px;
						height: 93px;
						overflow: hidden;
						border: 1px solid #ccc;
						margin: 0px 10px 10px 0px;
					}
/**********end style page **********/




/********** being pressinfo / news blog layout *************/
			#blogLeft {
				position: relative;
				float: left;
				width: 215px;
			}
				#blogLeft .title {
					display: block;
					border-left: 4px solid #f00;
					width: 152px;
					height: 18px;
					font-size: 12px;
					font-weight: bold;
					text-indent: 10px;
					line-height: 18px;
					overflow: hidden;
					margin: 10px 0px 10px 0px;
				}
				#blogLeft ul {
					list-style: none;
					margin: 0px 0px 30px 0px;
				}
				#blogLeft li {
					width: 85%;
					height: 20px;
					padding: 3px 0px 0px 0px;
					border-bottom: 1px dotted #acacac;
					overflow: hidden;
				}
			
			#blogRight {
				position: relative;
				float: left;
				width: 613px;
			}
				.blogEntry {
					position: relative;
					float: left;
					width: 571px;
					border: 1px solid #ddd;
					padding: 16px 20px 20px 20px;
					margin: 0px 0px 20px 0px;
				}
					.entryTitle {
						position: relative;
						float: left;
						display: block;
						width: 571px;
						height: 20px;
						border-left: 4px solid #f00;
						text-indent: 10px;
						font-size: 20px;
						line-height: 20px;
					}
					.entryBody {
						position: relative;
						float: left;
						width: 571px;
						display: block;
						border-top: 1px solid #ddd;
						margin: 15px 0px 0px 0px;
						padding: 15px 0px 0px 0px;
					}
						.entryBody img {
							padding: 3px 8px 3px 8px;
						}
					.entryFooter {
						position: relative;
						float: left;
						width: 571px;
						display: block;
						border-top: 1px dotted #ddd;
						margin: 15px 0px 0px 0px;
						padding: 10px 0px 0px 0px;
					}
						.footerDate {
							display: inline;
							float: left;
							color: #777;
							width: 80px;
							height: 20px;
							line-height: 2;
						}
						.footerTwitter {
							display: inline;
							float: left;
							width: 110px;
							height: 20px;
						}
						.footerFacebook {
							display: inline;
							float: left;
							/*
							width: 90px;
							height: 21px;
							*/
							width: 300px;
						}
						.footerPermalink{
							display: inline;
							float: right;
							color: #777;
							height: 20px;
							line-height: 2;
							z-index: 100;
						}
				
/********** end pressinfo / news blog layout ***************/

/********** begin feature layout *****************/
			#featureLeft {
				position: relative;
				float: left;
				width: 638px;
				
				overflow: hidden;
			}
			#featureRight {
				position: relative;
				float: left;
				width: 186px;
				padding: 0px 0px 0px 4px;
			}
				#backnumber {
					position: relative;
					float: left;
					width: 81px;
					height: 21px;
					background: url(/feature/images/featureBacknumber2.gif) no-repeat;
					margin: 0px 0px 2px 0px;
					padding: 8px 0px 0px 105px;
				}
					#backnumber select {
						font-size: 10px;
					}
				#lineup {
					position: relative;
					float: left;
					width: 186px;
					background: url(/feature/images/featureLineup2.gif) no-repeat;
					padding: 16px 0px 0px 0px;
					
				}
					.lineupBanner {
						position: relative;
						float: left;
						width: 183px;
						height: 50px;
						background: #000;
						border-top: 1px solid #282828;
						padding: 6px 0px 0px 3px;
					}
					#lineupBottom {
						position: relative;
						float: left;
						width: 186px;
						height: 4px;
						background: url(/feature/images/featureLineupBottom2.gif) no-repeat;
					}

/********** end feature layout ******************/



/********** begin storelist layout **************/
			#storelistLeft {
				position: relative;
				float: left;
				width: 400px;
				color: #222;
			}
			#storelistRight {
				position: relative;
				float: right;
				width: 400px;
				color: #222;
			}
				#leftBranch, 
				#rightBranch {
					font-size: 11px;
					font-weight: bold;
					display: block;
					color: #c92fa6;
					padding: 0px 0px 5px 0px;
				}
				#rightBranch {
					color: #ffc000;
				}
				.storeEach {
					display: block;
					padding: 13px 0px 13px 0px;
					border-bottom: 1px solid #ddd;
				}
					.storeName {
						font-size: 12px;
						font-weight: bold;
						display: block;
					}
					.storeAddress {
						font-size: 11px;
						display: block;
						margin: 6px 0px 0px 10px;
					}

/********** end of storelist layout *************/

/********** begin storelist individual layout ***********/
			#storelistEach {
				position: relative;
				float: left;
				border: 1px solid #ddd;
				padding: 20px;
				
				/*
				background: orange;
				*/
			}
				#storelistPic {
					position: relative;
					float: left;
					width: 331px;
					/*
					width: 379px;
					*/
					margin: 0px 0px 15px 0px;
					overflow: hidden;
					
				}
				#storelistAddress {
					position: relative;
					float: left;
					
					/*
					background: violet;
					*/
					/*
					width: 379px;
					*/
					width: 420px;
					margin: 0px 0px 15px 30px;
					overflow: hidden;
				}
					#storelistName {
						position: relative;
						float: left;
						display: block;
						width: 379px;
						line-height: 26px;
						/*
						height: 35px;
						*/
						color: #333;
						font-size: 24px;
						padding: 7px 0px 0px 0px;
						/*
						border-bottom: 1px dotted #ddd;
						*/
					}
					.storelistDesc {
						position: relative;
						float: left;
						display: block;
						width: 99px;
						/*
						height: 28px;
						*/
						color: #bbb;
						font-size: 13px;
						padding: 7px 0px 0px 0px;
						margin: 5px 0px 0px 0px;
						border-top: 1px dotted #ddd;
					}
					.storelistDetail {
						position: relative;
						float: left;
						display: block;
						width: 321px;
						/*
						width: 280px;
						*/
						/*
						height: 28px;
						*/
						font-size: 13px;
						color: #222;
						padding: 7px 0px 0px 0px;
						margin: 5px 0px 0px 0px;
						border-top: 1px dotted #ddd;
					}
/********** end storelist individual layout *************/

/*** begin footer layout ****/
#footer {
	position: relative;
	float: left;
	width: 900px;
	background: #fff;
}
	#footerMain {
		position: relative;
		float: left;
		width: 848px;
		padding: 0px 16px 0px 36px;
	}
		#footerBanner {
			position: relative;
			float: left;
			width: 846px;
			height: 60px; /* change the size of the banner content here */
			background: #fff;
			margin: 15px 0px 15px 0px;
			overflow: hidden;
		}
			.bannerButton {
				position: relative;
				float: left;
				width: 120px;
				height: 60px;
				display: block;
				overflow: hidden;
				background: #fff;
				padding: 0px 21px 0px 0px;
			}
		#bannerContent {
			width: 846px;
			height: 100%;
			overflow: hidden;
			padding: 0px;
		}
		#footerMenu {
			position: relative;
			float: left;
			width: 828px;
			height: 39px;
			border-top: 1px dotted #c0c0c0;
			font-size: 9px;
			background: #ffffff;
		}
			#footerMenu ul {
				position: relative;
				float: left;
				width: 330px;
				height: 39px;
				list-style: none;
			}
			#footerMenu li {
				position: relative;
				float: left;
				display: table-cell;
			}
			#footerMenuTextbox {
				position: relative;
				float: right;
				padding: 13px 0px 0px 0px;
				text-align: right;
				font: 1em Helvetica, sans-serif;
				color: #909090;
			}
	#footerBottom {
		position: relative;
		float: left;
		width: 900px;
		height: 27px;
		background: #fff;
		text-align: center;
		color: #fff;
	}
	#footerBottom img {
		padding-top: 2px;
	}
/*** end footer layout ***/



/*** begin search box layout ***/
		#searchBar {
			position: relative;
			float: left;
			width: 230px;
			height: 35px;
			margin: 10px 0px 10px 0px;
			background: url(../images/searchBar/searchBar.gif) no-repeat;
			padding: 0px 0px 0px 595px;
		}
			#searchField {
				position: relative;
				float: left;
				width: 185px;
				height: 25px;
				padding: 10px 0px 0px 0px;
			}
				#searchField input {
					position: relative;
					float: left;
					width: 170px;
					height: 17px;
					margin: 0px 5px 0px 0px;
					border: 0px;
					background: #e6e6e6;
					font-size: 14px;
				}
			#searchButton {
				position: relative;
				float: left;
				width: 45px;
				height: 25px;
				padding: 10px 0px 0px 0px;
			}
				#searchButton #submit {
					position: relative;
					float: left;
					width: 45px;
					height: 17px;
				}
/*** end search box layout ***/

/* for mozilla dot craziness */
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}

.list {
	padding: 15px 0px 20px 40px;
}
.list li {
	list-style-type: disc;
	padding: 2px 0px 2px 0px;
}