/* ********************************************************************************** * @source : product.js * @desc : model detail page JS *--------------------------------------------------------------------------------- * CsrNo. DATE AUTHOR DESCRIPTION * ------------- -------------- -------------- ----------------------- * LGEDE-377 2011/09/19 JinMoonGI Spanish language option for Datasheet Download * ------------- -------------- -------------- ----------------------- * LGE 2.0 Renewal * Copyright(c) 2006-2007 LG CNS, All rights reserved. ********************************************************************************** */ @import url("/common/css/where-to-buy.css"); /* product */ div.product-content {width:713px;margin:0 auto;position:relative;} div.product-content img.hr {height:1px;width:717px;float:none;clear:both;display:block;position:relative;left:-12px;padding:15px 0 0 0;} ul.sub-nav {height:25px;} ul.sub-nav li {float:left;padding:0 10px 0 0;text-decoration:underline;cursor:pointer;} ul.sub-nav li.current {text-decoration:none;cursor:default;} ul.sub-nav:after {content:".";display:block;height:0;clear:both;visibility:hidden;} div.sub-nav-container {display:none;} div.product-content ul.icon-list {float:left;width:630px;} div.product-content ul.icon-list li {float:left;width:190px;line-height:15px;padding:0 10px 4px 10px;background:url(/common/img/bg-bullet.gif) 0 12px no-repeat;} div.product-content div.overview {width:701px;position:relative;padding:20px 0 0 12px;visibility:hidden;} div.product-content div.overview h1 {width:350px;margin:0 0 10px 0;font-size:15px;color:#999999;font-weight:normal;} div.product-content div.overview h2 {width:350px;margin:0 0 5px 0;font-size:15px;color:#5d5c5c;} div.product-content div.overview h3 {z-index:2;width:360px;margin:0 0 5px 0;padding:30px 0 0 0;font-size:40px;font-weight:normal;position:relative;display:block;} div.product-content div.overview p {width:350px;margin:0 0 15px 0;line-height:20px;} div.product-content div.overview ul {width:350px;} div.product-content div.overview ul li {display:inline;padding:0 30px 0 0;} div.product-content div.overview img.product-img-large {z-index:0;position:absolute;top:0;right:0;} div.product-content div.overview img.product-img-medium {z-index:0;position:absolute;top:55px;right:60px;} div.product-content div.overview .notice {width:275px;margin:0 0 5px 0;line-height:16px;} /* //20100309 pdf down : parkjeongmi add */ div.product-content div.overview ul li.pdf {padding:0 0 0 18px !important;} div.product-content div.features {width:713px;position:relative;padding:20px 0 0 12px;visibility:hidden;} div.product-content div.features h3 {font-size:15px;margin:0 0 5px 0;} div.product-content div.features img {display:block;} div.product-content div.features img.product-img-small {float:left;margin:0 15px 0 0;} div.product-content div.features dl.features-dl {display:none;} div.product-content div.features img.features-img {margin:0 auto;} div.product-content div.features div.features-content {width:699px;margin:25px 0 0 0;overflow:hidden;} div.product-content div.features div.features-content:after {content:".";display:block;height:0;clear:both;visibility:hidden;} div.product-content div.features div.features-content div {float:left;width:233px;} div.product-content div.features div.features-content dl {display:block;} div.product-content div.features div.features-content dt {margin:0 0 5px 0;font-size:15px;font-weight:bold;} div.product-content div.features div.features-content dd {margin:0 0 15px 0;padding:0;} div.product-content div.features dd.feature-callout {margin:0;zoom:1;} div.product-content div.features dd.feature-callout img {float:left;margin:0 15px 0 0;} div.product-content div.features dd.feature-callout p {width:150px;float:left;} div.product-content div.features dd.feature-callout:after {content:".";display:block;height:0;clear:both;visibility:hidden;} div.product-content div.gallery {width:713px;position:relative;visibility:hidden;} div.product-content div.gallery ul {display:none;} div.product-content div.specifications {width:713px;position:relative;padding:20px 0 0 12px;visibility:hidden;} div.product-content div.specifications h2 {display:block;margin:0 0 20px 0;font-size:15px;color:#666666;} div.product-content div.specifications h3 {font-size:15px;margin:0 0 5px 0;} div.product-content div.specifications li.pdf {width:auto;position:absolute;right:0;} div.product-content div.specifications img.product-img-small {float:left;margin:0 15px 0 0;} div.product-content div.specifications p {width:300px;line-height:20px;} div.product-content div.specifications p.specDisclaimerContainer, p.specDisclaimerContainer{ width: 700px; padding:15px 0 0;} div.product-content p.specDisclaimerContainer span.specDisclaimer{color:#5D5C5C;font-style:italic;} div.product-content div.reviews {width:713px;position:relative;padding:20px 0 0 12px;visibility:hidden;} /* 20090831 leadweb modify */ div.product-content div.expert-reviews {position:relative;width:100%;margin:0 0 20px 0;} div.product-content div.expert-reviews div {position:relative;padding:25px 0 5px 20px;} /* //20090902 leadweb modify */ div.product-content div.expert-reviews span {display:none;} div.product-content div.expert-reviews p {line-height:12px;font-size:11px;} div.product-content div.expert-reviews p.date {font-size:10px;} div.product-content div.expert-reviews p.summary {width:480px;position:absolute;top:20px;left:200px;line-height:14px;font-size:12px;} div.product-content div.expert-reviews div.disclaimer {margin:25px 0 0 0;} div.product-content div.expert-reviews p.viewscore {margin:0 0 30px 0;text-align:center;} div.product-content div.expert-reviews p.viewscore img {position:relative;top:5px;} div.product-content div.expert-reviews h4 {margin:0 0 4px 0;font-size:12px;} div.product-content div.expert-reviews .fulltext-review {padding:10px 0 0 0;overflow:hidden;zoom:1;} div.product-content div.expert-reviews .fulltext-review .review-content {clear:both;padding:10px 0;font-size:12px;zoom:1;} div.product-content div.expert-reviews .fulltext-review .review-content p {padding:0 41px 9px 0;font-size:12px;line-height:15px;} div.product-content div.expert-reviews .fulltext-review .review-content .img {position:relative;float:right;margin:0 0 0 23px;} div.product-content div.expert-reviews .fulltext-review .review-content .img a {display:none;position:absolute;top:38px;left:19px;} div.product-content div.expert-reviews .fulltext-review .review-content .img-left {position:relative;float:left;padding:0;margin:0 23px 0 0;} div.product-content div.expert-reviews .fulltext-review .review-content .img-left a {display:none;position:absolute;top:38px;left:19px;} div.product-content div.expert-reviews .fulltext-review dl {width:100%;} div.product-content div.expert-reviews .fulltext-review p.align-right {width:693px;margin:33px 0 0 0;line-height:20px;text-align:right;font-size:12px;} div.product-content div.expert-reviews .fulltext-review p.align-right .print {padding:0 0 0 19px;margin-right:26px;background:url(/common/img/icon-linkoff.gif) no-repeat 0 2px;} div.product-content div.expert-reviews .fulltext-review p.align-right span.close {display:inline;background:url(/common/img/icon-expand-toggle.gif) no-repeat 0 -20px;cursor:pointer;padding:0 0 0 22px;text-decoration:underline;} div.product-content div.expert-reviews.fulltext-type .summary .open_wrap {margin:10px 0;text-align:right;} /* //20090902 leadweb modify */ div.product-content div.expert-reviews.fulltext-type .summary a.open {padding:0 0 0 22px;background:url(/common/img/icon-expand-toggle.gif) no-repeat 0 0;} div.product-content div.expert-reviews.fulltext-type .summary .close_wrap {margin:10px 0;text-align:right;} /* //20090902 leadweb modify */ div.product-content div.expert-reviews.fulltext-type .summary a.close {padding:0 0 0 22px;background:url(/common/img/icon-expand-toggle.gif) no-repeat 0 -20px;} div.product-content div.expert-reviews .image-viewer {position:absolute;top:0;left:0;width:695px;padding:0;z-index:999;} div.product-content div.expert-reviews .image-viewer h4 {height:30px;padding:19px 0 0 40px;margin:0;background:url(/common/img/bg-wtb-overlay-top.png) no-repeat top left;font-size:18px;font-weight:normal;} div.product-content div.expert-reviews .image-viewer .close {position:absolute;top:14px;right:14px;padding:0;} div.product-content div.expert-reviews .image-viewer .close a {text-indent:-100000px;display:block;width:26px;height:25px;} div.product-content div.expert-reviews .image-viewer .image-content {padding:20px 40px 45px 40px;background:url(/common/img/bg-wtb-overlay-bottom.png) no-repeat bottom left;text-align:center;z-index:999;} /* //20090831 leadweb modify */ div.product-content div.resources {width:713px;position:relative;padding:20px 0 100px 12px;visibility:hidden;} div.product-content div.resources div.left {width:502px;float:left;background:url(/common/img/bg-vr.png) right 40px no-repeat;overflow:hidden;} div.product-content div.resources div.right {width:191px;float:left;margin:0 0 0 20px;font-size:11px;overflow:hidden;} div.product-content div.resources img.hr {width:402px;height:1px;margin:0 0 20px 0;} div.product-content div.resources img.product-img-small {float:left;margin:0 15px 0 0;} div.product-content div.resources p {width:300px;line-height:20px;} div.product-content div.resources h3 {margin:0 0 5px 0;font-size:24px;font-weight:normal;} div.product-content div.resources h4 {margin:0;font-size:16px;font-weight:normal;} div.product-content div.resources h5 {margin:20px 0 10px 0;font-size:16px;font-weight:normal;} div.product-content div.resources li.pdf h5 {margin:0;font-size:12px;} div.product-content div.resources ul.documents {width:480px;margin:20px 0 5px 0;} div.product-content div.resources ul.documents li {width:140px;float:left;overflow:hidden;} div.product-content div.resources ul.documents:after {content:".";display:block;height:0;clear:both;visibility:hidden;} div.product-content div.resources ul.benefits {margin:0 0 15px 15px;list-style-type:disc;} div.product-content div.resources ul.benefits li {list-style-type:disc;} div.product-content div.resources ul.contact {} div.product-content div.resources ul.contact li {width:122px;padding:0 0 0 63px;margin:0 0 15px 0;} div.product-content div.resources ul.contact li p {width:122px;line-height:14px;} div.product-content div.resources ul.contact li.chat {background:url(/common/img/bg-support-chat-small.jpg) no-repeat;} div.product-content div.resources ul.contact li.email {background:url(/common/img/bg-support-email-small.jpg) no-repeat;} div.product-content div.resources ul.contact li.phone {background:url(/common/img/bg-support-phone-small.jpg) no-repeat;} div.product-content div.resources ul.downloads li {margin:0 0 5px 0;} div.product-content div.resources:after {content:".";display:block;height:0;clear:both;visibility:hidden;} div.product-content div.resources h3.tit-features {font-size:15px;font-weight:bold;} /* //20100202 parkjeongmi add */ div.product-content div.support {width:713px;padding:20px 0 0 12px;position:relative;visibility:hidden;} div.product-content div.support:after {content:".";display:block;height:0;clear:both;visibility:hidden;} div.product-content div.support h2 {margin:0 0 15px 0;font-size:24px;color:#5d5c5c;} div.product-content div.support h3 {margin:0 0 15px 0;font-size:18px;color:#5d5c5c;} div.product-content div.support p {margin:0 0 15px 0;} div.product-content div.support div.left {width:453px;float:left;padding:0 15px 0 0;background:url(/common/img/bg-vr.gif) 467px 40px no-repeat;overflow:hidden;} div.product-content div.support ul.contact {margin:0 0 60px 0;} div.product-content div.support ul.contact:after {content:".";display:block;height:0;clear:both;visibility:hidden;} div.product-content div.support ul.contact li {width:140px;float:left;padding:75px 10px 0 0;} div.product-content div.support ul.contact li p {width:140px;margin:0;} div.product-content div.support ul.contact li.chat {background:url(/common/img/bg-support-chat.png) no-repeat;} div.product-content div.support ul.contact li.email {background:url(/common/img/bg-support-email.png) no-repeat;} div.product-content div.support ul.contact li.phone {background:url(/common/img/bg-support-phone.png) no-repeat;} div.product-content div.support ul.contact li.guidetext {background:url(/common/img/Guides-interactifs.png) no-repeat;} /* //20100311 parkjeongmi add */ div.product-content div.support ul.contact img {width:1px;height:175px;float:left;position:relative;left:-15px;} /* LGEDE-377 Spanish language option for Datasheet Download : 20110919 jinmoongi modify */ div.product-content div.support ul.documents {overflow:hidden;width:213px;_width:183px;float:left;margin:0 0 0 20px;} /* pubmo 1.30 modify */ /* //LGEDE-377 Spanish language option for Datasheet Download : 20110919 jinmoongi modify */ div.product-content div.support ul.documents li {margin:0 0 15px 0;} div.product-content div.support ul.documents li h3 {font-size:15px;margin:0 0 10px 0;font-weight:normal;width:auto;} div.product-content div.support ul.documents li h4 {font-size:12px;font-weight:normal;} div.product-content div.support ul.documents li p {width:auto;margin:0 0 10px 0;font-size:12px;} div.product-content div.support ul.documents li ul {padding:0 0 10px 0;} div.product-content div.support ul.documents li ul li {margin:0 0 5px 0;} div.product-content div.support ul.documents li.image a {display:block;padding:0 0 0 18px;background:url(/common/img/icon-image.gif) no-repeat;} /* //20091209 pjm add */ /* 20100308 support banner : parkjeongmi add */ div.product-content div.support ul.documents li ul li.banner h3 {margin-top:20px;} div.product-content div.support ul.documents li ul li.banner ul li {padding-bottom:10px;} div.product-content div.support ul.documents li ul li.banner ul li img {margin-right:15px;vertical-align:middle;} div.product-content div.support ul.documents li ul li.banner ul li img.last {margin-right:0;} /* //20100308 support banner : parkjeongmi add */ div.product-content div.accessories {width:713px;position:relative;padding:20px 0 0 12px;visibility:hidden;} div.product-content div.accessories div.left {width:501px;float:left;display:inline;padding:0 15px 0 0;background:url(/common/img/bg-vr.png) right 40px no-repeat;} div.product-content div.accessories img {float:left;margin:0 15px 0 0;} div.product-content div.accessories p {margin:0 0 15px 0;line-height:13px;} div.product-content div.accessories h3 {width:498px;height:23px;line-height:23px;position:relative;left:-12px;background:url(/common/img/bg-accessories-feature.png) no-repeat;padding:0 0 0 30px;margin:20px 0 0 0;font-size:12px;text-transform:uppercase;} div.product-content div.accessories dl {width:498px;position:relative;left:-10px;} div.product-content div.accessories dt {width:340px;height:16px;line-height:16px;float:left;padding:0 0 0 28px;} div.product-content div.accessories dd {width:130px;height:16px;line-height:16px;float:left;} div.product-content div.accessories dt.stripe, div.product-content div.accessories dd.stripe {background:#f9f9f9;} div.product-content div.accessories ul.documents {width:177px;float:left;margin:20px 0 0 20px;} div.product-content div.accessories ul.documents a.button {margin:0 0 0 -10px;} div.product-content div.accessories ul.documents li {margin:0 0 5px 0;width:150px;} div.product-content div.accessories ul.documents li h4 {font-size:16px;margin:0 0 5px 0;font-weight:normal;width:auto;} div.product-content div.accessories ul.documents li h5 {font-size:12px;font-weight:normal;} div.product-content div.accessories ul.documents li p {width:auto;margin:0 0 10px 0;font-size:12px;} div.product-content div.accessories ul.documents li ul {padding:0;} div.product-content div.accessories ul.documents li ul li {margin:0;} div.product-content div.mobile-accessories {width:713px;position:relative;padding:20px 0 0 12px;visibility:hidden;} div.product-content div.mobile-accessories h3 {font-size:15px;margin:0 0 5px 0;} div.product-content div.mobile-accessories img.product-img-small {float:left;margin:0 15px 0 0;} /* 20100202 parkjeongmi modify */ div.product-content div.mobile-accessories div {width:713px;overflow:hidden;margin:15px 0 0 0;} :root div.product-content div.mobile-accessories div {margin:30px 0 0 0;} /* //20100202 parkjeongmi modify */ div.product-content div.mobile-accessories div div.left {float:left;width:505px;margin:0;background:url(/common/img/bg-mobile-vr.gif) center right no-repeat;} div.product-content div.mobile-accessories div div.left h3 {margin:0 0 35px 0;font-size:18px;font-weight:normal;} div.product-content div.mobile-accessories div div.left h3 a {font-size:12px;} div.product-content div.mobile-accessories div div.left ul {float:none;width:504px;} div.product-content div.mobile-accessories div div.left ul li {float:left;width:142px;margin:0 25px 0 0;} div.product-content div.mobile-accessories div div.left p {position:relative;top:-20px;left:0;text-align:center;} div.product-content div.mobile-accessories div div.right {float:left;width:180px;margin:0 0 0 25px;} div.product-content div.mobile-accessories div div.right h4 {height:29px;width:160px;position:relative;margin:0;padding:3px 10px;background:url(/common/img/bg-mobile-title.gif) no-repeat;font-size:11px;font-weight:normal;} div.product-content div.mobile-accessories div div.right ul {float:none;width:180px;} div.product-content div.mobile-accessories div div.right ul li {width:170px;line-height:20px;float:none;padding:0 0 0 10px;font-size:11px;} div.product-content div.mobile-accessories div:after {content:".";display:block;height:0;clear:both;visibility:hidden;} div.fun-stuff {width:713px;position:relative;padding:20px 0 0 0;visibility:visible;} div.fun-stuff h3 {margin:0 0 5px 0;font-size:18px;font-weight:normal;} div.fun-stuff h4 {height:29px;position:relative;margin:20px 0 0 0;padding:3px 10px;background:url(/common/img/bg-mobile-title-long.gif) no-repeat;font-size:12px;font-weight:bold;} div.fun-stuff div.wallpapers {width:713px;margin:0 0 0 0;overflow:hidden;} div.fun-stuff div.wallpapers ul {width:800px;} div.fun-stuff div.wallpapers ul li {width:208px;position:relative;float:left;margin:0 40px 40px 0;padding:0 0 0 112px;} div.fun-stuff div.wallpapers ul li h4 {height:auto;margin:0 0 10px 0;padding:0;background:none;font-size:15px;font-weight:bold;} div.fun-stuff div.wallpapers ul li p {margin:0 0 10px 0;} div.fun-stuff div.wallpapers ul li img {width:92px;height:112px;position:absolute;top:0;left:0;} div.fun-stuff div.wallpapers ul li span {position:absolute;top:110px;left:0;} div.fun-stuff div.wallpapers ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;} div.fun-stuff .wallpaper-preview {text-decoration:underline;cursor:pointer;} div.fun-stuff div.videos {width:713px;margin:0 0 0 0;overflow:hidden;} div.fun-stuff div.videos ul {width:800px;} div.fun-stuff div.videos ul li {width:228px;position:relative;float:left;margin:0 20px 40px 0;padding:0 0 0 112px;} div.fun-stuff div.videos ul li h4 {height:auto;margin:0;padding:0;font-size:15px;font-weight:bold;background:none;} div.fun-stuff div.videos ul li h5 {height:40px;margin:0 0 10px 0;font-size:15px;font-weight:normal;} div.fun-stuff div.videos ul li p {margin:0 0 10px 0;} div.fun-stuff div.videos ul li img {width:92px;height:123px;position:absolute;top:0;left:0;} div.fun-stuff div.videos ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;} div.fun-stuff .video-preview {text-decoration:underline;cursor:pointer;} div.fun-stuff div.ringtones {width:713px;} div.fun-stuff div.ringtones table {width:100%;border:0;border-spacing:0;margin:0 0 25px 0;padding:0;border-collapse:collapse;} div.fun-stuff div.ringtones table td {font-size:11px;padding:2px 8px 2px 8px;vertical-align:top;} div.fun-stuff div.ringtones table th {text-align:left;font-size:11px;padding:2px 8px 2px 8px;border-bottom:3px solid #ffffff;background:#f0f0f0;} div.fun-stuff div.ringtones table th a {text-decoration:none;} div.fun-stuff div.ringtones table tr.even {background:#f4f4f4;} div.fun-stuff div.pagination {z-index:0;width:713px;height:25px;position:relative;margin:0 0 0 0;} div.fun-stuff div.pagination ul {width:auto;position:absolute;top:0;right:20px;} div.fun-stuff div.pagination ul li {width:auto;float:left;padding:0 0 0 5px;margin:0;} div.fun-stuff div.pagination select {width:35px;display:inline;font-size:11px;} div.fun-stuff div.wallpapers div.pagination li span {position:relative;top:0;padding:0 5px 0 0;} div.fun-stuff div.videos div.pagination li span {position:relative;top:0;padding:0 5px 0 0;} div.fun-stuff div.ringtones div.pagination li span {position:relative;top:0;padding:0 5px 0 0;} div.fun-stuff div.group-navigation {width:724px;position:relative;margin:0 0 20px 10px;font-size:12px;} div.fun-stuff div.group-navigation span {position:absolute;right:145px;} div.fun-stuff ul.sub-nav {margin:25px 0 35px 0;position:relative;top:0;left:0;} div.fun-stuff ul.sub-nav li {text-decoration:none;cursor:default;} div.fun-stuff span.intro {display:block;margin:0 0 20px 0;} div.fun-stuff p.mylg {width:180px;position:absolute;top:23px;left:485px;} div.fun-stuff .align-right {text-align:right;padding:0 20px 0 0;} div.fun-stuff-child ul.sub-nav {z-index:2;margin:25px 0 25px 0;top:50px;} div.fun-stuff-child p.mylg {top:0} /* //20090716 add for 3D Model Overview on Product Page*/ #modelstage {position:absolute;right:0; bottom:0;z-index:100;} #modelbase {width:425px;height:425px;position:absolute;bottom:50px;right:0; background:transparent; } #modelContent {width:425px;height:425px;position:absolute;bottom:50px;right:0;} #modelbase.larger { width:850px; height:585px;} .closeModelView{z-index:102;cursor:pointer; visibility:hidden; position:absolute; text-decoration:underline;background:transparent url(/common/img/icon-arrow-left.gif) no-repeat scroll 1px 3px;display:block;margin:0 0 15px;padding:0 0 0 13px; top:30px;left: 157px;} .openModelView {z-index:102;cursor:pointer; position:absolute; text-decoration:underline; bottom:60px; right:65px;} /* // Compare on Product Page */ div.product-content div.compare{width:200px;font-size:12px; margin:20px 0px; *margin: -20px 0 0 0;} div.product-content div.compar label.compare_checked{_padding:4px 10px 2px;} /* // Arena Product Entry Point */ div#product-flagship-entry-point {cursor:pointer;} #product-flagship-flash-container {position:absolute; cursor:pointer; height:495px;width:335px; right:0px; top:0px;} /* 20090813 leadweb add : awards, features banner */ ul.awards-banner {overflow:hidden;padding:10px 0 13px 0;} ul.awards-banner li { float:left;width:62px;height:62px; margin-right:5px;padding:0 !important;line-height:62px;text-align:center;} ul.awards-banner li img {vertical-align:middle;} div.features-banner {position:absolute;top:500px;right:0;padding:0 20px;width:300px !important;height:30px;line-height:35px;text-align:center;} /* 20090818 leadweb modify */ div.features-banner img {width:53px;height:30px;vertical-align:middle; margin-right:1px; border: 1px solid #8a8e91;} img.features-logo-img {display:inline-block;float:left;width:46px;height:67px;margin:0 0 0 17px !important;} div.product-content div.features img.tooltip {width: 53px; height: 30px;border: 1px solid #8a8e91;} /* //20090818 leadweb modify */ /* //20090813 leadweb add : awards, features banner */