/** Card Index **/
.cardindex { 
   position: relative;
   margin: 0 auto 0;
   height: 319px;
   width: 652px;
}
.cardindex .wrapper { 
   height: 319px;
   width: 652px; 
   overflow: auto; ; 
   position: absolute; 
   top: 0; 
   left: 0; 
}                                       
.cardindex .wrapper ul { 
   width: 32700px; 
   list-style: none; 
   position: absolute; 
   top: 0; 
   left: 0; 
   background: #eee; 
   margin: 0; 
}
.cardindex ul li { 
   position: relative; 
   display: block; 
   float: left; 
   padding: 0; 
   height: 319px;
   width: 652px;  
   margin: 0 !important; 
   background-repeat: no-repeat;
}
.cardindex .arrow { 
   display: block; 
   height: 200px; 
   display: none;
   width: 67px; 
   background: url(../images/bg_sliderpoints.png) no-repeat 0 0; 
   text-indent: -9999px; 
   position: absolute; 
   top: 65px; 
   cursor: pointer; 
}
.cardindex .forward { 
   background-position: 0 0; 
   right: -20px; 
}
.cardindex .back { 
   background-position: -67px 0; 
   left: -20px; 
}
.cardindex .forward:hover { 
   background-position: 0 -200px; 
}
.cardindex .back:hover { 
   background-position: -67px -200px; 
}
.cardindex .forward,
.cardindex .back {
   display: none;
}
#thumbNav a.cur { 
   background-image: url(../images/bg_promo.html);
   background-position: 3px 0px;
   background-repeat: no-repeat;
}
#start-stop { 
   display: none;
}
#start-stop.playing { 
   display: none;
   background-image: url("../images/stop_.html");
   background-repeat: no-repeat; 
}
#start-stop:hover { 
}

.inner-image {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 310px;
   background-image: url(../images/trans.png);
   background-repeat: repeat;
   background-position: left top;
}
.inner-inner-image {
   padding: 10px;
   position: relative;
}
.inner-inner-image h1 {
    color: #fff;
    font-size: 190%;
    font-weight: normal;
    line-height: 1.4;
    margin: 0 0 0.2em;
    padding: 0;
}

.inner-inner-image h4 {
   color: #fff;
   font-size: 140%;
   font-weight: normal;
   line-height: 1.4;
   margin: 0.3em 0 0.2em;
   padding: 0;  
}

.inner-inner-image .promoimage-content {
   color: #fff;
   font-weight: normal;
}

/*
  Prevents
*/
.cardindex .wrapper ul ul {
   position: static; 
   margin: 0; 
   background: none; 
   overflow: visible; 
   width: auto; 
   border: 0; 
}
.cardindex .wrapper ul ul li { 
   float: none; 
   height: auto; 
   width: auto; 
   background: none; 
}

.cardindex a,
.cardindex a:link,
.cardindex a:visited {
   font-size: 120%;
   color: #fff !important;
}
.cardindex a:focus,
.cardindex a:hover,
.cardindex a:active,
.cardindex a.selected,
.cardindex a.selected:link,
.cardindex a.selected:visited,
.cardindex a.selected:focus,
.cardindex a.selected:hover,
.cardindex a.selected:active {
   text-decoration: none !important;
}

#thumbNav { 
   position: absolute;
   display: block;
   bottom: 14px; 
   right: 18px;
   padding: 0; 
}

.cardindex #thumbNav a,
.cardindex #thumbNav a:link,
.cardindex #thumbNav a:visited {
   padding: 0;
   float: left;
   height: 11px;
   width: 11px;
   margin: 0 5px 0 0;
   text-indent: -1000em;
   text-decoration: none;
   font-weight: bold;
   background-image: url(../images/bg_sliderpoints.png);
   background-position: left bottom;
   background-repeat: repeat; 
}

.cardindex #thumbNav a:focus,
.cardindex #thumbNav a:hover,
.cardindex #thumbNav a:active {
   background-image: url(../images/bg_sliderpoints.png);
   background-position: left top;
   background-repeat: repeat;
}

.cardindex #thumbNav a.cur,
.cardindex #thumbNav a.cur:link,
.cardindex #thumbNav a.cur:visited {
   background-image: url(../images/bg_sliderpoints.png);
   background-position: left top;
   background-repeat: repeat;
}

.cardindex #thumbNav a:focus,
.cardindex #thumbNav a:hover,
.cardindex #thumbNav a:active,
.cardindex #thumbNav a.selected,
.cardindex #thumbNav a.selected:link,
.cardindex #thumbNav a.selected:visited,
.cardindex #thumbNav a.selected:focus,
.cardindex #thumbNav a.selected:hover,
.cardindex #thumbNav a.selected:active {
   color: #E30B1F !important;
}

.addLink {
   position: absolute;
   display: block;
   top: 20px;
   padding: 5px;
   left: 20px;
   z-index: 10;
   background-image: url("../images/trans.png");
   background-position: left top;
   background-repeat: repeat;
}

.addLink a,
.addLink a:link,
.addLink a:visited {
   color: #fff;
   font-style: normal;
   font-weight : normal;
   text-decoration: none !important;
}

.addLink a:focus,
.addLink a:hover,
.addLink a:active {
   text-decoration: underline !important;
}

.inner-image .readmore {
   position: relative !important;
   display: block !important;
   z-index: 80;
   font-weight: normal;
   padding: 0 !important;
   color: #fff;
}

.inner-image .readmore a,
.inner-image .readmore a:link,
.inner-image .readmore a:visited {
   color: #fff!important;
   display: block;
   font-size: 100%;
   font-style: normal;
   text-decoration: none !important;
   margin: 0 !important; 
   padding: 2px !important;
   font-weight: normal;
}

.inner-image .readmore a:focus,
.inner-image .readmore a:hover,
.inner-image .readmore a:active {
   text-decoration: underline !important;
}