@charset 'gb2312';
/*======================================================================================
 PUMA Global CSS
======================================================================================*/
* {padding: 0; margin: 0;}
html {height:100%;overflow-y: scroll;}
ul,ol {list-style:none;}
a {outline:none;}
a:active, a:hover, a:link, a:visited{text-decoration: none;}
img {border:0;}
.cleaner {clear:both;}

body{
	padding-top: 15px;
	padding-bottom: 50px;
	font: 10px Arial,sans-serif;
	background: #f5f5f5 url(../img/bg.jpg) repeat-x;
}

#puma_wrapper {
	margin: 0 auto;
	width:992px;
	height:auto;
	background-color: transparent;
}

#puma_body { 
	padding: 7px 10px 30px 11px;
	clear: both;
	zoom: 1;
	background: url(../img/bg_body.png) repeat-y;
}

/* --------------------------------------------- */
/* Arrows */
aa .item_shift {
	float: left; _display: inline;
}
.lnr_arrows,
.und_arrows {
	float: right; _display: inline;
	list-style:none;
}
.lnr_arrows li,
.und_arrows li {
	float:left; 
	height:19px; 
	width:20px; 
}
.lnr_arrows li.rev a {
	display:block; 
	height:19px; 
	width:19px; 
	text-indent:-999em;
	overflow: hidden;
	background-repeat: no-repeat;
}
.lnr_arrows li.rev a.off {
	background-position: left top;
	cursor:default;
}
.lnr_arrows li.rev a.on {
	background-position: left bottom;
}
.lnr_arrows li.rev a.on:hover{
	background-position:left center;
}
.lnr_arrows li.fwd a {
	display:block; 
	height:19px; 
	width:19px; 
	text-indent: -999em; 
	overflow: hidden;
	background-repeat: no-repeat;
	margin-left:2px; 
}
.lnr_arrows li.fwd a.off {
	background-position: right top;
	cursor:default;
}
.lnr_arrows li.fwd a.on {
	background-position: right bottom;
}
.lnr_arrows li.fwd a.on:hover {
	background-position: right center;
}
.und_arrows li.dn a { 
	height:19px; 
	width:19px; 
	line-height:19px; 
	display:block; 
	background-position: -19px 0px; 
	background-repeat: no-repeat;
	text-indent:-999em; 
}
.und_arrows li.dn a.off { 
	cursor: default;
}
.und_arrows li.dn a.on { 
	background-position: -19px -38px;
}
.und_arrows li.dn a.on:hover{
	background-position: -19px -19px; 
}
.und_arrows li.up a { 
	height:19px; 
	width:19px; 
	line-height:19px; 
	display:block; 
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent:-999em;
	margin-left:2px;
}
.und_arrows li.up a.off { 
	cursor:default;
}
.und_arrows li.up a.on { 
	background-position:0 -38px;
}
.und_arrows li.up a.on:hover{
	background-position:0 -19px; 
}

/** 指定图片 **/
.lnr_arrows li.rev a,
.lnr_arrows li.fwd a {background-image: url(../img/icon_arrow_lnr.png);}

.und_arrows li.dn a,
.und_arrows li.up a {background-image: url(../img/icon_arrow_und.png);}

/** NoScript **/
#noscript {
	background-color:#ffffff;
	padding:10px;
}


/* ========================== GLOBAL HEADER ========================== */
#puma_header { 
	position:relative;
	height: 45px;
	width: 992px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-top: 1px;
	z-index: 1000;
}
#puma_header { 
	background-image: url(../img/nav_bg.png);
	_background-image: url(../img/nav_bg.gif);
}

#puma_header h1 {
	display: none;
}

/** Nav **/
#nav {
	height: 45px;
	padding-left: 2px;
}

#nav li {
	position: relative;
	z-index: 300px;
	display: block;
	float: left; _display: inline;
	list-style: none;
	height: 45px;
	font-size: 12px;
	line-height: 45px;
}

#nav li ul {
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

#nav li a {
	aa position: relative;
	display: block;
	float: left; _display: inline;
	padding: 0 18px;
	height: 45px;
	line-height: 43px;
	background-position: right top;
	background-repeat: no-repeat;
}
/*
#nav li.nodrop a:hover,
#nav li.selected_nodrop a {
	font-weight: normal;
	background-position: right -45px;
}
#nav li.selected a {
	font-weight: normal;
	background-position: right bottom;
}
*/


