/* (C) 2007 YOOtheme.com */ div.yoo-carousel { overflow: hidden; } div.yoo-carousel div.frame { position: relative; overflow: hidden; } div.yoo-carousel div.panel { overflow: hidden; } div.yoo-carousel div.panel div.slide { float: left; overflow: hidden; } div.yoo-carousel ul.tabs { padding: 0px; margin: auto; list-style: none; } div.yoo-carousel ul.tabs li { margin: 0px; padding: 0px; float: left; display: block; } div.yoo-carousel ul.tabs li a { float: left; display: block; } div.yoo-carousel ul.tabs li a span { float: left; display: block; } /* list styling */ div.yoo-carousel div.left ul.tabs { float: left; } /* list styling */ div.yoo-carousel div.left ul.tabs li, div.yoo-carousel div.left ul.tabs li a, div.yoo-carousel div.left ul.tabs li a span { float: none; } div.yoo-carousel .prev, div.yoo-carousel .next { position: absolute; top: 35%; z-index: 1; } div.yoo-carousel .prev { left: 0px; } div.yoo-carousel .next { right: 0px; }/* (C) 2007 YOOtheme.com */ div.basic div.yoo-carousel { } /* tabs */ /* top */ div.basic div.yoo-carousel div.top ul.tabs { height: 32px; float: left; position: relative; margin-left: 20px; margin-right: 20px; } div.basic div.yoo-carousel div.top div.frame { float: left; background-image: url(top_tabby_mbg.jpg); background-repeat: no-repeat; background-position: left top; height: 194px; width: 509px; position: relative; } 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(top_tab_l.jpg) 0 0 no-repeat; } div.basic div.yoo-carousel div.top ul.tabs li.selected a { background: url(top_tab_l.jpg) 0 -32px no-repeat; cursor: pointer; } div.basic div.yoo-carousel div.top ul.tabs li a span { padding: 0px 10px 0px 10px; background: url(top_tab_r.jpg) 100% 0 no-repeat; } div.basic div.yoo-carousel div.top ul.tabs li.selected a span { background: url(top_tab_r.jpg) 100% -32px no-repeat; } div.basic div.yoo-carousel div.top ul.tabs li a span span { height: 32px; background: url(top_tab_m.jpg) 0 0 repeat-x; line-height: 32px; font-weight: bold; font-size: 12px; overflow: hidden; padding-right: 10px; padding-left: 10px; width: 100px; } div.basic div.yoo-carousel div.top ul.tabs li.selected a span span { background: url(top_tab_m.jpg) 0 -32px repeat-x; } /* bottom */ div.basic div.yoo-carousel div.bottom ul.tabs { height: 32px; background: url(bottom_tab_bg.png) 0 100% repeat-x; position: relative; } 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(bottom_tab_l.png) 0 0 no-repeat; } div.basic div.yoo-carousel div.bottom ul.tabs li.selected a { background: url(bottom_tab_l.png) 0 -32px no-repeat; cursor: pointer; } div.basic div.yoo-carousel div.bottom ul.tabs li a span { padding: 0px 10px 0px 10px; background: url(bottom_tab_r.png) 100% 0 no-repeat; } div.basic div.yoo-carousel div.bottom ul.tabs li.selected a span { background: url(bottom_tab_r.png) 100% -32px no-repeat; } div.basic div.yoo-carousel div.bottom ul.tabs li a span span { height: 32px; padding: 0px 10px 0px 10px; background: url(bottom_tab_m.png) 0 0 repeat-x; line-height: 30px; font-weight: bold; font-size: 110%; overflow: hidden; } div.basic div.yoo-carousel div.bottom ul.tabs li.selected a span span { background: url(bottom_tab_m.png) 0 -30px repeat-x; } /* links */ div.basic div.yoo-carousel li a:link, div.basic div.yoo-carousel li a:visited { color: #fefcfb; text-decoration: none; } div.basic div.yoo-carousel li a:hover, div.basic div.yoo-carousel li.selected a:link, div.basic div.yoo-carousel li.selected a:visited { color: #6da601; text-decoration: none; } /* scroller */ div.basic div.yoo-carousel .panel-container { } div.basic div.yoo-carousel .top .panel-container-outer { } div.basic div.yoo-carousel .bottom .panel-container-outer { } div.basic div.yoo-carousel .panel-container-inner { } /* article */ div.basic div.yoo-carousel .article { padding: 10px 10px 10px 10px; font-size: 95%; line-height: 125%; } div.basic div.yoo-carousel .article h3 { padding-bottom: 0px; margin-bottom: 5px; line-height: 100%; font-size: 150%; font-weight: bold; color: #323232; }/* (C) 2007 YOOtheme.com */ div.default div.yoo-carousel { background: #ffffff; } /* tabs */ div.default div.yoo-carousel div.top ul.tabs { height: 40px; background: url(tab_bg.png) 0 100% repeat-x; } 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(tab_m.png) 0 0 repeat-x; } div.default div.yoo-carousel div.top ul.tabs li.selected a { background: url(tab_m.png) 0 -40px repeat-x; cursor: pointer; } div.default div.yoo-carousel div.top ul.tabs li a span { background: url(tab_l.png) 0 0 no-repeat; } div.default div.yoo-carousel div.top ul.tabs li.selected a span { background: url(tab_l.png) 0 -40px no-repeat; } div.default div.yoo-carousel div.top ul.tabs li a span span { height: 40px; padding: 0px 20px 0px 20px; background: url(tab_r.png) 100% 0 no-repeat; line-height: 50px; font-weight: bold; font-size: 125%; overflow: hidden; } div.default div.yoo-carousel div.top ul.tabs li.selected a span span { background: url(tab_r.png) 100% -40px no-repeat; } div.default div.yoo-carousel li a:link, div.default div.yoo-carousel li a:visited { color: #969696; text-decoration: none; } div.default div.yoo-carousel li a:hover, div.default div.yoo-carousel li.selected a:link, div.default div.yoo-carousel li.selected a:visited { color: #646464; text-decoration: none; } /* buttons */ div.default div.yoo-carousel .prev span { width: 50px; height: 40px; display: block; background: url(button_prev.png) 100% 0 no-repeat; } div.default div.yoo-carousel .next span { width: 50px; height: 40px; display: block; background: url(button_next.png) 100% 0 no-repeat; } div.default div.yoo-carousel .prev a, div.default div.yoo-carousel .next a { cursor: pointer; } /* scroller */ div.default div.yoo-carousel .panel-container { margin: auto; background: url(panel_b.png) 0 100% repeat-x; } div.default div.yoo-carousel .panel-container-bl { background: url(panel_bl.png) 0 100% no-repeat; } div.default div.yoo-carousel .panel-container-br { background: url(panel_br.png) 100% 100% no-repeat; } /* article */ div.default div.yoo-carousel .article { font-size: 95%; line-height: 125%; } div.default div.yoo-carousel .article h3 { padding-bottom: 0px; margin-bottom: 5px; line-height: 100%; font-size: 150%; font-weight: bold; color: #323232; }/* (C) 2007 YOOtheme.com */ div.list div.yoo-carousel { background: #ffffff; } /* panel */ div.list div.yoo-carousel .panel-container-t { background: url(panel_t.png) 0 0 repeat-x; } div.list div.yoo-carousel .panel-container-b { background: url(panel_b.png) 0 100% repeat-x; } div.list div.yoo-carousel .panel-container-l { background: url(panel_l.png) 0 0 repeat-y; } div.list div.yoo-carousel .panel-container-r { background: url(panel_r.png) 100% 0 repeat-y; } div.list div.yoo-carousel .panel-container-tl { background: url(panel_tl.png) 0 0 no-repeat; } div.list div.yoo-carousel .panel-container-tr { background: url(panel_tr.png) 100% 0 no-repeat; } div.list div.yoo-carousel .panel-container-bl { background: url(panel_bl.png) 0 100% no-repeat; } div.list div.yoo-carousel .panel-container-br { padding: 20px 0px 20px 0px; background: url(panel_br.png) 100% 100% no-repeat; } /* tabs */ div.list div.yoo-carousel div.left ul.tabs { background: url(tabs_bg.png) 100% 0 repeat-y; } div.list div.yoo-carousel div.left ul.tabs li { margin: -1px 0px 0px 20px; } 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: 45px; } div.list div.yoo-carousel div.left ul.tabs li.selected a { background: url(tab_bg.png) 100% -30px no-repeat; cursor: pointer; } div.list div.yoo-carousel div.left ul.tabs li a span { padding-left: 20px; background: url(tab_bg.png) 0 0 repeat-x; } div.list div.yoo-carousel div.left ul.tabs li.selected a span { background: url(tab_bg.png) 0 -60px no-repeat; } div.list div.yoo-carousel div.left ul.tabs li a span span { padding-left: 0px; height: 30px; line-height: 30px; font-weight: bold; font-size: 110%; overflow: hidden; } div.list div.yoo-carousel div.left ul.tabs li.selected a span span { background: url(tab_bg.png) 0 -90px repeat-x; } div.list div.yoo-carousel li a:link, div.list div.yoo-carousel li a:visited { color: #969696; text-decoration: none; } div.list div.yoo-carousel li a:hover, div.list div.yoo-carousel li.selected a:link, div.list div.yoo-carousel li.selected a:visited { color: #646464; text-decoration: none; } /* article */ div.list div.yoo-carousel .article { padding: 0px 10px 0px 10px; font-size: 95%; line-height: 125%; } div.list div.yoo-carousel .article h3 { padding-bottom: 0px; margin-bottom: 5px; line-height: 100%; font-size: 150%; font-weight: bold; color: #323232; }/* (C) 2007 YOOtheme.com */ /* buttons */ div.slideshow div.yoo-carousel .prev, div.slideshow div.yoo-carousel .next { top: 0px; } div.slideshow div.yoo-carousel .prev a, div.slideshow div.yoo-carousel .next a { width: 65px; display: block; } div.slideshow div.yoo-carousel .prev a { background: url(button_prev.png) 0 -32px no-repeat; } div.slideshow div.yoo-carousel .next a { background: url(button_next.png) 0 -32px no-repeat; } div.slideshow div.yoo-carousel .prev a:hover { background: url(button_prev.png) 0 45% no-repeat; } div.slideshow div.yoo-carousel .next a:hover { background: url(button_next.png) 0 45% no-repeat; }