/* 2014 NBA Redesign Homepage v.1.0
/* 20140912
/* Author: Al Rivera 
/* arivera@fanatics.com */
/************************/

/* HP Styles
*********************************/

#A-Spot-link{display: block;width: 950px;height: 400px;}
#B-Spot-bg{display: block;width: 950px;height: 90px;margin:10px auto 0 auto;}
#featured{display: block;width: 950px;height: 650px;margin: 5px auto 0 auto;}
#D-FSpot{display: block;width: 950px;height: 180px;margin:0 auto;}
#NBA-HP-wrapper{width: 100%;background:#FFF;padding-top:12px;border-top:1px solid #999;}
.A-Spot{width: 950px;height: 400px;margin:0 auto;}
a#B-Spot-link{
    display: block;
    width: 950px;
    height: 90px;
    margin:10px auto 0 auto;
    transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -webkit-transition: background .25s ease-in-out;
  }
  a#B-Spot-link:hover{
    background:rgba(0,0,0,0.1);
    width: 950px;
    height: 90px;
    margin:10px auto 0 auto;
  }
#B-Spot-link-left{width:470px;height: 90px;}
#B-Spot-link-right{width:470px;height: 90px;margin-left:10px;}
#featured1{width: 237px;height: 290px;margin: 40px 0px 0 0px;}
#featured2, #featured3, #featured4 {width: 236px;height: 290px;margin: 40px 0px 0 0px;}
#featured5{width: 237px;height: 290px;margin: 25px 0px 0 0px;}
#featured6, #featured7, #featured8{width: 236px;height: 290px;margin: 25px 0px 0 0px;}
#D-Spot{width: 305px;height: 127px;margin: 27px 0px 0 0px;}
#E-Spot{width: 305px;height: 127px;margin: 27px 0px 0 17px;}
#F-Spot{width: 305px;height: 127px;margin: 27px 0px 0 18px;}
#logobar {width:972px;height: 162px;background: #FFF url(http://nbastore.frgimages.com/partners/leagues/NBAStore/2014Redesign/20140909_Logo_Bar.jpg) no-repeat;margin:0 auto;}
#link-holder{width: 900px;height: 120px;padding: 30px 0 0 70px;position: relative;}
#B-Spot-link-left:hover,  #B-Spot-link-right:hover, #featured1:hover,#featured2:hover,#featured3:hover,#featured4:hover,#featured5:hover,#featured6:hover,#featured6:hover,#featured7:hover,#featured8:hover,#D-Spot:hover,#E-Spot:hover,#F-Spot:hover{background:rgba(0,0,0,0.1);}
 #B-Spot-link-left,  #B-Spot-link-right, #D-Spot,#E-Spot,#F-Spot,#featured1,#featured2,#featured3,#featured4,#featured5,#featured6,#featured6,#featured7,#featured8{float: left;display: block;transition: background .25s ease-in-out;-moz-transition: background .25s ease-in-out;-webkit-transition: background .25s ease-in-out;}
