/*


   Magic Slideshow v1.1.10 
   Copyright 2010 Magic Toolbox
   You must buy a license to use this tool.
   Go to www.magictoolbox.com/magicslideshow/


*/
#slideshow1 {
    border: 1px solid #707070;
    margin: 1px 0 5px;
}
#slideshow2 {float:left;}
#slideshow2 .MagicSlideshowArrow {
    background-image: none;
}
#slideshow2 .MagicSlideshowThumbnail {
    left: 670px;
    border: none;
}
#slideshow2 .MagicSlideshowThumbnail .highlight {
    left: 670px;
}
#slideshow2 .highlight {
    border: none;
    background: transparent url('http://www.smrbathrooms.co.uk/magicslideshow/images/Dot-ON.png') no-repeat center center;
}
div.MagicSlideshow {
/*    border: 1px solid #707070; */
    background: transparent;
    display: none; /* hides all images until Magic Slideshow is ready */
/*    margin: 1px 0px 5px; */
}

/* Styles for images */
img.MagicSlideshowImage {
    border: none;
}

/* Styles for images container */
div.MagicSlideshowImagesContainer {

}

/* Styles for thumbnails */
img.MagicSlideshowThumbnail {
    border: 3px solid transparent;
    margin: 3px 0px 3px 3px;
    background: transparent;
    position: relative;
    left: -365px;
}
img.MagicSlideshowThumbnail.highlight {
    border: 3px solid #FA9C0F;
    position: relative;
    left: -365px;
}

/* Styles for thumbnails container */
div.MagicSlideshowThumbnailsContainer {
    padding: 0 3px;
}
div.MagicSlideshowThumbnailsContainerStyle {
    background: transparent;
}

/* Styles for descriptions */
.MagicSlideshowDescription {
    line-height: 24px;
    background: #000000;
    color: #FFFFFF;
    padding: 3px !important;
    font-size: 1.5em;
}

/* Styles for links if using text descriptions */

.MagicSlideshowDescription a
{
    color: #C2C2C2;
    text-decoration:none;
    font-weight:bold;
}

.MagicSlideshowDescription a:visited
{
    color: #C2C2C2;
    text-decoration: none;
    font-weight: bold;
}


.MagicSlideshowDescription a:hover
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
/* Style for loading box */
div.MagicSlideshowLoadingBox {
    background: #FFFFFF url('graphics/loader.gif') no-repeat 50% 2px;
    padding: 4px 4px 4px 4px !important;
    margin: 0px !important;
    line-height: 15px;
    color: #363636;
    border: 1px solid #696969;
    text-align: left;
}

/* Styles for arrows */
a.MagicSlideshowArrow {
    width: 24px;
    height: 24px;
    cursor: 'pointer';
    background: url('graphics/arrows08-full.gif');
    padding: 0px !important;
    margin: 0px !important;
}
a.MagicSlideshowArrowTop {
    background-position: 24px 0;
}
a.MagicSlideshowArrowRight {
    background-position: 0 0;
}
a.MagicSlideshowArrowBottom {
    background-position: 24px 24px;
}
a.MagicSlideshowArrowLeft {
    background-position: 0 24px;
}