/****************************************************************************/ /* This you can edit. */ /****************************************************************************/ div.jESALb_pic_holder .jESALb_content a.jESALb_next:hover { background: url(../media/layout_images/jESALightbox/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.jESALb_pic_holder .jESALb_content a.jESALb_prev:hover { background: url(../media/layout_images/jESALightbox/btnPrev.png) center left no-repeat; cursor: pointer; } /* Prev button */ div.jESALb_pic_holder .jESALb_content a.jESALb_expand { background: url(../media/layout_images/jESALightbox/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */ div.jESALb_pic_holder .jESALb_content a.jESALb_expand:hover { background: url(../media/layout_images/jESALightbox/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */ div.jESALb_pic_holder .jESALb_content a.jESALb_contract { background: url(../media/layout_images/jESALightbox/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */ div.jESALb_pic_holder .jESALb_content a.jESALb_contract:hover { background: url(../media/layout_images/jESALightbox/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */ div.jESALb_pic_holder .jESALb_content a.jESALb_close { width: 50px; height: 22px; background: url(../media/layout_images/jESALightbox/btnClose.png) center left no-repeat; cursor: pointer; font-size: 10px; line-height: 22px; padding-right: 25px; text-align: right; text-decoration: none; text-transform: lowercase; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } /* Close button */ div.jESALb_pic_holder .jESALb_content a.jESALb_close:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } /* Close button */ div.jESALb_pic_holder .jESALb_content .jESALb_details, div.jESALb_pic_holder .jESALb_content .jESALb_details p { font-size: 10px } div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav, div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav p { height: 15px; line-height: 15px; } div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav div.jESALb_arrow { float: left; border-left: 1px solid #D7D7D7; margin-left: 5px; padding-left: 5px; } div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_prev, div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_prev_disabled { background: url(../media/layout_images/jESALightbox/arrow_prev.png) top left no-repeat; } /* The Prev arrow in the bottom nav */ div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_next, div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_next_disabled{ background: url(../media/layout_images/jESALightbox/arrow_next.png) top left no-repeat; } /* The Next arrow in the bottom nav */ /************************************/ /* Light Rounded Theme */ /************************************/ div.jESALb_title div.jESALb_title_left { background: url(../media/layout_images/jESALightbox/light_rounded/ttl.gif) top left no-repeat; } div.jESALb_title div.jESALb_title_right { background: url(../media/layout_images/jESALightbox/light_rounded/ttr.gif) top left no-repeat; } div.jESALb_title div.jESALb_title_content { background: url(../media/layout_images/jESALightbox/light_rounded/ttp.gif) top left repeat-x; color: #FFF; } div.jESALb_pic_holder .jESALb_top .jESALb_left { background: url(../media/layout_images/jESALightbox/light_rounded/tl.gif) top left no-repeat; } /* Top left corner */ div.jESALb_pic_holder .jESALb_top .jESALb_middle { background: #fff; } /* Top pattern/color */ div.jESALb_pic_holder .jESALb_top .jESALb_right { background: url(../media/layout_images/jESALightbox/light_rounded/tr.gif) top left no-repeat; } /* Top right corner */ div.jESALb_pic_holder .jESALb_bottom .jESALb_left { background: url(../media/layout_images/jESALightbox/light_rounded/bl.gif) top left no-repeat; } /* Bottom left corner */ div.jESALb_pic_holder .jESALb_bottom .jESALb_middle { background: #fff; } /* Bottom pattern/color */ div.jESALb_pic_holder .jESALb_bottom .jESALb_right { background: url(../media/layout_images/jESALightbox/light_rounded/br.gif) top left no-repeat; } /* Bottom right corner */ div.jESALb_pic_holder .jESALb_content { background-color: #fff; } /* Content background */ div.jESALb_pic_holder .jESALb_loaderIcon { background: url(../media/layout_images/jESALightbox/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.jESALb_pic_holder .currentTextHolder, div.jESALb_pic_holder .jESALb_content a.jESALb_close, div.jESALb_pic_holder .jESALb_content .jESALb_details p { color: #666; } /************************************/ /* Dark Rounded Theme */ /************************************/ div.dark_rounded div.jESALb_title_left { background: url(../media/layout_images/jESALightbox/dark_rounded/tl.png) top left no-repeat; } div.dark_rounded div.jESALb_title_content { background: url(../media/layout_images/jESALightbox/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded div.jESALb_title_right { background: url(../media/layout_images/jESALightbox/dark_rounded/tr.png) top right no-repeat; } div.dark_rounded .jESALb_top .jESALb_left { background: url(../media/layout_images/jESALightbox/dark_rounded/tl.png) top left no-repeat; } /* Top left corner */ div.dark_rounded .jESALb_top .jESALb_middle { background: url(../media/layout_images/jESALightbox/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .jESALb_top .jESALb_right { background: url(../media/layout_images/jESALightbox/dark_rounded/tr.png) top left no-repeat; } /* Top right corner */ div.dark_rounded .jESALb_bottom .jESALb_left { background: url(../media/layout_images/jESALightbox/dark_rounded/bl.png) top left no-repeat; } /* Bottom left corner */ div.dark_rounded .jESALb_bottom .jESALb_middle { background: url(../media/layout_images/jESALightbox/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .jESALb_bottom .jESALb_right { background: url(../media/layout_images/jESALightbox/dark_rounded/br.png) top left no-repeat; } /* Bottom right corner */ div.dark_rounded .jESALb_content { background: url(../media/layout_images/jESALightbox/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .jESALb_content a.jESALb_next:hover { background: url(../media/layout_images/jESALightbox/dark_rounded/btnNext.png) center right no-repeat; } /* Next button */ div.dark_rounded .jESALb_content a.jESALb_prev:hover { background: url(../media/layout_images/jESALightbox/dark_rounded/btnPrev.png) center left no-repeat; } /* Prev button */ div.dark_rounded .jESALb_loaderIcon { background: url(../media/layout_images/jESALightbox/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_rounded .currentTextHolder, div.dark_rounded .jESALb_content a.jESALb_close, div.dark_rounded .jESALb_content .jESALb_details p { color: #FFF; } /************************************/ /* Light Square Theme */ /************************************/ div.light_square .jESALb_top .jESALb_left , div.light_square .jESALb_top .jESALb_middle, div.light_square .jESALb_top .jESALb_right, div.light_square .jESALb_bottom .jESALb_left, div.light_square .jESALb_bottom .jESALb_middle, div.light_square .jESALb_bottom .jESALb_right, div.light_square .jESALb_content, div.light_square div.jESALb_title_left, div.light_square div.jESALb_title_right, div.light_square div.jESALb_title_content { background: #FFFFFF; color: #666; } div.light_square .currentTextHolder, div.light_square .jESALb_content a.jESALb_close, div.light_square .jESALb_content .jESALb_details p { color: #666; } /************************************/ /* Dark Square Theme */ /************************************/ div.dark_square .jESALb_top .jESALb_left , div.dark_square .jESALb_top .jESALb_middle, div.dark_square .jESALb_top .jESALb_right, div.dark_square .jESALb_bottom .jESALb_left, div.dark_square .jESALb_bottom .jESALb_middle, div.dark_square .jESALb_bottom .jESALb_right, div.dark_square .jESALb_content, div.dark_square div.jESALb_title_left, div.dark_square div.jESALb_title_right, div.dark_square div.jESALb_title_content { background: url(../media/layout_images/jESALightbox/dark_square/contentPattern.png) top left repeat; } div.dark_rounded .jESALb_content a.jESALb_next:hover { background: url(../media/layout_images/jESALightbox/dark_square/btnNext.png) center right no-repeat; } /* Next button */ div.dark_rounded .jESALb_content a.jESALb_prev:hover { background: url(../media/layout_images/jESALightbox/dark_square/btnPrev.png) center left no-repeat; } /* Prev button */ div.dark_square .jESALb_loaderIcon { background: url(../media/layout_images/jESALightbox/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .currentTextHolder, div.dark_square .jESALb_content a.jESALb_close, div.dark_square .jESALb_content .jESALb_details p { color: #FFF; } /****************************************************************************/ /* DO NOT CHANGE */ /****************************************************************************/ div.jESALb_overlay { background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%; } div.jESALb_pic_holder { position: absolute; z-index: 10000; width: 100px; } div.jESALb_pic_holder a:focus { outline:none; } /************************************/ /* TOP */ /************************************/ div.jESALb_pic_holder .jESALb_top { position: relative; height: 20px; } div.jESALb_pic_holder .jESALb_top .jESALb_left { position: absolute; left: 0; width: 20px; height: 20px; } div.jESALb_pic_holder .jESALb_top .jESALb_middle { position: absolute; left: 20px; right: 20px; height: 20px; } div.jESALb_pic_holder .jESALb_top .jESALb_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } * html div.jESALb_pic_holder .jESALb_top { padding: 0 20px; } * html div.jESALb_pic_holder .jESALb_top .jESALb_middle { position: static; left: 0; } /************************************/ /* CONTENT */ /************************************/ div.jESALb_pic_holder .jESALb_content { position: relative; text-align: left; width: 100%; height: 40px; } div.jESALb_pic_holder .jESALb_content .jESALb_details { display: none; margin: 10px 15px 2px 20px; } div.jESALb_pic_holder .jESALb_content .jESALb_details p.jESALb_description { display: none; float: left; margin: 3px 0; } div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav { float: left; margin: 3px 0 0 0; } div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav p { float: left; margin: 0; } div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_prev, div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_prev_disabled, div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_next, div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_next_disabled { display: block; float: left; margin-top: 2px; overflow: hidden; text-indent: -10000px; width: 14px; height: 15px; } div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_prev:hover, div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_next:hover { background-position: 0 -16px } div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_prev:active, div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_next:active { background-position: 0 -32px } div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_prev_disabled, div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_prev_disabled:hover, div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_prev_disabled:active, div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_next_disabled, div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_next_disabled:hover, div.jESALb_pic_holder .jESALb_content .jESALb_details .jESALb_nav a.jESALb_arrow_next_disabled:active { background-position: 0 -48px; cursor: default; } div.jESALb_pic_holder .jESALb_content div.hoverContainer { position: absolute; z-index: 2000; top: 0; left: 0; width: 100%; } div.jESALb_pic_holder .jESALb_content a.jESALb_next { display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url(../media/layout_images/jESALightbox/btnNext.png) 10000px 10000px no-repeat; } div.jESALb_pic_holder .jESALb_content a.jESALb_prev { display: block; float: left; text-indent: -10000px; width: 49%; height: 100%; background: url(../media/layout_images/jESALightbox/btnPrev.png) 10000px 10000px no-repeat; } div.jESALb_pic_holder .jESALb_content a.jESALb_expand, div.jESALb_pic_holder .jESALb_content a.jESALb_contract { position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -10000px; width: 20px; height: 20px; } div.jESALb_pic_holder .jESALb_content a.jESALb_close { float: right; display: block; } /************************************/ /* BOTTOM */ /************************************/ div.jESALb_pic_holder .jESALb_bottom { position: relative; height: 20px; } div.jESALb_pic_holder .jESALb_bottom .jESALb_left { position: absolute; left: 0; width: 20px; height: 20px; } div.jESALb_pic_holder .jESALb_bottom .jESALb_middle { position: absolute; left: 20px; right: 20px; height: 20px; } div.jESALb_pic_holder .jESALb_bottom .jESALb_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } * html div.jESALb_pic_holder .jESALb_bottom { padding: 0 20px; } * html div.jESALb_pic_holder .jESALb_bottom .jESALb_middle { position: static; left: 0; } /************************************/ /* TITLE */ /************************************/ div.jESALb_title { display: none; position: absolute; top: 0; left: 0; z-index: 9999; color: #fff; font-size: 13px; } div.jESALb_title div.jESALb_title_left, div.jESALb_title div.jESALb_title_right { float: left; width: 19px; height: 23px; overflow: hidden; } div.jESALb_title div.jESALb_title_content { float: left; line-height: 23px; } /************************************/ /* LOADER */ /************************************/ div.jESALb_pic_holder .jESALb_loaderIcon { display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; } div.jESALb_pic_holder #full_res { width: 100%; text-align: center; } div.jESALb_pic_holder #full_res { display: block; margin: 0 auto; } /****************************************************************************/ /* 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 */