#hero-area {
    position: relative;
    width: 960px;
    height: 420px;
    overflow: hidden;
    margin-bottom: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: "LGFontMedium",Arial,Helvetica,sans-serif;
}

#hero-area.short {
    height: 300px;
}

#hero-area.tab {
    height: 456px;
    margin-bottom: 20px;
}

#hero-area .tabs {
    position: absolute;
    bottom: -160px;
    cursor: pointer;
    font-size: 11px;
    -webkit-transition: bottom .7s ease-in-out 1.3s;
    -moz-transition: bottom .7s ease-in-out 1.3s;
    -ms-transition: bottom .7s ease-in-out 1.3s;
    width: 102%;
    z-index:100;
}

#hero-area .tabs div {
    position: relative;
    top: 0;
    z-index: 10;
    width: 291px;
    height: 168px;
    padding: 0;
    float: left;
    padding: 14px;
    margin-left: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-right: 1px dotted #ccc;
    border-left: 1px solid #ccc;
    -webkit-transition: top .5s ease-in,opacity .5s linear,border-top-left-radius .5s ease-in,border-top-right-radius .5s ease-in,box-shadow .5s linear;
    -moz-transition: top .5s ease-in,opacity .5s linear,border-top-left-radius .5s ease-in,border-top-right-radius .5s ease-in,box-shadow .5s linear;
    -ms-transition: top .5s ease-in,opacity .5s linear,border-top-left-radius .5s ease-in,border-top-right-radius .5s ease-in,box-shadow .5s linear;
    background: #fff;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(0.25,#f3f1f1));
    background: -moz-linear-gradient(center top,#fff 0,#f3f1f1 25%);
}

.ie #hero-area .tabs div {
    background: url('../../../../lg3-common-v4/images/global/hero-tab-bg.gif') repeat-x transparent;
}

#hero-area .tabs div.active {
    top: -160px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 4px 10px rgba(0,0,0,0.5);
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -webkit-transition: top .5s ease-out,opacity .5s linear,border-top-left-radius .5s ease-out,border-top-right-radius .5s ease-out,box-shadow .5s linear;
    -moz-transition: top .5s ease-out,opacity .5s linear,border-top-left-radius .5s ease-out,border-top-right-radius .5s ease-out,box-shadow .5s linear;
    -ms-transition: top .5s ease-out,opacity .5s linear,border-top-left-radius .5s ease-out,border-top-right-radius .5s ease-out,box-shadow .5s linear;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f2f1));
    background: -webkit-linear-gradient(top,#fff,#f3f2f1);
    background: -moz-linear-gradient(top,#fff,#f3f2f1);
    background: -ms-linear-gradient(top,#fff,#f3f2f1);
    background: -o-linear-gradient(top,#fff,#f3f2f1);
    background: linear-gradient(top,#fff,#f3f2f1);
    */background: -webkit-gradient(linear,left top,left bottom,color-stop(0.83,rgba(255,255,255,0.95)),color-stop(1,rgba(242,241,241,0.95)));
    background: -moz-linear-gradient(center top,rgba(255,255,255,0.95) 83%,rgba(242,241,241,0.95) 100%);
    cursor: default;
}

.ie9 #hero-area .tabs div.active,.lt-ie9 #hero-area .tabs div.active {
    background: #f3f2f1;
}

.lt-ie9 #hero-area .tabs div.active {
    top: -170px;
}

.lt-ie9 #hero-area .tabs div {
    height: 178px;
}

.lt-ie9 #hero-area .tabs {
    bottom: -170px;
}

/* 0317 modify */
#hero-area .tabs div .plusminus {
    display:block;
    height:14px;
	margin-bottom:7px;
    background: url("../../../../lg3-common-v4/images/global/lg-global-sprite.png") 0 -126px no-repeat;
    width:90%
}


#hero-area .tabs div.active .plusminus {
    background-position: 0 -137px;
}

/* 0317 add */
#hero-area .tabs div.active .plusminus:hover {text-decoration:none}

#hero-area .tabs div .xout {
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 16px;
    height: 16px;
    cursor: pointer;
    right: 12px;
    top: 12px;
    background: url("../../../../lg3-common-v4/images/global/lg-global-sprite.png") 0 -174px no-repeat;
}

#hero-area .tabs div .xout span {display:block; width:1px; height:1px; font-size:1px; text-indent:-9999px; overflow:hidden; }

#hero-area .tabs div.active .xout {
    display: block;
}

