﻿/*==========================================================================================
-------------------------images scroller for the range page---------------------------------
==========================================================================================*/

/*css gallery effect from cssplay.co.uk*/

/*--FIESTA--*/

/* needed for IE to make :active state work first time */
container_bottom a, a:visited {color:#fff;}

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #fff; width:75px; height:47px; float:left; margin:70px 4px 4px 4px; z-index:50;}
a.slidea {background-image:url(../images/fiesta_thumb_1.jpg);}
a.slideb {background-image:url(../images/fiesta_thumb_2.jpg);}
a.slidec {background-image:url(../images/fiesta_thumb_3.jpg);}
a.slided {background-image:url(../images/fiesta_thumb_4.jpg);}
a.slidee {background-image:url(../images/fiesta_thumb_5.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #845b7d;}

/* styling for BOTTOM gallery */
#container_bottom {font-size:0.6em; position:relative; width:425px; height:325px; background-image:url(../images/fiestabg.gif); background-repeat:no-repeat; border:3px solid #845b7d; margin:1em auto;}
#container_bottom img {border:0px;}
#container_bottom .thumbs {position:absolute; top: 10; left:0; bottom:0; height:114px; margin-bottom:10px}
#container_bottom a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:-35px; left:5px; padding:5px; z-index:100;}
#container_bottom a.gallery:hover span:first-line {font-style:normal; font-weight:bold; color:#845b7d;}
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {border:1px solid #000;}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:-195px; left:5px; padding:5px; color:#000; border:1px solid #845b7d; z-index:50;}

#container_bottom h5 {font-size:1.65em; clear:both; margin:0; padding-top:80px; text-align:center;font-variant: small-caps;color:#000;}
#container_bottom h5 em {color:#000;}