@charset "iso-8859-1";

/*
=====================================================
NOTICE!!

This CSS for quirk HTML.
'*html' hacks not only IE6 but also IE7.
If set styles for only IE6, use class '.isIE6'.
=====================================================
*/

.carouselUnit{margin:20px 10px 0;}

.carouselUnit *{
margin:0;
padding:0;
font-weight:normal;
font-size:100%;
line-height:1;
list-style:none;
}

.carouselUnit sup{
font-size:75%;
vertical-align:3px;
}

.carouselUnit h2{
border:none;
background:url(../images/carousel_head_bg01.gif) repeat-x 0 50%;
padding:7px 5px;
font-weight:bold;
color:#333;
font-size:108%;
min-height:14px;
border:1px solid #b0b0b0;
clear:none;
}
.isIE6 .carouselUnit h2{height:14px;}

.carouselUnit h2 span{
display:block;
border-left:5px solid;
padding-left:5px;
font-weight:bold;
}
#baby_g h2 span{border-color:#38cfd6!important;}
#beside h2 span{border-color:#6d00bb!important;}
#duro200 h2 span{border-color:#00a6f4!important;}
#e_data h2 span{border-color:#666!important;}
#edifice h2 span{border-color:#00349a!important;}
#futurist h2 span{border-color:#e7d722!important;}
#g_shock h2 span{border-color:#d50100!important;}
#outgear h2 span{border-color:#6d00bb!important;}
#phys h2 span{border-color:#f16a01!important;}
#poptone h2 span{border-color:#ff8500!important;}
#protrek h2 span{border-color:#44782d!important;}
#sea_pathfinder h2 span{border-color:#435e8b!important;}
#sheen h2 span{border-color:#ccc!important;}
#standard h2 span{border-color:#6d01b9!important;}


.carouselUnit ul.tab{
padding:3px 0 1px 5px;
background:#ddd url(../images/carousel_body_bg02.gif) repeat-x 0 0;
border-left:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
}
.carouselUnit ul.tab:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html .carouselUnit ul.tab{display:inline-block;}

.carouselUnit ul.tab li{
float:left;
margin:2px 5px 0 0;
display:inline;
background:url(../images/carousel_tab_bg02.gif) no-repeat 100% 0;
}
.carouselUnit ul.tab li:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html .carouselUnit ul.tab li{display:inline-block;}

.carouselUnit ul.tab li.cur{background-image:url(../images/carousel_tab_bg02c.gif)}

.carouselUnit ul.tab li a{
display:block;
float:left;
background:url(../images/carousel_tab_bg01.gif) no-repeat 0 0;
padding:6px 10px;
min-height:13px;
white-space:nowrap;
text-decoration:none;
color:#333;
outline:none;
}
*html .carouselUnit ul.tab li a{height:13px;}

.carouselUnit ul.tab li.cur a{
color:#4e2c00;
background-image:url(../images/carousel_tab_bg01c.gif);
cursor:default;
}


.carouselUnit .container{
padding:0 4px 4px;
background-color:#ddd;
border:1px solid #b0b0b0;
border-top:none;
visibility:hidden;
}
.carouselUnit .container h3{
display:none;
}
.carouselUnit .jcarousel-container {
position:relative;
border:1px solid #b0b0b0;
padding:10px 0 0;
background:#fff url(../images/carousel_body_bg01.gif) repeat-x 0 0;
}
.carouselUnit .jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
width:540px;
padding-bottom:10px;
}

.carouselUnit .jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.carouselUnit .jcarousel-list:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html .carouselUnit .jcarousel-list{display:inline-block;}

.carouselUnit .jcarousel-list li,
.carouselUnit .jcarousel-item {
float:left;
list-style:none;
display:inline;
width:89px;
margin-left:16px;
text-align:center;
}
.carouselUnit .list-end {margin-right:16px;}

.carouselUnit .jcarousel-list li img,
.carouselUnit .jcarousel-item img {vertical-align:top;}

.carouselUnit .jcarousel-item a {
text-decoration:none;
}
.carouselUnit .jcarousel-item a span.thumb {
display:block;
background-color:#FFF;
padding:1px;
border:1px solid #ccc;
margin-bottom:3px;
}
 
.carouselUnit .jcarousel-foot {
min-height:27px;
padding:0 10px;
background:#8e8e8e url(../images/carousel_foot_bg01.gif) repeat-x 0 0;
}
.carouselUnit .jcarousel-foot:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html .carouselUnit .jcarousel-foot{display:inline-block;height:27px;}

.carouselUnit .jcarousel-foot h3{
float:left;
padding-top:8px;
padding-left:8px;
color:#fff;
font-weight:bold;
font-size:108%;
background:url(../images/carousel_ar01.gif) no-repeat 0 11px;
clear:none;
display:block;
}
.carouselUnit .jcarousel-foot h3.hasAnchor{
padding-left:0;
background:none;
}

.carouselUnit .jcarousel-foot h3 a{
color:#ffea00;
font-weight:bold;
background:url(../images/carousel_ar02.gif) no-repeat 0 -19px;
padding-left:8px;
}
.carouselUnit .jcarousel-foot h3 a:hover{
background-position:-25px 5px;
color:#fff600;
}

.carouselUnit .jcarousel-control{float:right;}

.carouselUnit .jcarousel-control ul{float:left;padding-top:8px;}
.carouselUnit .jcarousel-control ul:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html .carouselUnit .jcarousel-control ul{display:inline-block;}

.carouselUnit .jcarousel-control ul li {
float:left;
display:inline;
list-style:none;
margin:0 0 0 5px;
width:12px;
height:12px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/carousel_btn03.gif) no-repeat 0 0;
cursor:pointer;
}
.carouselUnit .jcarousel-control ul li.selected {
background:url(../images/carousel_btn03c.gif) no-repeat 0 0;
cursor:default;
}

.carouselUnit .jcarousel-next {
display: none;
width: 26px;
height:26px;
background:url(../images/carousel_btn02.png) no-repeat 0 0;
cursor:pointer;
position:absolute;
top:67px;
right:-16px;
z-index:100;
}
*html .carouselUnit .jcarousel-next {right:0;}
.isIE6 .carouselUnit .jcarousel-next {background-image:url(../images/carousel_btn02.gif);}

.carouselUnit .jcarousel-next-disabled {
background-position:0 -26px;
cursor:default;
}
.carouselUnit .jcarousel-prev {
display: none;
width: 26px;
height:26px;
background:url(../images/carousel_btn01.png) no-repeat 0 0;
cursor:pointer;
position:absolute;
top:67px;
left:-16px;
z-index:100;
}
.isIE6 .carouselUnit .jcarousel-prev {background-image:url(../images/carousel_btn01.gif);}

.carouselUnit .jcarousel-prev-disabled {
background-position:0 -26px;
cursor:default;
}