/* 0317 add */
#hero-area .carousel-play {display:none; float:left; width:24px; height:24px; background: url("../../../../lg3-common-v4/images/global/lg-global-sprite-v2.png") 0 -1172px no-repeat}
#hero-area .carousel-stop {float:left; width:24px; height:24px; background: url("../../../../lg3-common-v4/images/global/lg-global-sprite-v2.png") -24px -1172px no-repeat}
#hero-area .carousel-play span, #hero-area .carousel-stop span {display:block; font-size:1px; width:1px; height:1px; text-indent:-9999px;overflow:hidden;}
#hero-area .carousel-play:hover, #hero-area .carousel-stop:hover {text-decoration:none}
#hero-area .carousel-controller { position: absolute; top:-1px; right: 0; width:24px}
#hero-area #indicator ul {/* float:left */overflow: hidden;}
#hero-area #indicator {*zoom:1}
#hero-area #indicator:after {content:""; display:block; clear:both}

#hero-area .tabs ul {
    list-style: none;
    width: 250px;
    margin: 15px auto 0;
    display:none /* 0317 add */
}

#hero-area .tabs li {
    margin-bottom: 0;
    margin-top: 5px;
}

#hero-area .tabs h3 {
    padding-left: 15px;
    text-transform: uppercase;
    color: #111;
    font-size: 12px;
    margin-bottom: 10px;
    cursor: pointer;
    font-family: "LGFontMedium";
	width:265px
}

#hero-area .tabs .plusminus {
    color: #111;
    text-decoration:none
}

#hero-area .tabs p {
    padding-left: 15px;
}

#hero-area .tabs a:link,#hero-area .tabs a:visited {
    color: #d80546;
}

#hero-area .tabs .cta-link {
    float: right;
}

#hero-area .tabs close-link {
    clear: both;
    position: absolute;
    bottom: 0;
    right: 20px;
    line-height: 12px;
    background: url("../../../../lg3-common-v4/images/global/lg-global-sprite.png") top right no-repeat;
    padding-right: 18px;
}

#hero-area .tabs .close-link a:link,#hero-area .tabs .close-link a:visited {
    color: #727272;
}

.hero {
    display: none;
    position: absolute;
    background-repeat: no-repeat;
    float: left;
    top: 0;
    width: 960px;
    height: 456px;
    -webkit-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    -ms-transition: opacity 1s linear;
}

.hero.short {
    height: 300px;
}

.hero.heroform {
    -webkit-transition: opacity .5s linear .1s;
    -moz-transition: opacity .5s linear .1s;
    -ms-transition: opacity .5s linear .1s;
}

.hero img {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.hero.inactive {
    left: -1000px;
    opacity: 0;
}

.hero.active {
    left: 0;
    opacity: 1;
}

.hero div.imagearea {
    position: absolute;
    font-family: "LGFontMedium",Arial,Helvetica,sans-serif;
    margin: 18px;
    -webkit-border-radius: 7px;
    z-index: 1;
}

.headline-wrapper {
    overflow: hidden;
    text-align: left;
}

.hero .herocopy-wrapper {
    overflow: hidden;
    float: left;
    text-align: left;
    margin-top: 4px;
    padding-bottom: 5px;
}

.find .hero .herocopy-wrapper {
    margin-top: -10px!important;
}

.hero .callout-wrapper {
    float: none;
    text-align: left;
    padding-top: 26px;
    text-transform: uppercase;
}

.hero .callout-wrapper p {
    font-family: 'LGFontMedium';
    margin-bottom: 5px;
}

.hero .callout-wrapper ul {
    list-style: none;
    margin: 0 auto;
}

.hero .callout-wrapper li {
    background: url("../../../../lg3-common-v4/images/global/lg-global-sprite.png") -274px -142px no-repeat;
    color: #d80546;
    margin: 4px;
    padding-left: 12px;
    line-height: 14px;
}

.hero .callout-wrapper li a {
    text-align: left;
    text-decoration: none;
    color: #d80546;
    font-size: 14px;
}

.hero .callout-wrapper li a:hover {
    text-align: left;
    text-decoration: underline;
    color: #d80546;
}

.hero h2 {
    font-weight: normal;
    font-size: 28px;
    color: #d80546;
    margin: 0;
    padding: 0;
    line-height: 30px;
    letter-spacing: -1px;
}

.hero h2 span {
    color: #d80546;
}

.hero p,.hero h4 {
    font-size: 15px;
    margin-top: -125px;
}

.hero.brighttext p {
    color: #ccc;
}

.hero .button {
    float: left;
    opacity: 0;
    font-size:11px;
}

.hero h2 {
    font-family: "LGFontMedium";
    text-align: left;
    white-space: nowrap;
}

.hero.inactive h2 {
    margin-left: 286px;
    opacity: 0;
}

.hero.active h2 {
    margin-left: 0;
    opacity: 1;
    -webkit-transition: margin-left 1s ease-in-out 1.7s,opacity 1s linear 1.7s;
    -moz-transition: margin-left 1s ease-in-out 1.7s,opacity 1s linear 1.7s;
}

.hero.with-overlay.active h2 {
    -webkit-transition: margin-left 1s ease-in-out 3s,opacity 1s linear 3s;
    -moz-transition: margin-left 1s ease-in-out 3s,opacity 1s linear 3s;
}

.lt-ie9 .hero.active h2 {
    margin-right: 15px;
}

.hero.active p,.hero.active h4 {
    margin: 0;
    width: 350px;
    -webkit-transition: margin-top 1s ease-in-out 2.3s;
    -moz-transition: margin-top 1s ease-in-out 2.3s;
}

.hero.with-overlay.active p,.hero.with-overlay.active h4 {
    -webkit-transition: margin-top 1s ease-in-out 3.6s;
    -moz-transition: margin-top 1s ease-in-out 3.6s;
}

.hero.heroform.active p {
    -webkit-transition: margin-top .3s ease-in-out 2.3s;
    -moz-transition: margin-top .3s ease-in-out 2.3s;
}

.find .hero.active p {
    width: auto!important;
}

.hero.active .button {
    -webkit-transition: opacity .5s linear 3.7s,-webkit-box-shadow .3s linear,text-shadow .3s linear;
    -moz-transition: opacity .5s linear 3.7s,-webkit-box-shadow .3s linear,text-shadow .3s linear;
    opacity: 1;
}

.hero.with-overlay.active .button {
    -webkit-transition: opacity .5s linear 5s,-webkit-box-shadow .3s linear,text-shadow .3s linear;
    -moz-transition: opacity .5s linear 5s,-webkit-box-shadow .3s linear,text-shadow .3s linear;
}

.hero.active.heroform .button {
    -webkit-transition: opacity .5s linear .6s,-webkit-box-shadow .3s linear,text-shadow .3s linear;
    -moz-transition: opacity .5s linear .6s,-webkit-box-shadow .3s linear,text-shadow .3s linear;
}

#indicator,#hero-nav {
    position: absolute;
    top: 8px;
    left: 10px;
    cursor: pointer;

    z-index:10;
    display:inline-block;
    zoom:1;
    *display:inline;
    width: auto;
    padding-right: 30px;
}