#nav li.main {
	background-position: left top;
	background-repeat: no-repeat;
}
#nav li.main a {
	aa position: relative;
	display: block;
	margin-right: -3px;
	padding: 0 25px 0 60px;
	aa height: 45px;
	color: #fff;
	background-position: right top;
	background-repeat: no-repeat;
}
#nav li.hover a {
	background-position: right -50px;
}

/** 子菜单 **/
#nav li ul {
	position: absolute;
	top: 45px;
	left: 0;
	width: 121px;
	background-repeat: no-repeat;
	padding-top: 5px;
	z-index: 350px;
}
#nav li ul li {
	list-style: none;
	line-height: 1;
	display: block;
	height: auto;
	width: 121px;
	font-size: 1em;
}
#nav li ul li.last {
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 5px;
}
#nav li ul li a {
	display: block;
	float: none;
	background-position: left bottom;
	padding: 5px 10px;
	line-height: 1;
	height: auto;
	zoom: 1;
}
#nav li ul li a:hover {
	background-position: left top;
}

/** 主菜单的子菜单 **/
#nav li.main ul {
	position: absolute;
	top: 45px;
	left: auto;
	left: 0;
	width: 181px;
	background-repeat: no-repeat;
	padding-top: 5px;
}
#nav li.main ul li {
	list-style: none;
	line-height: 1;
	display: block;
	height: auto;
	width: 181px;
	font-size: 1em;
}
#nav li.main ul li.seperator {
	padding-top: 8px;
	background-position: left top;
	background-repeat: no-repeat;
}

#nav li.main ul li strong {
	font-weight: normal;
	font-size: 1.2em;
}
#nav li.main ul li.last {
	background-position: left top;
	background-repeat: no-repeat;
	height:10px !important;
	padding-bottom: 0 !important;
}

#nav li.main ul li a {
	background-position: left bottom;
	padding: 5px 10px 5px 14px;
	display: block;
	line-height: 1;
	height: auto;
}

#nav li.main ul li a:hover {
	background-position: left top;
}

/* --------------------------------------------- */
/** 指定颜色与背景图片 **/
#nav li a {
	color: #5e5f5e;
	background-image: url(../img/nav_menu_bg.png);
}
/**
#nav li.nodrop a:hover,
#nav li.selected_nodrop a {
	color: #fff;
}
#nav li.selected a {
	color: #fff;
}
**/
#nav li.main {
	background-image: url(../img/nav_puma_logo.png);
}
#nav li.main a {
	color: #fff;
	aa background-image: url(../img/nav_main.png);
	aa _background-image: url(../img/nav_main.gif);
	background-image: none;
}

#nav li.hover a {
	color: #fff;
}

#nav li ul {
	background-image: url(../img/drop_top.png);
}
#nav li ul li.last {
	background-image: url(../img/drop_bottom.png);
	_background-image: url(../img/drop_bottom.gif);
}

#nav li ul li a {
	color: #bbb;
	background-image: url(../img/drop.png);
	_background-image: url(../img/drop.gif);
}

#nav li ul li a:hover {
	background-position: left top;
	color: #fff;
}

#nav li.main ul {
	background-image: url(../img/nav_drop_top.png);
	_background-image: url(../img/nav_drop_top.gif);
}
#nav li.main ul li.seperator {
	background-image: url(../img/nav_drop_seperator.png);
	_background-image: url(../img/nav_drop_seperator.gif);
}
#nav li.main ul li.last {
	background-image: url(../img/nav_drop_bottom.png);
	_background-image: url(../img/nav_drop_bottom.gif);
}
#nav li.main ul li a {
	color: #fff;
	background-image: url(../img/nav_drop.png);
	_background-image: url(../img/nav_drop.gif);
}
#nav li.main ul li a:hover {
	color: #fff;
}

/** 产品菜单 **/
#nav li.prod {
	position: absolute;
	right: 196px;
	top: 1px;  /** 因为包含块设置了1px内边距 **/
	padding-left: 1px;
	background: url(../img/nav_menu_bg.png) no-repeat left top;
}
#nav li.prod a {
	background-position: right top;
}
#nav li.prod a:hover {
	background-position: right -50px;
}