a#ATL, a#BOS, a#BKL, a#CHA, a#CHI, a#CLE, a#DET, a#IND, a#MIA, a#MIL, a#NYK, a#ORL, a#PHL, a#TOR, a#WAS, a#DAL, a#DEN, a#GSW, a#HOU, a#LAC, a#LAL, a#MEM, a#MIN, a#NOP, a#OKC, a#PHX, a#POR, a#SAC, a#SAS, a#UTA{width: 50px;height: 55px;position: absolute;}
a#ATL:hover, a#BOS:hover, a#BKL:hover, a#CHA:hover, a#CHI:hover, a#CLE:hover, a#DET:hover, a#IND:hover, a#MIA:hover, a#MIL:hover, a#NYK:hover, a#ORL:hover, a#PHL:hover, a#TOR:hover, a#WAS:hover{background:url(http://images.footballfanatics.com/partners/leagues/NBAStore/Homepage/jsNav/img/TT_Hover.png) 5px 15px no-repeat;width:50px;height:55px;
}
a#DAL:hover, a#DEN:hover, a#GSW:hover, a#HOU:hover, a#LAC:hover, a#LAL:hover, a#MEM:hover, a#MIN:hover, a#NOP:hover, a#OKC:hover, a#PHX:hover, a#POR:hover, a#SAC:hover, a#SAS:hover, a#UTA:hover{background:url(http://images.footballfanatics.com/partners/leagues/NBAStore/Homepage/jsNav/img/TT_Hover-Top.png) 5px 0px no-repeat;width:50px;height:55px;
}
a#ATL{left: 70px;}
a#BOS{left: 126px;}
a#BKL{left: 182px;}
a#CHA{left: 239px;}
a#CHI{left: 296px;}
a#CLE{left: 351px;}
a#DET{left: 408px;}
a#IND{left: 466px;}
a#MIA{left: 522px;}
a#MIL{left: 578px;}
a#NYK{left: 633px;}
a#ORL{left: 689px;}
a#PHL{left: 746px;}
a#TOR{left: 803px;}
a#WAS{left: 858px;}
a#DAL{top:90px;left: 70px;}
a#DEN{top:90px;left: 126px;}
a#GSW{top:90px;left: 182px;}
a#HOU{top:90px;left: 241px;}
a#LAC{top:90px;left: 295px;}
a#LAL{top:90px;left: 353px;}
a#MEM{top:90px;left: 408px;}
a#MIN{top:90px;left: 465px;}
a#NOP{top:90px;left: 519px;}
a#OKC{top:90px;left: 576px;}
a#PHX{top:90px;left: 633px;}
a#POR{top:90px;left: 689px;}
a#SAC{top:90px;left: 745px;}
a#SAS{top:90px;left: 802px;}
a#UTA{top:90px;left: 858px;}
a.btm-left-cells:hover{
  background:url(http://images.footballfanatics.com/partners/leagues/NBAStore/Homepage/jsNav/img/TT_Hover-Top.png) -5px 0px no-repeat;
  width:50px;
  height:50px;
}
a#NBA{width:45px;height:107px;position: relative;display: block;margin: -120px 0 0 916px;}

/* Royalslider Styles */
/**********************/

.royalSlider {
  width: 950px;
  height: 400px;
  position: relative;
  direction: ltr;
}
.royalSlider > * {
  float: left;
}
.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0);
}
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;

}
.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsArrow,
.rsThumbsArrow {cursor: pointer;}
.rsArrow,
.rsNav,
.rsThumbsArrow,
.rsFullscreenBtn {
    opacity: 1;
    -webkit-transition:opacity 0.3s linear;
    -moz-transition:opacity 0.3s linear;
    -o-transition:opacity 0.3s linear;
    transition:opacity 0.3s linear;
}
.rsThumb {float: left;position: relative;}
.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition:opacity 0.3s linear;
  -moz-transition:opacity 0.3s linear;
  -o-transition:opacity 0.3s linear;
  transition:opacity 0.3s linear;
}
.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
  -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
  -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
  transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition:  0s;
  transition:  0s;
  display: none;
}

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  
  height: 100%;
  width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto;
}

.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}

.rsPreloader {
  position:absolute;
  z-index: 0; 
}

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}
.rsNavItem {
  -webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}