#indicator ul li {
    float: left;
    margin: 2px;
    padding: 0;
    width: 16px;
    height: 16px;
    line-height: 17px;
    text-align: center;
    background:url("../../../../lg3-common-v4/images/global/lg-global-sprite-v2.png") -58px -1177px no-repeat;
    font-size: 10px;
    list-style: none;
    color: #5d5c5c;
}

.borderradius #indicator ul li {
    width: 16px;
    height: 16px;
    line-height: 15px;
    background:#fff;
    -webkit-border-radius: 11px;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    border:1px solid #9b9b9b;
    margin-top: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#hero-nav {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    height: 55px;
    padding: 0 0 0 15px;
    cursor: pointer;
    background: -moz-linear-gradient(top,#dedede,white 45px);
    background: -webkit-gradient(linear,0 0,0 45,from(#ececec),to(white));
    background-repeat: no-repeat;
}

#hero-nav ul li {
    float: left;
    margin: 2px;
    padding: 0;
    height: 20px;
    margin-top: 20px;
    margin-bottom: 15;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 14px;
    list-style: none;
    color: #333;
    border-right: 1px dotted #333;
}


#hero-nav span.indicator-number {
    float: left;
    padding: 0;
    margin-top: -2px;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    line-height: 15px;
    text-align: center;
    -webkit-border-radius: 9px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    font-size: 8px;
    border: 1px solid #666;
    list-style: none;
    color: #666;
    font-weight: bold;
    font-family: Arial;
    font-size: 10px;
}

#hero-nav li.active span.indicator-number {
    background: #d30e43;
    border: 1px solid #d30e43;
    color: #fff;
}

#indicator ul li.active {
    background-position: -74px -1177px;
    color:#fff
}

.borderradius #indicator ul li.active {
    background: #d80546;
    border:1px solid #d80546
}

/* 0317 add */
#indicator ul li a {display:block; text-align:center; color:#5d5c5c}
#indicator ul li.active a {color:#fff}
#indicator ul li a:hover {text-decoration:none}

.hero .callout-wrapper {
    clear: left;
    text-align: left;
    padding-top: 26px;
    text-transform: uppercase;
}

#hero-nav ul li.active, #hero-nav ul li.active a {
    cursor: pointer;
    color: #d80546;
	font-weight:bold
}

#hero-nav .button {
    position: absolute;
    right: 40px;
    top: 15px;
}

