/* slideshow content */

/**************************************************************************************
/* update the following classes to change the appearance of the slideshow 
/* designer control
/*************************************************************************************/

/* this is the class used on the outside container element for the slideshow */
/* html example: <div class="Slideshow_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */
.Slideshow_Wrapper {}

/* this is the class used on the inside container element for the slideshow */
/* html example: <div class="Slideshow_Wrapper"><div class="Slideshow"> */
.Slideshow {}

/* the container element for the paging control (<< | < | > | >>) */
/* html example: <div class="Navigation"> */
.Navigation {}

/* the link elements that are used in the paging control */
/* html example: <a href="..." class="Next">&gt;</a> */
.Navigation a:link {}
.Navigation a:visited {}
.Navigation a:hover {}
.Navigation a:active{}

/* the First (<<) link element used in the paging control */
/* html example: <a href="..." class="First">&lt;&lt;</a> */
/** overrides .Navigation a **/
a.First:link {}
a.First:visited {}
a.First:hover {}
a.First:active{}

/* the Previous (<) link element used in the paging control */
/* html example: <a href="..." class="Previous">&lt;</a> */
/** overrides .Navigation a **/
a.Previous:link {}
a.Previous:visited {}
a.Previous:hover{}
a.Previous:active {}

/* the Next (>) link element used in the paging control */
/* html example: <a href="..." class="Next">&gt;</a> */
/** overrides .Navigation a **/
a.Next:link {}
a.Next:visited{}
a.Next:hover {}
a.Next:active {}

/* the Last (>>) link element used in the paging control */
/* html example: <a href="..." class="Last">&gt;&gt;</a> */
/** overrides .Navigation a **/
a.Last:link {}
a.Last:visited {}
a.Last:hover {}
a.Last:active {}

/* the Separator element used in the paging control between each of the links */
/* html example: <span class="Separator"></span> */
.Separator {}

/* the Separator element used between the First and Previous links in the paging control */
/* html example: <span class="Separator1></span> */
.Separator1 {}

/* the Separator element used between the Previous and Next links in the paging control */
/* html example: <span class="Separator2"></span> */
.Separator2 {}

/* the Separator element used between the Next and Last links in the paging control */
/* html example: <span class="Separator3"></span> */
.Separator3 {}

/* the container element for the text display of the image counter (eg. 1 of 10) */
/* html example: <div class="CurrentPage">Displaying page 1 of 2</div> */
.Counter {}

/* this is the class used on the outside container element for the image */
/* html example: <div class="Image_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */	
.Image_Wrapper {}

/* this is the class used for the image */
/* html example: <div class="Image_Wrapper"><div class="Image"> */
.Image {}

/* this is the class used on the outside container element for the Description Text */
/* html example: <div class="ImageDescription_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */	
.ImageDescription_Wrapper {}

/* this is the class used for the Description Text */
/* html example: <div class="ImageDiscription_Wrapper"><div class="ImageDiscription"> */
.ImageDescription {}