@charset 'gb2312';
/* --------------------------------------------- */
/*****************/
/* FEATURES PANE */
/*****************/

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

#puma_features h2{
	display: none;
}

#features_panes_container{
	overflow:hidden;
	position:relative;
	width: 968px;
	z-index: 100;
}

#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;
	padding-left: 0px;
	text-indent: 0px;
}

#feature_panes li {
	float: left;
	width: 970px;
	height: 362px;
	margin-right: 10px;
	text-indent: 0px;
	padding-left: 0px;
}
#feature_panes li a {
	width: 970px;
	height: 362px;
	display: block;
	overflow: hidden;
	text-indent: -999em;
}
#feature_panes li.hover a {
	background: url(../img/kv_mask.png) 0 0 no-repeat;
	_background: none;
}



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

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

#static_feature a {
	height:153px;
	width:320px;
	background: url(../img/kv_find_store.png) 0 0 no-repeat;
	display:block;
}

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

#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;
}

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

#features_list li h3 {
	display: block;
	width: 322px;
	height: 157px;
	background: url(../img/kv_s_title.png) no-repeat;
}
#features_list li.hover h3 {
	background-position: 0 -153px;
}
#features_list li h3 a {
	display: block;
	position: absolute;
	top: 129px;
	*top: 131px;
	left: 10px;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	color:#666;
	text-transform:uppercase;
}
#features_list span {
	position: absolute;
	top: 129px;
	*top: 131px;
	right: 27px;
	font-size: 12px;
	line-height: 14px;
	font-weight:normal;
	color:#666;
}

#features_list li.hover a,
#features_list li.hover span {
	color: #fff;
}

.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(../img/home_title_prod.png) 10px 0 no-repeat;
	height: 40px;
	width: 400px;
	float: left;
	text-indent:-999em;
}
			
			
			
/*************************/
/* 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;
}
#product_list_wrapper li {  /** 效果初始化 **/
	aa display: none;
}


/****************/
/*     NEWS     */
/****************/

#puma_news{
	float: left; _display: inline;
	margin: 14px 0 0 1px;
	width: 969px;
	height: 350px;
}

#puma_news h2{
	float: left;
	height: 45px;
	width: 400px;
	text-indent:-999em;
	overflow: hidden;
	background: url(../img/home_title_news.png) 9px -1px no-repeat;
}

#news_container{
	clear: left;
	overflow:hidden;
	position:relative;
	width: 969px;
	height: 264px;
}

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

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

#news_items li{
	position:relative;
	background-image: url(../img/news_bg.png);
	background-repeat: no-repeat;
	float: left;
	width: 968px;
	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 img{
	float: left;
	margin: 7px 7px 7px 8px;
}
#news_items li div.nugget{
	position:absolute;
	width:728px;
	height:130px;
	left: 224px;
}

#news_items li div.nugget_content{
	padding-top: 20px;
}

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

#news_items li h3{  /** 新闻标题 **/
	float: left;
	width:420px;
	font-size: 14px;
	line-height: 17px;
	color: #000;
}

#news_items li h4{  /** 新闻日期 **/
	float: right;
	width: 120px;
	padding-top: 2px;
	text-align: right;
	font-size: 12px;
	line-height: 14px;
	font-weight:400;
	color: #f00;
}

#news_items li p{
	clear:both;
	padding:6px 0 10px 0;
	font-size: 12px;
	line-height: 20px;
	aa text-indent: 2em;
	color: #777777;
	text-align: justify; text-justify: distribute;
}
#news_items li .read_more{
	color: #f00;
	padding-left: 10px;
	font-size: 12px;
	line-height: 14px;
	height: 15px;
	font-weight:bold;
	background: url(../img/news_icon_more.png) no-repeat 0 2px;
	_background-image: url(../img/news_icon_more.gif);
}
#news_items li.hover .read_more{
	color: #fff;
	background-position: 0 -13px;
}

#news_items li .archive{  /** 新闻分类 **/
	position:absolute;
	bottom:10px; 
	right:15px;
	font-size: 12px;
	line-height: 14px;
	color: #777777;
}

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

/************************/
/* ALTERNATE MEDIA      */
/************************/				
	
#alternate_media_wrapper {
	clear:both;
	margin: 0 auto;
	width: 967px;
}

#alternate_media {
	list-style-type: none;
}

#alternate_media li {
	float: left; _display: inline;
	width: 317px;
	margin-right:8px;
}
#alternate_media li.last {
	margin-right:0;
}
#alternate_media li h2 {
	height: 45px;
	overflow: hidden;
	text-indent: -999px;
	background: url(../img/home_title_media.png) no-repeat;
}
#alternate_media h2.video {background-position: 0 -50px;}
#alternate_media h2.share {background-position: 0 -100px;}

