/* --------------------------- SLIDER STYLES ----------------------------------- */

/* height / width for a default 1x4 slider for ringtones - override in later css as necessary */
div.slider {
    width: 492px;
    padding: 15px 0 0 0;
    position: relative;
    background-color: #f4f5f7;
    border-top: 1px solid #D9D9D9;
    float: left;
}

div.sliderContainer {  
    height: 150px;  /* games are taller, but default to 150 for a single row of 75px items */
    width: 450px;   /* set inline in element */
    position: relative; 
    overflow: hidden; 
    margin: auto;
}
    
div.sliderRender {
    width: 99999px;
    overflow: hidden; 
    position: relative; 
    left: 0;
}

div.sliderRender td div.contentItemSimple {
    text-align: center;
}

.slider .sliderPrev, .slider .sliderNext {
    width: 12px;
    height: 60px;
    position: absolute;
    z-index: 1; /* for safari - to get this above the slider content */
    top: 32px;
    cursor: pointer; /* set cursor to hand, so they appear to be buttons */
}

.slider .sliderPrev {
    left: 10px;
    background: url(/images/slider/left_btn_bg.gif) left top no-repeat;
}

.slider .sliderNext {
    right: 10px;
    background: url(/images/slider/right_btn_bg.gif) left top no-repeat;
}


/*--------- promoSlider ---------*/

div#promoSlider {
    padding-top: 1px;
}

div#promoSlider .sliderContainer {
    height: 168px;
    padding-bottom: 6px;
}

div#promoSlider .sliderInner { 
    padding: 4px 0 8px 1px;
}

div#promoSlider.sliderPSB div.sliderContainer {  
    height: 218px;
    width: 472px;
    padding-bottom: 0px;
}

div#promoSlider.sliderPSB .sliderInner {
    padding: 2px;
}

/*--------- promoContentSlider ---------*/

div.sliderPCS .sliderPrev, 
div.sliderPCS .sliderNext,
div.sliderPSL .sliderPrev, 
div.sliderPSL .sliderNext {
    top: 65px;
}

div.sliderPCS.slider .sliderPrev, div.sliderPSL.slider .sliderPrev {
    left: 8px;
}

div.sliderPCS.slider .sliderNext, div.sliderPSL.slider .sliderNext {
    right: 8px;
}

div#promoContentSlider { 
    padding-top: 4px;
}

div#promoContentSlider .sliderInner { 
    padding: 0 0 0 1px;
}

div#promoContentSlider, 
div#promoContentSlider .sliderInner, 
div#promoContentSlider .sliderContainer {
    height: 216px; 
}

/* for 'rich' slider style that includes a content item */
div#promoContentSlider p.title { 
    font-size: 12px;
    color: #0183bf;
    font-weight: bold;
    padding-top: 2px;
    margin-left: 6px;
}

div#promoContentSlider p.title span { 
    color: #d40122;
}

div#promoContentSlider p.artist { 
    font-size: 11px;
    color: #10516f;
    margin-left: 6px;
}

div#promoContentSlider p.artist span { 
    color: #676767;
}

div#promoContentSlider .previewplay { 
    float: right;
    margin: 4px 20px 0 0;
}

div#promoContentSlider .getit {
    float: right;
    padding-top: 2px;
    margin-top: 10px;
}

/* for new 'big' slider style on home page w/ bottom buttons */

div.sliderPSB {
    background: transparent;
}

.sliderPSB div.sliderInner {
    background: #c0c0c0;
}

.sliderPSB .sliderPrev, .sliderPSB .sliderNext {
    width: 32px;
    height: 7px;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    background: transparent;
}

.sliderPSB .sliderButtons {
    padding-left: 400px;
}