#wrap {height:273px; margin: 0 auto 0 auto; text-align: left; width:524px;}
.jcarousel-skin-ie7 .jcarousel-container {font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; }
.jcarousel-skin-ie7 .jcarousel-container-horizontal {width:414px; padding: 0 55px 0 55px; height:273px;}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {width:414px; height:273px;}

.jcarousel-skin-ie7 .jcarousel-item {width:414px; height:273px; text-align:left;}
.jcarousel-skin-ie7 .jcarousel-item-horizontal {margin-right:0px; float:left;}


/* Horizontal Buttons*/
.jcarousel-skin-ie7 .jcarousel-next-horizontal {position: absolute; top:0; right:0; width:55px; height:273px; cursor: pointer; background: url(../images/ghost.gif) top left repeat-x;}
.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {background-position:0;}
.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {background-position:0;}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal {position: absolute; top:0; left:0; width:55px; height:273px; cursor: pointer; background: url(../images/ghost.gif) top left repeat-x;}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover { background-position:0;}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {background-position:0;}


/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container".*/
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}

/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-list li, .jcarousel-item {float: left; list-style: none; width:414px; height:273px;}




#wrap-2 {height:175px; margin: 0 auto 0 auto; text-align: left; width:244px; position:relative; }
.jcarousel-skin-ie7-2 .jcarousel-container {font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; }
.jcarousel-skin-ie7-2 .jcarousel-container-horizontal {width:230px; padding: 0 8px 0 7px; height:175px;}
.jcarousel-skin-ie7-2 .jcarousel-clip-horizontal {width:230px; height:175px;}

.jcarousel-skin-ie7-2 .jcarousel-item {width:244px; height:119; text-align:left;}
.jcarousel-skin-ie7-2 .jcarousel-item-horizontal {margin-right:0px; float:left;}


/* Horizontal Buttons*/
.jcarousel-skin-ie7-2 .jcarousel-next-horizontal {position: absolute; bottom:0px; right:0; width:34px; height:48px; cursor: pointer; z-index:200;}
.jcarousel-skin-ie7-2 .jcarousel-next-horizontal:hover {background-position:0;}
.jcarousel-skin-ie7-2 .jcarousel-next-horizontal:active {background-position:0;}
.jcarousel-skin-ie7-2 .jcarousel-prev-horizontal {position: absolute; bottom:-0; left:0; width:34px; height:200px; cursor: pointer; z-index:200;}
.jcarousel-skin-ie7-2 .jcarousel-prev-horizontal:hover { background-position:0;}
.jcarousel-skin-ie7-2 .jcarousel-prev-horizontal:active {background-position:0;}


/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container".*/
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}

/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-list li, .jcarousel-item {float: left; list-style: none; width:414px; height:273px;}
