#menu { z-index: 10000; } #main { background: #fff; position: relative; z-index: 40; min-height: 700px; padding-bottom:50px; } .slider-container { width:100%; margin:0 auto; overflow: hidden; position: relative; height: 650px; min-width: 1230px; } /* OLD slider */ #slider { position: relative; list-style: none; overflow: visible !important; width: 910px; height: 272px !important; display: block; margin: 0 auto; } #slider .slider-promo { margin-left: -40px; } #slider .indicator-container { position: absolute; bottom: 10px; left: 50%; width: 250px; margin-left: -125px; } #slider .indicator-container .indicators { display: flex; flex-direction: row; justify-content: center; } #slider .indicator-container .indicators a { display: block; margin-right: 8px; float: left; width: 10px; height: 10px; border-radius: 50%; background: #999;; } #slider .indicator-container .indicators a.thumb-highlight { background: #cc0000; } #slider .control-prev { left: 0px; } #slider .control-next { right: 0; text-align: right; } #slider .control-next:before { content: "\e315"; right: 0; } #slider .control-prev:before { content: "\e314"; left: 0; } #slider .control-prev, #slider .control-next { position: absolute; bottom: 0; padding: 0 0.15em; cursor: pointer; color: #999999; font-size: 320%; font-weight: normal; width: 100px; text-align: center; height: 100%; opacity: 0; transition: visibility 0s linear 0.33s, opacity 0.33s linear; } #slider .control-prev:hover, #slider .control-next:hover { opacity: 1; } #slider .control-prev:before, #slider .control-next:before { position: absolute; top: 50%; margin-top: -30px; color: white; background: rgba(0, 0, 0, 0.2); padding: 15px 0; font-size: .8em; } #slider .slider-promo-loading { position: absolute; top: 116px; left: 488px; text-align: center; vertical-align: middle; display: none; } /* --------Slider New homepage------- */ #slider.personalized-homepage { position: absolute; list-style: none; overflow: visible !important; display: block; left: 50%; margin-left: -1250px; height: 650px!important; width: 2500px; margin-top: -15px; } #slider.personalized-homepage .slider-promo img{ width: 2500px; } #slider.personalized-homepage .indicator-container { position: absolute; bottom: 280px; left: 50%; width: 250px; margin-left: -125px; } #slider.personalized-homepage .indicator-container .indicators { display: flex; flex-direction: row; justify-content: center; } #slider.personalized-homepage .indicator-container .indicators a { display: block; margin-right: 8px; float: left; width: 10px; height: 10px; border-radius: 50%; background: #999;; } #slider.personalized-homepage .indicator-container .indicators a.thumb-highlight { background: #cc0000; } #slider.personalized-homepage .control-prev { left: 50%; margin-left: -600px; } #slider.personalized-homepage .control-next { right: 50%; margin-right: -600px; } #slider.personalized-homepage .control-next:before { content: "\e315"; right: 0; } #slider.personalized-homepage .control-prev:before { content: "\e314"; left: 0; } #slider.personalized-homepage .control-prev, #slider.personalized-homepage .control-next { position: absolute; top: 0; padding: 0 0.15em; cursor: pointer; color: #999999; font-size: 320%; font-weight: normal; width: 100px; text-align: center; height: 400px; opacity: 0; transition: visibility 0s linear 0.33s, opacity 0.33s linear; z-index: 1000; } #slider.personalized-homepage .control-prev:hover, #slider.personalized-homepage .control-next:hover { opacity: 1; } #slider.personalized-homepage .control-prev:before, #slider.personalized-homepage .control-next:before { position: absolute; top: 50%; margin-top: -30px; color: white; background: rgba(0, 0, 0, 0.2); padding: 15px 0; font-size: .8em; } #slider.personalized-homepage .slider-promo-loading { position: absolute; top: 20%; left: 50%; text-align: center; vertical-align: middle; display: none; margin-left: -100px; } /* ------recommendation boxes------- */ #recommendationTable { width: 1230px; margin: 35px auto 20px auto; position: relative; } .section-title { font-size:1.2em; margin:0px 0px 5px 15px; } .reco-boxes { overflow: hidden; } .reco-box { position:relative; width: 380px; height:410px; margin:15px 15px 60px 15px; border-top:2px solid #cc0000; padding:20px; float:left; background-color:#fff; } .reco-box a { color: inherit; } .reco-box a:hover { text-decoration: none; } .reco-box .label { font-size:0.9em; } .reco-box .item-image { width: 60%; margin: 30px auto 1.8rem auto; } .reco-box .item-desc { font-size:1.2em; font-weight:400; margin-bottom:25px; } .reco-box .item-id { font-size:1.2em; margin-bottom:20px; margin-top:10px; font-weight:600; line-height:1.5em; } .reco-box .clear-button { font-size: 1.1em; font-weight:600; padding: .3em .6em; border-radius: .2em; white-space: nowrap; cursor: pointer; background-color: #fff; border: 1px solid silver; color:#118899; position:absolute; bottom:20px; left:20px; } /* mega tabs */ #megatabs { width: 1230px; margin: 1em auto 0; } .tabbed_area li { background: none; float: left; margin: 0 1em 0 0; padding: 0; } .tabbed_area li a { display: block; color: #333; padding: 1em 2em; background: #f0f0f0; } .tabbed_area li a.active { background: #fff; color: #cc0000; font-weight: 600; cursor: default; } .tabbed_box { background: #fff; padding: 2em; clear: both; } .tabbed_box .column> ul { margin-left: 0; } .tabbed_box .column> ul> li { background: none; padding: 0; } .tabbed_box p { max-width: 200px; } #content_2, #content_3, #content_4, #content_5, #content_6 { display: none; } /* mega */ .inputfield label { display: none; } #megatabs .ti_products .browseproducts { float: left; width: 60%; } #megatabs .ti_products .browseproducts ul { float: left; width: 45%; } #megatabs .ti_products .browseproducts ul.sublist { width: 100%; float: none; margin-left: 1em; } #megatabs .ti_products .onlinetools { float: left; padding: 0 0 0 2em; } #megatabs .ti_applications ul { float: left; width: 208px; } #megatabs .ti_tools .section { float: left; padding: 0 2em 0 0; } #megatabs .ti_tools div.section ul { margin: 0 0 1em 0; } #megatabs .ti_supportcommunity .listcontainer { float: left; } #megatabs .ti_supportcommunity .supportforums { float: left; padding: 0 2em 0 0; } #megatabs .ti_supportcommunity .otherlinks { float: left; width: 300px; } #megatabs .ti_samplebuy .section { float: left; width: 300px; } #megatabs .ti_samplebuy .section .sectiongraphic { margin-bottom: 2em; } #megatabs .ti_about .section { float: left; width: 300px; } #megatabs .ti_about .section .sectiongraphic { margin-bottom: 1em; } #megatabs .columnGroup { display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; } #megatabs .column { float: left; padding: 0 1em; } #megatabs .column.border { border-left: 1px dotted #e0e0e0; } #content_2 .column { width: 16.5%; } .megatabcontent:before, .megatabcontent:after { content: ''; display: table; } .megatabcontent:after { clear: both; } .megatabcontent { clear: both; } #ls-gen5-ls-lqr>#ls-row-3-col-1, #ls-gen3-ls-lqr>#ls-row-2-area-1 { padding: 0; } header iframe { position: absolute; } /* css for japan */ #content_2 .column, .cn #content_4 .column, .jp #content_6 .column { width: 16.5%; } .jp #content_4 .column { width: 25%; } div#ls-canvas { padding: 0; } /* css for japan End */