/* Stage Systems Main Style Style Sheet Author: Guerilla Interactive */ /* Generic styles & Typography */ html, body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img {margin:0px; padding:0px; border:0px;} html {height:100%;} body {background-color:#ffffff; background-image:url(/templates/wrapper/default/images/BG-main-header-keylines.gif); background-repeat:repeat-x; background-position:top left; font-size: 0.625em; } p {font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; line-height:1.6em; color:#666666;} a {text-decoration:underline; color:#ee2e24;} a:visited {text-decoration:underline; color:#ee2e24;} a:hover {text-decoration:none; color:#666666;} a:active {text-decoration:underline; color:#666666;} #welcomeStatement h1 {display:none;} #breadcrumb h2 {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:1.4em; text-transform:uppercase;} DIV.leftCol h2 {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:1.2em; text-transform:uppercase; margin:0px 0px 10px 0px;} #productRange h2 {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:1.2em; text-transform:uppercase; margin:0px 0px 10px 0px;} DIV.rightCol h3 {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:1.2em; text-transform:uppercase; margin:0px 0px 0px 0px; background-color:#f0f0f0; border:1px solid #cccccc; padding:10px;} DIV.rightCol h4 {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:1.2em; text-transform:uppercase; margin:10px 0px 0px 0px; background-color:#f0f0f0; border:1px solid #cccccc; padding:0px; background-image:url(/templates/wrapper/default/images/BG-arrow-home-main.gif); background-repeat:no-repeat; background-position:right;} DIV.rightCol h4 a {text-decoration:none; display:block; padding:10px; color:#666666;} DIV.rightCol h4 a:visited {text-decoration:none; color:#666666;} DIV.rightCol h4 a:hover {text-decoration:none; color:#ee2e24;} DIV.rightCol h4 a:active {text-decoration:none; color:#666666;} #headerNav ul {list-style:none;} #headerNav li {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; letter-spacing: -0.04em; color:#666; float:left; display:block; border-right:1px solid #ddd; margin:0; padding:0 3px 0 4px;} #headerNav li a {text-decoration:none; color:#666666;} #headerNav li a:visited {text-decoration:none; color:#666666;} #headerNav li a:hover {text-decoration:underline; color:#ee2e24;} #headerNav li a:active {text-decoration:none;} #footer ul {list-style:none; text-align:center; margin:0px 0px 0px 50px;} #footer li {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#666666; float:left; display:block; border-right:1px solid #666666; margin:0px; padding:0px 10px 0px 10px;} #footer li a {text-decoration:none; color:#666666;} #footer li a:visited {text-decoration:none; color:#666666;} #footer li a:hover {text-decoration:underline; color:#ee2e24;} #footer li a:active {text-decoration:none;} #productFinder p {color:#666666; text-transform:uppercase; font-weight:bold;} #navigationBlock {} #navigationBlock ul {list-style:none;} #navigationBlock li {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666666; padding:0px 0px 0px 10px; background-image:url(/templates/wrapper/default/images/BG-small-arrow-nav.gif); background-repeat:no-repeat; background-position: 0px 14px; border-bottom:1px solid #cccccc;} #navigationBlock li a {display:block; text-decoration:none; color:#666666; padding:10px 0px 10px 0px;} #navigationBlock li a:visited {text-decoration:none;} #navigationBlock li a:hover {text-decoration:none; color:#ee2e24; background-color:#f3f3f3;} #navigationBlock li a:active {text-decoration:none;} #navigationBlock li #selected {background-color:#f3f3f3;} #infoUpdates p {width:150px; font-size:1.1em;} #footer p {font-size:1.1em;} .openingGambit {color:#005dab; font-size:1.8em; font-weight:bold; line-height:1.2em; font-family:Arial, Helvetica, sans-serif;} .imgFloatLeft {float:left; margin:5px 20px 0px 0px;} #subNav {margin:12px 0px 0px 0px;} #subNav ul {list-style:none;} #subNav li {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666666; padding:0px; margin:0px 4px 0px 0px; background-image:url(/templates/wrapper/default/images/BG-small-arrow-nav.gif); background-repeat:no-repeat; background-position: 4px 14px; border:1px solid #cccccc; float:left;} #subNav li a {display:block; text-decoration:none; color:#666666; padding:10px 10px 10px 14px; display:block;} #subNav li a:visited {text-decoration:none;} #subNav li a:hover {text-decoration:none; color:#ee2e24;} #subNav li a:active {text-decoration:none;} #subNav li #subNavSelected {background-color:#ee2e24; color:#ffffff; padding:10px 10px 10px 14px; background-image:url(/templates/wrapper/default/images/BG-small-arrow-nav-over.gif); background-repeat:no-repeat; background-position: 4px 14px;} /* Meet the team */ DIV.teamBox a {color:#005dab; text-decoration:none; display:block; padding:0px;} DIV.teamBox a:visited {color:#005dab; text-decoration:none;} DIV.teamBox a:hover {color:#ee2e24; text-decoration:none;} DIV.teamBox a:active {color:#005dab; text-decoration:none;} DIV.teamBox p {font-size:1.1em; padding:5px} DIV.teamBox ul {list-style:none;} DIV.teamBox li {float:left; width:208px; border:1px solid #cccccc; padding:5px; margin:10px 8px 0px 0px; background-image:url(/templates/wrapper/default/images/BG-product-range-arrow.gif); background-repeat:no-repeat; background-position:200px 6px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#666666;} DIV.teamBox {overflow:hidden;} /* Tooltip */ #dhtmltooltip {position: absolute; left: -300px; width: 150px; padding: 10px; background-color:#005dab; background-image:url(/templates/wrapper/default/images/BG-tooltip.gif); background-position:top left; background-repeat:repeat-x; visibility: hidden; z-index: 100; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; border-bottom:5px solid #cccccc;} #dhtmlpointer{position:absolute; left: -300px; z-index: 101; visibility: hidden;} /* ----------------------------------------------------------------------------------------- */ /* Positional Layout */ DIV.positionBlock {width:915px; margin:0px auto 0px auto; overflow:hidden;} #headerNav {margin:20px 0 0 0; padding:0; clear:both; overflow:hidden;} #headerLogoSearch {margin:0px; padding:40px 0px 0px 0px; overflow:auto;} .mainLogo {float:right;} #productFinder {float:left; background-color:#f0f0f0; padding:20px 30px 20px 30px; width:250px;} #breadcrumb {clear:both; margin:45px 0px 0px 0px; position:relative;} #breadcrumb #number{position:absolute;right:0;top:0;font-size:18px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;line-height:18px;color:#666666;} DIV.leftCol {float:left; width:200px; margin:40px 0px 0px 0px;} DIV.rightCol {float:left; width:690px; margin:40px 0px 0px 20px;} #keywordSearch {padding:10px; background-color:#f0f0f0; margin:20px 0px 0px 0px;} #infoUpdates {margin:20px 0px 0px 0px; background-image:url(/templates/wrapper/default/images/BG-envelope.gif); background-position:150px 30px; background-repeat:no-repeat;} #requestDemo {margin:20px 0px 0px 0px;} DIV.mainHomeCol {float: left; width:225px; margin:10px 3px 0px 0px;} DIV.mainHomeCol img {border:1px solid #ccc;} DIV.mainIntro {clear:both; padding:20px 0px 0px 0px;} #productRange {width:100%; background-color:#f0f0f0; border-top:1px solid #cccccc; padding:20px 0px 20px 0px; margin:20px 0px 0px 0px;} DIV.productRange {float:left; width:270px; height:75px; background-color:#ffffff; border:1px solid #cccccc; background-image:url(/templates/wrapper/default/images/BG-product-range-arrow.gif); background-repeat:no-repeat; background-position:260px 70px; padding:15px 0px 0px 15px; margin:0px 18px 0px 0px;} DIV.productRow {clear:both; overflow:hidden; margin:0px 0px 18px 0px;} #footer {width:100%; border-top:1px solid #cccccc; margin:30px 0px 0px 0px;} #footerContent {width:915px; margin:20px auto 0px auto; text-align:center; padding:0px 0px 20px 0px;} #footer img {margin:10px 20px 0px 0px; text-align:center;} DIV.genericFlush {clear:both; overflow:hidden; width:690px; margin:0px 0px 20px 0px;} DIV.faqFlush {clear:both; overflow:hidden; width:690px; margin:0px;} DIV.formFlush {clear:both; padding:20px 120px 0px 50px; text-align:right;} /* BSF, PFI, PPP */ DIV.credBlock {float:left; width:330px; margin:20px 15px 0px 0px;} DIV.productKeyFeatures ul {list-style:none; padding:0px;} DIV.productKeyFeatures li {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666666; margin:0px; padding:0px 0px 0px 10px; background-image:url(/templates/wrapper/default/images/BG-arrow-bsf-list.gif); background-repeat:no-repeat; background-position:0px 7px; line-height:1.8em;} DIV.productKeyFeatures li strong {color:#005dab;} /* Case Studies */ DIV.centerCol {float:left; width:412px; margin:40px 0px 0px 20px;} DIV.centerCol h3 {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:1.4em; font-weight:normal;} DIV.centerCol h4 {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:1.2em; text-transform:uppercase; margin:10px 0px 0px 0px; background-color:#f0f0f0; border:1px solid #cccccc; padding:0px; background-image:url(/templates/wrapper/default/images/BG-arrow-home-main.gif); background-repeat:no-repeat; background-position:right; clear:both;} DIV.centerCol h4 a {text-decoration:none; display:block; padding:10px; color:#666666;} DIV.centerCol h4 a:visited {text-decoration:none; color:#666666;} DIV.centerCol h4 a:hover {text-decoration:none; color:#ee2e24;} DIV.centerCol h4 a:active {text-decoration:none; color:#666666;} DIV.caseRightCol {float:left; width:246px; margin:40px 0px 0px 20px;} DIV.caseRightCol a {text-decoration:none; color:#666666;} DIV.caseRightCol h4 {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:1.2em; text-transform:uppercase; margin:10px 0px 0px 0px; background-color:#f0f0f0; border:1px solid #cccccc; padding:0px; background-image:url(/templates/wrapper/default/images/BG-arrow-home-main.gif); background-repeat:no-repeat; background-position:right; clear:both;} DIV.caseRightCol h4 a {text-decoration:none; display:block; padding:10px; color:#666666;} DIV.caseRightCol a:visited {text-decoration:none; color:#666666;} DIV.caseRightCol a:hover {text-decoration:none; color:#ee2e24;} DIV.caseRightCol a:active {text-decoration:none; color:#666666;} DIV.caseRightCol p {text-transform:uppercase;} DIV.caseRightCol ul {list-style:none; margin:5px 0px 0px 0px; clear:both;} DIV.caseRightCol li {padding:0px; margin:0px 3px 3px 0px; float:left;} DIV.caseRightCol li a img {border:1px solid #cccccc;} DIV.caseRightCol li a:hover img {border:1px solid #ee2e24;} .client {color:#666666; font-weight:bold; font-size:1.8em;} .clearImages {clear:both; background-image:url(/templates/wrapper/default/images/BG-small-arrow-nav.gif); background-repeat:no-repeat; background-position:0px 6px; text-decoration:none; padding:0px 0px 0px 10px;} .highlight {color:#005dab; margin:0px 0px 0px 20px;} DIV.testimonialBubble {border-top:1px solid #cccccc; border-right:1px solid #cccccc; border-left:1px solid #cccccc; padding:10px;} DIV.testimonialBubble h5 {font-size:1.8em; color:#005dab; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} DIV.testimonialPointer {background-image:url(/templates/wrapper/default/images/BG-testimonial-bubble.gif); background-position:bottom; background-repeat:no-repeat; height:32px;} DIV.testimonialPointer2 {background-image:url(/templates/wrapper/default/images/BG-testimonial-bubble2.gif); background-position:bottom; background-repeat:no-repeat; height:32px;} /* FAQ's */ DIV.faqBlock {clear:both; overflow:hidden; width:690px; margin:0px;} /* Webform */ #webform fieldset {border:1px solid #cccccc; padding:20px; background-image:url(/templates/wrapper/default/images/BG-webform-grad.gif); background-position:top left; background-repeat:repeat-x;} #webform legend {background-color:#666666; text-transform:uppercase; color:#ffffff; padding:10px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold;} #webform label {float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase; color:#666666; margin:0px 0px 0px 0px; clear:both;} .webformInput {width:260px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666666;} .webformSelect {width:265px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666666;} .webformCheckbox {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666666; margin-right:125px;} .webformTextarea {width:260px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666666;} .requiredField {color:#ee2e24; font-weight:bold;} /* MSIE 7 specific rules */ *:first-child+html #webform fieldset {background-position:0px 38px; !important;} /* Product Pages */ #productHero {border-right:1px solid #cccccc; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; background-image:url(/templates/wrapper/default/images/BG-product-hero.gif); background-position:top; background-repeat:repeat-x; padding:20px; overflow:hidden; height:100%; margin:0px 0px 20px 0px;} DIV.productHeroLeft {width:340px; float:left; margin:0px 20px 0px 0px;} DIV.productHeroLeft ul {list-style:none; margin:10px 0px 0px 0px; padding:0px;} DIV.productHeroLeft li {float:left; display:block; margin:0px 5px 5px 0px; padding:0px;} DIV.productHeroLeft li img {border:1px solid #cccccc;} DIV.productHeroLeft h5 {font-family:Arial, Helvetica, sans-serif; font-size:1.9em; line-height:1.2em; color:#666666; margin:10px 0px 0px 0px;} DIV.productHeroRight {width:275px; float:left;} DIV.productFlush {clear:both; padding:0; display:inline;} DIV.productFlush a,DIV.productFlush a:visited,DIV.productFlush a:hover{font-size:12px;font-weight:bold;color:#ffffff; background:#ee2e24; padding:4px 3px 3px 4px; display:block; text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;text-decoration:none;letter-spacing:-0.05em; clear:both; width: 288px;} DIV.relatedProducts {margin:20px 0px 0px 0px; clear:both;} DIV.relatedProductImg {float:left; margin:0px 25px 20px 0px; position:relative;} DIV.relatedProductImg a img {border:1px solid #cccccc;} DIV.relatedProductImg a:hover img {border:1px solid #ee2e24;} DIV.relatedProductImg p a{line-height:14px;} DIV.productRelatedNews {margin:20px 0px 0px 0px; padding:20px 0px 0px 0px; border-top:1px solid #cccccc;} DIV.productRelatedNews ul {list-style:none; margin:10px 0px 0px 0px; padding:0px;} DIV.productRelatedNews li {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666666; margin:0px; padding:0px 0px 0px 10px; background-image:url(/templates/wrapper/default/images/BG-small-arrow-nav.gif); background-repeat:no-repeat; background-position:0px 9px; line-height:2.0em;} DIV.productRelatedNews li a {text-decoration:none;} DIV.productRelatedNews li a:visited {text-decoration:none;} DIV.productRelatedNews li a:hover {text-decoration:underline;} DIV.productRelatedNews li a:active {text-decoration:none;} #productDownload {clear:both;} #productDownload fieldset {border:1px solid #cccccc; padding:20px; background-image:url(/templates/wrapper/default/images/BG-webform-grad.gif); background-position:top left; background-repeat:repeat-x;} #productDownload legend {background-color:#666666; text-transform:uppercase; color:#ffffff; padding:10px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold;} #productDownload label {float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase; color:#666666; margin:0px 0px 0px 0px; clear:both;} .productDownloadInput {width:100px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666666;} .productDownloadTextarea {width:100px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666666;} .requiredField {color:#ee2e24; font-weight:bold;} /* Sound Light */ DIV.soundLightInfo {padding:20px 0px 0px 0px;} DIV.soundLightInfo img {float:left; margin:0px 20px 20px 0px; border:1px solid #cccccc;} /* News & Events */ DIV.calendarItem {margin:0px 0px 0px 0px;} DIV.calendarItem a {color:#005dab;} DIV.calendarItem a:visited {color:#005dab;} DIV.calendarItem a:hover {color:#ee2e24;} DIV.calendarItem a:active {color:#005dab;} DIV.calendarDay {float:left; background-image:url(/templates/wrapper/default/images/BG-calendar-day.gif); background-repeat:no-repeat; width:12px; height:19px; padding:10px; margin:0px 5px 0px 0px;} DIV.calendarMonth {float:left; width:185px; height:22px; border:1px solid #cccccc; background-image:url(/templates/wrapper/default/images/BG-calendar-month.gif); background-repeat:repeat-x; padding:8px;} DIV.calendarFlush {clear:both; padding:10px 0px 10px 0px;} #newsDetail .date {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:1.4em; font-weight:normal;} #newsDetail .title {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:1.4em; font-weight:normal; font-weight:bold; margin:0px 0px 20px 0px; border-bottom:1px solid #cccccc;} .newsLink {text-transform:uppercase; background-image:url(/templates/wrapper/default/images/BG-small-arrow-nav.gif); background-repeat:no-repeat; background-position:0px 6px; padding:0px 0px 0px 12px;} /* Search Results */ #searchResults {} #searchResults h2 {font-family:Arial, Helvetica, sans-serif; font-size:1.8em; line-height:1.2em; color:#666666; margin:0px 0px 0px 0px;} #searchResults h5 {font-family:Arial, Helvetica, sans-serif; font-size:1.4em; line-height:1.2em; color:#666666; margin:10px 0px 0px 0px; font-weight:normal;} DIV.searchPrevious {float:left; margin:10px 0px 0px 0px; padding:0px 0px 0px 10px; background-image:url(/templates/wrapper/default/images/BG-small-arrow-nav2.gif); background-repeat:no-repeat; background-position:0px 8px;} DIV.searchNext {float:left; margin:10px 0px 0px 0px; padding:0px 0px 0px 10px; background-image:url(/templates/wrapper/default/images/BG-small-arrow-nav.gif); background-repeat:no-repeat; background-position:0px 8px;} DIV.searchPagination {float:left; margin:10px 10px 10px 10px;} #searchAgain {border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; clear:both; padding:10px 0px 10px 0px;} DIV.searchBoxWhite {background-color:#ffffff; margin:0px 0px 10px 0px; padding:10px;} DIV.searchBoxGrey {background-color:#f0f0f0; margin:0px 0px 10px 0px; padding:10px;} /* Affiliations & Links */ DIV.infoBlock {float:left; width:330px; margin:20px 10px 0px 0px;} DIV.infoBlock ul {list-style:none; margin:10px 0px 0px 10px; padding:0px;} DIV.infoBlock li {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666666; margin:0px; padding:0px 0px 0px 10px; background-image:url(/templates/wrapper/default/images/BG-small-arrow-nav.gif); background-repeat:no-repeat; background-position:0px 9px; line-height:2.0em;} DIV.infoBlock li a {text-decoration:none;} DIV.infoBlock li a:visited {text-decoration:none;} DIV.infoBlock li a:hover {text-decoration:underline;} DIV.infoBlock li a:active {text-decoration:none;} DIV.infoBlockFlush {clear:both; overflow:hidden;} DIV.affiliationsBlock {margin:0px; padding:10px;} DIV.affiliationsBlock ul {list-style:none; margin:10px 0px 0px 0px;} DIV.affiliationsBlock li {float:left; margin:0px 10px 10px 0px;} /* ----------------------------------------------------------------------------------------- */ /* Form Elements */ .productFinderMenu {width:200px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; margin:0px; padding:0px;} .keywordSearch {width:175px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; margin:0px; padding:0px;} /*system log*/ ul#system-log { list-style:square; display:block; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; padding:20px 0px 10px 20px;} ul#system-log li.log-warning {color:#CC0000; } ul.site-list { list-style:square; display:block; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; padding:5px 0px 10px 20px;} ul.site-list li { padding:5px 0px 0px 0px; color:#CC0000;} h3.extHeader {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:1.2em; text-transform:uppercase; margin:10px 0px 10px 0px; background-color:#f0f0f0; border:1px solid #cccccc; padding:10px;} div.pager{font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:1.2em;} /* Search Results */ DIV.srBlock {float:left; width:330px; margin:0px 10px 0px 0px;} DIV.srBlock ul {list-style:none; margin:10px 0px 0px 10px; padding:0px;} DIV.srBlock li {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666666; margin:0px; padding:0px 0px 0px 10px; background-image:url(/templates/wrapper/default/images/BG-small-arrow-nav.gif); background-repeat:no-repeat; background-position:0px 9px; line-height:2.0em;} DIV.srBlock li a {text-decoration:none;} DIV.srBlock li a:visited {text-decoration:none;} DIV.srBlock li a:hover {text-decoration:underline;} DIV.srBlock li a:active {text-decoration:none;} /* Gallery Specific */ a.enlarge, a.enlarge:visited{position:absolute; background: url(/templates/wrapper/default/images/BTN-enlarge.png) no-repeat top center; display:block; height:20px; width:20px; text-indent:-9999px; overflow:hidden; top:118px; left:118px;} a.enlarge:hover, DIV.relatedProductImg:hover a.enlarge{ background: url(/templates/wrapper/default/images/BTN-enlarge.png) no-repeat bottom center; } /* ----------------------------------------------------------------------------------------- */ /* Form Elements */ .productFinderMenu {width:200px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; margin:0px; padding:0px;} .keywordSearch {width:175px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; margin:0px; padding:0px;} /* Lytebox Elements */ #lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; } #lbOverlay.stage { background-color: #000; } #lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; } #lbMain a img { border: none; } #lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; } #lbOuterContainer.stage {border:3px solid #ee2e24; } #lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; padding: 10px 0; } #lbDetailsContainer.stage { border:3px solid #ee2e24; border-top: none; background: #fff url(/templates/wrapper/default/images/LOGO-stage-systems-sml.jpg) no-repeat 15px center; } #lbImageContainer, #lbIframeContainer { padding: 10px; } #lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/loading.gif) center no-repeat; } #lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lbImageContainer>#lbHoverNav { left: 0; } #lbHoverNav a { outline: none; } #lbPrev { width: 49%; height: 100%; background: transparent url(/templates/wrapper/default/images/prev_stage.gif) left 5% no-repeat; display: block; left: 0; float: left; } #lbPrev.stage:hover, #lbPrev.stage:visited:hover { background: url(/templates/wrapper/default/images/prev_stage.gif) left 5% no-repeat; margin:0 0 0 -3px; } #lbNext { width: 49%; height: 100%; background: transparent url(/templates/wrapper/default/images/next_stage.gif) right 5% no-repeat; display: block; right: 0; float: right; } #lbNext.stage:hover, #lbNext.stage:visited:hover { background: url(/templates/wrapper/default/images/next_stage.gif) right 5% no-repeat; margin:0 -3px 0 0; } #lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; } #lbPrev2.stage, #lbNext2.stage, #lbSpacer.stage { color: #333; } #lbPrev2_Off, #lbNext2_Off { font-weight: bold; } #lbPrev2_Off.stage, #lbNext2_Off.stage { color: #CCC; } #lbDetailsData { padding: 0 10px; } #lbDetailsData.stage { color: #333; } #lbDetails { width: 60%; float: right; text-align: right; } #lbCaption { display: block; font-weight: bold; } #lbNumberDisplay { float: right; display: block; padding-bottom: 1.0em; } #lbNavDisplay { float: right; display: block; padding-bottom: 1.0em; } #lbClose { width: 25px; height: 25px; float: right; margin-bottom: 1px; clear:both; } #lbClose.stage { background: url(/templates/wrapper/default/images/close_stage.png) no-repeat; } #lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbPlay.stage { background: url(/templates/wrapper/default/images/play_stage.png) no-repeat; } #lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbPause.stage { background: url(/templates/wrapper/default/images/pause_stage.png) no-repeat; } DIV.relatedCategory { clear: both; padding: 20px 0 0 0; } DIV.relatedCategory a { text-transform: capitalize; } .relatedCategory img { float: left; margin:0 25px 20px 0; clear:both; } .relatedCategory p{ padding:0 0 10px 0; } .relatedCategory a img {border:1px solid #cccccc;} .relatedCategory a:hover img {border:1px solid #ee2e24;} .relatedProductsProd h5 { font-size: 1.4em; font-family: Arial,sans-serif; padding: 0 0 10px 0; margin: 0; color: #666; display: block; } .relatedProductsProd h5 a strong { font-size: 1.2em; color: #ee2e24; /*text-transform: capitalize;*/ } .relatedProductsProd { clear: both; } .literatureLibrary h5 { font-family: Arial, sans-serif; font-size: 1.2em; color: #666; padding: 10px 0 0 0; } .literatureLibrary .literatureLibraryItems { margin: 10px 0; } .literatureLibrary .literatureLibraryItem { background: #f6f6f6; border: 1px solid #e1e1e1; margin: 0 10px 20px 10px; padding: 10px 10px; width: 300px; float: left; } .literatureLibraryItem img { float: left; margin: 0 10px 10px 0; width: 70px; height: 100px; } .literatureLibraryItem h5 { font-size: 1.4em; font-family: Arial,sans-serif; padding: 0 0 5px 0; margin: 0; display: block; color: #ee2e24; text-transform: capitalize; } .literatureLibraryDownloads h6 { font-family: Arial,sans-serif; color: #666; font-size: 1.6em; } .literatureLibraryDownloads h6 strong { color: #ee2e24; } /** * TDS Updates * @author COL */ .tds-logo { padding: 20px 0; } .clear { clear: both; } #tds-above { padding: 15px 0 0 0; } #tds-below { padding: 30px 0 0 0; } #tds-above h3, #tds-below h3 { font-family: Arial, Helvetica, sans-serif; color: #0671b9; font-size: 20px; padding: 5px 0; } #tds-wrapper { margin: 25px 0 0 0; clear: both; } /** * TDS Sidebar */ #tds-sidebar { float: left; width: 280px; } #tds-sidebar ul.product-text { margin-top: 20px; } #tds-sidebar ul.product-text li { position: relative; background: #ee2e24; display: inline-block; float: left; padding: 20px; } #tds-sidebar ul.product-text li span.tds-arrow { background: url('/static/images/IMG-tds-arrow.png') no-repeat center top; position: absolute; right: 0; top: 50px; margin: -24px; width: 24px; height: 24px; display: block; } #tds-sidebar h3 { font-family: Arial, Helvetica, sans-serif; color: #f13d30; font-size: 18px; font-weight: bold; } #tds-sidebar ul.product-text li h3 { color: #fff; padding: 0 0 5px 0; } #tds-sidebar p { color: #fff; font-size: 12px; padding: 0 0 5px 0; } #tds-sidebar p a { color: #fff; font-weight: bold; text-decoration: underline; } #tds-sidebar p a:hover { color: #CCC; } /** * TDS Overlays / Sketch */ #tds-main { position: relative; float: right; width: 600px; height: 550px; overflow: hidden; border: 1px solid #ccc; } #tds-main div.tds-overlay { position: absolute; left: 0; top: 0; z-index: 50; } #audio-overlay { } #lighting-overlay { } #tds-sketch { z-index: 45!important; } /** * TDS Icons */ .tds-icon { background-image: url('/static/images/ICON-sprite.png'); background-repeat: no-repeat; background-position: center bottom; z-index: 55!important; height: 37px; width: 37px; position: absolute; cursor: pointer; } .tds-icon-hover { background-image: url('/static/images/ICON-sprite.png'); background-position: center top; } * html .tds-icon { background-image: url('/static/images/ICON-sprite.gif'); } * html .tds-icon-hover { background-image: url('/static/images/ICON-sprite.gif'); } #staging_icon { top: 265px; left: 200px; } #seating_icon { bottom: 90px; left: 250px; } #lighting_icon { top: 80px; left: 150px; } #sound_icon { top: 90px; left: 50px; } #curtains_icon { top: 215px; left: 300px; } #audio_visual_icon { top: 80px; left: 260px; } /** * TDS Hover Icon */ .tds-hover { background-image: url('/static/images/IMG-speach-sprite.png'); background-repeat: none; background-position: center top; z-index: 55!important; height: 40px; width: 117px; position: absolute; margin-left: -40px; } * html .tds-hover { background-image: url('/static/images/IMG-speach-sprite.gif'); } #staging_hover { top: 228px; left: 200px; background-position: center -162px; } #seating_hover { bottom: 124px; left: 250px; background-position: center -202px; } #lighting_hover { top: 42px; left: 150px; background-position: center -122px; } #sound_hover { top: 50px; left: 50px; background-position: center -82px; } #curtains_hover { top: 178px; left: 300px; background-position: center -42px; } #audio_visual_hover { top: 40px; left: 260px; background-position: center top; } /** * TDS IE6 Fix */ .tds-hover, .tds-icon, .tds-icon-hover, .tds-overlay img, #tds-sidebar ul.product-text li span.tds-arrow { behavior: url(/static/images/iepngfix.htc); }