@charset 'euc-kr';
@import url("http://images.puma.com/assets/css/puma_products.css");

/*****************/
/* FEATURES PANE */
/*****************/

#puma_features{
	width: 100%;
	height: 550px;
}

#puma_features h2{
	display: none;
}

#features_panes_container{
	overflow:hidden;
	position:relative;
	width: 968px;
}

#feature_panes_wrapper{
	height:362px;
	width: 19000px;
	overflow:hidden;
	position:relative;
}

#feature_panes{
	background-color: #fff;
	list-style-type: none;
	display:block;
	width: 19000px;
	height: 502px;
	xmargin-left: 12px;
	padding-left: 0px;
	text-indent: 0px;
}

.ie6 #feature_panes{
	margin-left: 0;
}

#feature_panes li {
	float: left;
	width: 970px;
	height: 362px;
	margin-right: 10px;
	text-indent: 0px;
	padding-left: 0px;
}

.ie6 #feature_panes li a {
	background: none;
}

#feature_panes li.hover a {
	background: url(http://images.puma.com/assets/img/features/Rollover.png) 0 0 no-repeat;
}

.ie6 #feature_panes li.hover a {
	background: none;
}

#feature_panes li a {
	width: 970px;
	height: 362px;
	display: block;
	overflow: hidden;
	text-indent: -999em;
	background: url(http://images.puma.com/assets/img/features/Rollover.png) 0 0 no-repeat;
}



/*****************/
/* FEATURES LIST */
/*****************/

#static_feature {
	height:153px;
	width:320px;
	float:left;
	text-indent:-999px;
	margin:4px 2px 0 2px;
}

#static_feature a {
	height:153px;
	width:320px;
	background: url(http://images.puma.com/assets/img/lang/int/en/features/find-a-store.jpg) 0 0 no-repeat;
	display:block;
}

#static_feature  a:hover{
	background-position:left bottom;
}

.ie6 #static_feature {
	margin-left:0;
}

#features_list_container{
	float:left;
	overflow:hidden;
	width: 643px;
	position:relative;
	margin:0;
}

#features_list_wrapper{
	height: 157px;
	overflow:hidden;
	position:relative;
	width: 8000px;
}

#features_list{
	background-color: #fff;
	list-style-type: none;
	display:block;
	width: 20000px;
	height: 157px;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	font-family:Dotum, 'µ¸¿ò', Arial, Verdana, sans-serif;
}

#features_list li{
	float: left;
	width: 322px;
	height: 157px;
	margin: 5px 1px 0 0;
	text-indent: 0;
	padding: 0px;
	cursor: pointer;
	background-repeat:no-repeat;
	position: relative;
}


#features_list .blurb {
	float:right;
	font-weight:normal;
	color:#666;
	font-size: 1em;
	position: absolute;
	right: 27px;
	bottom: 13px;
}
#features_list li.hover .blurb {
	color:#fff;
}
.ie #features_list .blurb {
	*font-size: 0.7em;
}


#features_list li h3 {
	/*margin-top: 138px;*/
	display: block;
	width: 322px;
	height: 157px;
	xbackground: url(http://images.puma.com/assets/img/home_mask_featurette.png) left top;
}

.ie6 #features_list li h3 {
	xbackground: url(http://images.puma.com/assets/img/home_mask_featurette.gif) left top;
}

#features_list li h3 a {
	/*margin-top: 138px;*/
	font-size: 0.94em;
	display: block;
	color:#666;
	position: absolute;
	bottom: 13px;
	left: 10px;
	padding: 0;
	text-transform:uppercase;
}

.ie #features_list li h3 a {
	*font-size: 0.6em;
	font-family:Dotum, 'µ¸¿ò', Arial, Verdana, sans-serif;
}


#features_list li.hover a, #features_list li.selected_feature a, #features_list li.hover div {
	color: #fff;
}
#features_list li.hover {
	background-position: 0 -153px;
}

#features_list li.selected_feature  {
	xbackground-position: 0 -314px;
}

.arrows_wrapper{
	margin: 3px 4px 0 0;
}

.news_arrows_sp {
	margin-right:0;
}

.ie6 .arrows_wrapper{
	margin:4px 2px;
}

.ie .news_arrows_sp {
	margin-left:-2px;
}

/********************/
/* PRODUCT LIST TOP */
/********************/
#puma_products{
	margin-top:0px;
}

#products_head_wrapper{
	height: 44px;
	position: relative;
}

