@charset "utf-8"; /* CSS Document */ H1 { color: #748769; font-size: 13pt; font-family: arial, helvetica; line-height: 115%; margin-bottom: 2px } .SP-Name { color: #564029; font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold } .SP-Size { color: #564029; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif } .SP-SalePrice { color: #c30; font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold } .SP-RegPrice { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif } .sp-border-top { text-align: center; padding: 6px; border-top: 1px solid #748769; border-right: 1px solid #748769; border-bottom: none; border-left: 1px solid #748769 } .sp-border-mid { text-align: center; padding: 6px; border-top: none; border-right: 1px solid #748769; border-bottom: 1px solid #748769; border-left: 1px solid #748769 } .sp-border-bottom { background-color: #f5f5dc; text-align: center; padding: 6px; border-top: none; border-right: 1px solid #748769; border-bottom: 1px solid #748769; border-left: 1px solid #748769 } .yst-side-nav { color: #ffffff; font-size: 9pt; font-family: arial, helvetica; font-weight: bold; line-height: 23px; text-decoration: none; margin: 0 } A.yst-side-nav:link { color: #ffffff; font-size: 9pt; font-family: arial, helvetica; font-weight: bold; line-height: 23px; text-decoration: none; margin: 0 } A.yst-side-nav:hover { color: #fceba7; font-size: 9pt; font-family: arial, helvetica; font-weight: bold; line-height: 23px; text-decoration: none; margin: 0 } A.yst-side-nav:active { color: #fceba7; font-size: 9pt; font-family: arial, helvetica; font-weight: bold; line-height: 23px; text-decoration: none; margin: 0 } A.yst-side-nav:visited { font-size: 9pt; font-family: arial, helvetica; font-weight: bold; line-height: 23px; margin: 0 } .sidebar1 { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; padding: 6px 0px 6px 0px; border-top: 1px solid #678a14;} .option-table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #604a2c; background-color: #F5F5DC; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; border: 1px solid #604a2c; } .option-table #table-header { font-size: 10px; font-weight: bold; color: #660; background-color: #cc9; } .option-table #table-header-last { font-size: 10px; font-weight: bold; color: #660; background-color: #cc9; border-right-style: none; } .option-table td { color: #604a2c; padding-top: 5px; padding-bottom: 5px; padding-left: 8px; border-top-width: 1px; border-top-style: solid; border-top-color: #CC9; border-right-width: 1px; border-right-style: dotted; border-right-color: #604a2c; } #last-column { border-right-style: none; } .caption-note { font-size: 11px; line-height: 13px; } .dimension-hd { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: italic; line-height: 17px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #748769; color: #748769; } .dimension-size { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; padding-top: 4px; } .Features-Table { font-size: 13px; } .Features-Table td { padding-top: 4px; } .Features-Table #Header { font-size: 14px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #748769; } /*Item Page*/ .iteminfocont {padding: 18px 0 15px;} .iteminfocont .itemimg {width: 350px; float: left; text-align: center;} .iteminfocont .iteminfo {width: 360px; float: right;} .pit {border: 1px solid #748769; padding: 10px; width: 338px; *width: 360px; margin-bottom: 12px;} h1.itemname {border-bottom: 1px solid #748769; margin-top: 0; width: 338px;} /*Product Info Table*/ #product-info-table{width:100%;} #product-info-table td{font-size:14px;color:#564029;padding:5px 0px; font-family: Arial, Helvetica, sans-serif;} #product-info-table td span {margin-right: 5px;} #product-info-table tr.price td span{margin-right: 0;} #product-info-table tr.price td #pitPriceBx {margin-right: 20px;} #product-info-table tr.price td #pitSalePriceBx {color: #D2232B;} #product-info-table tr.price td #pitSalePriceBx span, #product-info-table tr.price td #pitPriceBx span {font-size: 16px; font-weight: bold;} #product-info-table tr.availability td {background: #E3E7E1; font-size:11px; padding: 5px 7px;} #product-info-table tr.availability td span {font-weight: bold;} #product-info-table td.add-to-cart{padding:3px 0px;text-align:right;border-bottom:none;padding-right:10px;} #product-info-table select{font:normal $global-font-size $text-font;width:230px;} #product-info-table input{font:normal $global-font-size $text-font; } #pitYouSaveBx{font-weight:normal;} td.quantity-cell, td.add-to-cart, td.addthis {vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#564029;} td.quantity-cell span, td.quantity-cell input, td.add-to-cart input {vertical-align: middle;} td.quantity-cell span {margin-right: 5px;} td.quantity-cell input#quantity-box {border: 1px solid #B7B8BB; width: 21px; text-align: center;} td.add-to-cart {font-weight: bold;} /*Quantity Pricing*/ #qty-pricing {padding:5px; width: 350px; *width: 360px; margin-bottom: 12px; background: #F5F5DD; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} #qty-pricing .qty-price-header{text-align: center; font-weight: bold; background: #748769; color: #fff; padding: 3px 0 1px;} #qty-pricing table {} #qty-pricing table td{padding:4px; text-align:left; font-weight:normal; font-size: 12px;} #qty-pricing table td.hsep {padding: 0; font-size: 0; background: #838B7C;} #qty-pricing table td.qtycell {width: 25%;} #qty-pricing table td.pricecell {font-weight: bold; width: 75%;} #qty-pricing table td.pricecell span {font-weight: normal; margin-left: 15px; color: #D2232B;} #qty-pricing table td.qtypricelabel {color:#000; width:65px;} /*Yahoo Cross-Sell*/ table.ystore-cross-sell-table {font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 100%; padding-bottom: 8px; border-bottom: 1px solid #748769; margin-bottom: 25px;} h3.ystore-cross-sell-title {font-weight: normal; font-style: italic; font-size: 18px; color: #748769; border-bottom: 1px solid #748769; margin-bottom: 8px;} td.ystore-cross-sell-cell {width: 33%; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; text-align: center; border-right: 1px solid #748769; vertical-align: top;} td.ystore-cross-sell-cell-last {border-right: none; vertical-align: top;} img.ystore-cross-sell-product-image {border: none;} div.ystore-cross-sell-product-caption {text-align: center;} h4.ystore-cross-sell-product-name {font-weight: normal; text-align: center; padding-bottom: 4px; margin: 5px 0 0; font-size: 12px;} h4.ystore-cross-sell-product-name a:hover {text-decoration: none;} p.ystore-cross-sell-product-price, p.ystore-cross-sell-product-reg-price {margin: 0 0 3px; color: #564029;} p.ys_promo {margin: 0; text-align: center; font-weight: bold; color: #D2232B;} /*Simple Text Popup*/ .simpleTextMain-outer {position: absolute; bottom: -2px; *bottom: 4px; right: 7px;} #simpleTextLink {display:block; padding:0; color: #564029; font-size: 12px;} .simpleTextMain{position:relative; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:20px; width:100px; z-index:20;} .simpleTextCont{display:none; position:absolute; left:-180px; bottom:-7px; width:417px; text-align:left;} .simpleTextContTop { background:url(scPopuptop.png) no-repeat 0 0; padding-top:7px;} .simpleTextContMid {background:url(scPopupmid.png) repeat-y 0 0; padding:5px;} .simpleTextContBot {background:url(scPopupbot.png) no-repeat 0 bottom; padding-top:25px;} a.scSimpleTextClose{position:absolute; top:10px; right:20px; display:block; background:#aaa url(scSimpleTextClose.gif) no-repeat 0 0; height:20px; width:20px; color:#fff; font-weight:bold; text-decoration:none;} .simpleTextContMid p {padding:10px 45px 10px 20px; margin:0; clear:both;} .clear {clear: both;} .pit-of {margin-bottom: 0; margin-top: 0;} /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelrsprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelrsprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_content a.pp_next:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctebtnnext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_content a.pp_previous:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctebtnprevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_content a.pp_expand { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelrsprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_content a.pp_expand:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelrsprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_content a.pp_contract { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelrsprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_content a.pp_contract:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelrsprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelrsprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelrsprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelrsprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelrsprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelrsprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelrloader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrsprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrpattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrsprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrpattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_content a.pp_next:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctebtnnext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_content a.pp_previous:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctebtnprevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_content a.pp_expand { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrsprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_content a.pp_expand:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrsprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_content a.pp_contract { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrsprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_content a.pp_contract:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrsprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrsprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded p.pp_description { color: #fff; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrsprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrsprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrsprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrpattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrsprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrloader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_top .pp_left , div.dark_square .pp_top .pp_middle, div.dark_square .pp_top .pp_right, div.dark_square .pp_bottom .pp_left, div.dark_square .pp_bottom .pp_middle, div.dark_square .pp_bottom .pp_right, div.dark_square .pp_content,div.dark_square .blah { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedspattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square p.pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedrloader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content a.pp_expand { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedssprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_content a.pp_expand:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedssprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_content a.pp_contract { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedssprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_content a.pp_contract:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedssprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedssprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedssprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctedssprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_content a.pp_next:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctebtnnext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_content a.pp_previous:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctebtnprevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_top .pp_left , div.light_square .pp_top .pp_middle, div.light_square .pp_top .pp_right, div.light_square .pp_bottom .pp_left, div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content a.pp_expand { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelssprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_content a.pp_expand:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelssprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_content a.pp_contract { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelssprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_content a.pp_contract:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelssprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelssprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelssprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctelssprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_content a.pp_next:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctebtnnext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_content a.pp_previous:hover { background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctebtnprevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.cteinsets{ background: #000; position: absolute; top: 0; left: 0; z-index: 9500; color:#000; font-size:20px; } div.pp_overlay { background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%; } div.pp_pic_holder { position: absolute; z-index: 10000; width: 100px; } div.pp_pic_holder .pp_top { position: relative; height: 20px; } * html div.pp_pic_holder .pp_top { padding: 0 20px; } div.pp_pic_holder .pp_top .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_top .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_top .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_content { position: relative; text-align: left; width: 100%; height: 40px; } div.pp_pic_holder .pp_content .pp_details { display: none; margin: 10px 15px 2px 20px; } div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav { float: left; margin: 3px 0 0 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; } div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { float: left; display: block; width: 14px; height: 15px; overflow: hidden; text-indent: -10000px; margin-top: 3px; } div.pp_pic_holder .pp_content div.pp_hoverContainer { position: absolute; z-index: 2000; top: 0; left: 0; width: 100%; } div.pp_pic_holder .pp_content a.pp_next { display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctebtnnext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_previous { display: block; float: left; text-indent: -10000px; width: 49%; height: 100%; background: url(https://turbifycdn.com/ty/cdn/directfrommexico/ctebtnnext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_expand, div.pp_pic_holder .pp_content a.pp_contract { position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -10000px; width: 20px; height: 20px; } div.pp_details {font-family: Arial, Helvetica, sans-serif;} div.pp_pic_holder .pp_content a.pp_close { float: right; display: block; text-indent: -10000px; } div.pp_pic_holder .pp_bottom { position: relative; height: 20px; } * html div.pp_pic_holder .pp_bottom { padding: 0 20px; } div.pp_pic_holder .pp_bottom .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_bottom .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_bottom .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_loaderIcon { display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; } div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; } div.pp_pic_holder #pp_full_res object, div.pp_pic_holder #pp_full_res embed { visibility: hidden; } div.ppt { display: none; position: absolute; top: 0; left: 0; z-index: 9999; color: #fff; font-size: 17px; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .scinsets{ margin:5px 0px; padding:0px 10px; font-size:11px; color:#fff; text-align:center; } .scinsets img{ margin:2px; } div.dark_rounded .scinsets img:hover,div.dark_square .scinsets img:hover{ border:solid 2px #fff; margin:0; } div.light_rounded .scinsets img:hover,div.light_square .scinsets img:hover{ border:solid 2px #000; margin:0; } div.light_rounded .statuscont, div.light_square .statuscont{ font-size:11px; padding:10px 20px; text-align:left; color:#000; padding-right:0px; } div.dark_square .statuscont, div.dark_rounded .statuscont{ font-size:11px; padding:10px 20px; text-align:left; color:#fff; padding-right:0px; } #scPage-insets .scMainImgLnk { display:none; } #scPage-insets {padding: 12px 0 0;} #scPage-insets img {margin: 4px; border: 1px solid #CED5CA;} /* http://www.menucool.com */ #sliderFrame {position:relative;width:290px;margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/ #ribbon {width:111px;height:111px;position:absolute;top:-4px;left:-4px;background:url(ribbon.png) no-repeat;z-index:7;} #slider { width:290px;height:265px;/* Make it the same size as your images */ background:#fff url(loading.gif) no-repeat 50% 50%; position:relative; margin:0 auto;/*make the image slider center-aligned */ box-shadow: 0px 1px 5px #999999; } #slider img { position:absolute; border:none; display:none; } /* the link style (if an image is wrapped in a link) */ #slider a.imgLink { z-index:2; display:none;position:absolute; top:0px;left:0px;border:0;padding:0;margin:0; width:100%;height:100%; } /* Caption styles */ div.mc-caption-bg, div.mc-caption-bg2 { position:absolute; width:100%; height:auto; padding:0; left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/ bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/ z-index:3; overflow:hidden; font-size: 0; } div.mc-caption-bg { } div.mc-caption { font: bold 14px/20px Arial; color:#EEE; z-index:4; padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/ text-align:center; } div.mc-caption a { color:#FB0; } div.mc-caption a:hover { color:#DA0; } /* ------ built-in navigation bullets wrapper ------*/ div.navBulletsWrapper { top:280px; left:180px; /* Its position is relative to the #slider */ width:150px; background:none; padding-left:10px; position:relative; z-index:5; cursor:pointer; } /* each bullet */ div.navBulletsWrapper div { width:11px; height:11px; background:transparent url(bullet.png) no-repeat 0 0; float:left;overflow:hidden;vertical-align:middle;cursor:pointer; margin-right:11px;/* distance between each bullet*/ _position:relative;/*IE6 hack*/ } div.navBulletsWrapper div.active {background-position:0 -11px;} /* --------- Others ------- */ #slider { transform: translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); } /* YST - Quantity Discount Tables */ #ysw-quantity-table { background-color: #F5F5DC; padding: 4px; } .ysw-quantity-table-title { background-color: #748769; font-size: 13px; } .ysw-quantity-pricing-headers { border-bottom:1px solid #828B7C; font-size:11px; padding:2px 0; } .ysw-quantity-pricing-qty { border-bottom: 1px solid #828B7C; font-size: 13px; padding:3px 0; } .ysw-quantity-pricing-price { border-bottom:1px solid #828B7C; font-size:13px; font-weight:bold; padding:3px 0; width:auto; } .ysw-quantity-pricing-discount { width: auto; color: #cc3300; border-bottom: 1px solid #828B7C; font-size: 13px; } #note-box { border: thin solid #848484; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; font-size: 13px; line-height: 17px; margin-bottom: 10px; }