#ctl00_MainContentLeft_slide{margin-bottom:10px;position:relative;}
#slide{margin-bottom:10px;}

/*** slide1 ***/
#slide1{width:100% !important;height:380px;position:relative;}
#slide1-image{width:100% !important;height:367px;overflow:hidden;}
#slide1-image div{width:100% !important;height:367px;overflow:hidden;}
#slide1-image div a{display:block;width:100% !important;height:367px;}

#slide1-nav{display:none;}


#slide1 .caption{display:none;}

#slide1 a#prev{display:block;width:45px;height:45px;position:absolute;z-index:13;bottom:30px;left:50%;margin-left:380px;background:url('/themes/theme33/images/slide-a-arrows.png') no-repeat 0 center;}
#slide1 a#prev:hover{border-radius:50%;background-color:#e30e13;background-position: -45px center;}
#slide1 a#next{display:block;width:45px;height:45px;position:absolute;z-index:15;bottom:30px;left:50%;margin-left:428px;background:url('/themes/theme33/images/slide-a-arrows.png') no-repeat -90px center;}
#slide1 a#next:hover{border-radius:50%;background-color:#e30e13;background-position: -135px center;}



#slide1 .border {
    position: absolute;
    z-index: 1;
    bottom: 0;
    height: 13px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
  
    background:#000 ;
}



.jcarousel {
    position: relative;
    overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}