/*


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


*/

div.MagicSlideshow {
	/* border: 1px solid #000000;
	background: #eeeeee; */
	display: none; /* hides all images until Magic Slideshow is ready */
   width: 430px;
   height: 196px;
   margin-left: 18px;
   padding-top: 16px;
   }

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

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

/* Styles for thumbnails */
img.MagicSlideshowThumbnail {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 11px;
	margin-left: 0px;				
 border: 1px solid transparent;
}
img.MagicSlideshowThumbnail.highlight {
   border: 1px solid transparent;
   /*  border: 1px solid #000000; */
}

/* Styles for thumbnails container */
div.MagicSlideshowThumbnailsContainer {
    padding: 0 1px;
}
div.MagicSlideshowThumbnailsContainerStyle {
    background: #FFFFFF;
				
}

/* Styles for descriptions */
.MagicSlideshowDescription {
	line-height: 24px;
	color: #000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

/* Styles for links if using text descriptions */
.MagicSlideshowDescription a {
    color: #CFCFCF;
}
.MagicSlideshowDescription a:visited {
    color: #ACACAC;
}
.MagicSlideshowDescription a:hover {
    color: #FFFFFF;
}

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


/* Styles for arrows */
a.MagicSlideshowArrow {
    width: 48px;
    height: 48px;
    cursor: 'pointer';
    background: url('arrows.png');
    padding: 0px !important;
    margin-top: 70px !important;
}
a.MagicSlideshowArrowTop {
    background-position: 48px 0;
}
a.MagicSlideshowArrowRight {
    background-position: 0 0;
}
a.MagicSlideshowArrowBottom {
    background-position: 48px 48px;
}
a.MagicSlideshowArrowLeft {
    background-position: 0 48px;
}


/* Styles for arrows
a.MagicSlideshowArrow {
	width: 27px !important;
	height: 48px !important;
	cursor: 'pointer';
	background: url('arrow.png');
	padding: 0px !important;
	margin-top: 150px;
}
a.MagicSlideshowArrowTop {
    background-position: 34px 0;
}
a.MagicSlideshowArrowRight {
    background-position: 0 0;
}
a.MagicSlideshowArrowBottom {
    background-position: 34px 34px;
				
}
a.MagicSlideshowArrowLeft {
	background-position: 27 48px;
} */