#puma_products h2{
	background: url(http://images.puma.com/assets/img/puma_body_hot_stuff.png) 10px 0 no-repeat;
	height: 40px;
	width: 400px;
	float: left;
	text-indent:-999em;
}

#products_selection{
	position: absolute;
	bottom: 1px;
	right: 11px;
}

#products_selection {
	list-style: none;
}
#products_selection li {
	display: inline-block;
	float: left;
	background: url(http://images.puma.com/assets/img/puma_body_tabs.png) left -40px;
	cursor: pointer;
}
#products_selection li em {
	display: inline-block;
	float: left;
	background: url(http://images.puma.com/assets/img/puma_body_tabs.png) right -40px;
	padding: 6px 9px 4px 4px;
	margin-left: 4px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	font-size: 1.1em;
}
#products_selection li.selected,
#products_selection li.hover {
	background-position: left top;
}
#products_selection li.selected em,
#products_selection li.hover em {
	background-position: right top;
}




/*************************/
/* PRODUCT LIST SHIFTING */
/*************************/

/* Specific to Catalog Page - Overrides Puma Products */

#product_list_container{
	width: 969px;
	margin-bottom:1px;
}


#product_list_wrapper{
	overflow:hidden;
	position:relative;
	width: 30000px;
}

.product_list{
	width: 30000px;
	height: 210px;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}


/****************/
/*     NEWS     */
/****************/
#puma_news{
	position:relative;
	height: 479px;
	float: left;
	width: 644px;
	margin: 14px 0 0 1px;
}

#puma_news h2{
	background: url(http://images.puma.com/assets/img/puma_body_get_the_latest.png) 9px -1px no-repeat;
	height: 45px;
	width: 400px;
	float: left;
	text-indent:-999em;
}
#puma_news .more{
	position:absolute;
	right:10px;
	top:35px;
	width:34px;
	height:5px;
	background: url(../img/more.png) no-repeat 0 0;
	text-indent:-999em;
}

#news_container{
	clear: left;
	overflow:hidden;
	position:relative;
	width: 644px;
	height: 398px;
}

#news_wrapper{
	overflow: hidden;
	position:relative;
	width: 645px;
	height: 1396px;
}

#news_items{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	background-color: #ffffff;
}

#news_items li{
	position:relative;
	background-image: url(http://images.puma.com/assets/img/latest_background.png);
	background-repeat: no-repeat;
	float: left;
	width: 643px;
	height: 130px;
	background-color: #ffffff;
	margin-bottom: 4px;
	cursor:pointer;
	overflow:hidden;
}

#news_items li.hover {
	background-position: left -130px;
}
#news_items li.hover * {
	color: #fff !important;
}

#news_items li div.nugget{
	position:absolute;
	width:396px;
	left:224px;
	display: table;
	height:130px;
}

#news_items li div.nugget_content{
	display: table-cell;
	vertical-align: middle;
}
.ie #news_items li div.nugget_content {
	font-family:Dotum, 'µ¸¿ò', Arial, Verdana, sans-serif;
}

.ie #news_items li div.nugget{
	*vertical-align: middle;
	*top:50%;
	*display:block;
	*height:auto;
}

.ie #news_items li div.nugget_content{
	*display:block;
	*position:relative;
	*top:-50%;
}

#news_items li div.nugget_content div {
	display:block;
	width:100%;
}

#news_items li img{
	margin: 7px 7px 7px 8px;
	float: left;
}

#news_items li h4{
	float: left;
	font-size: 1.3em;
	color: #000;
	width:290px;
	display:block;
}

#news_items li h3{
	float: right;
	width: 103px;
	margin-top: 3px;
	text-align: right;
	font-size: 1em;
	font-weight:bold;
	color: #f00;
	display:block;
}

#news_items li p{
	clear:both;
	display:block;
	color: #777777;
	padding:10px 0 10px 0;
	font-size:1.1em;
}

#news_items li .read_more{
	color: #f00;
	background-image: url(http://images.puma.com/assets/img/icon_arrow_read_more.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
	font-size:1.1em;
	font-weight:bold;
}
#news_items li.hover .read_more{
	color: #fff;
	background-image: url(http://images.puma.com/assets/img/icon_arrow_read_more_white.png);
	background-color: none;
}
.ie6 #news_items li.hover .read_more{
	background-image: url(http://images.puma.com/assets/img/icon_arrow_read_more_white.gif);
}