#alternate_media li a {
	display:block;
	width:317px;
	height:175px;
}
#alternate_media a.gallery	{background: url(../img/home_banner_gallery.jpg) no-repeat;}
#alternate_media a.video	{background: url(../img/home_banner_video.jpg) no-repeat;}
#alternate_media a.share	{background: url(../img/home_banner_share.jpg) no-repeat;}

#alternate_media li a em {
	display:block;
	width:317px;
	height:175px;
	background: url(../img/home_banner_mask.png) no-repeat;
	_background: none;
	cursor: pointer;
}

#alternate_media li.hover a em {
	background-position: left bottom;
}


/* --------------------------------------------- */
/** Prod Select **/
#dv_prod_select {
	display: none;  /** 临时去除 **/
	margin: 0 0 3px 1px;
	width: 968px;
	height: 65px;
	background: url(../img/prod_select_bg.png) no-repeat;
}
#dv_prod_select ul {
	list-style: none;
}

#prod_select_container {
	position: relative;
	margin-left: 36px;
	padding-top: 5px;
	width: 895px;
	height: 60px;
	overflow: hidden;
}
#prod_select_wrapper {
	position: relative;
	width: 3000px;
	height: 60px;
}

#prod_select li {
	float: left; _display: inline;
	margin-right: 5px;
	width: 220px;
	height: 60px;
	font-size: 12px;
	text-align: center;
	color: #555;
	background: url(../img/prod_select_tab.png) no-repeat;
	aa cursor: pointer;
}
aa #prod_select li.hover {
	color: white;
	background-position: 0 -60px;
}
#prod_select li.selected {
	color: white;
	background-position: left bottom;
}

#prod_select li.last {
	margin-right: 0px;
}
#prod_select li em {
	display: block;
	width: 220px;
	height: 60px;
	font-style: normal;
	line-height: 88px;
	*line-height: 92px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 3px 3px;
}



/** 箭头 **/
#prod_select_arrows_wrapper {
}
#prod_select_arrows {
	float: none;
}
#prod_select_arrows li {
	margin-top: -65px;
	width: 35px;
}
#prod_select_arrows li.rev {float: left; _display: inline;}
#prod_select_arrows li.fwd {float: right; _display: inline;}

#prod_select_arrows li a {
	margin: 0;
	width: 35px;
	height: 65px;
	background-image: url(../img/prod_select_arrow.png);
}






/* --------------------------------------------- */
/** Sub Nav **/
#dv_sub_nav {
	position: relative;
	margin: 0 11px;  /** 相当于宽度 970px; **/
	z-index: 200;
}
#dv_sub_nav ul {
	list-style: none;
}
div.sub_nav {
	position: absolute;
	left: 0;
	top: 7px;
	top: -999px;
	width: 970px;
	height: 362px;
	background: url(../img/sub_nav_bg.png) no-repeat;
	_background-image: url(../img/sub_nav_bg.gif);
}

div.sub_nav div.container {
	position: absolute;
	left: 60px;
	top: 0;
	width: 850px;
	height: 120px;
	overflow: hidden;
}
div.sub_nav div.wrapper {
	position: absolute;
	width: 2000px;
	height: 120px;
}

/** 内容 **/
div.sub_nav div.wrapper li {
	float: left; _display: inline;
	position: relative;
	width: 170px;
	height: 120px;
	font-size: 12px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 11px 17px;
}

div.sub_nav div.wrapper li a {
	display: block;
	width: 170px;
	height: 120px;
	overflow: hidden;
	font-style: normal;
	line-height: 202px;
	*line-height: 204px;
	text-transform: uppercase;
	color: white;
	background: url(../img/sub_nav_select_tab.png) no-repeat;
}
div.sub_nav div.wrapper li.hover a {
	background-position: 0 -120px;
}
div.sub_nav div.wrapper li.hover a.new {
	background-position: 0 -240px;
}
div.sub_nav div.wrapper li a.prod {
	position: absolute;
	right: 8px;
	top: 93px;
	width: 54px;
	height: 17px;
	line-height: 16px;
	*line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: white;
	background: url(../img/sub_nav_select_btn_prod.png) no-repeat;
}
div.sub_nav div.wrapper li.hover a.prod {
	background-position: 0 -20px;
}
div.sub_nav div.wrapper li.hover a.prod:hover {
	
}