#hero-area.find {
    height: 325px;
    background: #fff;
    background-image: linear-gradient(bottom,#ececec 0,#fff 25%,#fff 75%,#ececec 100%);
    background-image: -o-linear-gradient(bottom,#ececec 0,#fff 25%,#fff 75%,#ececec 100%);
    background-image: -moz-linear-gradient(bottom,#ececec 0,#fff 25%,#fff 75%,#ececec 100%);
    background-image: -webkit-linear-gradient(bottom,#ececec 0,#fff 25%,#fff 75%,#ececec 100%);
    background-image: -ms-linear-gradient(bottom,#ececec 0,#fff 25%,#fff 75%,#ececec 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ececec),color-stop(0.25,#fff),color-stop(0.75,#fff),color-stop(1,#ececec));
    background-repeat: no-repeat;
    padding-bottom: 25px;
}

#hero-area.find .hero {
    width: 900px;
    height: 240px;
    padding-top: 110px;
    padding-left: 60px;
    z-index: 1;
}

.lt-ie9 #hero-area.find .hero {
    background: #fff;
}

#hero-area.find .hero div.imagearea {
    position: relative;
    float: left;
    width: 252px;
    padding: 0;
    margin-top: 10px;
}

#hero-area.find .options {
    float: left;
    text-align: left;
    padding-bottom: 5px;
    margin-top: 20px;
    margin-left: 30px;
    position: relative;
}

#hero-area.find .options.bottom {
    margin-top: 2px;
}

.lt-ie9 #hero-area.find .options.bottom {
    width: 610px;
}

#hero-area.find .hero div.contentarea {
    position: relative;
    float: left;
    max-width: 440px;
    margin-top: 20px;
    margin-left: 30px;
    clear: right;
}

#hero-area.find .hero div.contentarea.small {
    max-width: 400px;
}

#hero-area.find h1 {
    font-size: 23px;
    padding-top: 35px;
    padding-left: 60px;
    z-index: 2000;
    position: relative;
}

#hero-area.find .headline-wrapper {
    width: 100%;
}

#hero-area.find h3 {
    text-transform: none;
    font-size: 18px;
    color: #d80546;
}

#hero-area.find .hero p {
    font-size: 12px;
    font-family: Arial;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #666;
}

#hero-area.find .hero p.no-pad {
    margin-top: 10px;
    margin-bottom: 5px;
}

#hero-area.find #hero-nav {
    background: 0;
    padding-left: 60px;
    max-width: 860px;
    z-index: 10;
}

#hero-area.find #hero-nav ul li {
    border-right: 0;
    text-transform: uppercase;
    font-size: 11px;
}

#hero-area.find .hero img.step {
    position: relative;
    float: left;
    margin-right: 30px;
}

#hero-area.find .options label {
    text-align: left;
    padding: 5px 15px;
    margin-bottom: 6px;
    width: auto;
    color: #333;
    background: #fff;
    background: -moz-linear-gradient(bottom,#ececec,white 13px);
    background: -webkit-linear-gradient(bottom,#ececec,white 13px);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ccc;
    text-transform: uppercase;
}
.lt-ie9 #hero-area.find .options.bottom label {
    max-width: 340px;
}
.lt-ie9 #hero-area.find .options.bottom.single label {
    width: 200px;
}
/* SMG-6595 : 20141202 modify */
.lt-ie10 #hero-area.find .options label {
    padding-top: 3px;
	padding-bottom:2px;
    padding-right: 10px;
    white-space: nowrap;
}
/* //SMG-6595 : 20141202 modify */
#hero-area.find .options input[type="checkbox"]+span::before {
    margin-top: 2.5px;
}

#hero-area.find .options label.red {
    color: #fff;
    background: #d30e43;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c03),color-stop(48%,#e00e47),color-stop(53%,#d30e43),color-stop(100%,#c70e40));
    background: -webkit-linear-gradient(top,#c03 0,#e00e47 48%,#d30e43 53%,#c70e40 100%);
}

#hero-area.find .options label.left {
    margin-right: 5px;
}

#hero-area.find legend {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    font-family: Arial;
}

#hero-area.find .find-controls {
    position: absolute;
    right: 24px;
    top: 285px;
}

.lt-ie9 #hero-area.find .find-controls {
    right: 20px;
}

#hero-area.find .find-controls.two-btn {
    width: 150px;
}

#hero-area.find .find-controls a.button {
    margin-right: 10px;
}

#hero-area.find .find-controls a.button.white {
    color: #d80546!important;
    margin-right: 10px;
}

#hero-area.find .find-controls.right {
    left: 400px;
}

#hero-area.find .models-found {
    background: url("../../../../lg3-common-v4/images/global/models-foundBG.png");
    height: 177px;
    width: 252px;
    text-align: center;
    font-size: 18px;
    font-family: 'LGFontRegular';
    text-transform: uppercase;
}

#hero-area.find .models-found span.models-number {
    display: block;
    font-size: 90px;
    font-weight: bold;
}

#hero-area.find .price-slider {
    width: 415px;
    font-family: Arial;
    font-size: 10px;
    clear: left;
    padding-top: 10px;
}

#hero-area.find .price-slider ul {
    clear: both;
}

#hero-area.find .price-slider ul li {
    float: left;
    height: 17px;
    width: 32px;
    display: block;
    margin-right: 28px;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    vertical-align: text-top;
    overflow: hidden;
    background: url("../../../../lg3-common-v4/images/global/lg-global-sprite.png") 15px -954px transparent no-repeat;
}

