@import url("puma_products.css");

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

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

#puma_features h2{
	display: none;
}

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

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

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

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

#feature_panes li {
	float: left;
	width: 970px;
	height: 362px;
	margin-left: 0px;
	text-indent: 0px;
	padding-left: 0px;
}
#feature_panes li a {
	display: block;
	width: 970px;
	height: 362px;
	background: url(../img/Rollover.png) left top;
}

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

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

.ie6 #feature_panes li.hover a {
	background-position: left top;
}

#feature_panes li a {
	width: 970px;
	height: 362px;
	display: block;
	overflow: hidden;
	text-indent: -999em;
}

#feature_item_00_pane{
	background-image: url(../img/running_feature_lrg.jpg);
}
#feature_item_01_pane{
	background-image: url(../img/social_feature.jpg);
}
#feature_item_02_pane{
	background-image: url(../img/football_feature_lrg.jpg);
}
#feature_item_03_pane{
	background-image: url(../img/fitness_feature.jpg);
}
/*#feature_item_04_pane{
	background-image: url(../img/puma_book_lrg.jpg);
}
#feature_item_05_pane{
	background-image: url(../img/panel_1271281789.jpg);
}*/
#feature_item_04_pane{
	background-image: url(../img/golf_feature_lrg.jpg);
}
#feature_item_05_pane{
	background-image: url(../img/motorsport_feature_lrg.jpg);
}
#feature_item_06_pane{
	background-image: url(../img/sailing_feature_lrg.jpg);
}
#feature_item_07_pane{
	background-image: url(../img/black_feature_lrg.jpg);
}


/*
#feature_item_00_pane{
	background-image: url(../img/puma_book_lrg.jpg);
}
#feature_item_01_pane{
	background-image: url(../img/panel_1271281789.jpg);
}
#feature_item_02_pane{
	background-image: url(../img/fashion.jpg);
}
#feature_item_03_pane{
	background-image: url(../img/football_feature_lrg.jpg);
}
#feature_item_04_pane{
	background-image: url(../img/running_feature_lrg.jpg);
}
#feature_item_05_pane{
	background-image: url(../img/fitness_feature.jpg);
}
#feature_item_06_pane{
	background-image: url(../img/sailing_feature_lrg.jpg);
}
#feature_item_07_pane{
	background-image: url(../img/archive_feature.jpg);
}
#feature_item_08_pane{
	background-image: url(../img/motorsport_feature_lrg.jpg);
}
#feature_item_09_pane{
	background-image: url(../img/golf_feature_lrg.jpg);
}
*/



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

#static_feature {
	height:157px;
	width:299px;
	float:left;
	/*text-indent:-999px;*/
	margin-left:2px;
}

#static_feature a {
	height:157px;
	width:299px;
	background-image: url(../img/shop_online_feature_sm.jpg);
	display:block;
}

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

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

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

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

#features_list{
	background-color: #fff;
	list-style-type: none;
	display:block;
	width: 8000px;
	height: 157px;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}

#features_list li{
	float: left;
	width: 219px;
	height: 157px;
	margin: 0 3px 0 0;
	text-indent: 0px;
	padding: 0px;
	cursor: pointer;
}

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

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

#features_list li h3 a {
	/*margin-top: 138px;*/
	font-size: 1.1em;
	padding-left: 8px;
	display: block;
	padding-top: 134px;
	color: #010101;
}

.ie #features_list li h3 a {
	font-size: 0.8em;
}


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

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


#feature_item_00{
	background-image: url(../img/running_feature_sm.jpg);
}
#feature_item_01{
	background-image: url(../img/social_feature_sm.jpg);
}
#feature_item_02{
	background-image: url(../img/football_feature_sm.jpg);
}
#feature_item_03{
	background-image: url(../img/fitness_feature_sm.jpg);
}
/*#feature_item_04{
	background-image: url(../img/puma_book_sm.jpg);
}
#feature_item_05{
	background-image: url(../img/panel_1271281789_sm.jpg);
}*/
#feature_item_04{
	background-image: url(../img/golf_feature_sm.jpg);
}
#feature_item_05{
	background-image: url(../img/motorsport_feature_sm.jpg);
}
#feature_item_06{
	background-image: url(../img/sailing_feature_sm.jpg);
}
#feature_item_07{
	background-image: url(../img/black_feature_sm.jpg);
}

