/* 
    Document   : secondary
    Created on : Jul 15, 2009, 2:01:31 PM
    Author     : Theodore Trotz
    Description:
        Purpose of the stylesheet follows.
*/

/* -----[ START SIDEBAR ELEMENTS ]------------------------------------------------------- */

#news {
    position: relative;
    display: block;
}

#newsHeadlines {
    position: absolute;
    top: 2.5em;
    left: 1.5em;
}

.newsTitle {
    font-size: 0.8em;
    font-weight: bold;
}

.newsTitle a {
    color: black;
}

.newsTitle a:hover { /*BG color is a must for IE6*/
    background: #ffffff;
    text-decoration: none;
}

.newsTitle a.tooltip span {
    display: none;
    padding: 0.2em 0.3em;
    margin-left: 1em;
    width: 20.5em;
    font-weight: normal;
    font-style: normal;
}

.newsTitle a.tooltip:hover span {
    display: inline;
    position: absolute;
    background: #ffffff;
    border: 0.25em solid #000000;
    color: #000000;
    z-index: 1;
}

/* #sidebar { margin-top: 1.3em; } */

a.addthis_button { display: block; text-align: center; }

#features { }

/* -----[ END SIDEBAR ELEMENTS ]--------------------------------------------------------- */

/* -----[ START MAIN ATTRACTIONS ELEMENTS ]---------------------------------------------- */

#mainAttractions, #specialPicks { text-align: center; }
#mainAttractions img.banner { width: 18.56em; }
#mainAttractions table img { width: 15.63em; }

/* -----[ END MAIN ATTRACTIONS ELEMENTS ]------------------------------------------------ */

/* -----[ START NEW ARRIVALS ELEMENTS ]-------------------------------------------------- */

#specialPicksWrap img.banner { width: 13.69em; }

/* -----[ END NEW ARRIVALS ELEMENTS ]---------------------------------------------------- */

/* -----[ START EASY SLIDER ]------------------------------------------------------------ */

#specialPicks .slider, #features .slider{}
#specialPicks ul, #specialPicks li, #features ul, #features li{
    color: white;
    margin: 0;
    padding: 0;
    list-style: none;
    }
#specialPicks .slider li {
    /*
            define width and height of list item (slide)
            entire slider area will adjust according to the parameters provided here
    */
    width: 47.45em;
    height: 14.84em;
    overflow: hidden;
    }

#features .slider li {
    width: 16.41em;
    height: 30.8em;
    overflow: hidden;
    float: left;    /* Float & Clear Required for Vertical Slider */
    clear: left;
}

#specialPicks ul, #features ul {
    position: absolute;
}

p#controls, p#controls2{
    margin: 0;
    position: relative;
}

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{
    display: block;
    margin: 0;
    overflow: hidden;
    text-indent: -5000em;
    width: 1.75em;
    height: 2.31em;
    position: absolute;
}

#prevBtn, #nextBtn {
    left: 2.5em;
    top: -8.4em;
}
    
#prevBtn2, #nextBtn2 { left: 5.63em;}

#nextBtn{ left: 43.56em; }
#nextBtn2 { top: -2.81em;}
#prevBtn2 { top: -30em;}
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{
    display: block;
    width: 1.69em;
    height: 1.75em;
}

#prevBtn a { background:url(images/arrow_left.png) no-repeat 0 0; }
#nextBtn a{ background:url(images/arrow_right.png) no-repeat 0 0; }
#prevBtn2 a{ background:url(images/arrow_up.png) no-repeat 0 0;}
#nextBtn2 a { background:url(images/arrow_down.png) no-repeat 0 0;}

.slider {
    position: absolute;
    font-size: 0.8em;
    text-align: center;
}

#specialPicks .slider  {
    top: 2.25em;
    left: 6.1em;
}

#features .slider { top: 6.23em; }

#features .slider, #features ul, #specialPicks ul {
    left: 0;
}

/* -----[ END EASY SLIDER ]-------------------------------------------------------------- */

#specialPicks, #features { position: relative; }

#specialPicks .item {
    width: 15.8em;
    float: left;
}

#features .item {
    width: 11.72em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.56em;
}

#sidebar img { width: auto; }

#features .item img {
    max-height: 12em;
    max-width: 11.42em;
}

#specialPicks .item img {
    max-height: 11.5em;
    max-width: 15.5em;
}

#specialPicks img.backdrop { width: 47.5em; }
#features img.backdrop, #news img.backdrop { width: 13.13em; }


/* -----[ TRANSLATOR ]------------------------------------------------------------------- */

#flags.navbar { float: right; }

#google_translate_element {
    text-align: center;
}

/* IE BUG FIXES */

#specialPicks *, #features * {
    zoom: 1;
}

/* WORKS
#specialPicks li {
    position: relative;
    left: -24em;
}*/