#hero-area.find .price-slider ul li.last,#hero-area.find .price-slider ul.type li.last {
    margin-right: 0;
}

#hero-area.find .price-slider ul li:first-child {
    margin-left: 15px;
    margin-right: 38px;
    width: 12px;
    background-position: 5px -954px;
}

#hero-area.find .price-slider ul.type {
    text-transform: uppercase;
    font-weight: bold;
}

#hero-area.find .price-slider ul.type li {
    max-width: 60px;
    width: auto;
    margin-top: 3px;
    margin-right: 103px;
    background: 0;
    word-break: break-all;
    word-wrap: break-word;
    height: auto;
}

#hero-area.find .price-slider ul.type li.last {
    text-align: center;
}

#hero-area.find .price-slider ul.type li:first-child {
    margin-left: 30px;
}

#hero-area.find .price-slider .slider {
    float: left;
    width: 415px;
    height: 5px;
    background: #ccc;
}

#hero-area.find .price-slider .slider span {
    width: 60px;
    padding: 0;
    margin: 0;
    border: 0;
    height: 5px;
    display: block;
    float: left;
    background: #ccc;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.webkit #hero-area.find .price-slider .slider span {
    width: 60px;
}

#hero-area.find .price-slider .slider span.fill {
    background: #d30e43;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

#hero-area.find .price-slider .slider span:first-child {
    margin-left: 20px;
}

canvas {
    top: 0;
    left: 0;
    position: absolute;
    margin-left: 0;
    margin-top: 0;
    z-index: 0;
}

#bubbles {
    top: 190px;
    left: 60px;
}

.no-csstransitions .hero-overlay {
    display: none;
}

.ie .hero-overlay {
    display: block!important;
}

.csstransitions .hero-overlay {
    opacity: 0;
}

.csstransitions .hero-overlay.active {
    opacity: 1;
    -moz-transition: all 2.5s ease-out 1.3s;
    -webkit-transition: all 2.5s ease-out 1.3s;
}

.lt-ie9 #hero-area.find .options.bottom {
    width: auto;
    max-width: 610px;
}

.lt-ie9 #hero-area.find .options.bottom.single {
    min-width: 200px;
}

.lt-ie9 #hero-area.find .options.bottom label {
    width: auto;
    max-width: 340px;
}

.lt-ie9 #hero-area.find .options.bottom.single label {
    width: auto;
    min-width: 200px;
}

.hero-area.find .hero div.imagearea {
    float: left;
}

.hero-area.find .hero div.options {
    float: left;
    margin-right: 30px;
}

.hero-area.find .hero div.options.bottom {
    float: none!important;
    left: 30px!important;
}

.hero-area.find .hero div.options.bottom label {
    display: inline-block;
    margin-bottom: 0!important;
}

.hero-area.find .hero div.contentarea {
    float: none!important;
    max-width: none!important;
    z-index: -1;
}

.hero-area.find .hero div.contentarea .headline-wrapper {
    padding: 0 30px;
    float: none;
    width: auto!important;
}

.hero-area.find .hero div.contentarea .herocopy-wrapper {
    padding: 0 30px;
    float: none;
    width: auto!important;
}

.lt-ie9 .hero-area.find .hero div.contentarea {
    padding-top: 20px;
}

.hero-area.find #hero-nav li {
    margin-right: 9px;
    padding-right: 9px;
}

.lt-ie9 .hero-area.find #hero-nav li {
    margin-right: 7px;
    padding-right: 7px;
}

