﻿.jcarousel-skin-tango .jcarousel-container {}.jcarousel-skin-tango .jcarousel-container-horizontal {width: 940px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  870px;height: 187px;margin-left:35px;	}
.jcarousel-skin-tango .jcarousel-item {margin-top:4px;width: 173px;height: 179px;background:url(../images/libg.gif) no-repeat;}.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right:0px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 80px;right: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../images/next-horizontal.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 80px;left: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../images/prev-horizontal.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 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;}
.jcarousel-list li,
.jcarousel-item {float: left;list-style: none;/* We set the width/height explicitly. No width/height causes infinite loops. */width: 75px;height: 75px;}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}

DIV.yoo-carousel {
OVERFLOW: hidden}
DIV.yoo-carousel DIV.frame {float:left; width: 695px; height: 160px; border:0px;
OVERFLOW: hidden; POSITION: relative}
DIV.yoo-carousel DIV.panel {width: 695px;
OVERFLOW: hidden}
DIV.yoo-carousel DIV.panel DIV.slide {width: 695px;
FLOAT: left; OVERFLOW: hidden}
DIV.yoo-carousel UL.tabs {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: auto; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
DIV.yoo-carousel UL.tabs LI {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
DIV.yoo-carousel UL.tabs LI A {
DISPLAY: block; FLOAT: left}
DIV.yoo-carousel UL.tabs LI A SPAN {
DISPLAY: block; FLOAT: left}
DIV.yoo-carousel DIV.left UL.tabs {
FLOAT: left}
DIV.yoo-carousel DIV.left UL.tabs LI {
FLOAT: none}
DIV.yoo-carousel DIV.left UL.tabs LI A {
FLOAT: none}
DIV.yoo-carousel DIV.left UL.tabs LI A SPAN {
FLOAT: none}
DIV.yoo-carousel .prev {
Z-INDEX: 1; POSITION: absolute; TOP: 35%}
DIV.yoo-carousel .next {
Z-INDEX: 1; POSITION: absolute; TOP: 35%}
DIV.yoo-carousel .prev {
LEFT: 0px}
DIV.yoo-carousel .next {
RIGHT: 0px}
DIV.basic DIV.yoo-carousel {
BACKGROUND: #ffffff}
DIV.basic DIV.yoo-carousel DIV.top UL.tabs {
BACKGROUND: url(../images/top_tab_bg.png) repeat-x 0px 100%; HEIGHT: 30px}
DIV.basic DIV.yoo-carousel DIV.top UL.tabs LI {
MARGIN: 0px 3px 0px 0px}
DIV.basic DIV.yoo-carousel DIV.top UL.tabs LI A {
BACKGROUND: url(../images/top_tab_l.png) no-repeat 0px 0px}
DIV.basic DIV.yoo-carousel DIV.top UL.tabs LI.selected A {
BACKGROUND: url(../images/top_tab_l.png) no-repeat 0px -30px; CURSOR: pointer}
DIV.basic DIV.yoo-carousel DIV.top UL.tabs LI A SPAN {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(../images/top_tab_r.png) no-repeat 100% 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
DIV.basic DIV.yoo-carousel DIV.top UL.tabs LI.selected A SPAN {
BACKGROUND: url(../images/top_tab_r.png) no-repeat 100% -30px}
DIV.basic DIV.yoo-carousel DIV.top UL.tabs LI A SPAN SPAN {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 110%; BACKGROUND: url(../images/top_tab_m.png) repeat-x 0px 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; LINE-HEIGHT: 35px; PADDING-TOP: 0px; HEIGHT: 30px}
DIV.basic DIV.yoo-carousel DIV.top UL.tabs LI.selected A SPAN SPAN {
BACKGROUND: url(../images/top_tab_m.png) repeat-x 0px -30px}
DIV.basic DIV.yoo-carousel DIV.bottom UL.tabs {
BACKGROUND: url(../images/bottom_tab_bg.png) repeat-x 0px 100%; POSITION: relative; HEIGHT: 30px}
DIV.basic DIV.yoo-carousel DIV.bottom UL.tabs LI {
MARGIN: -1px 3px 0px 0px}
DIV.basic DIV.yoo-carousel DIV.bottom UL.tabs LI A {
BACKGROUND: url(../images/bottom_tab_l.png) no-repeat 0px 0px}
DIV.basic DIV.yoo-carousel DIV.bottom UL.tabs LI.selected A {
BACKGROUND: url(../images/bottom_tab_l.png) no-repeat 0px -30px; CURSOR: pointer}
DIV.basic DIV.yoo-carousel DIV.bottom UL.tabs LI A SPAN {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(../images/bottom_tab_r.png) no-repeat 100% 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
DIV.basic DIV.yoo-carousel DIV.bottom UL.tabs LI.selected A SPAN {
BACKGROUND: url(../images/bottom_tab_r.png) no-repeat 100% -30px}
DIV.basic DIV.yoo-carousel DIV.bottom UL.tabs LI A SPAN SPAN {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 110%; BACKGROUND: url(../images/bottom_tab_m.png) repeat-x 0px 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; LINE-HEIGHT: 30px; PADDING-TOP: 0px; HEIGHT: 30px}
DIV.basic DIV.yoo-carousel DIV.bottom UL.tabs LI.selected A SPAN SPAN {
BACKGROUND: url(../images/bottom_tab_m.png) repeat-x 0px -30px}
DIV.basic DIV.yoo-carousel LI A:link {
COLOR: #969696; TEXT-DECORATION: none}
DIV.basic DIV.yoo-carousel LI A:visited {
COLOR: #969696; TEXT-DECORATION: none}
DIV.basic DIV.yoo-carousel LI A:hover {
COLOR: #646464; TEXT-DECORATION: none}
DIV.basic DIV.yoo-carousel LI.selected A:link {
COLOR: #646464; TEXT-DECORATION: none}
DIV.basic DIV.yoo-carousel LI.selected A:visited {
COLOR: #646464; TEXT-DECORATION: none}
DIV.basic DIV.yoo-carousel .panel-container {
MARGIN: auto}
DIV.basic DIV.yoo-carousel .top .panel-container-outer {
BORDER-RIGHT: #c8c8c8 1px solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BACKGROUND: #ffffff; PADDING-BOTTOM: 1px; BORDER-LEFT: #c8c8c8 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #c8c8c8 1px solid}
DIV.basic DIV.yoo-carousel .bottom .panel-container-outer {
BORDER-RIGHT: #c8c8c8 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #c8c8c8 1px solid; PADDING-LEFT: 1px; BACKGROUND: #ffffff; PADDING-BOTTOM: 1px; BORDER-LEFT: #c8c8c8 1px solid; PADDING-TOP: 0px}
DIV.basic DIV.yoo-carousel .panel-container-inner {
BACKGROUND: url(../images/panel_b.png) repeat-x 0px 100%}
DIV.basic DIV.yoo-carousel .article {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 95%; PADDING-BOTTOM: 10px; LINE-HEIGHT: 125%; PADDING-TOP: 10px;text-align:left;}
DIV.basic DIV.yoo-carousel .article H3 {
FONT-WEIGHT: bold; FONT-SIZE: 150%; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; COLOR: #323232; LINE-HEIGHT: 100%}
DIV.default DIV.yoo-carousel {
BACKGROUND: #ffffff}
DIV.default DIV.yoo-carousel DIV.top UL.tabs {
BACKGROUND: url(../images/tab_bg.png) repeat-x 0px 100%; HEIGHT: 40px}
DIV.default DIV.yoo-carousel DIV.top UL.tabs LI {
MARGIN: 0px 10px 0px 0px}
DIV.default DIV.yoo-carousel DIV.top UL.tabs LI.item1 {
MARGIN: 0px 10px 0px 20px}
DIV.default DIV.yoo-carousel DIV.top UL.tabs LI A {
BACKGROUND: url(../images/tab_m.png) repeat-x 0px 0px;
color:#ffffff;}
DIV.default DIV.yoo-carousel DIV.top UL.tabs LI.selected A {
BACKGROUND: url(../images/tab_m.png) repeat-x 0px -40px; CURSOR: pointer;}
DIV.default DIV.yoo-carousel DIV.top UL.tabs LI A SPAN {
BACKGROUND: url(../images/tab_l.png) no-repeat 0px 0px;}
DIV.default DIV.yoo-carousel DIV.top UL.tabs LI.selected A SPAN {
BACKGROUND: url(../images/tab_l.png) no-repeat 0px -40px}
DIV.default DIV.yoo-carousel DIV.top UL.tabs LI A SPAN SPAN {
PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 125%; BACKGROUND: url(../images/tab_r.png) no-repeat 100% 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; LINE-HEIGHT: 50px; PADDING-TOP: 0px; HEIGHT: 40px}
DIV.default DIV.yoo-carousel DIV.top UL.tabs LI.selected A SPAN SPAN {
BACKGROUND: url(../images/tab_r.png) no-repeat 100% -40px}
DIV.default DIV.yoo-carousel LI A:link {
COLOR: #000000; TEXT-DECORATION: none}
DIV.default DIV.yoo-carousel LI A:visited {
COLOR: #000000; TEXT-DECORATION: none}
DIV.default DIV.yoo-carousel LI A:hover {
COLOR: #000000; TEXT-DECORATION: none}
DIV.default DIV.yoo-carousel LI.selected A:link {
COLOR: #000000; TEXT-DECORATION: none}
DIV.default DIV.yoo-carousel LI.selected A:visited {
COLOR: #000000; TEXT-DECORATION: none}
DIV.default DIV.yoo-carousel .prev SPAN {
DISPLAY: block; BACKGROUND: url(../images/button_prev.png) no-repeat 100% 0px; WIDTH: 50px; HEIGHT: 40px}
DIV.default DIV.yoo-carousel .next SPAN {
DISPLAY: block; BACKGROUND: url(../images/button_next.png) no-repeat 100% 0px; WIDTH: 50px; HEIGHT: 40px}
DIV.default DIV.yoo-carousel .prev A {
CURSOR: pointer}
DIV.default DIV.yoo-carousel .next A {
CURSOR: pointer}
DIV.default DIV.yoo-carousel .panel-container {
BACKGROUND: url(../images/panel_b.png) repeat-x 0px 100%; MARGIN: auto}
DIV.default DIV.yoo-carousel .panel-container-bl {
/*BACKGROUND: url(../images/panel_bl.png) no-repeat 0px 100%*/}
DIV.default DIV.yoo-carousel .panel-container-br {
/*BACKGROUND: url(../images/panel_br.png) no-repeat 100% 100%*/}
DIV.default DIV.yoo-carousel .article {
FONT-SIZE: 95%; LINE-HEIGHT: 125%}
DIV.default DIV.yoo-carousel .article H3 {
FONT-WEIGHT: bold; FONT-SIZE: 150%; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; COLOR: #323232; LINE-HEIGHT: 100%}
DIV.list DIV.yoo-carousel {
BACKGROUND: #ffffff; width:942px; height:166px;}
DIV.list DIV.yoo-carousel .panel-container-t {
/*BACKGROUND: url(../images/panel_t.png) repeat-x 0px 0px*/}
DIV.list DIV.yoo-carousel .panel-container-l {
BACKGROUND: url(../images/panel_l.png) repeat-y 0px 0px}
DIV.list DIV.yoo-carousel .panel-container-r {
BACKGROUND: url(../images/panel_r.png) repeat-y 100% 0px}
DIV.list DIV.yoo-carousel .panel-container-tl {
BACKGROUND: url(../images/panel_tl.png) no-repeat 0px 0px}
DIV.list DIV.yoo-carousel .panel-container-tr {
/*BACKGROUND: url(../images/panel_tr.png) no-repeat 100% 0px*/}
DIV.list DIV.yoo-carousel .panel-container-bl {
/*BACKGROUND: url(../images/panel_bl.png) no-repeat 0px 100%*/}
DIV.list DIV.yoo-carousel .panel-container-br {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 5px}
DIV.list DIV.yoo-carousel DIV.left UL.tabs {
width:237px;height:146px;background: url(../images/tabs_bg.png) repeat-y 100% 5px}
DIV.list DIV.yoo-carousel DIV.left UL.tabs LI { height:30px;
MARGIN: -1px 0px 0px 10px}
DIV.list DIV.yoo-carousel DIV.left UL.tabs LI.item1 {
MARGIN-TOP: 0px}
DIV.list DIV.yoo-carousel DIV.left UL.tabs LI A {
PADDING-RIGHT: 25px;}
DIV.list DIV.yoo-carousel DIV.left UL.tabs LI.selected A {
BACKGROUND: url(../images/tab_bg.png) no-repeat 100% -30px; CURSOR: pointer}
DIV.list DIV.yoo-carousel DIV.left UL.tabs LI A SPAN {
PADDING-LEFT: 20px; BACKGROUND: url(../images/tab_bg.png) repeat-x 0px 0px}
DIV.list DIV.yoo-carousel DIV.left UL.tabs LI.selected A SPAN {
BACKGROUND: url(../images/tab_bg.png) no-repeat 0px -60px}
DIV.list DIV.yoo-carousel DIV.left UL.tabs LI A SPAN SPAN {
PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; OVERFLOW: hidden; LINE-HEIGHT: 30px; HEIGHT: 30px}
DIV.list DIV.yoo-carousel DIV.left UL.tabs LI.selected A SPAN SPAN {
BACKGROUND: url(../images/tab_bg.png) repeat-x 0px -90px}
DIV.list DIV.yoo-carousel LI A:link {
COLOR: #225281; TEXT-DECORATION: none}
DIV.list DIV.yoo-carousel LI A:visited {
COLOR: #225281; TEXT-DECORATION: none}
DIV.list DIV.yoo-carousel LI A:hover {
COLOR: #225281; TEXT-DECORATION: none}
DIV.list DIV.yoo-carousel LI.selected A:link {
COLOR: #225281; TEXT-DECORATION: none}
DIV.list DIV.yoo-carousel LI.selected A:visited {
COLOR: #225281; TEXT-DECORATION: none}
DIV.list DIV.yoo-carousel .article {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; LINE-HEIGHT: 125%; PADDING-TOP: 0px}
DIV.list DIV.yoo-carousel .article img{float:left; border:0px;}

DIV.list DIV.yoo-carousel .article H3 {
FONT-WEIGHT: bold; FONT-SIZE: 150%; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; COLOR: #323232; LINE-HEIGHT: 100%}
DIV.slideshow DIV.yoo-carousel .prev {
TOP: 0px}
DIV.slideshow DIV.yoo-carousel .next {
TOP: 0px}
DIV.slideshow DIV.yoo-carousel .prev A {
DISPLAY: block; WIDTH: 65px}
DIV.slideshow DIV.yoo-carousel .next A {
DISPLAY: block; WIDTH: 65px}
DIV.slideshow DIV.yoo-carousel .prev A {
BACKGROUND: url(../images/button_prev.png) no-repeat 0px -32px}
DIV.slideshow DIV.yoo-carousel .next A {
BACKGROUND: url(../images/button_next.png) no-repeat 0px -32px}
DIV.slideshow DIV.yoo-carousel .prev A:hover {
BACKGROUND: url(../images/button_prev.png) no-repeat 0px 45%}
DIV.slideshow DIV.yoo-carousel .next A:hover {
BACKGROUND: url(../images/button_next.png) no-repeat 0px 45%}
