
* {margin: 0px;	padding: 0px;font-family:  Helvetica, Verdana, Arial, sans-serif; list-style: none; }
img {border:0px; }
a {	text-decoration: none;color:#fff;}
h1 {font-size:80px; font-weight:bold; text-transform:uppercase; display:block;  line-height:90px; color:#fff;}
h2 {font-size:16px; font-weight:bold; display:block;  padding:5px; text-transform:uppercase; border-bottom: 1px solid #333;}


.center {margin-left:auto; margin-right: auto; }
.float_right {float: right;}
.float_left {float: left; }
.clear {clear:both;	}
.spacer {clear:both;height: 15px;}

.text{line-height:20px; font: Helvetica, Arial, sans-serif;}
.large_text{font-size:25px; line-height:30px; }
.med_text {font-size:15px; line-height:22px;}
.small_text{font-size:10px;}
.grey{color:#666;}
.white{color:#fff;}

.row_0 {background: #fff;padding:15px;}
.row_1 {padding:15px;}

.center {margin-left:auto; margin-right: auto; width: 800px;}
.padding {padding:10px;}
.float_right {float: right;}
.float_left {float: left; }
.clear {clear:both;	}

.error {background:#FDD2CE; font-weight:bold; border:2px solid #F77364; padding:10px;}
.msg {background-color:#F9F3CC; font-weight:bold;border:2px solid #FFCC00;  padding:10px;}
.hidden_pic {display:none;}
body {
	background-color: #000;
	color:#ccc;
	font-size:12px;
	width:100%; 
	height:100%; 
}
#wrap {
	width:100%;
	position:relative;
}
#main {
	width:660px;
	
}
#side {
	width: 220px;
}
#header {
	padding-top: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
	
}
#nav {
	padding-top:35px;
}

#footer {
	position: absolute; 
	top: 450px;
	bottom: 0px;
	width:100%;
	height: 177px;
	background: url(/images/footer.png) no-repeat left top;
	* background: none;
	* filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='images/footer.png', sizingMethod='scale'); 
	background-repeat:no-repeat;
	background-position:right;
}
.flyer {
	background-repeat: no-repeat;
	width:300px;
	display:block;
	height:160px;
}
#item_desc {margin-left:20px; width:450px;}
.flyer_link {
	background-image: url(/images/blank_link.gif);
	width:300px;
	height:160px;
	display:block;
	position:absolute;
}
.flyer_link:hover {
	background-image: url(/images/zoom.png);
	* background-image: none;
	* filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='images/zoom.png', sizingMethod='crop'); 
	cursor:pointer;
	width:300px;
	height:160px;
	display:block;
}
.block_content {width:320px;}
.block_left {width:350px;}
.block_right {width:300px;}

.block_img {width:190px;  margin-right:15px; margin-bottom:15px;}
.block_img a {width:180px; padding:5px; background:#333; display:block; }
.block_img a:hover {background:#fff; color:#666; }

.block_img2 {width:135px; margin-right:25px; margin-bottom:25px;}
.block_img2 a {width:125px; padding:5px; background:#fff; display:block; }
.block_img2 a:hover {background:#333; color:#666; cursor:pointer;}




#loading {
	background-image: url(/images/transparent.png);
	* background-image: none;
	* filter:progid:DXimageTransform.Microsoft.alphaimageloader(src='images/transparent.png', sizingMethod='scale');
	position:absolute; 
	z-index:999; 
	width:100%; 
	height:100%; 
	text-align:center; 
	left:0px; 
	top:0px; 
}
#loading_gif {
	background:#fff;
	color:#666;
	width:60px;
	height:40px;
	padding:30px 70px;
	position:absolute; 
	z-index:999; 
	top:50%;
	left: 50%;
	margin-top: -50px; 
    margin-left: -100px; 

}

#flyer_slide{
	position:absolute;
	margin-left:5px;
}
#flyer_slide div{
	width:660px;
	height:290px;
	float:left;
	
}

.flyer_mask{
	position:relative;
	background-color:#333;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	width:650px;
	height:280px;
	padding:5px;
	overflow:hidden;
}
#buttons a{
	background-image: url(/images/dot.gif);
	width:20px; 
	height:20px; 
	display:block; 
}
#buttons a.active, #buttons a:hover{
	background-image: url(/images/dot_light.gif);
	width:20px; 
	height:20px; 
	display:block; 
	cursor:pointer;
}