#news_items li .archive{
	font-size: 1em;
	color: #777777;
	position:absolute;
	bottom:6px;
	right:8px;
}

#news_items sup {
	text-transform:uppercase;
	vertical-align: top;
    position: relative;
	font-size:0.8em;
}

.ie #news_items sup {
	*vertical-align: middle;
}

/************************/
/* BLOG LIST ARROWS */
/************************/

#news_arrows{
	background-color: #fff;
	list-style-type: none;
	margin: 1px 3px 0 0;
	padding: 0px;
}



.small_arrows_down.d1{
	background-image: url(http://images.puma.com/assets/img/button_small_down_1.jpg);
	cursor: pointer;
}

.small_arrows_down.d0{
	background-image: url(http://images.puma.com/assets/img/button_small_down_0.jpg);
	cursor: pointer;
}

.small_arrows_up.u1{
	background-image: url(http://images.puma.com/assets/img/button_small_up_1.jpg);
	cursor: pointer;
}

.small_arrows_up.u0{
	background-image: url(http://images.puma.com/assets/img/button_small_up_0.jpg);
	cursor: pointer;
}


/************************/
/* ALTERNATE MEDIA      */
/************************/

#alternate_media_wrapper{
	clear:both;
	width: 100%;
	padding: 0px;
	margin-bottom: 0px;
}

#alternate_media{
	list-style-type: none;
	margin-left: 1px;
	padding: 0px;
}

#alternate_media li{
	float: left;
	width: 317px;
	margin-right:8px;
}

#alternate_media li a{
	cursor:pointer;
}

#alternate_media li.last{
	margin-right:0;
}

#alternate_media li h2{
	font-size: 1.4em;
}

#alternate_media li #music{
	background: url(http://images.puma.com/assets/img/puma_body_download_music.png) 9px -1px no-repeat;
	height: 43px;
	width:250px;
	float: left;
	text-indent:-999em;
}
#music_img{
	clear:both;
	background: url(http://images.puma.com/assets/img/download_music_widget.jpg) 0 0 no-repeat;
	height:262px;
	width:318px;
	line-height:262px;
	display:block;
}
#music_img em {
	clear:both;
	background: url(http://images.puma.com/assets/img/home_mask_alt.png) left top no-repeat;
	height:262px;
	width:318px;
	display:block;
}
.ie6 #music_img em {
	background: none;
}

#music_img:hover em {
	background-position:left bottom;
}

.ie6 #music_img:hover em {
	background-position:left top;
}


#alternate_media li #video{
	background: url(http://images.puma.com/assets/img/puma_body_watch_our_videos.png) 8px -1px no-repeat;
	height: 43px;
	width:250px;
	float: left;
	text-indent:-999em;
}

#video_img{
	clear:both;
	background: url(http://images.puma.com/assets/img/videos_widget.jpg) 0 0 no-repeat;
	height:262px;
	width:318px;
	line-height:262px;
	display:block;
}

#video_img em {
	clear:both;
	background: url(http://images.puma.com/assets/img/home_mask_alt.png) left top no-repeat;
	height:262px;
	width:318px;
	display:block;
}
.ie6 #video_img em {
	background: none;
}
#video_img:hover em {
	background-position:left bottom;
}

.ie6 #video_img:hover em {
	background-position:left top;
}

#alternate_media li #social{
	background: url(http://images.puma.com/assets/img/puma_body_be_social.png) 7px 1px no-repeat;
	height: 43px;
	width:250px;
	float: left;
	text-indent:-999em;
}

#social_img{
	clear:both;
	background: url(http://images.puma.com/assets/img/be_social_widget.jpg) 0 0 no-repeat;
	height:262px;
	width:318px;
	display:block;
}

#social_img em {
	clear:both;
	background: url(http://images.puma.com/assets/img/home_mask_alt.png) left top no-repeat;
	height:39px;
	width:282px;
	display:block;
	padding:222px 0 0 37px;/* 2011-05-23  ¼öÁ¤ */
}

#social_img em a {
	display:block;
	float:left;
	margin-right:3px;
	text-indent:-999em;
}
/* 2011-05-20 ¼öÁ¤*/
#social_img .ptwitter {
	width:118px;
	height:28px;
	margin-top:-27px;/* 2011-05-23 ¼öÁ¤*/
	background:url(../img/btn_twitter.gif) no-repeat 0 0;
}
#social_img .facebook {
	width:131px;
	height:28px;
	margin-top:-27px;/* 2011-05-23 ¼öÁ¤*/
	background:url(../img/btn_facebook.gif) no-repeat 0 0;
}
#social_img .publiccommunity {
	width:118px;
	height:28px;
	background:url(../img/btn_publiccom.gif) no-repeat 0 0;
}

