/*
Author: Andi Susilo
Description: Theme for MG
File: productdetail.css
*/

#naviCenter h4 span {background-image:url(../imgs/spSearch.20140110114118.png) !important; background-repeat:no-repeat;}
.product {display:block; width:136px; padding:0 10px 0 11px; float:left; text-align:center; font-size:11px; line-height:14px; position:relative;}
.product:hover {text-decoration:none;}
br.clear {clear:both; display:block;}
.product img {text-decoration:none; display:block; margin: 0 auto;}
.product span {display:block;}
.product:hover .price {text-decoration:none;}
.productImage {width:170px; height:198px; overflow:hidden; display:block;}
.product .flag {position:absolute; top:0; left:0;}
.flag {padding-left:28px; width:75px; background-position:0 -36px;}
.first .flag, * html .flag {background:none !important;}
.flag .sale {display:block; float:left; margin-right:2px; width:19px; height:41px; background:-114px -267px no-repeat;}
.flag .new {display:block; float:left; margin-right:2px; width:20px; height:46px; background:-93px -267px no-repeat;}
.product .stars {margin:0 auto;}
h3 {background:none; color:#666;}
#wrap {background:transparent !important; background-color:none; border:none !important; overflow:visible;}
.bVneck {margin:0 10px 16px 0;}
.bVneck.deepV {line-height:37px; background:#ff5d00;}
.bVneck.deepV::after {width:40px; height:39px; background:url(../imgs/spFoxwoods.20140115143912.png) no-repeat right -202px !important;}
#content.theater {width:1000px;}
.theater {margin:10px 0 0 -10px; border:1px solid #ccc; position:relative; background:#fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
#theater {position:relative; width:980px; padding-bottom:25px; margin:0 0 0 10px;}
.ie7 #productForm {margin-top:40px;}
#productStage {width:580px; margin-left:20px; float:left;}
#productStage h1 {padding:16px 25px 21px; text-align:center;}
h1.banner {color:#545454; font-size:19px; font-weight:normal;}
h1.banner a {color:#545454;}
h1.banner a:hover {color:#888;}
#thumbnailImages {display:none;}
#backstage {margin:60px 0;}
.stageItem {margin:25px 0;}
.ie7 .swatches span {float:left;}
.ie7 .stripeInner {width:100%; overflow:hidden; position:relative;}
#spinner, .spinner {position:absolute; top:0; right:0; width:16px; height:16px; background:url(../imgs/ajax-loader.gif) no-repeat top left; z-index:10; display:none;}
#spinner.loading {display:block;}
.generalSpinner {position:static; display:inline-block; margin-right:4px;}
#share {position:absolute; top:10px; left:-2px; width:230px; padding:0; height:30px;}
#sharePrefix {float:left; padding:9px 8px 0 10px; color:#777; font-size:12px;}
.stageItem.recos {padding:0 0 0 10px;}
.recos h2 {font:italic 19px Georgia, "Times New Roman", serif; color:#777;}
.recos h2 {padding:0 20px 20px; text-align:center;}
.recos .product {padding:0 25px 20px 25px;}
.recos .product .flag {display:none;}
.recos .recosAction {clear:left; text-align:center; margin:20px 0 0;}
#productImages.hidden {display:none;}
#prdImage {text-align:center; position:relative; margin:0;}
#prdImage.alternate .imageAlternate.active {display:block;}
.ie8 .frontrow {margin-bottom:-22px;}
.ie8 .frontrow li {margin-bottom:-2px;}
.ie7 .frontrow {display:block; margin:10px 0 0;}
.ie7 .frontrow li {list-style:none; display:inline; zoom:1; margin:0;}
.frontrow span {clip:rect(6px 58px 45px 6px);}
.ie8 .frontrow span {clip:rect(6px 59px 45px 6px);}
#audience {position:relative;}
.bCropTop, .associatedProducts h3 {color:#545454; font-family:Georgia,serif; font-size:16px; font-style:italic; font-weight:normal; margin:0; padding:10px;}
.lobby {display:inline-block; width:770px; float:left;}
#aisle {width:210px; float:right;}
.subRecos {margin:0 auto; padding:15px; width:190px;}
#aisle .subRecos h3 {margin-bottom:8px; font:italic 14px Georgia, "Times New Roman", serif; text-align:center; color:#777;}
.subRecos .product {margin:0 0 0 10px; padding:15px 10px;}
.ie7 .subRecos {display:inline-block; width:180px;}
.associatedProducts {overflow:hidden; padding:0 0 15px 15px;}
#audience .associatedProducts h3 {padding:0 0 10px 10px; color:#777;}
.associatedProducts .product {width:156px; padding:10px 15px 20px;}
.associatedProducts .product img {display:inline;}
.associatedProducts .product span {text-decoration:none;}
.associatedProducts .salePrice span {text-decoration:line-through;}
.ie7 .associatedProducts {height:250px;}
#sidebar {width:1000px; margin:0 auto;}
#defaultSidebar {width:auto; margin:0; padding:0;}
#defaultSidebar .stripeOuter {width:470px; float:left; margin-left:20px;}
#defaultSidebar .trustbar {margin-left:0;}
#defaultSidebar #shopWithConfidence {width:195px; float:left; margin-right:10px}
#defaultSidebar #safeShoppingGuarantee {width:240px; float:left;}
#defaultSidebar h5 {text-align:left;}
#defaultSidebar #payNothing {clear:both;}
#defaultSidebar #safeShopping {float:left; margin:0; width:120px;}
#defaultSidebar #learnProtection {clear:both;}
#defaultSidebar #freeShipping {margin:0 -24px 13px 0; width:163px; float:left;}
#defaultSidebar div p {color:#666; line-height:1.4em;}
.ie7 #defaultSidebar {margin:0 0 20px 0;}
.ie7 #defaultSidebar .stripeInner {width:446px; height:125px;}
.ie7 #defaultSidebar #secure {margin-bottom:4px;}
.ie7 #payNothing {margin-top:0;}
#fitsurvey {clear:both; margin:25px 0 0;}
#fitsurvey h4 {margin:0 0 6px 0;}
#fitsurvey .subtitle {display:block; margin:0 0 10px 0;}
#fitsurvey p {font-size:11px; line-height:1.4em; padding:4px 0;}
#theater {width:auto; padding:0; margin:0;}
.btn-fox,
.btn-fox:visited {position:relative; display:inline-block; border:1px solid; border-radius:3px; outline:none; padding:8px 12px;}
.ltie9 .btn-fox:after {display:none;}
.btn-fox:hover {cursor:pointer;}
.btn-fox:active {top:3px;}
.ltie9 .btn-fox:active {top:0;}
.btn-fox:active:after {display:none;}
.btn-fox.green {color:#fff; background-color:#729331; border-color:#557423;}
.btn-fox.green:after {background:#557423;}
.btn-fox.green:hover,
.btn-fox.green:focus {background-color:#7ea237;}
.btn-fox.grey {background-color:#f9f9f9; border-color:#ccc;}
.btn-fox.grey:after {background:#ccc;}
.btn-fox.grey:hover,
.btn-fox.grey:focus {background-color:#fff;}
.btn-fox.white,
.btn-fox.white:visited {background-color:#fff; border-color:#ddd; color:#2c5987;}
.btn-fox.white:hover,
.btn-fox.white:focus {color:#ff5300;}
.btn-fox.white:after {background-color:#ddd;}
.btn-fox.orange {background-color:#ff7800; border-color:#cc6102; color:#fff;}
.btn-fox.orange:after {background:#cc6102;}
.btn-fox.orange:hover,
.btn-fox.orange:focus {background-color:#ff9321;}
#centerStage, #productStage {width:760px; text-align:center;}
#centerStage {float:left; margin:-1px -1px 0 0; min-height:100px; border-right:1px solid #ddd; }
#productStage {margin:0;}
#productStage .stageItem {margin-top:0; padding-top:10px;}
#productStage #prdImage {margin:0 0 20px 0;}
#productStage #prdInfo {text-align:left; padding:20px; font-size:13px;}
#productStage #prdInfoText {width:388px;}
#productStage #prdInfoImage {width:290px; margin:0 20px 0 0; text-align:center;}
#prdInfoText h2.hc {padding:0 0 0 17px; color:#444; font-size:18px;}
#prdInfo .prdText li {margin:0 0 15px 0;}
.prdInfoImageSub {text-align:left; padding:20px; font-size:12px;}
#descriptionImage {width:240px; height:auto;}
#prdInfo .productsizeRuler {display:block; margin:0 10px 14px; text-align:center; background-color:#244475; color:#fff; padding:8px 20px; font-size:14px;}
#productStage h1 {padding:7px 100px; margin-bottom: 10px;}
#sku {position:absolute; top:-26px; right:7px; display:inline-block; color:#777;}
#center-stage {margin:0 auto; display: table;position: relative}
#center-stage img {
    left:0;
    right:0;
    width: 250px;
    height: auto;
    margin-left:auto;
    margin-right:auto;
}
#protagonist {margin:0 0 -3px 0; min-height:360px;}
#actors {display:none;}
.curtains-up #actors {display:block; position:absolute; left:0; -webkit-transform:translate3d(0,0,0);}
.actor {float:left; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);}
.actor img {max-height:100%; width:auto;}
#prdImage a:active, #prdImage a:selected, #prdImage a:visited {outline:0;}
.frontrow {display:inline-block; position:relative; clear:both; text-align:center; list-style:none; margin:0; -webkit-transform-style:preserve-3d;}
#thumbWrap {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; margin:0 5px; padding:4px 0; -webkit-transform-style:preserve-3d;}
#thumbWrap div {-webkit-transform-style:preserve-3d;}
.curtains-up #thumbWrap div {left:0; width:6000px; position:absolute;}
.ltie8 #thumbWrap,
.ltie8 #thumbWrap div,
.ltie8 #thumbWrap a {display:inline; zoom:1;}
.ltie8 .js #thumbWrap div {width:6000px; position:absolute; left:0;}
.ltie8 .prev-arrow {text-indent:0%;}
.ie8 #productImages {margin-bottom:15px;}
.theater #productForm.wingContainer {float:right; border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px;}
#productForm {border:1px solid #ddd; border-right:none; border-top: none; background:#fff; position:relative; float:right; margin-bottom:-90px;}
#productForm.resized {margin-bottom:0px;}
#productForm .wing {padding-top: 20px;box-sizing:border-box; background:#f1f1f1; border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px;}
#productForm .sale {position:absolute; text-indent:-9999999px; top:0px; left:20px; height:55px; width:23px; background:url(../imgs/spFoxwoods.20140115143912.png) no-repeat -183px -285px;}
#productForm .oldPrice {display:block; color:#777; text-decoration:line-through; font-family:'Georgia', serif; font-size:17px; margin:-4px 0 0;}
#productForm .salePrice {display:block; color:#cc201a; font-size:29px; font-style:normal; font-family:'Georgia', serif; font-weight:bold; display:block; margin-bottom:10px; margin-left:6px;}
#productForm .nowPrice {color:#8a9c10; font-size:30px; font-style:normal; font-family:'Georgia', serif; font-weight:bold; display:block; margin-bottom:10px;}
#productForm .shipOpts {display:block; font-size:14px; text-align:center; margin-left:0px;}
#productForm .shipOpts span {position:relative; display:block; left:60px; padding:0 0 3px 4px; margin:0 4px 0 5px; width:122px; height:13px; background:url(../imgs/spFoxwoods.20140115143912.png) no-repeat 0px -338px;}
#productForm .shipOpts .clothing span {background-position:5px -354px; position:relative;}
#productForm .shipOpts i {display:block; font-style:normal; font-size:10px; margin-top:3px; clear:both;}
#purchaseCorner {width:239px; padding-top:5px; padding-bottom:10px;}
#productForm .dimension {position:relative;padding: 0 10px;}
#productForm #dimension-stok {height: 100px;}
#productForm #dimension-stok-produk {height: 30px;}
#productForm #purchaseOptions {margin-top:27px;margin-bottom: 10px; padding-bottom:10px; border-bottom: 1px solid #ddd;}
#productForm #transBtns {margin-bottom: 15px;}
#productForm form {display:block; padding:10px 0 0px 0px; text-align:center;}
#productForm form label {margin:0px 5px 5px 33px; float:left; font-weight:bold; text-align:left;}
#labelsize {position:relative;}
#sizeChart {position:absolute; top:0; right:10px; font-size:11px; margin:0 25px 0 0;}
#productForm .labelHighlight {color:#ff7800;}
#productForm span.labelHighlight {display:block; padding:0px; margin:-10px 0 5px 25px; position:relative; text-align:left;}
#productForm select.inputHighlight {border:2px solid #ff7800;}
#productForm p.note {text-align:left; margin:0px 0px 15px 25px;}
#productForm form select {cursor: pointer; margin:5px 0; width:178px; height:30px; font-size:13px; text-transform:capitalize; font-weight:normal; color:#000; border:1px solid #ccc;}
#productForm form select:focus {box-shadow: none;}
#productForm form select:disabled {color:#777;}
#productForm form .preselect {display:block; margin-bottom:20px;}
#productForm .addToCart {
    padding:10px; 
    width:180px; 
    margin:10px 0 0; 
    font-size:18px;
    box-shadow: 3px 3px 0 0 #557423;
    -webkit-box-shadow: 3px 3px 0 0 #557423;
    -moz-box-shadow: 3px 3px 0 0 #557423;
}
#productForm .oosaddToCart {background-color:#626262;}
#productForm .addToFaves {width:100%; position:relative;}
#productForm .addToFaves a {display:inline-block; width:180px; position:relative; font-weight:normal; font-size:12px; text-transform:none; margin:10px 0 0; padding:8px 0; text-transform:none; letter-spacing:normal; background-image:none;}
.ie7 #productForm .addToFaves {text-align:center; margin-left:0px;}
.ie7 #productForm .addToFaves a {margin-left:11px;}
.ie7 #productForm .shipOpts span {left:11px;}
.ie7 #productForm .addToFaves {text-align:center; margin-left:0px;}
.ie7 #productForm .addToFaves a {margin-left:11px;}
.ie7 #productForm .shipOpts span {left:11px;}
.ie7 #productForm #oosLimitedTag {margin:0px 0px -15px 0px;}
#share {width:230px; position:relative; padding:0 0 20px 0; height:30px; margin-left:39px; margin-top:-5px;}
#sharePrefix {float:left; padding:9px 8px 0 10px; color:#777; font-size:12px;}
#share .inner {float: left; display: table; padding-top: 5px; padding-right: 5px;}
#centerStage #rating {margin:-8px auto 16px;}

#centerStage #fitSurvey {text-align:center; clear:both; background:#f5f5f5; border:1px solid #ddd; border-left:none; border-right:none; padding:8px 0 8px 10px; margin:0 0 22px 0;}
#centerStage #fitSurvey h4 {display:inline-block; font:italic 16px Georgia; color:#555; margin:-18px -8px -22px -5px; padding:20px 0 24px 52px; background:url(../imgs/spFoxwoods.20140115143912.png) no-repeat -209px -282px;}
#centerStage #fitSurvey .fitSection {display:inline-block; color:#2c5987; padding:5px 0 3px 12px; margin-left:6px; border-left:1px solid #ddd; cursor:default;}
#centerStage #fitSurvey #trueToSize {border-left:none;}
#centerStage #fitSurvey ul {display:none;}

.ie7 #centerStage #fitSurvey .fitSection,
.ie7 #centerStage #fitSurvey h4 {display:inline; zoom:1;}

.ie7 #productForm {margin-top:0;}
.ie7 #productForm .addToFaves a {margin-left:0;}
#productForm .nowPrice {font-size:36px; margin-bottom:12px;}

#productStage #prdImage {margin-bottom:0;}
#centerStage #fitSurvey h4 {margin-left:-20px;}

.associatedProducts .product {padding-left:10px; padding-right:10px; width: 130px}
.lobby {margin:0; width:740px;}
.subRecos {border-radius:0; padding:25px 30px 15px; width:auto; border-top:none; border-right:none;}
.crossRecos {padding-top:20px;}
#aisle {width:240px; margin:-1px 0 0; border-top-left-radius:0; border-top:1px solid #ddd;}

.lobby {text-align:left;}
.lobby #productDescription .description {clear:left; padding:0 20px 40px; line-height:1.5em; position:relative; font-size: 13px;}
.lobby #productDescription .showMore,
.lobby #productDescription .showLess {display:none;}
.lobby #productDescription.more .showMore {display:block;}
.lobby #productDescription.less .showLess {display:block;}
.more .description {height:84px; overflow:hidden; margin:0 0 20px 0;}
.showMore, .showLess {display:block; margin:-20px 0 28px 40px; padding:8px 0; width:180px; text-align:center; zoom:1;}
.ltie9 .showMore,
.ltie9 .showLess {margin-top:-10px;}
.gtie8 .showMore,
.gtie8 .showLess {margin-top:0;}

.lobby .description li {margin:0 0 6px 20px;}
.lobby .video {display:none;}

#productForm p.note {text-align:center; margin:-2px 0 18px 34px; font-size:13px; text-align:left;}
.ratingSec {margin-right:15px;}
.topReview {width:334px;}

#productStage {overflow:hidden; position:relative; margin-bottom:20px;}
#productStage #prdImage {position:absolute; top:-2000px; display:block;}
#productStage #prdImage.onStage {position:relative; top:0;}

.js #productStage .stageItem {display:none;}
.js #productStage .stageItem.onStage {display:block;}

#components {border:1px solid #ddd; border-right:none; display:none;}
#components.on {display:block;}
.subRecos {width:auto; border-top:none; border-bottom: none;border-right:none;}
#oos {margin:0 0 40px 0;}
#galeri-zoom{
    margin: 10px auto 0 auto;
    display: table;
}
#galeri-zoom a img {
    width: 70px;
    display: table;

}
#galeri-zoom a {
    border: 2px solid #ccc;
    margin: 0px 5px;
    display: table;
    float: left;
}
#galeri-zoom a.active {
    position: relative;
    border: 2px solid #2D5B55;
}
#galeri-zoom a.active:after, #galeri-zoom a.active:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#galeri-zoom a.active:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #2D5B55;
    border-width: 4px;
    margin-left: -4px;
}
#galeri-zoom a.active:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #2D5B55;
    border-width: 6px;
    margin-left: -6px;
}
.ui-effects-transfer { border: 3px dotted #783A3A; }

.productPage #center-stage img#image-source {
    box-shadow: 0 0 10px #737373;
    -moz-box-shadow: 0 0 10px #737373;
    -webkit-box-shadow: 0 0 10px #737373;
}

#prdImage .titleKategori .center strong {
    font-family: Georgia, "Times New Roman", serif;
    color: #08554F;
    font-size: 21px;
    font-style: italic;
    font-weight: normal;
}
#prdImage .titleKategori .center span {
    font-family: Georgia, "Times New Roman", serif;
    color: #A1934D;
    font-weight: bold;
}

#prdImage .titleKategori .left {
    position: relative;
    float: left;
    width: 100px;
    padding-top: 10px;
}
#prdImage .titleKategori .right {
    position: relative;
    float: right;
    width: 100px;
    padding-top: 10px;
}

#info-berat-model {
    margin-bottom: 10px;
}

#dimension-stok .title, #dimension-stok .note-stok {
    font-size: 13px;
}

#center-stage a#downloadImg {
    padding: 5px 10px;
    background: #729331;
    border: 1px solid #557423;
    color: #fff;
    -webkit-box-shadow: 3px 3px 0 0 #557423;
    -moz-box-shadow: 3px 3px 0 0 #557423;
    margin: 10px auto;
    display: table;
    border-radius: 3px;
}

#priceSlot .adareseller {
    font-family: 'Georgia', serif;
    font-size: 20px;
}

#priceSlot .adareseller .price {
    color: red;
    text-decoration: line-through;
}

#productDescription .description table {
    border-color: #9b9b9c;
    border-spacing: 1px;
    border-collapse: collapse;
}

#productDescription .description table td {
    padding: 0 7px;
}