.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#homeScrollableWrapper {
    margin: 0 auto;
    width: 1021px;
}
.container_16 {
    position: relative;
}
.clearfix {
    display: block;
}
.container_12, .container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}
.scrollable {
    float: left;
    height: 277px;
    margin: 0 auto;
    position: relative;
    width: 1021px;
}
  .item {
    background-repeat: no-repeat;
}
.scrollable .item {
    display: none;
    float: left;
    height: 277px;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
div.item {
    overflow: hidden;
    text-align: left;
    width: 100%;
}
.naviWrap {
	background:url(img/orange-bg.jpg) repeat-x #F77807;
    /*background: -moz-linear-gradient(center top , #D15B05, #B04D04) repeat scroll 0 0 transparent;*/
    height: 57px;
	margin: 0 auto;
	padding-left: 40px;
    width: 981px;
}
.naviWrap .navi {
    display: inline-block;
    float: left;
    position: relative;
    top: -15px;
}
.naviWrap .navi a {
    background-image: url("img/hmpg_sprite_thumb_promotion.png");
    background-repeat: no-repeat;
    border: 5px solid #FFFFFF;
    cursor: default;
    float: left;
    height: 38px;
    margin-right: 10px;
    outline: medium none;
    overflow: hidden;
    padding: 5px;
    width: 74px;
}
.naviWrap .navi a.c0, .naviWrap .navi a.c0.current {
    background-position: -24px -24px;
}
.naviWrap .navi a.c1, .naviWrap .navi a.c1.current {
    background-position: -148px -24px;
}
.naviWrap .navi a.c2, .naviWrap .navi a.c2.current {
    background-position: -272px -24px;
}
.naviWrap .navi a.c3, .naviWrap .navi a.c3.current {
    background-position: -396px -24px;
}
.naviWrap .navi a.c4, .naviWrap .navi a.c4.current {
    background-position: -520px -24px;
}
.naviWrap .navi a.c5, .naviWrap .navi a.c5.current {
    background-position: -644px -24px;
}
.naviWrap .navi a.c6, .naviWrap .navi a.c6.current {
    background-position: -757px -24px;
}
.naviWrap .navi a.c7, .naviWrap .navi a.c7.current {
    background-position: -870px -24px;
}
.naviWrap .navi a.c8, .naviWrap .navi a.c8.current {
    background-position: -994px -24px;
}
.naviWrap .navi a.c9, .naviWrap .navi a.c9.current {
    background-position: -1118px -24px;
}
.naviWrap .navi a.c10, .naviWrap .navi a.c10.current {
    background-position: -1216px -24px;
}
.naviWrap .navi a.c11, .naviWrap .navi a.c11.current {
    background-position: -1306px -24px;
}
.naviWrap .navi a.c12, .naviWrap .navi a.c12.current {
    background-position: -1398px -24px;
}
.naviWrap .navi a:hover {
    border: 5px solid #FAA634;
}
.naviWrap .navi a.current {
    border: 5px solid #FAA634;
}
a.carouselArrows {
    background-image: url("img/lfsprite.png");
    cursor: pointer;
    display: block;
    float: right;
    height: 28px;
    margin-top: 13px;
    text-indent: -9999px;
    width: 28px;
}
a.forward {
    background-position: -127px -410px;
    margin-left: 10px;
}
a.backward {
    background-position: -91px -410px;
}