@charset "utf-8";
/* CSS Document */
/*Class to set the width for the whole Carousel. You can set the width and height as you want */
.widget { 
/*width:360px; */
}
 
/*Class to set the styling option for the previous button on the Carousel */
.widget a.previous{ 
    /*float:left; */
    display:none; 
    background:url(previous-6.png)  no-repeat; 
    width:12px; 
    height:12px; /*
 margin-top:8px;
    margin-right:2px; */
}
 
/*Class to set the styling option for the next button on the Carousel */
.widget a.next{ 
/*    float:right; */
    display:block; 
    background:url(next-6.png)  no-repeat; 
    width:12px; 
    height:12px; 
   /* margin-top:-71px; */
}
 
/*Class to set the styling option for the scroller part of the Carousel */
.widget_style { 
text-align:left; 
padding:0px 0px 0px 0px; 
/*height:116px; */
}
 
.widget_style ul { 
margin:0; 
padding:0; 
}
 
/*Class to set the image background and the size of it, do note that it’s not the size of the scrolling images, it sets the size of the background image that I’ve used for every actual image that will be scrolling*/
.widget_style li { 
height:127px; 
width:120px; 

list-style:none; 
 
padding:0px 0px 0px 5px;
 
}
 
/*This here actually sets the size of the scrolling images */
/*.widget_style img { 
width:105px; 
height:70px; 
}*/




.widget a.previous1{ 
    /*float:left; */
    display:none; 
    background:url(previous-6.png)  no-repeat; 
    width:12px; 
    height:12px; /*
 margin-top:8px;
    margin-right:2px; */
}
 
/*Class to set the styling option for the next button on the Carousel */
.widget a.next1{ 
/*    float:right; */
    display:block; 
    background:url(next-6.png)  no-repeat; 
    width:12px; 
    height:12px; 
   /* margin-top:-71px; */
}
 
/*Class to set the styling option for the scroller part of the Carousel */
.widget_style1 { 
text-align:left; 
padding:0px 0px 0px 0px; 
/*height:116px; */
}
 
.widget_style1 ul { 
margin:0; 
padding:0; 
}
 
/*Class to set the image background and the size of it, do note that it’s not the size of the scrolling images, it sets the size of the background image that I’ve used for every actual image that will be scrolling*/
.widget_style1 li { 
height:127px; 
width:120px; 

list-style:none; 
 
padding:0px 0px 0px 5px;
 
}
 
/*This here actually sets the size of the scrolling images */
/*.widget_style1 img { 
width:105px; 
height:70px; 
}*/