/*Merchants--Use this file to make any edits that you wish to override styles in the main stylesheets. By making edits to this CSS file, your styles applied here will cascade and overwrite styles in the main CSS files. This will allow you to replace the entire contents of the main stylesheets should it become necessary to update those to fix styling issues with the themes without losing any of your custom styles.*/ .ys_primary{ background:#ba3a3a;color:#ffffff;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer; display:inline; margin-top:10px;} #slogan {padding: 30px 15px 10px 10px;} /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/ctebtnnext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_content a.pp_previous:hover { background: url(/lib/yhst-60941595948465/ctebtnprevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_content a.pp_expand { background: url(/lib/yhst-60941595948465/ctelrsprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_content a.pp_expand:hover { background: url(/lib/yhst-60941595948465/ctelrsprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_content a.pp_contract { background: url(/lib/yhst-60941595948465/ctelrsprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_content a.pp_contract:hover { background: url(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/ctelrsprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(/lib/yhst-60941595948465/ctelrloader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(/lib/yhst-60941595948465/ctedrsprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(/lib/yhst-60941595948465/ctedrpattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(/lib/yhst-60941595948465/ctedrsprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content { background: url(/lib/yhst-60941595948465/ctedrpattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_content a.pp_next:hover { background: url(/lib/yhst-60941595948465/ctebtnnext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_content a.pp_previous:hover { background: url(/lib/yhst-60941595948465/ctebtnprevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_content a.pp_expand { background: url(/lib/yhst-60941595948465/ctedrsprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_content a.pp_expand:hover { background: url(/lib/yhst-60941595948465/ctedrsprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_content a.pp_contract { background: url(/lib/yhst-60941595948465/ctedrsprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_content a.pp_contract:hover { background: url(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/ctedrsprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(/lib/yhst-60941595948465/ctedrpattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(/lib/yhst-60941595948465/ctedrsprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/ctedrloader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content a.pp_expand { background: url(/lib/yhst-60941595948465/ctedssprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_content a.pp_expand:hover { background: url(/lib/yhst-60941595948465/ctedssprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_content a.pp_contract { background: url(/lib/yhst-60941595948465/ctedssprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_content a.pp_contract:hover { background: url(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/ctebtnnext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_content a.pp_previous:hover { background: url(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/ctelssprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_content a.pp_expand:hover { background: url(/lib/yhst-60941595948465/ctelssprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_content a.pp_contract { background: url(/lib/yhst-60941595948465/ctelssprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_content a.pp_contract:hover { background: url(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/ctebtnnext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_content a.pp_previous:hover { background: url(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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(/lib/yhst-60941595948465/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_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 img {margin: 3px;}