/* CSS Document */
#hats_panel {
	padding:20px;
	width:420px;
	text-align:left;
	margin-left:35px;
	height:644px;
	background-color:#ef9b23;
}

#hats_panel div.hats {
	padding: 7px;
	background-color: #FFFFFF;
	width: 406px;
	height: 634px;
}

#shirts_panel {
	padding:20px;
	width:420px;
	text-align:left;
	margin-left:35px;
	height:644px;
	background-color:#3edde3;
}

#shirts_panel div.shirts {
	padding:7px;
	background-color:#FFFFFF;
	width:406px;
	height:634px;
}

#skirts_panel {
	padding:20px;
	width:420px;
	text-align:left;
	margin-left:35px;
	height:644px;
	background-color:#f9bd25;
}

#skirts_panel div.skirts {
	padding:7px;
	background-color:#FFFFFF;
	width:406px;
	height:634px;
}

#color_panel {
	padding:20px;
	width:420px;
	text-align:left;
	margin-left:35px;
	height:644px;
	background-color:#63edf2;
}

#color_panel div.color {
	padding:7px;
	background-color:#FFFFFF;
	width:406px;
	height:634px;
}

#intro_panel {
	padding:20px;
	width:420px;
	text-align:left;
	margin-left:35px;
	height:644px;
	background-color:#f2616d;
}

#intro_panel div.intro {
	padding:7px;
	background-color:#FFFFFF;
	width:406px;
	height:634px;
	}
.button {
	background: #ef9b23;
	border: #f9bd25 2px dashed;
	font-size: 16px;
	line-height: 20px;
	padding: 3px;
}


/* ScrollBar */
div#scrollbar, div#scrollbar2, div#scrollbar3, div#scrollbar4, div#scrollbar5 {
    display:block; /* initially display:none; to hide from incapable */
}

div#wn, div#wn2, div#wn3, div#wn4,div#wn5 { 
    position: relative;
	height: 634px;
	width: 376px;
    overflow: hidden;
}
    
div#scrollbar, div#scrollbar2, div#scrollbar3, div#scrollbar4, div#scrollbar5 { 
	position: relative;
	height: inherit;
	font-size: 1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#track, div#track2 { 
	position:absolute; left:0; top:12px;
	width: 30px; 
	height: 176px;
	background: #336;
 }
 
div#dragBar, div#dragBar2 {
	position: absolute; 
	left: 1px; 
	top: 1px;
	width: 9px; 
	height: 20px;
	background-color: #ceced6;
}  
div#up, div#up2 { position:absolute; left:0; top:0; }  
div#down, div#down2 { position:absolute; left:0; top:603px; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down,
div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2,
div#scrollbar3 {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img, div#scrollbar2 img, div#scrollbar3 img {
	display:block; 
}