/*
#feature_item_00{
	background-image: url(../img/puma_book_sm.jpg);
}
#feature_item_01{
	background-image: url(../img/panel_1271281789_sm.jpg);
}
#feature_item_02{
	background-image: url(../img/fashion_sm.jpg);
}
#feature_item_03{
	background-image: url(../img/football_feature_sm.jpg);
}
#feature_item_04{
	background-image: url(../img/running_feature_sm.jpg);
}
#feature_item_05{
	background-image: url(../img/fitness_feature_sm.jpg);
}
#feature_item_06{
	background-image: url(../img/sailing_feature_sm.jpg);
}
#feature_item_07{
	background-image: url(../img/archive_feature_1_sm.jpg);
}
#feature_item_08{
	background-image: url(../img/motorsport_feature_sm.jpg);
}
#feature_item_09{
	background-image: url(../img/golf_feature_sm.jpg);
}
*/

.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/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;
	visibility: visible;
}

#products_selection {
	list-style: none;
}
#products_selection li {
	display: inline-block;
	float: left;
	background: url(../img/puma_body_tabs.png) left -40px;
	cursor: pointer;
}
#products_selection li em {
	display: inline-block;
	float: left;
	background: url(../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 .clear { clear:both; }

#puma_news .earthquake {
	float:right;
	width:175px;
	margin:0 3px 0 0;
}

#puma_news .store {
	float:right;
	width:262px;
	margin:0 0 0 0;
}

#puma_news .store2 {
	float:right;
	width:349px;
	margin:0 0 3px 0;
}

#puma_news .earthquake a {
	display:block;
	width:175px;
	height:16px;
	text-indent:-999em;
	background:url(../img/link-earrhquake.gif) 0 0 no-repeat;
}
	#puma_news .earthquake a:hover { background-position:0 -16px; }

#puma_news .store a {
	display:block;
	width:262px;
	height:16px;
	text-indent:-999em;
	background:url(../img/link-store.gif) 0 0 no-repeat;
}
	#puma_news .store a:hover { background-position:0 -16px; }

#puma_news .store2 a {
	display:block;
	width:349px;
	height:16px;
	text-indent:-999em;
	background:url(../img/link-store2.gif) 0 0 no-repeat;
}
	#puma_news .store2 a:hover { background-position:0 -16px; }

#puma_news{
	height: 479px;
	float: left;
	width: 644px;
	margin: 14px 0 0 1px;
}

#puma_news h2{
	background: url(../img/puma_body_get_the_latest.png) 9px -1px no-repeat;
	height: 45px;
	width: 175px;
	float: left;
	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(../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;
	visibility: visible;
}

#news_items li div.nugget_content{ 
	display: table-cell; 
	vertical-align: middle;
}

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



html>/**/body div.nugget_content { top /*\**/: 10px!important\9 }

	
.ie #news_items li div.nugget_content{
	display:block;
	position:relative; 
	top:10px;
}


#news_items li div.nugget_content{ 
	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;
}

#news_items li .read_more{
	color: #f00;
	background-image: url(../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(../img/icon_arrow_read_more_white.png);
	background-color: none;
}
.ie6 #news_items li.hover .read_more{
	background-image: url(../img/icon_arrow_read_more_white.gif);
}

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

#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(../img/button_small_down_1.jpg);
	cursor: pointer;
}

.small_arrows_down.d0{
	background-image: url(../img/button_small_down_0.jpg);
	cursor: pointer;
}