.hero-area.find #hero-nav ul {
    width: 100%;
}
/* LGERU-900 : 20130507 add */
html.webkit #hero-area.find .heroform.active div:not(.bottom) label{white-space: nowrap}
html.webkit:not(.us-section) #hero-area.find .heroform.active div.bottom label{white-space: nowrap}
.hero-area.find #hero-nav ul li.inactive{color:#777;cursor: auto;}
.hero-area.find #hero-nav ul li.inactive span.indicator-number{background:#ddd;border:1px solid #ddd}
.hero-area.find .hero.heroform.active .next.inactive{background:#ddd;color:#777!important;background:-moz-linear-gradient(bottom,#aaa,#ddd 13px);background:-webkit-linear-gradient(bottom,#ececec,#ddd 13px);border:solid 1px #ccc;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none;cursor: auto;}
.hero-area.find .hero.heroform.active .next.inactive:hover {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none;cursor:auto}
/* //LGERU-900 : 20130507 add */

/* PJTLGSI-29 : 20130716 add */
.hero .herocopy-wrapper .iap_copy {padding:12px 0px 7px 0px;color:#d80546 !important}
.hero .headline-wrapper .product_logo,
.hero.active .headline-wrapper .product_logo,
.hero.with-overlay.active .headline-wrapper .product_logo {
    opacity:0;
    height:35px;
    margin-bottom: 16px !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
}

/* PJTLGSI-42 : 20130716 modified */

.hero-area .carousel-arrow-left,
.hero-area .carousel-arrow-right {
    position:absolute;display:block; width:30px;top:30px;height:90%;background:transparent;z-index:2;
}
.hero-area .carousel-arrow-left a,    .hero-area .carousel-arrow-right a,
.hero-area .carousel-arrow-left span, .hero-area .carousel-arrow-right span
{
    position:absolute;top:157px;left:5px;display:block;width:24px;height:100px;margin-top:0;overflow:hidden;
    background:url("../../../../lg3-common-v4/images/global/lg-global-sprite.png") no-repeat -434px -922px;
    cursor:pointer;text-indent:-9999px;padding-right:0px !important}
.hero-area.short .carousel-arrow-left a,    .hero-area.short .carousel-arrow-right a,
.hero-area.short .carousel-arrow-left span, .hero-area.short .carousel-arrow-right span {top:87px;}
.hero-area.short .carousel-arrow-right, .hero-area .carousel-arrow-right {right:0;}
.hero-area .carousel-arrow-right a, .hero-area .carousel-arrow-right span {left:5px;background-position:-454px -922px;}
.hero-area .carousel-arrow-left.disabled a, .hero-area .carousel-arrow-left.disabled span {background-position:-382px -922px;}
.hero-area .carousel-arrow-right.disabled a,.hero-area .carousel-arrow-right.disabled span {background-position:-402px -922px;}
.hero-area .carousel-arrow-right.disabled a:hover,    .hero-area .carousel-arrow-left.disabled a:hover,
.hero-area .carousel-arrow-right.disabled span:hover, .hero-area .carousel-arrow-left.disabled span:hover{cursor:default}

.hero.active .headline-wrapper .product_logo {
    -webkit-transition: opacity .5s linear .5s;
    -moz-transition: all .5s linear .5s;
    -o-transition: all .5s linear .5s;
    transition:  opacity .5s linear .5s;
    opacity: 1;
}

#metro_ui {
    position: relative;
    width: 960px;
    height: 300px;
    overflow: hidden;
    padding:0px;
    margin-bottom: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color:#fff;
    float:left;
}

#metro_ui #hero-area {border:none !important;}
#metro_ui #hero-area .hero {width:100%;height:100%;}
#metro_ui #hero-area .hero .headline-wrapper .product_logo,
#metro_ui #hero-area .hero.active .headline-wrapper .product_logo,
#metro_ui #hero-area .hero.with-overlay.active .headline-wrapper .product_logo {
    height:20px; overflow:hidden;   margin-bottom: 10px !important;
}

#metro_ui #hero-area.hero-area .carousel-arrow-left a,  #metro_ui #hero-area.hero-area .carousel-arrow-left span,
#metro_ui #hero-area.hero-area .carousel-arrow-right a, #metro_ui #hero-area.hero-area .carousel-arrow-right span {top:87px;}
#metro_ui #hero-area.hero-area .carousel-arrow-right {right:0px}
#metro_ui #hero-area.hero-area .carousel-arrow-right a, #metro_ui #hero-area.hero-area .carousel-arrow-right span {left:5px;}
#metro_ui #hero-area.hero.active p,#metro_ui #hero-area .hero.active h4{margin:0;width:230px;}

#metro_ui #hero-area {
    width: 556px;
    height:300px;
    margin-right:4px;
    padding:0px;
    float:left;
}

.hero.metro.active {display:block; left:0; opacity:1;}

.metro_copy_area {
    position:absolute;
    left:0; bottom:0px;
    overflow:hidden;
    width:100%; height:82px;
    background-color:#000;
    opacity:0.45;
    filter: alpha(opacity=45);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    z-index:1;
}

