﻿#hero-area, #hero-area-sub1, #hero-area-sub2, #hero-area-sub3, #hero-area-sub4, #hero-area-sub5 {
    position: relative;
    width: 960px;
    height: 402px;
    overflow: hidden;
/*    margin-bottom: 5px;
*/    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
 
}

#hero-area.short {
    height: 300px;
}
#hero-area.sub {
    height: 300px;
}
#hero-area-sub1.subsub, #hero-area-sub2.subsub, #hero-area-sub3.subsub, #hero-area-sub4.subsub, #hero-area-sub5.subsub {
    width: 706px;
    height: 381px;
    margin-top: 40px;
    border: none;
}


#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%;
}

#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/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;
}

#hero-area .tabs div .plusminus {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 8px;
    height: 9px;
    left: 12px;
    top: 16px;
    cursor: pointer;
    background: url("/lg3-common/images/global/lg-global-sprite.png") 0 -128px no-repeat;
}

#hero-area .tabs div.active .plusminus {
    background-position: 0 -137px;
}

#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/images/global/lg-global-sprite.png") 0 -174px no-repeat;
}

#hero-area .tabs div.active .xout {
    display: block;
}

#hero-area .tabs ul {
    list-style: none;
    width: 250px;
    margin: 0 auto;
}

#hero-area .tabs li {
    margin-bottom: 0;
    margin-top: 5px;
}

#hero-area .tabs h3 {
    padding-left: 12px;
    text-transform: uppercase;
    color: #111;
    font-size: 12px;
    margin-bottom: 10px;
    cursor: pointer;
  
}

#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/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: 300px;
    -webkit-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    -ms-transition: opacity 1s linear;
}


.hero.sub {
    height: 300px;
}
.hero.sub img {
    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;
    width: 960px; height: 402px;
}
.hero-area.short .hero img {
    height: 300px;
}
.hero-area.subsub .hero img {
    width: 706px;
    height: 381px;
}

.hero.inactive {
    left: -1000px;
    opacity: 0;
}

.hero.active {
    left: 0;
    opacity: 1;
}

.hero div.imagearea {
    position: absolute;
 
    -webkit-border-radius: 7px;
    z-index: 1;
}
.hero.sub div.imagearea {
    /*font-family: "BryantLGRegular",Arial,Helvetica,sans-serif;*/
    margin: 0;
}

.hero div.imagearea.hr-left {left:50px;}
.hero div.imagearea.hr-right {left:554px;}
.hero div.imagearea.hr-top {top:60px;}
.hero div.imagearea.hr-middle {top:33%;height:50%;}
.hero div.imagearea.hr-middle .middlePlacer {position:absolute;top:-50%;}
.hero div.imagearea.hr-bottom {bottom:30px;}

.headline-wrapper {
	
    width: 378px;
    text-align: left;
    
    
}
.headline-wrapper h2{} 
.hero .herocopy-wrapper {
    text-align: left;
    margin-top: 4px;
    padding-bottom: 5px;  
      
    
}
.hero.sub .herocopy-wrapper {
    margin-top: 15px;
    
}

.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 {
   
    margin-bottom: 5px;
    

}

.hero .callout-wrapper ul {
    list-style: none;
    margin: 0 auto;
}

.hero .callout-wrapper li {
    background: url("/lg3-common/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;
    line-height: 18px;
}

.hero.brighttext p {
    color: #ccc;
}

.hero .button {
    float: left;
    opacity: 0;
}

.hero h2 {    
    text-align: left;
}

.kr {
  
	letter-spacing:1px;
	line-height:1.1!important;
}

.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,.indicator {
    position: absolute;
    top: 12px;
    left: 12px;
    cursor: pointer;
}

#indicator ul li, .indicator ul li {
    float: left;
    margin: 2px;
    padding: 0;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    -webkit-border-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 8px;
    background: #c5c5c5;
    list-style: none;
    color: #fff;
}

#hero-nav {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    height: 55px;
    padding-left: 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-size: 10px;
}

#hero-nav li.active span.indicator-number {
    background: #d30e43;
    border: 1px solid #d30e43;
    color: #fff;
}

#indicator ul li.active, .indicator ul li.active {
    background: #e33434;
}

.hero .callout-wrapper {
    clear: left;
    text-align: left;
    padding-top: 26px;
    text-transform: uppercase;
}

#hero-nav ul li.active,#hero-nav ul li:hover {
    cursor: pointer;
    color: #d80546;
}

#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;
 
    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;
}

.lt-ie9 #hero-area.find .options label {
    padding: 2px;
    padding-right: 4px;
    white-space: nowrap;
}

#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;
  
}

#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/images/global/models-foundBG.png");
    height: 177px;
    width: 252px;
    text-align: center;
    font-size: 18px;

    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-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/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%;
}