.small_arrows_up.u1{
	background-image: url(../img/button_small_up_1.jpg);
	cursor: pointer;
}

.small_arrows_up.u0{
	background-image: url(../img/button_small_up_0.jpg);
	cursor: pointer;
}







/************************/
/* PUMA FEATURETTE      */
/************************/


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


#puma_featurette h2{
	background: url(../img/puma_body_design_your_own.png) 9px 1px no-repeat;
	height: 45px;
	width:300px;
	float: left;
	text-indent:-999em;
}

#tribes_img{
	clear:both;
	background: url(../img/tribes-jp.jpg) 0 0 no-repeat;
	height:200px;
	width:318px;
	line-height:398px;
	display:block;
}

#tribes_img:hover{
	background-position:left bottom;
}


#puma_featurette h2#clubcard{
	background: url(../img/pumaclubcard.jpg) bottom no-repeat;
	height: 45px;
	width:314px;
	float: left;
	text-indent:-999em;
	margin:7px 0 4px 0;
}
/*
.clubcard_img{
	font-size:1.2em;
	clear:both;
	background: url(../img/pumacard_bg.jpg) 0 0 no-repeat;
	height:40px;
	width:292px;
	display:block;
	padding:113px 16px 0 16px;
}*/
.clubcard_img a{
	color:#ff0000;
	text-decoration:underline;}
.clubcard_img a:hover{
	text-decoration:none;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;}
	
/************************/
/* 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(../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(../img/music_widget2.jpg) 0 0 no-repeat;
	height:262px;
	width:318px;
	line-height:262px;
	display:block;
}
/*#music_img em {
	clear:both;
	background: url(../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;
}*/

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


#alternate_media li #video{
	background: url(../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(../img/videos_widget.jpg) 0 0 no-repeat;*/
	background: url(../img/video_widget2.jpg) left top no-repeat;
	height:262px;
	width:318px;
	line-height:262px;
	display:block;
}

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

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

#alternate_media li #social{
	background: url(../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(../img/be_social_widget2.jpg) 0 0 no-repeat;
	height:262px;
	width:318px;
	line-height:262px;
	display:block;
}

/*#social_img em {
	clear:both;
	background: url(../img/home_mask_alt.png) left top no-repeat;
	height:262px;
	width:318px;
	display:block;
}
.ie6 #social_img em {
	background: none;
}
#social_img:hover em {
	background-position:left bottom;
}
.ie6 #social_img:hover em {
	background-position:left top;
}*/
#social_img:hover{
	background-position:left bottom;
}
/************************/
/* ABOUT                */
/************************/				

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

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

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

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

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

#about li #location{
	background: url(../img/puma_body_find_a_store.png) 10px 2px no-repeat;
	height: 55px;
	width:300px;
	float: left;
	text-indent:-999em;
}

#location_img {
	clear:both;
	height:154px;
	line-height:154px;
	width:318px;
	display:block;
	background: url(../img/image_find_a_store.jpg) 0 0 no-repeat;
}
#location_img:hover {
	background-position:0 -155px;
}

#about li #know{
	background: url(../img/puma_body_get_to_know_us.png) 9px 5px no-repeat;
	height: 55px;
	width:300px;
	float: left;
	text-indent:-999em;
}



#know_img {
	clear:both;
	height:154px;
	line-height:154px;
	width:644px;
	display:block;
	background: url(../img/home_mask_gettoknow2.jpg) 0 0 no-repeat;
}

#know_img:hover{
	background-position:left bottom;
}
	
/*#about li #know_img em {
	clear:both;
	background: url(../img/home_mask_gettoknow.png) left top no-repeat;
	height:154px;
	width:644px;
	display:block;
}
.ie6 #know_img em {
	background: none !important;
}
#know_img:hover em {
	background-position:left bottom !important;
}
.ie6 #know_img:hover em {
	background-position:left top !important;
}
*/
#puma_footer li.pumahome a {
	color:#f00;
}