.rsTabs {
  float: left;
  background: none !important;
}
.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
  
}
img.rsImg {
  max-width: none;
}
.grab-cursor {
  cursor:url(http://nbastore.frgimages.com/partners/leagues/NBAStore/2014Redesign/royalslider/grab.png) 8 8, move; 
}
.grabbing-cursor{ 
  cursor:url(http://nbastore.frgimages.com/partners/leagues/NBAStore/2014Redesign/royalslider/grabbing.png) 8 8, move;
}

.rsNoDrag {
  cursor: auto;
}

.rsLink {
  left:0;
  top:0;
  position:absolute;
  width:100%;
  height:100%;
  display:block;  
  z-index: 20;
  background: url(http://nbastore.frgimages.com/partners/leagues/NBAStore/2014Redesign/royalslider/blank.gif);
}

/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  background: #f1f1f1;
  color: #FFF;
}

/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
  height: 100%;
  width: 44px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
}
.rsDefault.rsVer .rsArrow {
  width: 100%;
  height: 44px;
  
}
.rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsDefault.rsVer .rsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsDefault.rsHor .rsArrowRight { right: 0; top:0; }

.rsDefault .rsArrowIcn {    
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin-top:-16px; 
  margin-left: -16px;

  position: absolute; 
  cursor: pointer;  

}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-image: url(http://nbastore.frgimages.com/partners/leagues/NBAStore/2014Redesign/royalslider/arrow-left.png); }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-image: url(http://nbastore.frgimages.com/partners/leagues/NBAStore/2014Redesign/royalslider/arrow-right.png); }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }
/***************
*
*  2. Bullets
*
****************/
.rsDefault .rsBullets {
  position: absolute;
  z-index: 35;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  margin: 0 auto; 
  text-align: center;
  line-height: 8px;
  overflow: hidden;
  padding-bottom: 4px;
}
.rsDefault .rsBullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  *display:inline; 
  *zoom:1;
  padding: 6px 5px 6px;
  margin-right: 12px;
  cursor: pointer;
  
}
.rsDefault .rsBullet span {
  display: block;
  width: 24px;
  height: 12px;
  border: 1px solid #000;
  background: #777;
  background: rgba(255,255,255,0.5);
}
.rsDefault .rsBullet.rsNavSelected span {
  background-color: #FFF;
}
.rsDefault .rsBullets {background: none !important;}

/*
 3. Thumbnails
****************/

.rsDefault .rsThumbsHor {
  width: 100%;
  height: 72px;
}
.rsDefault .rsThumbsVer {
  width: 96px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 100%;
}
.rsDefault .rsThumb {
  float: left;
  overflow: hidden;
  width: 96px;
  height: 72px;
}
.rsDefault .rsThumb img {
  width: 100%;
  height: 100%;
}
.rsDefault .rsThumb.rsNavSelected {
  background: #02874a;
}
.rsDefault .rsThumb.rsNavSelected img {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.rsDefault .rsTmb {
  display: block;
}
/* Thumbnails with text */
.rsDefault .rsTmb h5 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #FFF;
}
.rsDefault .rsTmb span {
  color: #DDD;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 18px;
}
/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
  height: 100%;
  width: 20px;
  position: absolute;
  display: block;
  cursor: pointer;  
  z-index: 21;  
  background: #000;
  background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover {
  background: rgba(0,0,0,0.9);
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
  width: 100%;
  height: 20px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsDefault .rsThumbsArrowIcn {    
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top:-8px;  
  margin-left: -8px;
  position: absolute; 
  cursor: pointer;  
  background: url('rs-default.png');
}
.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }
.rsDefault .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
  .rsDefault .rsThumb {
    width: 59px;
    height: 44px;
  }
  .rsDefault .rsThumbsHor {
    height: 44px;
  }
  .rsDefault .rsThumbsVer {
    width: 59px;
  }
}

/***************
*
*  Tabs
*
****************/

.rsDefault .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align:center;
  overflow: hidden; padding-top: 12px; position: relative;
}
.rsDefault .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  color: #333;
  padding: 5px 13px 6px;
  min-width: 72px;
  border: 1px solid #D9D9DD;
  border-right: 1px solid #f5f5f5;
  text-decoration: none;

  background-color: #FFF;
  background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
  background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

  -webkit-box-shadow: inset 1px 0 0 #fff;
  box-shadow: inset 1px 0 0 #fff;

  *display:inline; 
  *zoom:1;
}
.rsDefault .rsTab:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rsDefault .rsTab:last-child { 
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;

  border-right:  1px solid #cfcfcf;
}
.rsDefault .rsTab:active { 
  border: 1px solid #D9D9DD;   
  background-color: #f4f4f4;
  box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsDefault .rsTab.rsNavSelected { 
  color: #FFF;
  border: 1px solid #999;
  text-shadow: 1px 1px #838383;
  box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
  background: #ACACAC;
  background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
  background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
  background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}
.rsDefault .rsPreloader {
  width:20px;
  height:20px;
  background-image:url(http://nbastore.frgimages.com/partners/leagues/NBAStore/2014Redesign/royalslider/preloader-white.gif);
  left:50%;
  top:50%;
  margin-left:-10px;
  margin-top:-10px; 
}