/** 消隐 **/
body.sports		#dv_sports_select,
body.lifestyle	#dv_lifestyle_select,
body.fashion	#dv_fashion_select {
	top: 7px;
}


/** 箭头 **/
div.sub_nav div.arrows_wrapper ul {
	float: none;
}


div.sub_nav div.arrows_wrapper li {
	position: absolute;
	top: 0;
	width: 60px;
	height: 120px;
}
div.sub_nav div.arrows_wrapper li.rev {left: 0;}
div.sub_nav div.arrows_wrapper li.fwd {left: 910px;}

div.sub_nav div.arrows_wrapper li a {
	margin: 0;
	width: 60px;
	height: 120px;
	background-image: url(../img/sub_nav_arrow.png);
}



/** Sports Select **/
#dv_sub_nav li.createyourstyle		{background-image: url(../img/sub_nav_createyourstyle.png);}
#dv_sub_nav li.football		{background-image: url(../img/sub_nav_football.png);}
/*#dv_sub_nav li.motorsport	{background-image: url(../img/sub_nav_motorsport.png);}
*/#dv_sub_nav li.running		{background-image: url(../img/sub_nav_running.png);}
/*#dv_sub_nav li.por			{background-image: url(../img/sub_nav_por.png);}
*/#dv_sub_nav li.motorsport	{background-image: url(../img/sub_nav_motorsport1.png);}
#dv_sub_nav li.sailing	{background-image: url(../img/sub_nav_sailing.png);}

/** Temp **/
#dv_sub_nav li.por			{display: none;}


/** Lifestyle Select **/
#dv_sub_nav li.damouth		{background-image: url(../img/sub_nav_damouth.png);}
#dv_sub_nav li.lift			{background-image: url(../img/sub_nav_lift.png);}
#dv_sub_nav li.archive		{background-image: url(../img/sub_nav_archive.png);}
#dv_sub_nav li.eyewear		{background-image: url(../img/sub_nav_eyewear.png);}
#dv_sub_nav li.fragrances	{background-image: url(../img/sub_nav_fragrances.png);}

/** Fashion Select **/
#dv_sub_nav li.theblacklabel	{background-image: url(../img/sub_nav_theblacklabel.png);}
#dv_sub_nav li.alexandermcqueen	{background-image: url(../img/sub_nav_alexandermcqueen.png);}
#dv_sub_nav li.mihara			{background-image: url(../img/sub_nav_mihara.png);}
#dv_sub_nav li.rudolfdassler	{background-image: url(../img/sub_nav_rudolfdassler.png);}
#dv_sub_nav li.sergiorossi		{background-image: url(../img/sub_nav_sergiorossi.png);}


/** 主KV图片 **/
.feature_item_01_pane {background-image: url(../img/kv/kv-1.jpg);}
.feature_item_02_pane {background-image: url(../img/kv/kv-2.jpg);}
.feature_item_03_pane {background-image: url(../img/kv/kv-3.jpg);}
.feature_item_04_pane {background-image: url(../img/kv/kv-4.jpg);}
.feature_item_05_pane {background-image: url(../img/kv/kv_l_lift.jpg);}
.feature_item_06_pane {background-image: url(../img/kv/kv_l_createyourstyle.jpg);}
.feature_item_07_pane {background-image: url(../img/kv/kv_l_damouth.jpg);}
.feature_item_08_pane {background-image: url(../img/kv/kv-5.jpg);}

/** 次KV图片 **/
.feature_item_01 {background-image: url(../img/kv/kv_s-1.jpg);}
.feature_item_02 {background-image: url(../img/kv/kv_s-2.jpg);}
.feature_item_03 {background-image: url(../img/kv/kv_s-3.jpg);}
.feature_item_04 {background-image: url(../img/kv/kv_s-4.jpg);}
.feature_item_05 {background-image: url(../img/kv/kv_s_lift.jpg);}
.feature_item_06 {background-image: url(../img/kv/kv_s_createyourstyle.jpg);}
.feature_item_07 {background-image: url(../img/kv/kv_s_damouth.jpg);}
.feature_item_08 {background-image: url(../img/kv/kv_s-5.jpg);}

/** 产品筛选 - 后改为系列提示 **/
#prod_select li.s_1  em {background-image: url(../img/prod_select_icon_football.png);}
#prod_select li.s_2  em {background-image: url(../img/prod_select_icon_archive.png);}
#prod_select li.s_3  em {background-image: url(../img/prod_select_icon_motorsport.png);}
#prod_select li.s_4  em {background-image: url(../img/prod_select_icon_running.png);}