/* this file contains the slider styles
JR 2011 (set up as a separate file 
*/

/* LoopSlider */

.sliderContainer {
        width:470px;;
        height:370px;
        overflow:hidden;
        position:relative;
        cursor:pointer;
}
.newssliderContainer {
        width:690px;;
        height:370px;
        overflow:hidden;
        position:relative;
        cursor:pointer;
}
:focus {
        outline: 0;
}
div.slides {
        position:absolute;
        top:0;
        left:0;
}
.slides h1 {
        font-size:21px;
        font-weight:bold;
        color:#b51e23;
        line-height:1.1;
        margin-bottom:3px;
}

.slides h2 {
        margin-top:10px;
        line-height:1;
        padding-top:3px;
}

.slides .byline {
        font-size:12px;
        color:#999;
}

ul.slides {
        position:absolute;
        top:0;
        left:0;
        list-style:none;
        padding:0;
        margin:0;
}
div.slides > div, ul.slides li {
        position:absolute;
        top:0;
        width:470px;
        display:none;
        padding:0;
        margin:0;
}

#loopedSlider, #newsSlider {
        margin:0 auto;
        width:470px;;
        position:relative;
        clear:both;
}
#newsloopedSlider {
        margin:0 auto;
        width:690px;;
        position:relative;
        clear:both;
}

ul.pagination {
        list-style-type:none;
        margin:0;
        padding:0;
        margin:9px auto;
        width:300px;
        position:absolute;
        left:360px;
        bottom:-5px;
}
ul.pagination li {
        float:left;
        margin:0 5px;
}
ul.pagination a {
        display:block;
        width:12px;
        padding-top:12px;
        height:0;
        overflow:hidden;
        /*background-image:url(/images_drinkphilly/gray_dot.png);*/
	background-image:url(/images/pagination.png);
        background-position:0 0;
        background-repeat:no-repeat;
}
ul.pagination li.active a {
        background-position:0 -12px;
}
a.previous {
        position:absolute;
        top:385px;
        right:38px;
        width:20px;
        height:20px;
        background:url(../images/car_prev.gif) top;
}
a.previous:hover {
        background:url(../images/car_prev.gif) bottom;
}
a.next {
        position:absolute;
        top:385px;
        right:8px;
        width:20px;
        height:20px;
        background:url(../images/car_next.gif) top;
}
a.next:hover {
        background:url(../images/car_next.gif) bottom;
}


#SpecialsloopedSlider {
        margin:0 auto;
        width:100px;;
        position:relative;
	left:-45px;
        clear:both;
}

ul.Specialspagination {
        list-style-type:none;
        margin:0;
        padding:0;
        margin:9px auto;
        width:180px;
        position:absolute;
        left:100px;
        bottom:10px;
}
ul.Specialspagination li {
        float:left;
        margin:0 5px;
}
ul.Specialspagination a {
        display:block;
        width:12px;
        padding-top:12px;
        height:0;
        overflow:hidden;
        /*background-image:url(/images_drinkphilly/gray_dot.png);*/
	background-image:url(/images/pagination.png);
        background-position:0 0;
        background-repeat:no-repeat;
}
ul.Specialspagination li.active a {
        background-position:0 -12px;
}