#social_img .community {
	width:131px;
	height:28px;
	background:url(../img/btn_community.png) no-repeat 0 0;
}
/* //2011-05-20 */

.ie6 #social_img em {
	background: none;
}
#social_img:hover em {
	background-position:left bottom;
}
.ie6 #social_img:hover em {
	background-position:left top;
}


/************************/
/* ABOUT                */
/************************/

#about_wrapper{
	width: 100%;
	margin-top:21px;
}

#about{
	list-style-type: none;
	margin-left: 1px;
	padding: 0px;
}

#about li{
	float: left;
	width:477px;
	margin-right: 33px;
}

#about li.last{
	width:457px;
	margin-right:0;
}

#about li h2{
	font-size: 1.4em;
}

#about li #location{
	background: url(http://images.puma.com/assets/img/puma_body_find_a_store.png) 10px 2px no-repeat;
	height: 55px;
	width:300px;
	text-indent:-999em;
}
#about li .location {
	height:95px;
	padding:16px 0 0 20px;
}

#about li .location p {
	width:174px;
	height:14px;
	padding:0 0 19px 5px;
	background: url(../img/puma_find_store.png) no-repeat 5px 0;
	text-indent:-999em;
}

#about li .location select {
	width:213px;
}


#about li #park{
	background: url(../img/puma_body_puma_park.png) 9px 0 no-repeat;
	height: 55px;
	width:300px;
	text-indent:-999em;
}

#about li .park {
	height:111px;
}

#about li .park ul {
	overflow:hidden;
	padding:13px 0 0 28px;
}

#about li .park ul li {
	float:left;
	width:auto;
	margin:0;
	padding:0 1px 0 29px;
	background:url(../img/bg_line.png) no-repeat 100% 26px;
	list-style:none;
}

#about li .park ul li a {
	display:block;
	height:71px;
	text-indent:-999em;
}
#about li .park ul li.diary a {
	width:69px;
	background:url(../img/diary.png) no-repeat 0 0;
}
#about li .park ul li.gallery {
	padding-right:3px;
}
#about li .park ul li.gallery a {
	width:73px;
	background:url(../img/gallery.png) no-repeat 0 0;
}
#about li .park ul li.tv {
	padding:0 5px 0 27px;
}
#about li .park ul li.tv a {
	width:71px;
	background:url(../img/tv.png) no-repeat 0 0;
}

#about li .park ul li.best {
	padding:0 0 0 25px;
	background:none;
}

#about li .park ul li.best a {
	width:63px;
	background:url(../img/best.png) no-repeat 0 0;
}
#about li .park ul li.updated a {
	background-position:0 -71px;
}

#about li .box {
	background:url(../img/box_right.png) no-repeat right 0;
}
#about li .box div {
	background:url(../img/box_left.png) no-repeat 0 0;
}

#puma_footer li.pumahome a {
	color:#f00;
}

/************************/
/*** EVENT ***/
/************************/
#puma_featurette{
	position:relative;
	float: left;
	width: 316px;
	margin: 14px 0 0 6px;
}


#puma_featurette h2{
	background: url(../img/lang/int/ko/event_head.png) 5px 0 no-repeat;
	height: 47px;
	width:300px;
	float: left;
	text-indent:-999em;
}

#puma_featurette{
	float: left;
	width: 316px;
	margin: 14px 0 0 6px;
}

#puma_featurette .more{
	position:absolute;
	right:10px;
	top:35px;
	width:34px;
	height:5px;
	background: url(../img/more.png) no-repeat 0 0;
	text-indent:-999em;
}

#puma_event_container{
	overflow:hidden;
	position:relative;
	width: 316px;
}

#puma_event_wrapper{
	height:398px;
	width: 19000px;
	overflow:hidden;
	position:relative;
}

#puma_event_panes{
	background-color: #fff;
	list-style-type: none;
	display:block;
	width: 19000px;
	height: 398px;
	xmargin-left: 12px;
	padding-left: 0px;
	text-indent: 0px;
}

#puma_event_panes li {
	float: left;
	width: 316px;
	height: 398px;
	margin-right: 10px;
	text-indent: 0px;
	padding-left: 0px;
}