.metro_copy_area h2 {
    z-index:10;
    padding:14px 18px 6px 18px; margin:0;
    width: 364px;
    height:22px;
    font-size:22px; font-family:"LGFontMedium",Arial,Helvetica,sans-serif; font-weight:normal;
    line-height:90%;color:#fff;
}
    .metro_copy_area h2 > *:first-child { color:#fff }
    .metro_copy_area h2 span {
        color:#fff !important; text-decoration:none;
        display:block; width:364px; height:22px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
    }

    .epplise_2line {width:364px;height:40px;}
    .epplise_2line p {
        width:360px;
        overflow: hidden; margin:0; margin:0 0 6px 0 !important ;
        height: 27px; line-height:14px; font-size:14px; font-family:'LGFontRegular';color:#fff;font-weight:normal;
    }

    .epplise_2line p:before {
        float: left;
        width: 6px; height: 28px; }

    .epplise_2line p > *:first-child {
        float: right;
        width: 100%;
        margin-left: -10px;
        }

    .epplise_2line p:after {
        content: "\02026\02026";
        font-family:Verdana, Tahoma, Arial;color:#fff;
        float: right; position: relative;font-size:14px;
        top: -16px; left: 100%;
        width: 3em; margin-left: -3em;
        padding-right: 6px;
        text-align: right;
    }

.metro_copy_area h3
{   padding:14px 13px 0px 18px;overflow:hidden; margin:0 0 6px 0px;
    text-transform:capitalize;
    font-size:20px; line-height:20px; font-family:"LGFontMedium",Arial,Helvetica,sans-serif;  font-weight:normal;
    color:#fff;
}

    .metro_promo .metro_copy_area h3 {
        width: 155px;
        overflow:hidden;
        color:#fff; height:40px;
    }

    .metro_promo .metro_copy_area h3:before {
        float: left;
        width: 5px; height: 40px; }

    .metro_promo .metro_copy_area h3 > *:first-child {
        float: right;color:#fff !important; text-decoration:none;
        width: 100%;
        margin-left: -5px; }

    .metro_promo .metro_copy_area h3:after {
        content: "\02026";
        color:#fff;
        float: right; 
        position: relative;font-size:20px;
        top: -25px; 
        left: 100%;
        /* width: 3em; */ 
        /* margin-left: -3em; */
        padding-right: 5px;
        text-align: right;
    }

    .metro_product .metro_copy_area h3 {
        width:165px;
    }

    .metro_product .metro_copy_area h3 span {
        color:#fff !important; text-decoration:none;
        display:block; height:20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
    }

.metro_copy_area div {margin-top:0px; padding-bottom:8px;padding-left:18px; max-width:90%; max-height:28px; overflow:hidden; }
.metro_copy_area div p {margin-bottom:6px !important;padding:0; color:#fff}
.metro_copy_area div p > *:first-child {color:#fff}
    .metro_promo .metro_copy_area div {height:14px !important; width:160px;}
    .metro_promo .metro_copy_area p a {
        color:#fff !important; text-decoration:none;
        display:block;width:inherit; height:inherit; margin:0;padding:0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
    }

    .metro_product .metro_copy_area div p,
    .metro_copy_area_short h4 {
        font-size:14px; font-family:'LGFontRegular';color:#fff;font-weight:normal;
        line-height:100%;max-height:28px;
        width:160px;
        padding:0;
     }
.metro_copy_area_short h4 {text-align:center; margin:8px auto;width:176px; height:14px;}
.metro_copy_area_short h4 > *:first-child {color:#fff}
.metro_copy_area p.model_no,
.metro_copy_area p.model_no a {font-size:12px !important; font-family:'LGFontRegular';color:#fff;line-height:100%;}

.metro_product .metro_copy_area h3 a,
.metro_copy_area_short h4 span,
.metro_copy_area div p {
    color:#fff !important; text-decoration:none;margin:0;padding:0;
}
    .metro_copy_area_short h4 span {font-weight:bold;}
    .metro_copy_area_short h4 span,
    .metro_promo .metro_copy_area div p,
    .metro_product .metro_copy_area div p
    {
        display:block;width:inherit; height:inherit; margin:0;padding:0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
    }

#metro_promotion {position:relative;height:300px; margin:0;padding:0;
  background-color:#eeeded;float:left;display:inline-block;cursor:pointer;
}
#metro_promotion_w196 {
  position:relative;height:300px; margin:0;padding:0;
  background-color:#eeeded;
  float:left;display:inline-block;
  cursor:pointer;
  width:196px !important; border-left:1px solid #ccc; border-right:1px solid #ccc;
}
#metro_promotion.w396 { width:400px;}
#metro_promotion.w396 > a {display:block; width:400px; height:298px}
#metro_promotion_w196 .metro_copy_area {width:196px}
#metro_promotion_w196 .metro_copy_area div {overflow:hidden; text-overflow: ellipsis; white-space: nowrap; width:156px}
#metro_product .promotion img,
#metro_promotion img {position:absolute; left:0; top:0px;z-index:0;}
#best_reviewed {width:196px; padding:0 ; background-color:#eeeded;float:left;position:relative;cursor:pointer;  border-left:1px solid #ccc;     border-right:1px solid #ccc;
}
#best_reviewed.h300 {height:300px;}

#metro_product {
  width:196px; height:300px; margin:0; padding:0;
  background-color:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;
  float:left;display:inline-block;position:relative;cursor:pointer;
}
#metro_product.h300 {width:196px; height:300px;margin:0; padding:0;}
#metro_product.h300 .imgArea {width:196px; height:298px; background-color:#fff}
#metro_product.h300 .imgArea > a {display:block; height:298px}
#metro_product.h300 .imgArea img {width:196px; height:147px; margin-top:31px;}
#metro_ui .mr4,
#metro_product.mr4 {margin-right:4px !important}

.h150 {height:150px;margin:0px;padding:0;position:relative;}
.onlyProduct img {width:180px; height:135px; margin:7px 8px 8px 8px; _margin:auto auto; padding:0;}

.metro_copy_area_short {
    position:absolute;
    left:0; bottom:0px;
    overflow:hidden;text-overflow: ellipsis; white-space: nowrap;
    width:100%; height:30px;
    background-color:#000;
    opacity:0.45;filter:Alpha(opacity=45);
    z-index:1;
}

/* //PJTLGSI-42 : 20130716 modified */

/* LGEHU-639 : 20131210 add */
#hero-area.narrow{width:745px !important;margin-bottom: 20px;}
#hero-area.narrow.short{height: 300px !important;}
#hero-area.narrow .hero{width:745px !important;}
#hero-area.narrow.short .hero {height: 300px !important;}
.hero-area.short .carousel-arrow-left a, .hero-area.short .carousel-arrow-right a, .hero-area.short .carousel-arrow-left span, .hero-area.short .carousel-arrow-right span {top: 76px;}
#hero-area.narrow .hero .callout-wrapper{overflow:hidden;}
#hero-area .text {color:#111; padding:0 3px}
/* LGEHU-639 : 20131210 add */
/* LGEUS-4485 : 20140704 add */
#hero-area #hero-nav ul.hs14 li {font-size:14px}
#hero-area #hero-nav ul.hs13 li {font-size:13px}
#hero-area #hero-nav ul.hs12 li {font-size:12px}
#hero-area #hero-nav ul li.last {border-right:0}
/* //LGEUS-4485 : 20140704 add */
/* LGEUS-4531 :20140818 add */
#hero-area.type-se_txt h1 {
	padding-top: 14px;
}

