body {font-family: Tahoma, Arial, sans-serif; background: #FFF; margin: 0; padding: 0; text-align: center; color: #666; font-weight: bold; font-size: 16px;} h1 {font-family: Tahoma, Arial, sans-serif; font-size: 24px; color: #8cc63f; line-height: 30px; margin: 0px; padding: 0px; text-transform: uppercase;} h2 {font-family: Tahoma, Arial, sans-serif; font-size: 18px; color: #00457c; line-height: 20px; margin: 0px; padding: 0px; text-transform: uppercase;} h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #00457c; line-height: 30px; margin: 0px; padding: 0px; letter-spacing: -1px;} hr {color: #FFF; margin: 0px; padding: 0px; border-bottom: thin solid #8cc63f; border-left: none; border-top: none; border-right: none;} form, table {color:00457c;} #container {width: 985px; margin: 0 auto; padding: 0px; text-align: left; position: relative;} #header {background: url(../images/nutek-logo.png) no-repeat #FFF; margin: 0px; padding: 0px; height: 83px; position: relative;} #logo {position: absolute; top: 18px; left: 12px;} #midContent {margin: 0px; padding: 32px 0px 17px 0px; height: 161px;} #footer {padding: 7px 0px 0px 0px; margin: 0px; background: url(../images/btm.png) #FFF no-repeat; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-align: center; text-transform: uppercase; height: 60px;} #footer strong {font-size: 11px; font-weight: bold;} #footer br {line-height: 24px;} #footer a, #footer a:link, #footer a:visited, #footer a:active {color: #FFF; text-decoration: none;} #footer a:hover {color: #8cc63f; text-decoration: none;} #btmMenu {height: 36px; text-align: center; text-transform: uppercase; font-size: 10px; font-weight: bold; margin: 0px; padding: 10px 0px 0px 0px;} #btmMenu em {font-weight: normal; font-style: normal; text-transform: none;} #btmMenu a, #btmMenu a:link, #btmMenu a:visited, #btmMenu a:active {margin: 0px 7px 0px 0px; padding: 0px; text-decoration: none; color: #3e3e3e; letter-spacing: 0px;} #btmMenu a:hover {text-decoration: none; color: #0055a5;} /*HOME*/ #homeContent {margin: 0px; padding: 0px; height: 240px; background: url(../images/home-bg.png) no-repeat; position: relative;} #homeContent ul {position: absolute; top: 20px; left: 473px; font-family: Tahoma, Arial, sans-serif; font-size: 20px; color: #00457c; line-height: 30px; list-style-image: url(../images/bullet.png); margin: 0px; padding: 0px; font-weight: normal;} #home10 {position: absolute; bottom: 10px; left: 335px;} /*MENU*/ #menu ul {height: 49px; background: url(../images/menu.png); margin: 0px; padding: 0px; position: relative;} #menu ul li {margin: 0px auto; padding: 0; list-style: none; position: absolute; top: 0;} #menu ul li, #menu ul a {height: 49px; display:block;} #m1 {left: 10px; width: 67px; text-indent: -1000px; overflow:hidden;} #m2 {left: 77px; width: 88px; text-indent: -1000px; overflow:hidden;} #m3 {left: 165px; width: 98px; text-indent: -1000px; overflow:hidden;} #m4 {left: 263px; width: 122px; text-indent: -1000px; overflow:hidden;} #m5 {left: 385px; width: 149px; text-indent: -1000px; overflow:hidden;} #m6 {left: 534px; width: 153px; text-indent: -1000px; overflow:hidden;} #m7 {left: 687px; width: 69px; text-indent: -1000px; overflow:hidden;} #m8 {left: 756px; width: 60px; text-indent: -1000px; overflow:hidden;} #m9 {left: 816px; width: 51px; text-indent: -1000px; overflow:hidden;} #m10 {left: 867px; width: 118px; text-indent: -1000px; overflow:hidden;} #m1 a:hover {background: transparent url(../images/menu.png) -10px -49px no-repeat;} #m2 a:hover {background: transparent url(../images/menu.png) -77px -49px no-repeat;} #m3 a:hover {background: transparent url(../images/menu.png) -165px -49px no-repeat;} #m4 a:hover {background: transparent url(../images/menu.png) -263px -49px no-repeat;} #m5 a:hover {background: transparent url(../images/menu.png) -385px -49px no-repeat;} #m6 a:hover {background: transparent url(../images/menu.png) -534px -49px no-repeat;} #m7 a:hover {background: transparent url(../images/menu.png) -687px -49px no-repeat;} #m8 a:hover {background: transparent url(../images/menu.png) -756px -49px no-repeat;} #m9 a:hover {background: transparent url(../images/menu.png) -816px -49px no-repeat;} #m10 a:hover {background: transparent url(../images/menu.png) -867px -49px no-repeat;} /*MENU SELECTED*/ #m1s {left: 10px; width: 67px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.png) -10px -49px no-repeat;} #m2s {left: 77px; width: 88px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.png) -77px -49px no-repeat;} #m3s {left: 165px; width: 98px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.png) -165px -49px no-repeat;} #m4s {left: 263px; width: 122px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.png) -263px -49px no-repeat;} #m5s {left: 385px; width: 149px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.png) -385px -49px no-repeat;} #m6s {left: 534px; width: 153px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.png) -534px -49px no-repeat;} #m7s {left: 687px; width: 69px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.png) -687px -49px no-repeat;} #m8s {left: 756px; width: 60px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.png) -756px -49px no-repeat;} #m9s {left: 816px; width: 51px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.png) -816px -49px no-repeat;} #m10s {left: 867px; width: 118px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.png) -867px -49px no-repeat;} /*1COL LAYOUT*/ #y1colA {width: 965px; margin: 0px 0px 30px 10px; padding: 0px; clear: none;} #y1colA ul {margin: 10px 0px 20px 16px; padding: 35px 0px 20px 516px; font-size: 14px; line-height: 14px; list-style-image: url(../images/bullet.png); font-weight: normal;} #y1colA ul a, #y1colA ul a:link, #y1colA ul a:visited, #y1colA ul a:active {font-family: Tahoma, Arial, sans-serif; font-size: 14px; line-height: 14px; color: #00457c; margin: 0px; padding: 0px; font-weight: bold; text-decoration: none;} #y1colA ul a:hover {color: #8cc63f;} #y1colA ul li {margin: 4px 0px 0px 3px;} #y1colA p {text-align: justify;} /*2COL LAYOUT*/ #y2colA {width: 700px; float: left; margin: 0px 0px 30px 10px; padding: 0px 32px 0px 0px; clear: none; border-right: #1b99d7 solid 1px;} #y2colANB {width: 700px; float: left; margin: 0px 0px 30px 10px; padding: 0px 32px 0px 0px; clear: none;} #y2colA ul {margin: 10px 0px 20px 16px; padding: 35px 0px 20px 516px; font-size: 14px; line-height: 14px; list-style-image: url(../images/bullet.png); font-weight: normal;} #y2colA ul a, #y2colA ul a:link, #y2colA ul a:visited, #y2colA ul a:active {font-family: Tahoma, Arial, sans-serif; font-size: 14px; line-height: 14px; color: #00457c; margin: 0px; padding: 0px; font-weight: bold; text-decoration: none;} #y2colA ul a:hover {color: #8cc63f;} #y2colA ul li {margin: 4px 0px 0px 3px;} #y2colA p {text-align: justify;} /*50% 2COL LAYOUT*/ .fiftyCol {width: 100%; float: left; margin: 0px; padding: 0px; clear: none;} /*ROSTER LAYOUT*/ #rost {margin: 0px 0px 20px 65px; padding: 0px 0px 0px 145px; position: relative;} #rost h2 em {padding: 0px 0px 0px 30px; font-style: normal; text-transform: none;} #rost h2 strong {background: url(../images/arrow-green.png) no-repeat 0px 3px; padding: 0px 0px 0px 30px; text-transform: none;} #rost p {padding: 0px 0px 0px 30px;} .rostPic {position: absolute; top: 0px; left: 0px;} .rostSend {position: absolute; top: 0px; right: 0px;} /*PRODUCT HOME-PAGE*/ #prodHomeContent ul {position: absolute; top: 100px; left: 500px; font-family: Tahoma, Arial, sans-serif; font-size: 20px; color: #00457c; line-height: 30px; list-style-image: url(../images/bullet.png); margin: 0px; padding: 0px; font-weight: normal} #prodHomeContent p {margin: 0px; padding: 0px 520px 20px 20px;} /*SOAP BAR*/ .sbar {background: url(../images/backg.png) no-repeat top left; min-height: 110px; padding: 15px 35px 0px 50px; margin: 0px; position: relative;} .sbarBullet {position: absolute; top: 18px; left: 28px;} /*NEWS BAR*/ .newsbar {background: url(../images/news-backg.png) no-repeat top left; width: 400px; min-height: 160px; padding: 18px 25px 15px 40px; margin: 0px; position: relative; text-align: justify; float: left;} .newsBullet {position: absolute; top: 22px; left: 20px;} /*NBX BAR*/ .nbxbar {background: url(../images/backg-lg.png) no-repeat top left; min-height: 150px; padding: 23px 35px 0px 230px; margin: 0px 0px 10px 0px; position: relative;} .nbxBullet {position: absolute; top: 26px; left: 210px;} .nbxImg {position: absolute; top: 24px; left: 30px;} /*RD BAR*/ .rdbar {background: url(../images/backg-lg.png) no-repeat top left; height: 140px; padding: 100px 20px 0px 235px; margin: 0px; position: relative;} .rdbar ul {position: absolute; top: 210px; left: 40px; font-size: 12px; list-style-image: url(../images/bullet.png);} .rdbar ul a {text-decoration: none; color: #0055a5;} .rdbar ul a:hover {text-decoration: none; color: #8cc63f;} .rdLogo {position: absolute; top: 20px; left: 30px;} .rdVid {position: absolute; top: 90px; left: 30px; width: 175px;} .rdImg {position: absolute; top: 90px; left: 750px; width: 174px;} .rdVid a, .rdImg a {text-decoration: none; color: #0055a5; font-size: 12px;} .rdVid a:hover, .rdImg a:hover {text-decoration: none; color: #8cc63f; font-size: 12px;} /*CASE STUDIES*/ .caseBar {float: left; margin: 0px; padding: 0px 4px 30px 0px; clear: none;} .caseView {padding: 0px 94px 0px 30px;} /**/ #y2colP {width: 680px; float: left; margin: 0px 0px 30px 0px; padding: 0px 20px 0px 20px; clear: none; border-right: #1b99d7 solid 1px;} #y2colP ul {font-family: Tahoma, Arial, sans-serif; font-size: 18px; color: #4b4b4b; line-height: 20px; list-style-image: url(../images/bullet.png); margin: 0px; padding: 0px; font-weight: normal;} #y2colP ul strong {font-family: Tahoma, Arial, sans-serif; font-size: 20px; color: #00457c; line-height: 30px; list-style-image: url(../images/bullet.png); margin: 0px; padding: 0px; font-weight: bold; text-transform: uppercase;} #y2colP li {margin: 20px 0px 0px 20px;} /**/ #y2colPX {float: left; margin: 0px 0px 30px 0px; padding: 0px 20px 0px 20px; clear: none; } #y2colPX ul {font-family: Tahoma, Arial, sans-serif; font-size: 18px; color: #4b4b4b; line-height: 20px; list-style-image: url(../images/bullet.png); margin: 0px; padding: 0px; font-weight: normal;} #y2colPX ul strong {font-family: Tahoma, Arial, sans-serif; font-size: 20px; color: #00457c; line-height: 30px; list-style-image: url(../images/bullet.png); margin: 0px; padding: 0px; font-weight: bold; text-transform: uppercase;} #y2colPX li {margin: 20px 0px 0px 20px;} /*3COL LAYOUT SELECTED*/ #y3colA {width: 222px; float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px; clear: none;} #y3colB {width: 420px; float: left; margin: 0px 0px 10px 0px; padding: 0px 40px 0px 50px; clear: none; border-right: #1b99d7 solid 1px;} #y3colB ul {font-family: Tahoma, Arial, sans-serif; font-size: 18px; color: #4b4b4b; line-height: 20px; list-style-image: url(../images/bullet.png); margin: 0px; padding: 0px; font-weight: normal;} #y3colB ul strong{font-family: Tahoma, Arial, sans-serif; font-size: 20px; color: #00457c; line-height: 30px; list-style-image: url(../images/bullet.png); margin: 0px; padding: 0px; font-weight: bold; text-transform: uppercase;} #y3colB li {margin: 20px 0px 0px 20px;} #y3colC {width: 230px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; clear: none;} #y3colC h3 {padding: 0px 0px 0px 13px;} #y3colC ul {margin: 10px 0px 20px 16px; padding: 0px; font-size: 14px; line-height: 15px; list-style-image: url(../images/bullet.png); font-weight: normal;} #y3colC ul a, #y3colC ul a:link, #y3colC ul a:visited, #y3colC ul a:active {font-family: Tahoma, Arial, sans-serif; font-size: 15px; line-height: 15px; color: #00457c; margin: 0px; padding: 0px; font-weight: bold; text-decoration: none;} #y3colC ul a:hover {color: #8cc63f;} #y3colC ul li {margin: 6px 0px 0px 3px;} #y3colC ul li em {font-size: 15px; color: #00457c; font-style:normal; font-weight: bold;} /*REUSABLE CLASSES*/ .fltrt {float: right; margin-left: 12px;} .fltlft {float: left; margin-right: 8px;} .clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;} /*ZOOM*/ #zoom {position: absolute; top: 38px; right: 38px; color: #555; font-size: 14px; height: 25px; padding: 6px 0px 0px 0px; margin: 5px; font-family: Arial, Helvetica, sans-serif;} #zoom a{text-transform: uppercase; font-weight: bold; border: #008acf 0.2em; background-color:#FFF; padding: 0.1em; color: #AAA; font-size: 16px; text-decoration: none;} #zoom a:link {color: #AAA;} #zoom a:visited {color: #AAA;} #zoom a:hover {text-decoration:none; color: #00457c;} #zoom a:active {color: #00457c;} .sizeL {font-size: 18px;} .sizeM {font-size: 16px;} .sizeS {font-size: 14px;} #prodContent h1 {font-family: Tahoma, Arial, sans-serif; font-size: 24px; color: #814fa0; line-height: 30px; margin: 0px; padding: 0px; text-transform: uppercase;} /*PRETTYPHOTO*/ /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(../images/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(../images/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_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../images/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(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; position: relative; text-align: left; width: 100%; } .pp_content .pp_details { display: none; margin: 10px 15px 2px 20px; } .pp_description { display: none; float: left; margin: 0; } .pp_nav { float: left; margin: 3px 0 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { left: 0; position: absolute; top: 0; width: 100%; z-index: 2000; } a.pp_next { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { display: block; float: right; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: none; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { display: none; line-height: 1 !important; margin: 0 auto; text-align: center; width: 100%; } div.ppt { color: #fff; display: none; font-size: 17px; left: 0; position: absolute; top: 0; z-index: 9999; } /* ------------------------------------------------------------------------ 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 */