#content{
	position:absolute;
	
}
.content_div{
	width:660px;
	height:660px;
	
}

.content_mask{
	position:relative;	
	width:660px;
	height:500px;	
	overflow:hidden;
}
#kwick {
	position: relative;
}

#kwick .kwicks {
	display: block;
	background: #000;
	height: 300px;
}

#kwick li {
	float: left;
}


#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 300px;
	width: 160px;
	background: #fff;
	border-right: 5px solid #000;
}
#kwick .kwick span {
	display: none;
}

#kwick .skater {
	background: url(/images/skater_background.jpg);
	border-right: 0;
}

#kwick .surfer {
	background: url(/images/surfer_background.jpg);
}

#kwick .artist {
	background: url(/images/artist_background.jpg);
}

#kwick .musician {
	background: url(/images/musician_background.jpg);
	
}
#guys {width:330px; position:absolute;}
#guys a{display:block;}
#guys_block {width:285px; height:70px; background:url(/images/goods/guys.jpg);}
#guys_hoodies_block {width:45px; height:170px; background:url(/images/goods/guys_hoodies.jpg);}
#guys_hoodies_block:hover {background:url(/images/goods/guys_hoodies_over.jpg);}
#guys_shirts_block {width:285px; height:100px; background:url(/images/goods/guys_shirts.jpg);}
#guys_shirts_block:hover {background:url(/images/goods/guys_shirts_over.jpg);}
#guys_bottoms_block {width:240px; height:80px; background:url(/images/goods/guys_bottoms.jpg);}
#guys_bottoms_block:hover {background:url(/images/goods/guys_bottoms_over.jpg);}
#guys_hats_block {width:90px; height:170px; background:url(/images/goods/guys_hats.jpg);}
#guys_hats_block:hover {background:url(/images/goods/guys_hats_over.jpg);}

#girls {width:310px; position:absolute;}
#girls a {display:block;}
#girls_hoodies_block {width:260px; height:50px; background:url(/images/goods/girls_hoodies.jpg);}
#girls_hoodies_block:hover {background:url(/images/goods/girls_hoodies_over.jpg);}
#girls_bottoms_block {width:50px; height:200px; background:url(/images/goods/girls_bottoms.jpg);}
#girls_bottoms_block:hover {background:url(/images/goods/girls_bottoms_over.jpg);}
#girls_block {width:70px; height:245px; background:url(/images/goods/girls.jpg);}
#girls_hats_block {width:190px; height:115px; background:url(/images/goods/girls_hats.jpg);}
#girls_hats_block:hover {background:url(/images/goods/girls_hats_over.jpg);}
#girls_shirts_block {width:190px; height:80px; background:url(/images/goods/girls_shirts.jpg);}
#girls_shirts_block:hover {background:url(/images/goods/girls_shirts_over.jpg);}

.guys_div{
	width:330px;
	height:620px;
	overflow:hidden;
	
	
}
.guys_div img{margin-bottom:2px;}


.guys_mask{
	position:relative;	
	width:330px;
	height:620px;	
	overflow:hidden;
}

.girls_div{
	width:310px;
	height:620px;
	
}
.girls_div img{margin-bottom:2px;}
.girls_mask{
	position:relative;	
	width:310px;
	height:620px;	
	overflow:hidden;
}

#mousemove{
	width: 660px;
	height: 400px;
	overflow:hidden;
	margin: 0 auto;
}
 

 
.inside {
	width:660px;
	height: 100000px;
}
.inside2 {
	width:100000px;
	height: 400px;
}



.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
	background:#000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	
}



/*Page related styles for you to view*/
#test2 {
width: 660px;
height: 400px;
overflow: auto;
outline: none;
}






.scrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.vscrollerbase, .vscrollerbar {
width: 15px;
top: 0px;
}

.vscrollerbar {
left: 0px;
}

/* Extra sample styles */
#test2 .vscrollerbarbeg {
background: url(/images/scrollbar.png) 0px -9px;
width: 18px;
height: auto;
}

#test2 .vscrollerbarend {
background: url(/images/scrollbar.png);
width: 18px;
height: 9px;
}

#test2 .vscrollerbase {
width: 18px;
}

#test2 .vscrollerbar {
padding: 0px;
}

#test2 .vscrollerbasebeg, #test2 .vscrollerbaseend {
background-image: none;
}

