/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider {
width: 980px;
height: 300px;
position: relative;
margin: 0;
z-index:20;
}

.anythingSlider .wrapper {
width: 980px;
overflow: hidden;
height: 300px;
margin: 0;
padding:0;
position: absolute;
top: 0;
left: 0;
border:0;
}

/* Width below is max for Opera */
.anythingSlider .wrapper ul {
width: 9999px;
list-style: none;
position: absolute;
top: 0;
left: 0;
padding:0;
margin: 0;
}

.anythingSlider ul li {
display: block;
float: left;
padding: 0;
height: 300px;
width: 980px;
margin: 0;
}

.anythingSlider .arrow {
height: 260px;
width: 60px;
text-indent:-9999px;
position: absolute;
top: 40px;
z-index:100;
cursor:pointer;
background: url(../images/slider/slider_arrows.png);
background-repeat:no-repeat;
}

.anythingSlider .forward {
right: 0;
background-position:-60px 0;
}

.anythingSlider .back {
left:0;
background-position:0 0;
}

.anythingSlider .forward:hover {
right: 0;
background-position:-60px -260px;
}

.anythingSlider .back:hover {
left:0;
background-position:0 -260px;
}

#thumbNav {
position: absolute;
top: -25px;
right:20px;
z-index:100;
background: url(../images/slider/slider_thumbs.png);
background-repeat:no-repeat;
background-position:0 0;
}

#thumbNav a {
display: inline-block;
height: 10px;
width:10px;
margin: 0 5px 0 0;
background: url(../images/slider/slider_thumbs.png);
background-repeat:no-repeat;
background-position:0 0;
z-index:100;
font-size:0px;
color:#F0CDE5;
}

#thumbNav a:hover {
background: url(../images/slider/slider_thumbs.png);
background-repeat:no-repeat;
background-position:0 -10px;
}

#thumbNav a.cur {
background: url(../images/slider/slider_thumbs.png);
background-repeat:no-repeat;
background-position:0 -20px;
}

#start-stop {
width: 10px;
height:10px;
position: absolute;
right: 0;
top: -25px;
background-repeat:no-repeat;
background-image:url(../images/slider/slider_stop_start.png);
z-index:100;
background-position:0 -10px;
}

#start-stop.playing {
background-image:url(../images/slider/slider_stop_start.png);
background-repeat:no-repeat;
background-position:0 0;
}

#start-stop.playing:hover {
background-image:url(../images/slider/slider_stop_start.png);
background-repeat:no-repeat;
background-position:-10px 0;
}

#start-stop:hover {
background-image:url(../images/slider/slider_stop_start.png);
background-repeat:no-repeat;
background-position:-10px -10px;
}

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

.anythingSlider .wrapper ul ul li {
float: none;
height: auto;
width: auto;
background: none;
margin:0;
}

#slider_wedding_cakes_container, #slider_occasions_cakes_container, #slider_cupcakes_and_towers_container, #slider_gifts_and_favours_container {
width:980px;
height:300px;
position:relative;
z-index:100;
}

#slider_wedding_cakes_text, #slider_occasions_cakes_text, #slider_gifts_and_favours_text {
margin:60px 0 0 120px;
width:370px;
float:left;
color:#000000;
}

#slider_cupcakes_and_towers_text {
margin:60px 0 0 120px;
width:370px;
float:left;
color:#000000;
}

#slider_wedding_cakes_image, #slider_occasions_cakes_image, #slider_gifts_and_favours_image {
width:490px;
height:260px;
margin:40px 0 0 0;
padding:0;
float:right;
}

#slider_cupcakes_and_towers_image {
width:470px;
height:260px;
margin:40px 0 0 0;
padding:0;
float:right;
}

.slider_learn_more_button a {
position:absolute;
right:0;
top:0;
width:150px;
height:40px;
z-index:100;
}

.slider_learn_more_button a:hover {
position:absolute;
right:0;
top:0;
width:150px;
height:40px;
background-image: url(../images/slider/slider_learn_more_button.png);
background-repeat:no-repeat;
display:block;
z-index:100;
}

h1.slider_title {
margin:0;
}