#hero-area.type-se_txt .hero div.contentarea {
	margin: -7px 0 0 !important;
	padding: 10px 0 0 58px;
	background: -moz-linear-gradient(center top , #f1f1f1, white 25px);
	background: -webkit-gradient(linear, 0 0, 0 30, from(#efefef), to(white));
	zoom: 1;
}

#hero-area.type-se_txt #hero-nav {
	height: 32px;
	overflow: hidden;
}

#hero-area.type-se_txt #hero-nav li {
	padding: 0;
	margin: 0;
}

#hero-area.type-se_txt .select-options {
	margin: 0 auto;
	width: 880px;
	overflow: hidden;
	padding: 5px 0 10px 20px;
	position: relative;
	z-index: 999;
}

#hero-area.type-se_txt .select-options dt {
	float: right;
	margin: 0 10px;
}

#hero-area.type-se_txt .select-options dd {
	float: left;
	margin-left: 16px;
	min-height: 10px;
	max-height: 24px;
	line-height: 11px;
}
.lt-ie8 #hero-area.type-se_txt .select-options dd {
	max-height: 28px;
}
#hero-area.type-se_txt .select-options dd:first-child {
	margin-left: 60px;
}

#hero-area.type-se_txt .select-options .option-list {
	max-width: 715px;
	clear: both;
	margin: 7px 0 0;
	overflow: hidden;
}

#hero-area.type-se_txt .select-options dd .option-list li:first-child {
	margin-left: 0 !important;
}

#hero-area.type-se_txt .hero {
	padding-left: 0;
	height: 310px;
	padding-top: 128px;
	width: 960px;
	z-index: 1;
}

#hero-area.type-se_txt .hero div.imagearea {
	margin-left: 60px;
}

#hero-area.type-se_txt  #find-products {
	color: #d80546;
	font-size: 14px;
	text-transform: none;
}

#hero-area.type-se_txt  #find-products span {
	margin-right: 5px;
}

#hero-area.type-se_txt .styled-select, #hero-area.type-se_txt .styled-input {
	width: 100px;
	background: #fff url("../../../../lg3-common-v4/images/global/lg-styled-select-bg-red.gif") no-repeat right;
}

.lt-ie9 #hero-area.type-se_txt .styled-select {
	border: 1px solid #ccc;
	width: 135px;
}

.lt-ie9 #hero-area.type-se_txt .styled-select, .lt-ie9 #hero-area.type-se_txt .styled-input {
	background: #fff;
}

#hero-area.type-se_txt .styled-select select {
	width: 135px;
}

#hero-area.type-se_txt #hero-nav ul li {
	margin-top: 12px;
	line-height: 100%;
}

#hero-area.type-se_txt.find .find-controls {
	top: 300px;
}

#hero-area.type-se_txt .headline-wrapper {
	display: inline-block;
}

#hero-area.type-se_txt h3 {
	margin-top: 14px;
}

#hero-area.type-se_txt .options label:hover {
	background: #d30e43;
	color: #fff;
}

#hero-area.type-se_txt dd ul li {
	display: inline-block;
	color: #888;
	font-style: italic;
	min-height: 11px;
	float: left;
	font-size: 11px;
	padding-right: 2px;
	margin: 0 2px 0 0;
	white-space: normal;
} 
.lt-ie8 #hero-area.type-se_txt dd ul li {float: none}
/* //LGEUS-4531 :20140818 add */