/** 在所有页显示次导航 **/
/*
#nav li.sports,
#nav li.lifestyle,
#nav li.fashion {
	visibility: hidden;
}
#puma_home #nav li.sports,
#puma_home #nav li.lifestyle,
#puma_home #nav li.fashion {
	visibility: visible;
}
*/

/** 当前菜单高亮 **/
body.sports		#nav li.sports,
body.lifestyle	#nav li.lifestyle,
body.fashion	#nav li.fashion {
	margin-bottom: -5px;
	height: 50px;
	background: url(../img/nav_menu_bg.png) no-repeat center -50px;
}
#puma_catalog		#nav li.prod a,  /** 产品页始终高亮 **/
body.sports		#nav li.sports a,
body.lifestyle	#nav li.lifestyle a,
body.fashion	#nav li.fashion a {
	color: white;
	background-position: right -50px;
}




/* --------------------------------------------- */
/** Mail List **/

#puma_mailing_form{
	position: absolute;
	top: 10px;
	left: 808px;
	background-repeat: no-repeat;
	width: 172px;
	height:25px;
	background-image: url(../img/nav_mail_bg.png);
}

#puma_mailing_form form{
	height:25px;
}

#puma_main_subscribe_label { 
	display: none;
	visibility:hidden;
}

#puma_main_subscribe_email {
	position: absolute;
	top:5px;
	left:7px;
	width: 140px;
	height: 14px;
	font: 12px/14px Arial, Helvetica, sans-serif;
	background:none;
	border:none;
}

#puma_main_subscribe_submit {
	position: absolute;
	top: 0px;
	left: 145px;
	width: 25px;
	height: 24px;
	line-height: 18px;
	background: none;
	text-indent: -999em;
	overflow: hidden;
	border:none;
	cursor:pointer;
}


/* ========================== GLOBAL FOOTER ========================== */

/* Footer Layout */
#puma_footer { 
	clear:both;
	margin:0;
	aa width:992px;
	height: 95px;
	overflow: hidden;
	font-size:1em;
	line-height: 14px;
	background-repeat: no-repeat;
	background-image: url(../img/bg_footer.png);
}

#puma_footer a {
	text-decoration: none;
	color: #5e5e5e;
} 

#puma_footer a:hover {
	color: #000000;
}

#puma_footer h3 { 
	display:none;
}

.sup_foot {
	height: 60px;
}

.link_list {
	float: right; _display: inline;
	margin-right:10px;
	font-size:1em;
	line-height:1em;
}

.upper_list{
	margin-top: 20px;
}

.link_list ul{
	float: right;
	margin: 0 0 5px 0;
}

#puma_footer ul li { 
	float:left; 
	list-style: none; 
	display: block;  
	border-right: 1px solid #d5d5d5; 
}

#puma_footer ul li.last { 
	border:0;
}

#puma_footer ul li a{ 
	display:block;
	padding:0px 7px 0px 7px;
}

.sub_foot .lt_foot{
	width: 400px;
	float: left;
	padding-top: 10px;
	padding-left: 14px;
	font-size: 12px;
}

.sub_foot .rt_foot{
	width: 450px;
	float: right;
	padding-top: 10px;
	padding-right: 14px;
	font-size: 12px;
}

.sub_foot .rt_foot ul{
	float: right;
}

#puma_footer li.selected{
	font-weight: bolder;
}
#puma_footer .pumahome a {
	color:red;
}

#puma_footer .sub_foot ul li a{
	padding: 0px 12px;
	color: #777;
}
#puma_footer .sub_foot ul li a:hover {
	color: black;
}


#puma_footer .pcopy {
	padding-right: 12px;
	color:#9b9c9c;
}
#puma_footer .beian {
	padding-left: 12px;
	color:#9b9c9c;
}

/* --------------------------------------------- */
/** 返回 **/
#dv_back {
	padding-bottom: 8px;
}
#dv_back a.btn {
	display: block;
	margin-left: auto;
	width: 80px;
	height: 21px;
	text-indent: -999px;
	overflow: hidden;
	background: url(../img/icon_back_home.png) no-repeat;
}
#dv_back a.btn:hover {
	background-position: left bottom;
}