/*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /** DEFAULT THEME*/ /** tabs */ .froz-tabs-main{ position: relative; margin-top: 20px; } .froz-tabs-main ul.link-container{ z-index: 250; position: relative; float: left; list-style-type: none; width: 940px; margin: 0 0 0 0; border: none; } .froz-tabs-main ul.link-container li{ z-index: 200; position: relative; float: left; margin: 0 0 0 0; top: 1px; border: 1px solid #aaaaaa; background: #e2e2e2; padding: 10px 30px 10px 30px; height: 20px; } .froz-tabs-main ul.link-container li a{ color: #2a406b; } .froz-tabs-main ul.link-container li.froz-tab-active, .froz-tabs-main ul.link-container li.froz-tab-active:hover{ z-index: 300!important; height: 40px; margin-top: -20px; background: #fff; border-bottom: 1px solid #fff; } .froz-tabs-main ul.link-container li.froz-tab-active a, .froz-tabs-main ul.link-container li.froz-tab-active:hover a{ color: #2a406b; font-weight: bold; } .froz-tabs-main ul.link-container li:hover{ cursor: pointer; background: #2a406b; } .froz-tabs-main ul.link-container li:hover a{ color: #fff; } .froz-tabs-main div.tab-container{ position: relative; z-index: 200; float: left; margin: 0 0 0 0; border: 1px solid #aaaaaa; background: #fff; } /** END OF DEFAULT THEME */ /*ROUND CORNER*/ /* Initialize*/ .froz-tabs-main.round-corners ul.link-container li { background: none !important; border: 0px solid #ffffff !important; border-bottom: 1px solid #aaaaaa; padding: 0 0 11px 0; /*padding-bottom must be 1px larger than original*/ } .froz-tabs-main.round-corners ul.link-container li a { display: inline; } .froz-tab-top-left-corner { float: left; position: relative; display:block; background: url(../img/jquery/froztabs/rounded-corners.png) left -101px no-repeat transparent; padding: 10px 30px 0 30px; height: 20px; } .froz-tab-top-right-corner { position: relative; float: left; display:block; width: 10px; background: url(../img/jquery/froztabs/rounded-corners.png) right -417px no-repeat transparent; padding-top: 10px; height: 20px; } /* Active */ .froz-tabs-main.round-corners ul.link-container li.froz-tab-active span.froz-tab-top-left-corner, .froz-tabs-main.round-corners ul.link-container li.froz-tab-active:hover span.froz-tab-top-left-corner{ background-position: left top; border-bottom: none; border-bottom: 1px solid #fff; height: 40.5px; } .froz-tabs-main.round-corners ul.link-container li.froz-tab-active span.froz-tab-top-right-corner, .froz-tabs-main.round-corners ul.link-container li.froz-tab-active:hover span.froz-tab-top-right-corner{ background-position: right -306px; border-bottom: none; border-bottom: 1px solid #fff; height: 40.5px; } /* Hover */ .froz-tabs-main.round-corners ul.link-container li:hover span.froz-tab-top-left-corner{ background-position: left -201px; } .froz-tabs-main.round-corners ul.link-container li:hover span.froz-tab-top-right-corner{ background-position: right -518px; } /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(../img/jquery/prettyphoto/light_rounded/sprite.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(../img/jquery/prettyphoto/light_rounded/sprite.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(../img/jquery/prettyphoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_content a.pp_previous:hover { background: url(../img/jquery/prettyphoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_content a.pp_expand { background: url(../img/jquery/prettyphoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_content a.pp_expand:hover { background: url(../img/jquery/prettyphoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_content a.pp_contract { background: url(../img/jquery/prettyphoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_content a.pp_contract:hover { background: url(../img/jquery/prettyphoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../img/jquery/prettyphoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../img/jquery/prettyphoto/light_rounded/sprite.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(../img/jquery/prettyphoto/light_rounded/sprite.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(../img/jquery/prettyphoto/light_rounded/sprite.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(../img/jquery/prettyphoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../img/jquery/prettyphoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../img/jquery/prettyphoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content { background: url(../img/jquery/prettyphoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_content a.pp_next:hover { background: url(../img/jquery/prettyphoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_content a.pp_previous:hover { background: url(../img/jquery/prettyphoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_content a.pp_expand { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_content a.pp_expand:hover { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_content a.pp_contract { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_content a.pp_contract:hover { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../img/jquery/prettyphoto/dark_rounded/sprite.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(../img/jquery/prettyphoto/dark_rounded/sprite.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(../img/jquery/prettyphoto/dark_rounded/sprite.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(../img/jquery/prettyphoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../img/jquery/prettyphoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../img/jquery/prettyphoto/dark_rounded/loader.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 { background: url(../img/jquery/prettyphoto/dark_square/contentPattern.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(../img/jquery/prettyphoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content a.pp_expand { background: url(../img/jquery/prettyphoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_content a.pp_expand:hover { background: url(../img/jquery/prettyphoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_content a.pp_contract { background: url(../img/jquery/prettyphoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_content a.pp_contract:hover { background: url(../img/jquery/prettyphoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../img/jquery/prettyphoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../img/jquery/prettyphoto/dark_square/sprite.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(../img/jquery/prettyphoto/dark_square/sprite.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(../img/jquery/prettyphoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_content a.pp_previous:hover { background: url(../img/jquery/prettyphoto/dark_square/btnPrevious.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(../img/jquery/prettyphoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_content a.pp_expand:hover { background: url(../img/jquery/prettyphoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_content a.pp_contract { background: url(../img/jquery/prettyphoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_content a.pp_contract:hover { background: url(../img/jquery/prettyphoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../img/jquery/prettyphoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../img/jquery/prettyphoto/light_square/sprite.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(../img/jquery/prettyphoto/light_square/sprite.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(../img/jquery/prettyphoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_content a.pp_previous:hover { background: url(../img/jquery/prettyphoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Dark Blue Square Theme ----------------------------------- */ div.dark_blue_square .pp_top .pp_left , div.dark_blue_square .pp_top .pp_middle, div.dark_blue_square .pp_top .pp_right, div.dark_blue_square .pp_bottom .pp_left, div.dark_blue_square .pp_bottom .pp_middle, div.dark_blue_square .pp_bottom .pp_right, div.dark_blue_square .pp_content { background: url(../img/jquery/prettyphoto/dark_blue_square/contentPattern.png) top left repeat; } div.dark_blue_square .currentTextHolder { color: #c4c4c4; } div.dark_blue_square p.pp_description { color: #fff; } div.dark_blue_square .pp_loaderIcon { background: url(../img/jquery/prettyphoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_blue_square .pp_content a.pp_expand { background: url(../img/jquery/prettyphoto/dark_blue_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_blue_square .pp_content a.pp_expand:hover { background: url(../img/jquery/prettyphoto/dark_blue_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_blue_square .pp_content a.pp_contract { background: url(../img/jquery/prettyphoto/dark_blue_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_blue_square .pp_content a.pp_contract:hover { background: url(../img/jquery/prettyphoto/dark_blue_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_blue_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../img/jquery/prettyphoto/dark_blue_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_blue_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../img/jquery/prettyphoto/dark_blue_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_blue_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_blue_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../img/jquery/prettyphoto/dark_blue_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_blue_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_blue_square .pp_content a.pp_next:hover { background: url(../img/jquery/prettyphoto/dark_blue_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_blue_square .pp_content a.pp_previous:hover { background: url(../img/jquery/prettyphoto/dark_blue_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Simple Theme ----------------------------------- */ div.simple .pp_top .pp_left { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.simple .pp_top .pp_middle { background: url(../img/jquery/prettyphoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.simple .pp_top .pp_right { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.simple .pp_content { background: url(../img/jquery/prettyphoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.simple .pp_content a.pp_next:hover { background: url(../img/jquery/prettyphoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.simple .pp_content a.pp_previous:hover { background: url(../img/jquery/prettyphoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.simple .pp_content a.pp_expand { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.simple .pp_content a.pp_expand:hover { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.simple .pp_content a.pp_contract { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.simple .pp_content a.pp_contract:hover { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.simple .pp_content a.pp_close { width: 47px; height: 52px; background: url(../img/jquery/prettyphoto/simple/close.png); cursor: pointer; } /* Close button */ div.simple .currentTextHolder { color: #c4c4c4; } div.simple p.pp_description { color: #fff; } div.simple .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.simple .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.simple .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.simple .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.simple .pp_bottom .pp_left { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.simple .pp_bottom .pp_middle { background: url(../img/jquery/prettyphoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.simple .pp_bottom .pp_right { background: url(../img/jquery/prettyphoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.simple .pp_loaderIcon { background: url(../img/jquery/prettyphoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } 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(../img/jquery/prettyphoto/light_rounded/btnNext.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(../img/jquery/prettyphoto/light_rounded/btnNext.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 ------------------------------------------------------------------------- */ /** Close Button for simple theme*/ div.simple .pp_content a.pp_close { position: absolute; top: -8%; left: 92.8%; display: block; text-indent: -10000px; } .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 */