body {margin:0px auto; padding:0px; font-family: "Helvetica Neue", Arial, Sans-Serif; } /* reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0px auto; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img { border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} *{outline:none} /* generic styles --------------------------------------------------------------------- */ a {text-decoration:none} a:active, a:focus { position : relative; top : 1px; } .clear {clear:both} .right {float:right} .left {float:left} .block {display:block} .bold {font-weight:bold} .borderR {border-right:1px solid #bab5c8; margin:0px 15px 15px 0px} .first {padding-left:0px !important} .last {margin-right:0px !important; border-bottom:0px !important; } .noborder {border-right:none !important} strong {font-weight:bold} *::selection {background:#000; color:#fff} .padding20 {padding:20px 0px} .box1 { -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#dddddd')";*/ /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#dddddd'); */ } .box2 { -moz-box-shadow: 2px 2px 3px #dddddd; -webkit-box-shadow: 2px 2px 3px #dddddd; box-shadow: 2px 2px 3px #dddddd; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#dddddd')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#dddddd'); } em {font-style:italic} /* rounded corner styles --------------------------------------------------------------- */ .rounded1 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .rounded2 {-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-radius: 4px 4px 0px 0px; } .rounded3 {-webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .rounded4 {-webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .rounded5 {-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } /* colour ------------------------------------------------------------------------------ */ .aubergine {color:#1a0b48 !important} .green {color:#12963b} .white {color:#fff} .pink {color:#c30044} .blue {color:#5eb2ee} .orange {color:#e96c12} .teal {color:#0c5b7a} .yellow {color:#ffae00} span.yellow, a.yellow {color:#ffae00 !important} /* typography -------------------------------------------------------------------------- */ h1 {padding:15px 0px 0px 0px; font-size:370%; font-family:"Helvetica Neue", Arial, Sans-Serif; letter-spacing:-0.04em; line-height:50px} h1 span {letter-spacing:-0.07em} h2 {font-family:"Helvetica Neue", Arial, Sans-Serif; letter-spacing:-0.02em; font-size:100%; font-weight:bold; padding:10px 0px 0px 0px} h3 {font-family:"Helvetica Neue", Arial, Sans-Serif; font-size:200%} h4 {font-family:"Helvetica Neue", Arial, Sans-Serif; text-transform:uppercase; font-size:220%; font-weight:bold; line-height:25px; letter-spacing:-0.04em; color:#000032} h5 {font-family:"Helvetica Neue", Arial, Sans-Serif; color:#4c4c4c; font-size:200%; border-bottom:1px solid #a8a8a8; padding:6px 0px; display:block} h5 a {color:#fff} p {font-family:"Helvetica Neue", Arial, Sans-Serif; padding:8px 0px 15px 0px; line-height:19px;} /* header - [See megamenu.css for navigation styles] ----------------------------------- */ .container {width:100%; text-align:center; } .wrapper {width:962px; text-align:left; display:table} #topWrap {float:left; width:100%} #topWrap .logo {float:left; width:376px; margin-top:-5px } #topWrap .logo a {background:url('images/AntalisMcnaughton_logo.gif') left no-repeat; width:376px; height:85px; float:left} #topWrap .logo a:hover {background:url('images/AntalisMcnaughton_logo.gif') left no-repeat; width:376px; height:85px; float:left} #topWrap .right {float:right; width:586px; text-align:right} #topWrap .right ul {float:right; list-style-type:none; margin-top:8px; width:100%} #topWrap .right ul li { display:inline; padding:0px 0px 0px 8px; border-left:1px dotted #666} #topWrap .right ul li a { color:#666} #topWrap .right ul li a:hover {color:#b7113c} #topWrap .right .antalis {color:#b7113c} #topWrap .right .searchWrap {float:right; width:100%; margin-top:10px} .searchWrap {float:right; padding:0px} .searchL {float:left; width:560px;} .searchR {float:right; width:26px;} .search {float:right; text-align:right} .searchWrap .searchBox {float:left; width:200px; border:1px solid #ced0ce; padding:3px; background: url('images/searchBkg.gif') top left no-repeat} .searchWrap .searchBtn {float:right} .searchWrap .searchBtn .btn {background: url('images/searchBtn.gif') left top no-repeat; width:26px; text-align:center; border:0px; color:#5a6f85; font-size:10px; text-transform:uppercase; height:24px} /* home page - personas ----------------------------------------------------------------*/ .rightContent {float:right; text-align:left; width:625px} #personas {width:100%; display:block; text-align:center !important; height:230px; background:#000} #personas .slideWrap {width:960px; display:block; text-align:left;} #personas .procurement {width:100%; height:230px; background:url('images/personaProcurementBkg.jpg') top center repeat-x #a92d00; text-align:center !important} #personas .reseller {width:100%; height:230px; background:url('images/personaResellerBkg.jpg') top center repeat-x #a92d00; text-align:center !important} #personas .lrgPrinter {width:100%; height:230px; background:url('images/personaLrgPrinterBkg.jpg') top center repeat-x #a92d00; text-align:center !important} #personas .digiPrinter {width:100%; height:230px; background:url('images/personaDigiPrinterBkg.jpg') top left repeat-x #a92d00; text-align:center !important} #personas .csr {width:100%; height:230px; background:url('images/personaCsrBkg.jpg') top center repeat-x #a92d00; text-align:center !important} #personas .pckg {width:100%; height:230px; background:url('images/personaPckgBkg.jpg') top center repeat-x #a92d00; text-align:center !important} #personas .designer {width:100%; height:230px; background:url('images/personaDesignerBkg.jpg') top center repeat-x #a92d00; text-align:center !important} #personas .commercial {width:100%; height:230px; background:url('images/personaCommercialBkg.jpg') top center repeat-x #a92d00; text-align:center !important} #personas img {float:left; margin:0px 0px 0px 60px; clear:both} .moreInfo {background:url('images/moreInfo.png') right no-repeat; float:left; margin:16px 0px 0px -10px; padding:3px 30px 3px 10px; font-size:110%; color:#fff} .moreInfo:hover {background:url('images/moreInfoPink.gif') right no-repeat #fff; padding:3px 30px 3px 10px; color:#e40043} #sliderCtl {float:right; width:210px; position:relative; z-index:9; height:60px; padding:4px 0px 4px 28px; margin:-58px 0px 0px 0px } #nav {margin-top:3px; list-style-type:none; float:right; margin-left:0px; position:relative; z-index:8} #nav li {display:inline; padding-right:10px; float:left} #nav li a {text-indent:-9999px !important; color:#000; background:url('images/slide.png') bottom no-repeat !important; display:block; float:left; padding:10px 5px 10px 0px; width:10px; height:10px;} #nav a.activeSlide {text-indent:-9999px !important; background:url('images/activeSlide.png') bottom no-repeat !important; width:10px; height:10px} /* news ticker */ #newsTicker {font-size:90%; margin-top:-10px} #newsTicker label {text-transform:uppercase; color:#1a0b48} #newsTicker a {color:#1a0b48} #newsTicker a:hover {color:#e30040; border-bottom:1px dotted #e30040} /* buy online now panel */ #buyPnl {background:url('images/homeBuyBkg.gif') top left no-repeat; padding:10px 15px} #buyPnl h2 { font-size:210%; color:#363636; float:left; font-weight:normal; margin-top:-8px} #buyPnl ul {padding:10px 0px 18px 45px; float:left} #buyPnl ul li {display:inline;} #buyPnl ul li a {padding:0px 80px 0px 25px; background:url('images/buyNow.png') left no-repeat; color:#737373;} #buyPnl ul li a:hover {color:#318fca} #buyPnl ul li a.last {padding-right:0px} /* home panels */ .hmPnlWrap {width:312px; float:left; margin:10px 12px 0px 0px; padding-right:9px;} .hmPnlWrap.last {padding:0px !important} .hmPnlTop {width:282px; display:block; padding:15px !important; background:url('images/hmPanelTop.gif') top no-repeat; float:left} .hmPnlTop p {line-height:14px; font-size:90%; color:#4c4c4c} .hmPnlBtm {background:url('images/hmPanelBtm.gif') no-repeat; display:block; width:312px; height:20px; float:left} .hmPnlTop a + a {display:block; background:url('images/moreInfoPink.gif') left no-repeat; color:#4c4c4c; margin-top:15px; padding:0px 0px 0px 20px} .hmPnlTop a + a:hover {color:#e40043;} #bigPnl {display:block; margin-bottom:20px} table.bigPnlWrap {width:960px;} table.bigPnlWrap tr td.bigPnlTop {background:url('images/bigPanelTop.gif') top no-repeat; padding:20px 0px 0px 0px } table.bigPnlWrap tr td a img {float:left; margin:0px 20px 0px 20px} table.bigPnlWrap tr td p {font-size:90%; width:570px; line-height:18px; padding-bottom:0px; padding-right:50px; float:left; color:#4c4c4c } table.bigPnlWrap tr td.bigPnlTop h5 {border-bottom:0px !important} .greenBtn {background:#12963b; color:#fff; padding:4px 10px; margin-top:10px; float:left; display:block} .greenBtn:hover {background:#e40043} table.bigPnlWrap tr td.bigPnlBtm {} li.flickr-stream {float:left; height:100px; width:150px; margin-right:8px} li.flickr-stream img {height:100px; width:150px} /* level-1 landing pages ------------------------------------------------------------------- */ #quicklinks {float:right; margin:-18px 0px -60px 20px; background:url('images/quicklinksBkg.png') top left no-repeat; padding:70px 30px 20px 20px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg); } #quicklinks ul li {display:block; padding-bottom:10px} #mycarousel {font-family:"Helvetica Neue", Arial, Sans-Serif; float:left; margin-left:-4px; } #mycarousel ul li {background:url('images/pageBkg.gif') top no-repeat; width:195px; padding:20px 20px 0px 16px; margin-right:15px; } #mycarousel ul li img {padding-top:10px} #mycarousel ul li span {font-size:150%; color:#1a0b48; padding-bottom:0px; display:block; line-height:20px; height:35px} #mycarousel ul li p {color:#1a0b48; line-height:14px; font-size:85%; height:55px} #mycarousel ul li a {color:#1a0b48; background:url('images/moreInfoGreen.gif') left no-repeat; padding-left:20px} #mycarousel ul li a:hover {color:#12963b} #mycarousel ul li .btm {background:url('images/pageBtm.gif') top no-repeat; float:left; width:235px; height:14px; margin:12px 0px 0px -18px;} /* persona landing pages ----------------------------------------------------------------- */ .landingLeft {float:left; width:610px; padding:0px 15px 0px 0px} .landingLeft h1.extended {width:800px !important; float:left} .designerBkg { background:url('images/designerBkg.jpg') top no-repeat #fff; margin-top:-1px; padding:0px 0px 20px 0px; } .designerTop { background:url('images/designerTop.png') top left repeat; border-top:1px solid #e0e0e0; margin-top:0px; padding:25px 0px 20px 0px; } .procurementBkg { background:url('images/procurementBkg.jpg') top no-repeat #fff; margin-top:-1px; padding:0px 0px 20px 0px; } .procurementTop { background:url('images/procurementTop.png') top left repeat; border-top:1px solid #e0e0e0; margin-top:0px; padding:25px 0px 20px 0px; } .csrBkg { background:url('images/csrBkg.jpg') top no-repeat #fff; margin-top:-1px; padding:0px 0px 20px 0px; } .csrTop { background:url('images/csrTop.png') top left repeat; border-top:1px solid #e0e0e0; margin-top:0px; padding:25px 0px 20px 0px; } .resellerBkg { background:url('images/resellerBkg.jpg') top no-repeat #fff; margin-top:-1px; padding:0px 0px 20px 0px; } .resellerTop { background:url('images/resellerTop.png') top left repeat; border-top:1px solid #e0e0e0; margin-top:0px; padding:25px 0px 20px 0px; } .pckgBkg { background:url('images/packagingBkg.jpg') top no-repeat #fff; margin-top:-1px; padding:0px 0px 20px 0px; } .pckgTop { background:url('images/packagingTop.png') top left repeat; border-top:1px solid #e0e0e0; margin-top:0px; padding:25px 0px 20px 0px; } .digiprintBkg { background:url('images/digiprintBkg.jpg') top no-repeat #fff; margin-top:-1px; padding:0px 0px 20px 0px; } .digiprintTop { background:url('images/digiprintTop.png') top left repeat; border-top:1px solid #e0e0e0; margin-top:0px; padding:25px 0px 20px 0px; } .commercialBkg { background:url('images/commercialBkg.jpg') top no-repeat #fff; margin-top:-1px; padding:0px 0px 20px 0px; } .commercialTop { background:url('images/commercialTop.png') top left repeat; border-top:1px solid #e0e0e0; margin-top:0px; padding:25px 0px 20px 0px; } .lrgformatBkg { background:url('images/lrgformatBkg.jpg') top no-repeat #fff; margin-top:-1px; padding:0px 0px 20px 0px; } .lrgformatTop { background:url('images/lrgformatTop.png') top left repeat; border-top:1px solid #e0e0e0; margin-top:0px; padding:25px 0px 20px 0px; } .persona01 {float:right; margin:30px -30px -25px 0px; } .persona02 {float:right; margin:-30px -110px -26px 0px; } .persona03 {float:right; margin:-33px -80px -26px 0px; } .persona04 {float:right; margin:-38px -80px -20px 0px; } .persona05 {float:right; margin:10px -155px -20px 0px; } .landingRight img {margin-top:-41px} /* crumb trail colours for persona landing pages */ .crumbWt a {color:#fff !important; background:url('images/crumbArrowWt.png') right no-repeat !important;} .crumbWt a.home {color:#fff !important; } .crumbWt.purple a.last {background:#fff !important; color:#9b4f9f !important} .crumbWt.orange a.last {background:#fff !important; color:#e96c12 !important} .crumbWt.green a.last {background:#fff !important; color:#12963b !important} .crumbWt.navy a.last {background:#fff !important; color:#0c5b7a !important} .crumbWt.teal a.last {background:#fff !important; color:#02898f !important} .crumbWt.pink a.last {background:#fff !important; color:#c30044 !important} /* product panels */ #landingPnls {font-family:"Helvetica Neue", Arial, Sans-Serif; float:left; margin-left:0px} #landingPnls table {float:left; margin-right:12px;} #landingPnls td {background:#fff; width:195px; padding:20px 20px 20px 16px; float:left} .ie7 #landingPnls td {background:#fff; width:195px; padding:20px 16px 20px 16px; float:left} #landingPnls td span {font-size:200%; color:#1a0b48; padding-bottom:0px; display:block; height:48px; line-height:24px} #landingPnls td p {color:#1a0b48; line-height:14px; font-size:85%; height:60px} #landingPnls.purple td a {color:#1a0b48; background:url('images/moreInfoPurple.gif') right no-repeat; padding-right:20px} #landingPnls.purple td a:hover {color:#9b4f9f} #landingPnls.orange td a {color:#1a0b48; background:url('images/moreInfoOrange.gif') right no-repeat; padding-right:20px} #landingPnls.orange td a:hover {color:#e96c12} #landingPnls.green td a {color:#1a0b48; background:url('images/moreInfoGreen.gif') right no-repeat; padding-right:20px} #landingPnls.green td a:hover {color:#12963b} #landingPnls.yellow td a {color:#1a0b48; background:url('images/moreInfoYellow.gif') right no-repeat; padding-right:20px} #landingPnls.yellow td a:hover {color:#ffae00} #landingPnls.navy td a {color:#0c5b7a; background:url('images/moreInfoNavy.gif') right no-repeat; padding-right:20px} #landingPnls.navy td a:hover {color:#000} #landingPnls.teal td a {color:#0c5b7a; background:url('images/moreInfoTeal.gif') right no-repeat; padding-right:20px} #landingPnls.teal td a:hover {color:#000} #landingPnls.pink td a {color:#c30044; background:url('images/moreInfoPink2.gif') right no-repeat; padding-right:20px} #landingPnls.pink td a:hover {color:#000} /* flickr image carousel */ #csr {background:#fff; padding:8px 0px 8px 8px; margin-top:15px; float:left; width:952px } #csr a.ttl {background:url('images/flickr.gif') top left no-repeat; padding:8px 0px 8px 40px; font-size:110%; color:#1a0b48} #csr a.ttl span {padding:1px 8px} #csr a.link span {background:url('images/submit.gif') right no-repeat; padding-right:16px; } #csr a:hover.ttl span {border-bottom:1px dotted #1a0b48} #csr a.ttl span.view {padding:1px 8px} #csr a:hover.ttl span.view {background:#1a0b48; color:#fff; padding:1px 8px} #csr a.link {color:#1a0b48; float:right; padding-right:10px} #csr ul#flickCarousel {margin-top:0px !important; float:left !important; } #csr ul#flickCarousel li {display:inline; float:left; margin-right:8px; width:230px} #csrCarousel-prev {background:url('images/flickPrev.png') top left no-repeat; width:47px; height:47px; float:left; margin:-75px 0px 0px 10px; position:relative; z-index:10} #csrCarousel-next {background:url('images/flickNext.png') top left no-repeat; width:47px; height:47px; float:right; margin:-75px 20px 0px 0px; position:relative; z-index:10} #csr a.cs {background:url('images/navyArrow.gif') top left no-repeat; padding:8px 0px 8px 40px; font-size:110%; color:#1a0b48} #csr .cs a img {border-right:1px solid #ddd; border-bottom:1px solid #ddd} #csr ul.cs {margin-left:20px !important; } /* flickr image carousel */ #flickr {background:#fff; padding:18px 0px 8px 8px; margin-top:15px; float:left; width:952px } #flickr a.ttl {background:url('images/flickr.gif') top left no-repeat; padding:8px 0px 20px 40px; font-size:110%; color:#1a0b48} #flickr a.ttl span {padding:1px 8px} #flickr a.link span {background:url('images/submit.gif') right no-repeat; padding-right:16px; } #flickr a:hover.ttl span {border-bottom:1px dotted #1a0b48} #flickr a.ttl span.view {padding:1px 8px} #flickr a:hover.ttl span.view {background:#1a0b48; color:#fff; padding:1px 8px} #flickr a.link {color:#1a0b48; float:right; padding-right:10px} #flickr ul#flickCarouselFlickr {margin-top:15px !important; float:left !important; } #flickCarousel-prev {background:url('images/flickPrev.png') top left no-repeat; width:47px; height:47px; float:left; margin:-75px 0px 0px 10px; position:relative; z-index:10} #flickCarousel-next {background:url('images/flickNext.png') top left no-repeat; width:47px; height:47px; float:right; margin:-75px 20px 0px 0px; position:relative; z-index:10} #flickr a.cs {background:url('images/navyArrow.gif') top left no-repeat; padding:8px 0px 8px 40px; font-size:110%; color:#1a0b48} #flickr .cs a img {border-right:1px solid #ddd; border-bottom:1px solid #ddd} #flickr ul.cs {margin-left:20px !important; } /* Customer Showcase flickr image carousel */ #customerShowcaseFlickr {background:#fff; padding:18px 0px 8px 8px; margin-top:15px; float:left; width:952px } #customerShowcaseFlickr a.ttl {background:url('images/flickr.gif') top left no-repeat; padding:8px 0px 20px 40px; font-size:110%; color:#1a0b48} #customerShowcaseFlickr a.ttl span {padding:1px 8px} #customerShowcaseFlickr a.link span {background:url('images/submit.gif') right no-repeat; padding-right:16px; } #customerShowcaseFlickr a:hover.ttl span {border-bottom:1px dotted #1a0b48} #customerShowcaseFlickr a.ttl span.view {padding:1px 8px} #customerShowcaseFlickr a:hover.ttl span.view {background:#1a0b48; color:#fff; padding:1px 8px} #customerShowcaseFlickr a.link {color:#1a0b48; float:right; padding-right:10px} #customerShowcaseFlickr ul#customerShowcaseDisplayFlickrCarousel {margin-top:15px !important; float:left !important; } #customerShowcaseFlickr a.cs {background:url('images/navyArrow.gif') top left no-repeat; padding:8px 0px 8px 40px; font-size:110%; color:#1a0b48} #customerShowcaseFlickr .cs a img {border-right:1px solid #ddd; border-bottom:1px solid #ddd} #customerShowcaseFlickr ul.cs {margin-left:20px !important; } #customerShowcaseDisplayFlickrCarousel-prev {background:url('images/flickPrev.png') top left no-repeat; width:47px; height:47px; float:left; margin:-75px 0px 0px 10px; position:relative; z-index:10} #customerShowcaseDisplayFlickrCarousel-next {background:url('images/flickNext.png') top left no-repeat; width:47px; height:47px; float:right; margin:-75px 20px 0px 0px; position:relative; z-index:10} /* range */ #range {background:#fff; padding:15px; width:444px; float:left; margin-top:15px;} #range ul {display:block; margin-top:15px} #range.aubergine h3 {color:#1a0b48; padding:3px 0px 0px 0px; font-size:180%} #range.aubergine ul li a {padding:3px 0px; color:#1a0b48; border-bottom:1px dotted #c2c2c2; display:block !important;} #range.aubergine ul li a:hover {background:#1a0b48; color:#fff; border-bottom:1px dotted #c2c2c2;} #range.yellow h3 {color:#ffae00; padding:3px 0px 0px 0px; font-size:180%} #range.yellow ul li a {padding:3px 0px; color:#ffae00; border-bottom:1px dotted #c2c2c2; display:block !important;} #range.yellow ul li a:hover {background:#ffae00; color:#fff; border-bottom:1px dotted #c2c2c2;} #range.navy h3 { padding:3px 0px 0px 0px; color:#0c5b7a; font-size:180%} #range.navy ul li a {padding:3px 0px; color:#0c5b7a; border-bottom:1px dotted #c2c2c2; display:block !important;} #range.navy ul li a:hover {background:#0c5b7a; color:#fff; border-bottom:1px dotted #c2c2c2;} #range.teal h3 { padding:3px 0px 0px 0px; color:#02808c; font-size:180%} #range.teal ul li a {padding:3px 0px; color:#02808c; border-bottom:1px dotted #02808c; display:block !important;} #range.teal ul li a:hover {background:#02808c; color:#fff; border-bottom:1px dotted #02808c;} #range.pink h3 {padding:3px 0px 0px 0px; color:#c30044; font-size:180%} #range.pink ul li a {padding:3px 0px; color:#c30044; border-bottom:1px dotted #c30044; display:block !important;} #range.pink ul li a:hover {background:#c30044; color:#fff; border-bottom:1px dotted #c30044;} #range.blue h3 {padding:3px 0px 0px 0px; color:#4a7dae; font-size:180%} #range.blue ul li a {padding:3px 0px; color:#4a7dae; border-bottom:1px dotted #4a7dae; display:block !important;} #range.blue ul li a:hover {background:#4a7dae; color:#fff; border-bottom:1px dotted #4a7dae;} #range.orange h3 {padding:3px 0px 0px 0px; color:#e96c12; font-size:180%} #range.orange ul li a {padding:3px 0px; color:#e96c12; border-bottom:1px dotted #e96c12; display:block !important;} #range.orange ul li a:hover {background:#e96c12; color:#fff; border-bottom:1px dotted #e96c12;} #range.green h3 {padding:3px 0px 0px 0px; color:#12963b; font-size:180%} #range.green ul li a {padding:3px 0px; color:#12963b; border-bottom:1px dotted #12963b; display:block !important;} #range.green ul li a:hover {background:#12963b; color:#fff; border-bottom:1px dotted #12963b;} #range2.green h3 {padding:3px 0px 0px 0px; color:#12963b; font-size:180%} #range2.green ul li a {padding:3px 0px; color:#12963b; border-bottom:1px dotted #12963b; display:block !important;} #range2.green ul li a:hover {background:#12963b; color:#fff; border-bottom:1px dotted #12963b;} #range2.orange h3 {padding:3px 0px 0px 0px; color:#e96c12; font-size:180%} #range2.orange ul li a {padding:3px 0px; color:#e96c12; border-bottom:1px dotted #e96c12; display:block !important;} #range2.orange ul li a:hover {background:#e96c12; color:#fff; border-bottom:1px dotted #e96c12;} #range2 {background:#fff; padding:15px; width:444px; float:right; margin-top:15px;} #range2.navy h3 {padding:3px 0px 0px 0px; color:#0c5b7a; font-size:180%} #range2 ul {display:block; margin-top:15px} #range2.navy ul li a {padding:3px 0px; color:#0c5b7a; border-bottom:1px dotted #c2c2c2; display:block !important;} #range2.navy ul li a:hover {background:#0c5b7a; color:#fff; border-bottom:1px dotted #c2c2c2;} #range2.pink ul li a {padding:3px 0px; color:#c30044; border-bottom:1px dotted #c30044; display:block !important;} #range2.pink ul li a:hover {background:#c30044; color:#fff; border-bottom:1px dotted #c30044;} #range2.blue ul li a {padding:3px 0px; color:#4a7dae; border-bottom:1px dotted #4a7dae; display:block !important;} #range2.blue ul li a:hover {background:#4a7dae; color:#fff; border-bottom:1px dotted #4a7dae;} #range3 {background:#fff; padding:15px; width:444px; float:right; margin-top:15px;} #range3 h3 {font-size:180%} #range3 p {line-height:1.4em} #range3 a {padding:5px 0px; float:left; font-size:130%; width:100%; border-top:1px dotted; border-bottom:1px dotted } .videolinks img {float:left; clear:both; padding:3px 5px} .videolinks a {clear:both; float:left; width:440px} .videolinks span {float:right; width:300px; padding:10px 0px 0px 10px; font-weight:bold; font-size:1.1em} /* twitter feed */ h3.twitter {background:#fff; width:452px; padding:10px 10px 4px 10px; color:#1a0b48; float:right; margin:15px 2px 0px 0px; font-size:140%;} h3.twitter span {background:url('images/twitter.gif') left no-repeat; float:left; width:35px; height:35px; margin:-5px 6px 0px 0px} #tweets {width:472px; float:right; margin:10px 2px 0px 0px } ul#tweets li {width:447px; background:#742d78 !important; color:#fff; border:3px solid #fff; padding:10px; float:left; margin-bottom:15px} ul#tweets li img {float:left; margin-right:10px; border:2px solid #fff} ul#tweets li .quote {font-family:Georgia, Serif; font-style:italic} ul#tweets li .user {font-family:Georgia, Serif; display:block; padding-top:10px} .speech {background:url('images/speechPointer.png') no-repeat; width:20px; height:20px; margin:-18px 20px 0px 0px; float:right;} /* objectives */ #objectives {background:#f4f4f4; float:left; margin-top:15px; width:930px; padding:15px} #objectives h3.ttl {background:url('images/objectives.gif') left no-repeat; padding:0px 0px 0px 35px; font-size:190%} #accordion {margin:15px 0px} #accordion h3 a {color:#e96c12; display:block; font-weight:bold; margin-top:10px; font-size:60%; background:#fff; padding:10px 14px} #accordion h3 a span {background:url('images/accordionArrow.gif') left no-repeat; float:left; width:10px; height:17px} #accordion div {background:#fff; padding:0px 14px; margin-bottom:10px} /* case studies */ #casestudy {background:#fff; padding:15px; width:930px; float:left; margin-top:15px} #csContent {float:right; width:620px} #csContent a {color:#1a0b48; background:url('images/moreInfoGreen.gif') right no-repeat; padding-right:20px} #csContent a:hover {color:#12963b} /* Get in touch */ #contact {background:#fff; padding:15px; width:444px; float:left; margin:15px 0px 0px 12px;} #contact h3 {color:#ffae00; font-size:180%} #contact p {line-height:16px} #supplierSearch {background:#ffae00; padding:15px} #supplierSearch h2 {font-weight:bold; color:#fff; font-size:120%} #supplierSearch select {border:none; padding:4px; display:block; margin-bottom:11px; width:204px} #supplierSearch input {border:none; padding:5px 3px; display:block; width:200px; float:left} #supplierSearch a {background:#fff; padding:6px; width:130px; display:block; text-align:center; margin-top:11px; color:#000} #supplierSearch a:hover {background:#444; color:#fff} /* generic content ------------------------------------------------------------------------- */ .contentTop { background:#efefef; border-top:1px solid #e0e0e0; margin-top:-1px; padding:25px 0px 20px 0px; min-height:185px !important ; display:block} .contentTop p {margin-top:-5px; font-weight:bold} .leftWrap {float:left; width:635px; padding:0px 15px 0px 0px} .rightWrap {float:left; font-family:"Helvetica Neue", Arial, Sans-Serif;} .contentTop .rightWrap img {margin-top:-15px} /* crumb trail */ ul#crumb {list-style-type:none} ul#crumb li {display:inline; padding-right:2px} ul#crumb li a {padding-right:20px; background:url('images/crumbArrow.png') right no-repeat;} ul#crumb li a.last {background:#12963b; color:#fff; padding:1px 2px} .crumbPurple a {color:#9b4f9f !important} .crumbPurple a.home {color:#1a0b48 !important} .crumbPurple a.last {background:#9b4f9f !important; color:#fff !important} .crumbGreen a {color:#12963b !important} .crumbGreen a.home {color:#1a0b48 !important} .crumbGreen a.last {background:#12963b !important; color:#fff !important} .crumbBlue a {color:#2471a8 !important} .crumbBlue a.home {color:#1a0b48 !important} .crumbBlue a.last {background:#2471a8 !important; color:#fff !important} .crumbLime a {color:#acde23 !important} .crumbLime a.home {color:#1a0b48 !important} .crumbLime a.last {background:#acde23 !important; color:#fff !important} .crumbNavy a {color:#000032 !important} .crumbNavy a.home {color:#1a0b48 !important} .crumbNavy a.last {background:#000032 !important; color:#fff !important} .crumbOrange a {color:#e96c12 !important} .crumbOrange a.home {color:#1a0b48 !important} .crumbOrange a.last {background:#e96c12 !important; color:#fff !important} .crumbPink a {color:#c30044 !important} .crumbPink a.home {color:#1a0b48 !important} .crumbPink a.last {background:#c30044 !important; color:#fff !important} /* main cms area */ .content {font-family:"Helvetica Neue", Arial, Sans-Serif; } /* purple - .contentPurple */ .contentPurple h3 {color:#87458a} .contentPurple p {color:#1a0b48} .contentPurple a {color:#87458a; border-bottom:1px dotted #87458a; background:transparent !important; padding:0px !important } .contentPurple a:hover {color:#87458a; border:none } .contentPurple a.arrow-link {background:url('images/linkArrowPurple.gif') left no-repeat #1a0b48; color:#fff; padding:2px 10px 3px 30px; border:none; font-size:90%} .contentPurple a:hover.arrow-link {background:url('images/linkArrowPurple.gif') left no-repeat #87458a; color:#fff; padding:2px 10px 3px 30px; border:none; font-size:90%} .contentPurple ul {list-style-type:none; color:#87458a; font-size:85%; margin-bottom:35px} .contentPurple ul li {background:url('images/listImgPurple.gif') center left no-repeat; padding:10px 0px 0px 20px} /* green - .contentGreen */ .contentGreen h3 {color:#12963b} .contentGreen p {color:#1a0b48} .contentGreen a {color:#12963b; border-bottom:1px dotted #12963b; background:transparent !important; padding:0px !important } .contentGreen a:hover {color:#12963b; border:none } .contentGreen a.arrow-link {background:url('images/linkArrow.gif') left no-repeat #1a0b48; color:#fff; padding:2px 10px 3px 30px; border:none; font-size:90%} .contentGreen a:hover.arrow-link {background:url('images/linkArrow.gif') left no-repeat #12963b; color:#fff; padding:2px 10px 3px 30px; border:none; font-size:90%} .contentGreen ul {list-style-type:none; color:#12963b; font-size:85%; margin-bottom:35px} .contentGreen ul li {background:url('images/listImgGreen.gif') center left no-repeat; padding:10px 0px 0px 20px} /* blue - .contentBlue */ .contentBlue h3 {color:#2471a8} .contentBlue p {color:#1a0b48} .contentBlue a {color:#2471a8; border-bottom:1px dotted #2471a8; background:transparent !important; padding:0px !important } .contentBlue a:hover {color:#2471a8; border:none } .contentBlue a.arrow-link { background:url('images/linkArrowBlue.gif') left no-repeat #1a0b48; color:#fff; padding:1px 10px 3px 30px; border:none; font-size:90%} .contentBlue a:hover.arrow-link {background:url('images/linkArrowBlue.gif') left no-repeat #2471a8; color:#fff; padding:1px 10px 3px 30px; border:none; font-size:90%} .contentBlue ul {list-style-type:none; color:#2471a8; font-size:85%; margin-bottom:35px} .contentBlue ul li {background:url('images/listImgBlue.gif') center left no-repeat; padding:10px 0px 0px 20px} /* lime - .contentLime */ .contentLime h3 {color:#86ad1b} .contentLime p {color:#1a0b48} .contentLime a {color:#86ad1b; border-bottom:1px dotted #86ad1b; background:transparent !important; padding:0px !important } .contentLime a:hover {color:#86ad1b; border:none } .contentLime a.arrow-link { background:url('images/linkArrowLime.gif') left no-repeat #1a0b48; color:#fff; padding:1px 10px 3px 30px; border:none; font-size:90%} .contentLime a:hover.arrow-link {background:url('images/linkArrowLime.gif') left no-repeat #86ad1b; color:#fff; padding:1px 10px 3px 30px; border:none; font-size:90%} .contentLime ul {list-style-type:none; color:#86ad1b; font-size:85%; margin-bottom:35px} .contentLime ul li {background:url('images/listImgBlue.gif') center left no-repeat; padding:10px 0px 0px 20px} /* navy - contentNavy */ .contentNavy h3 {color:#000028} .contentNavy p {color:#1a0b48} .contentNavy a {color:#000028; border-bottom:1px dotted #000028; background:transparent !important; padding:0px !important } .contentNavy a:hover {color:#000028; border:none } .contentNavy a.arrow-link {background:url('images/linkArrowNavy.gif') left no-repeat #1a0b48; color:#fff; padding:1px 10px 3px 30px; border:none; font-size:90%} .contentNavy a:hover.arrow-link {background:url('images/linkArrowNavy.gif') left no-repeat #000028; color:#fff; padding:1px 10px 3px 30px; border:none; font-size:90%} .contentNavy ul {list-style-type:none; color:#2471a8; font-size:85%; margin-bottom:35px} .contentNavy ul li {background:url('images/listImgBlue.gif') center left no-repeat; padding:10px 0px 0px 20px} /* orange - .contentOrange */ .contentOrange h3 {color:#dd3f00} .contentOrange p {color:#1a0b48} .contentOrange a {color:#dd3f00; border-bottom:1px dotted #dd3f00; background:transparent !important; padding:0px !important } .contentOrange a:hover {color:#dd3f00; border:none } .contentOrange a.arrow-link {background:url('images/linkArrowOrange.gif') left no-repeat #1a0b48; color:#fff; padding:1px 10px 3px 30px; border:none; font-size:90%} .contentOrange a:hover.arrow-link {background:url('images/linkArrowOrange.gif') left no-repeat #dd3f00; color:#fff; padding:1px 10px 3px 30px; border:none; font-size:90%} .contentOrange ul {list-style-type:none; color:#2471a8; font-size:85%; margin-bottom:35px} .contentOrange ul li {background:url('images/listImgBlue.gif') center left no-repeat; padding:10px 0px 0px 20px} /* pink - .contentPink */ .contentPink h3 {color:#c30044} .contentPink p {color:#1a0b48} .contentPink a {color:#c30044; border-bottom:1px dotted #c30044; background:transparent !important; padding:0px !important } .contentPink a:hover {color:#c30044; border:none } .contentPink a.arrow-link {background:url('images/linkArrowPink.gif') left no-repeat #1a0b48; color:#fff; padding:2px 10px 3px 30px; border:none; font-size:90%} .contentPink a:hover.arrow-link {background:url('images/linkArrowPink.gif') left no-repeat #c30044; color:#fff; padding:2px 10px 3px 30px; border:none; font-size:90%} .contentPink ul {list-style-type:none; color:#c30044; font-size:85%; margin-bottom:35px} .contentPink ul li {background:url('images/listImgBlue.gif') center left no-repeat; padding:10px 0px 0px 20px} .contentPurple img, .contentPink img, .contentOrange img, .contentNavy img, .contentLime img, .contentGreen img, .contentBlue img {display:block; padding:5px 0px 25px 0px;} /* right navigation */ .RadPanelBar_RightNav ul.rpRootGroup {border-left:1px solid #bab5c8; font-size:115%; padding-left:15px !important; width:295px; margin-left:0px !important} .RadPanelBar_RightNav ul.rpRootGroup li a.rpLink {font-size:110%; color:#000; font-weight:bold} .RadPanelBar_RightNav ul.rpLevel1 {list-style-type:none; padding:0px 0px 10px 0px} .RadPanelBar_RightNav ul.rpLevel1 li a.rpLink {color:#12963b; font-weight:normal; border-bottom:1px dashed #5c5c5c; display:block; padding:9px 0px; width:280px } .RadPanelBar_RightNav ul.rpLevel1 li a:hover.rpLink {color:#000 !important; border-bottom:1px dashed #5c5c5c;} .RadPanelBar_RightNav ul.rpLevel1 li a.rpLink.rpExpanded, ul#rightNav ul li a.rpLink.rpSelected {color:#000 !important} .RadPanelBar_RightNav ul.rpLevel2 {padding:10px 0px 5px 0px !important; list-style-type:none; border-left:0px !important} .RadPanelBar_RightNav ul.rpLevel2 li a.rpLink {color:#1a0b48 !important; border-bottom:none; padding:2px 0px 2px 13px !important; font-size:90% !important; display:block; background:url('images/rightnavSubArrow.gif') left no-repeat; } .RadPanelBar_RightNav ul.rpLevel2 li a.rpLink:hover {color:#fff; background:url('images/rightnavSubArrowHover.gif') left no-repeat #12963b; border-bottom:none;} .RadPanelBar_RightNav ul.rpLevel3 {border-left:0px !important; padding:4px 0px !important;} .RadPanelBar_RightNav ul.rpLevel3 li a.rpLink {color:#979797 !important; border-bottom:none; background:none !important; margin-left:10px !important; padding:0px 0px 2px 13px !important; font-size:90%; display:block;} .RadPanelBar_RightNav ul.rpLevel3 li a.rpLink:hover {color:#000 !important; border-bottom:none;} .RadPanelBar_RightNav ul.rpLevel3 li a.rpLink.rpSelected {color:#000 !important} /* purple */ .RadPanelBar_RightNav.purple ul.rpLevel1 li a {color:#87458a} .RadPanelBar_RightNav.purple ul.rpLevel2 li a.rpLink.rpSelected, .RadPanelBar_RightNav.purple ul.rpLevel2 li a.rpLink.rpExpanded {color:#fff !important; background:url('images/rightnavSubArrowHover.png') left no-repeat #87458a;} .RadPanelBar_RightNav.purple ul.rpLevel2 li a.rpLink:hover {color:#fff !important; background:url('images/rightnavSubArrowHover.png') left no-repeat #87458a;} .RadPanelBar_RightNav.purple ul.rpLevel3 li a.rpLink:hover, .RadPanelBar_RightNav.purple ul.rpLevel3 li a.rpLink.rpSelected {color:#000 !important; border-bottom:none;} /* green */ .RadPanelBar_RightNav.green ul.rpLevel1 li a {color:#12963b} .RadPanelBar_RightNav.green ul.rpLevel2 li a.rpSelected, .RadPanelBar_RightNav.green ul.rpLevel2 li a.rpExpanded {color:#fff !important; background:url('images/rightnavSubArrowHover.png') left no-repeat #12963b;} .RadPanelBar_RightNav.green ul.rpLevel2 li a:hover {color:#fff !important; background:url('images/rightnavSubArrowHover.png') left no-repeat #12963b;} .RadPanelBar_RightNav.green ul.rpLevel3 li a.rpLink:hover, .RadPanelBar_RightNav.green ul.rpLevel3 li a.rpLink.rpSelected {color:#000 !important; border-bottom:none;} /* blue */ .RadPanelBar_RightNav.blue ul.rpLevel1 li a {color:#2471a8} .RadPanelBar_RightNav.blue ul.rpLevel2 li a.rpSelected, .RadPanelBar_RightNav.blue ul.rpLevel2 li a.rpExpanded {color:#fff !important; background:url('images/rightnavSubArrowHover.png') left no-repeat #2471a8;} .RadPanelBar_RightNav.blue ul.rpLevel2 li a:hover {color:#fff !important; background:url('images/rightnavSubArrowHover.png') left no-repeat #2471a8;} .RadPanelBar_RightNav.blue ul.rpLevel3 li a.rpLink:hover, .RadPanelBar_RightNav.blue ul.rpLevel3 li a.rpLink.rpSelected {color:#000 !important; border-bottom:none;} /* lime */ .RadPanelBar_RightNav.lime ul.rpLevel1 li a {color:#86ad1b} .RadPanelBar_RightNav.lime ul.rpLevel2 li a.rpSelected, .RadPanelBar_RightNav.lime ul.rpLevel2 li a.rpExpanded {color:#fff !important; background:url('images/rightnavSubArrowHover.png') left no-repeat #86ad1b;} .RadPanelBar_RightNav.lime ul.rpLevel2 li a:hover {color:#fff !important; background:url('images/rightnavSubArrowHover.png') left no-repeat #86ad1b;} .RadPanelBar_RightNav.lime ul.rpLevel3 li a.rpLink:hover, .RadPanelBar_RightNav.lime ul.rpLevel3 li a.rpLink.rpSelected {color:#000 !important; border-bottom:none;} /* navy */ .RadPanelBar_RightNav.navy ul.rpLevel1 li a {color:#000028} .RadPanelBar_RightNav.navy ul.rpLevel2 li a.rpSelected, .RadPanelBar_RightNav.navy ul.rpLevel2 li a.rpExpanded {color:#fff !important; background:url('images/rightnavSubArrowHover.png') left no-repeat #000028;} .RadPanelBar_RightNav.navy ul.rpLevel2 li a:hover {color:#fff !important; background:url('images/rightnavSubArrowHover.png') left no-repeat #000028;} .RadPanelBar_RightNav.navy ul.rpLevel3 li a.rpLink:hover, .RadPanelBar_RightNav.navy ul.rpLevel3 li a.rpLink.rpSelected {color:#000 !important; border-bottom:none;} /* orange */ .RadPanelBar_RightNav.orange ul.rpLevel1 li a {color:#dd3f00} .RadPanelBar_RightNav.orange ul.rpLevel2 li a.rpSelected, .RadPanelBar_RightNav.orange ul.rpLevel2 li a.rpExpanded {color:#fff !important; background:url('images/rightnavSubArrowHover.png') left no-repeat #dd3f00;} .RadPanelBar_RightNav.orange ul.rpLevel2 li a:hover {color:#fff !important; background:url('images/rightnavSubArrowHover.png') left no-repeat #dd3f00;} .RadPanelBar_RightNav.orange ul.rpLevel3 li a.rpLink:hover, .RadPanelBar_RightNav.orange ul.rpLevel3 li a.rpLink.rpSelected {color:#000 !important; border-bottom:none;} /* pink */ .RadPanelBar_RightNav.pink ul.rpLevel1 li a {color:#c30044} .RadPanelBar_RightNav.pink ul.rpLevel2 li a.rpSelected, .RadPanelBar_RightNav.pink ul.rpLevel2 li a.rpExpanded {color:#fff !important; background:url('images/rightnavSubArrowHover.png') left no-repeat #c30044;} .RadPanelBar_RightNav.pink ul.rpLevel2 li a:hover {color:#fff !important; background:url('images/rightnavSubArrowHover.png') left no-repeat #c30044;} .RadPanelBar_RightNav.pink ul.rpLevel3 li a.rpLink:hover, .RadPanelBar_RightNav.pink ul.rpLevel3 li a.rpLink.rpSelected {color:#000 !important; border-bottom:none;} /* news/events -------------------------------------------------------------------------------- */ .pagination {background:#e96c12;} .pagination ul {list-style-type:none; padding:7px 0px} .pagination ul li {display:inline} .pagination ul li a {color:#fff; padding: 5px;} .pagination ul li a:hover {color:#000; } .pagination ul li a.active {background:#fff; color:#e96c12} h1.news a {color:#c3c3c3} h1.news a.active {color:#1a0b48} h1.news a:hover {color:#e96c12} .newsItem {border-bottom:1px dotted #1a0b48; padding-bottom:20px; margin-bottom:20px; float:left} .newsItem h3 {font-size:170%; color:#e96c12; padding-bottom:15px } .newsItem img {float:right; border:3px solid #dfdfdf; padding:0px} .newsItem .date {font-size:130%; font-weight:bold;} .newsList {float:left; width:470px; padding-right:20px} .read {background:url('images/readArrow.gif') left no-repeat #e96c12 !important; color:#fff; padding:2px 10px 3px 30px; border:none; font-size:90%} .read:hover {background:url('images/readArrow.gif') left no-repeat #1a0b48 !important;} /* news nav */ ul#newsNav {list-style-type:none; padding:0px 0px 10px 0px; font-size:115%} ul#newsNav li a {color:#e96c12; border-bottom:1px solid #e96c12; display:block; padding:9px 0px 9px 5px; width:280px } ul#newsNav li a:hover {color:#000} ul#newsNav li a.active {color:#000} ul#newsNav li a span {color:#a4a4a4; font-weight:bold} ul#newsNav li a:hover span {color:#000} ul#newsNav li a.active span {color:#000} ul#newsNav ul {padding:10px 0px 5px 0px; list-style-type:none} ul#newsNav ul li a {color:#1a0b48; border-bottom:1px dashed #999; padding:8px 0px 8px 5px !important; font-size:90%; display:block; width:278px} ul#newsNav ul li a:hover {color:#fff; background:#e96c12;} ul#newsNav ul li a.active {color:#fff; background:url('images/rightnavSubArrowHover.gif') left no-repeat #12963b;} /* article */ #article img {float:right; margin:14px 0px 10px 10px; border:3px solid #f3f3f3} #article a {color:#e96c12; border-bottom:1px dotted #e96c12} #article a:hover {border:none} /* events */ .eventItem {border-bottom:1px dotted #1a0b48; padding-bottom:20px; margin-bottom:20px; float:left} .eventItem h3 {font-size:170%; color:#e96c12; padding-bottom:15px } .eventItem img {float:right; border:3px solid #dfdfdf; padding:0px} .eventItem .date {font-size:130%; font-weight:bold;} .eventsRight h3 {font-size:160%; padding:0px 0px 10px 0px} .eventsRight ul li a {color:#444; font-size:120%; line-height:28px } .eventsRight ul li a:hover {color:#e96c12} #calWrap {padding-bottom:20px; border-bottom:1px dotted #444; margin-bottom:15px} /* results ------------------------------------------------------------------------------- */ .pagination.pink {background:#c30044;} .pagination ul li a.active {background:#fff; color:#c30044} #results ul { list-style-type:decimal; padding-bottom:30px; color:#c3c3c3} #results ul li {padding:15px 0px; border-bottom:1px dotted #c3c3c3} #results .ttl {display:block; color:#c30044; font-size:150%} #results .desc {color:#1a0b48} #results li:hover .desc, #results li:hover .ttl, #results li:hover {color:#000} /* popular products ----------------------------------------------------------------------- */ .behind {background:url('images/paperRip.jpg') top repeat-x #cccccc; margin-top:35px; padding:50px 0px 25px 0px} ul#popProducts {list-style-type:none; float:left; padding-left:8px} ul#popProducts li {display:inline; } ul#popProducts li a img {border:4px solid #dfdfdf !important; margin:0px 4px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } ul#popProducts li a img:hover {border:4px solid #fff !important} /* form styles */ .contactForm {width:370px; float:left; margin-left:22px} .contactForm table {border-bottom:1px dotted #c3c3c3; margin-bottom:15px} .contactForm table tr td {padding:10px 0px; color:#444; font-size:120%;} .contactForm table tr td input, .contactForm table tr td textarea {padding:5px; border:1px solid #c3c3c3} .contactForm table tr td .smallbtn {padding:5px 10px; background:#e00b4d; color:#fff; font-weight:bold; cursor:pointer; margin-bottom:15px} .contactForm table tr td span {color:#e00b4d !important; padding-left:3px} .contactForm table tr td input[type="checkbox"] {border:0px; margin:0px 10px} .contactForm table tr td input[type="radio"] {border:0px; margin-right:10px} .contactForm h3 {padding:10px 0 0 0; color:#c30044; font-size:1.4em} .upload-form-wrap {border-bottom:1px dotted #c0c0c0} .upload-form-table {width:460px !important; float:left; border-bottom:0px !important} .upload-form-table table {border-bottom:0px !important} .upload-form-table.border {border-right:1px dotted #c0c0c0; margin-right:20px} .tcs {display:block; margin-top:25px; color:#777;} .tcs a {color:#e00b4d} .tcs a:hover {text-decoration:underline} .tcs ol {margin-left:21px} /* footer -------------------------------------------------------------------------------- */ .footer {background:#000032; padding:25px 0px 120px 0px } ul#footerNav01 {color:#fff; font-size:90%; width:100%; padding:16px 0px; border-bottom:1px dashed #fff; list-style-type:none; margin:10px 0px} ul#footerNav01 li {display:inline; padding-right:15px} ul#footerNav01 li a {color:#fff} ul#footerNav01 li a:hover {text-decoration:underline} ul#footerNav02 {color:#fff; float:left; font-size:90%; width:100%; padding:0px 0px 26px 0px; border-bottom:1px solid #fff; list-style-type:none; margin:0px 0px 20px 0px} ul#footerNav02 li {display:inline; float:left; padding:0px 15px 3px 0px;} ul#footerNav02 li a {color:#fff; float:left;} ul#footerNav02 li a:hover {text-decoration:underline} .registered {font-size:85%; color:#fff;} #footerSocialMedia {display:block; border-bottom:1px solid #fff; padding:20px 0px; margin-bottom:20px} #footerSocialMedia li {padding-right:5px; float:left} #footerSocialMedia li a.twitter {float:left; width:35px; height:35px; background:url('images/twitterFooterLink.gif') no-repeat;} #footerSocialMedia li a.fb {float:left; width:35px; height:35px; background:url('images/fbFooterLink.gif') no-repeat;} #footerSocialMedia li a.flickr {float:left; width:35px; height:35px; background:url('images/flickrFooterLink.gif') no-repeat;} #footerSocialMedia li a.youtube {float:left; width:35px; height:35px; background:url('images/ytFooterLink.png') no-repeat;} /* calculation table styles -------------------------------------------------------------- */ table.calc { border-collapse: collapse; margin: 10px 0px 10px 10px; padding: 0px 0px 0px 0px; border:1px solid #a1a1a1; width:100%; } th.calculation { text-align: center; font-weight: bold; padding: 10px 0px 0px 0px; width:20px; background-color:#FF009C; color: #fff; } .sinput5 {width:500px; margin-left:2px} .sinput3 {width:500px; margin-left:2px} table.calc tr td {padding-top:6px; padding-bottom:6px} td.desc { font-weight:bold; font-size: 100%; padding: 10px 5px 10px 5px; color: #00026C; background-color:#E5E33B; } td.equiv { font-weight:bold; font-size: 100%; padding: 10px 5px 10px 5px; color: #E5E33B; background-color:#00026C; } tr.price { background-color:#C9E8FC; } tr.price td { font-weight:normal; padding: 5px 0px 5px 5px; } tr.price td.priceleft { padding:5px; } tr.price td.pricemid { border-bottom: 1px solid #000; text-align: center; } tr.price td.pricebottom { text-align: center; } tr.price td.priceright { padding:5px; } .inputbox { border: 1px solid #000; width: 40px; } .calculatebtn a { font-size: 110%; color: #000; text-decoration: none; padding: 5px 42px 5px 15px; margin: 0px; background-image: url('images/calculate_btn.gif'); background-repeat: no-repeat; background-position: left; } .calculatebtn a:hover { color: #fff; text-decoration: none; padding: 5px 42px 5px 15px; margin: 0px; background-image: url('images/calculate_btn_alt.gif'); background-repeat: no-repeat; background-position: left; } .contactForm table {font-size:100%; color:#000028; width:100%} .contactForm table label {font-weight:bold} .contactForm td { padding:4px 4px 4px 4px} .contactForm .smallbtn {padding: 3px 3px 3px 3px; width:120px} /* downloads ------------------------------------------------------------------------------ */ table.downloads {width:100%; font-weight:bold} table.downloads tr td {border-bottom:1px solid #c3c3c3} table.downloads tr td:first-child {width:480px; padding-right:20px} table.downloads tr td a {background:transparent !important} /* feature links */ table.featureLinks {display:block; width:100%; margin:25px 0px; border:1px dotted #c3c3c3;} table.featureLinks tr { display:block; margin-bottom:10px} table.featureLinks tr td {padding-top:10px} table.featureLinks tr td img {margin:4px 15px} table.featureLinks tr td h3 a {font-weight:bold !important; background:none !important; padding:0px; color:#1a0b48 !important} table.featureLinks tr td h3 a:hover {padding:0px; text-decoration:underline} table.featureLinks tr td p {color:#868686} /*-------------------------- paper sizes table styles ---------------------------*/ table.paper { border-collapse: collapse; width: 640px; margin: 6px 0px 10px 0px; padding: 0px 0px 0px 0px; } th.series { font-weight: bold; font-size: 120%; padding: 5px 0px 5px 10px; width:640px; background-color:#FF009C; color: #fff; } td.paperdesc { font-weight:bold; font-size: 110%; padding: 10px 5px 10px 10px; color: #fff; background-color:#00C2E3; } td.papersizetitle { font-weight:bold; font-size: 110%; padding: 10px 5px 10px 10px; color: #000; background-color:#fff; } tr.papersize td { font-weight:bold; font-size: 120%; padding: 10px 5px 10px 10px; color: #fff; background-color:#00C2E3; text-transform: uppercase; border-bottom: 1px solid #fff; } /*-------------------------- calculation table styles ---------------------------*/ table.calc { border-collapse: collapse; margin: 10px 0px 10px 10px; padding: 0px 0px 0px 0px; border:1px solid #a1a1a1; } th.calculation { text-align: center; font-weight: bold; padding: 10px 0px 0px 0px; width:20px; background-color:#FF009C; color: #fff; } .sinput5 {width:500px; margin-left:2px} .sinput3 {width:500px; margin-left:2px} table.calc tr td {padding-top:6px; padding-bottom:6px} td.desc { font-weight:bold; font-size: 100%; padding: 10px 5px 10px 5px; color: #00026C; background-color:#E5E33B; } td.equiv { font-weight:bold; font-size: 100%; padding: 10px 5px 10px 5px; color: #E5E33B; background-color:#00026C; } tr.price { background-color:#C9E8FC; } tr.price td { font-weight:normal; padding: 5px 0px 5px 5px; } tr.price td.priceleft { padding:5px; } tr.price td.pricemid { border-bottom: 1px solid #000; text-align: center; } tr.price td.pricebottom { text-align: center; } tr.price td.priceright { padding:5px; } .inputbox { border: 1px solid #000; width: 40px; } .calculatebtn a { font-size: 110%; color: #000; text-decoration: none; padding: 5px 42px 5px 15px; margin: 0px; background-image: url('images/calculate_btn.gif'); background-repeat: no-repeat; background-position: left; } .calculatebtn a:hover { color: #fff; text-decoration: none; padding: 5px 42px 5px 15px; margin: 0px; background-image: url('images/calculate_btn_alt.gif'); background-repeat: no-repeat; background-position: left; } /* search results ----------------------------------------------------- */ .searchResults a {color:#c30044; font-size:140%; display:block; padding-bottom:10px; text-decoration:none} .searchResults a:hover {text-decoration:underline} .searchResults span {color:#1a0b48; padding-bottom:10px; border-bottom:1px dotted #c3c3c3; margin-bottom:10px; display:block} /* printer web app - page styles --------------------------------------- */ .selectPrinterWrap {border:1px solid #eaeaea; background:url('images/printerWrapSlc.gif') top left repeat-x #eaeaea; float:left; width:930px; padding:15px; height:70px; margin:25px 0px} .selectPrinterWrap label {font-size:130%; font-weight:bold; margin-bottom:15px; display:block} .selectPrinterWrap .dropSection {border-right:1px solid #ababab; float:left; padding-right:20px; margin-right:20px} .selectPrinterWrap .dropSection.last {border-right:0px; margin-right:0px; padding-right:0px} .selectPrinterWrap .ink {width:164px; border:1px solid #c0c0c0; height:18px; background:#f2f2f2; padding:8px; l} .selectPrinterWrap .ink label {font-weight:normal} .resultsWrap {} .resultsWrap h3 {font-size:130%; font-weight:bold; text-transform:uppercase; margin-bottom:5px} .productRangeOuter {border:1px solid #eaeaea; background:#f3f3f3; padding:0px 10px; margin-bottom:25px} .productRangeOuter h3 {font-size:180%} ul.tidymenu, ul.tidymenu li ul { padding:0; margin:0; list-style-type:none; z-index: 1500; } ul.tidymenu { margin-right: -5px; width: auto !important; } /* top level */ ul.tidymenu li { float:left; width: auto; position:relative; margin-right: 5px; text-align: left; border:1px solid #c3c3c3; width:325px; background:url('images/printerDropDnSlc.gif') top left repeat-x #c9c9c9; height:34px } ul.tidymenu li li {background:#fff} ul.tidymenu li li a:hover {background:#f3f3f3} ul.tidymenu a, ul.tidymenu a:visited { display:block; font-size:11px; text-decoration:none; min-width:100px; height:34px; padding: 0 5px; line-height:33px; color:#444; font-size:110% } /* sub levels */ ul.tidymenu ul { width:326px; visibility:hidden; position:absolute; bottom:0px; left:0; top:35px; height:200px; overflow:auto } * html ul.tidymenu ul { bottom:35px; } ul.tidymenu ul li { margin-left: -1px; text-align: left; border-top: none !important; } ul.tidymenu ul a, ul.tidymenu ul a:visited { padding: 0 5px; line-height:33px; height:34px; display: block; color:#444; font-size:110% /* yet another hack for IE5.5 */ } * html ul.tidymenu ul a{ } ul.tidymenu:hover { box-shadow:2px -2px 4px #ccc; -webkit-box-shadow:2px -2px 4px #ccc; -moz-box-shadow:2px -2px 4px #ccc; } ul.tidymenu li:hover ul, ul.tidymenu a:hover ul{ visibility:visible; height:210px; overflow-x:hidden; overflow-y:auto } ul.tidymenu > li > a { background: url(images/menu_down.png) no-repeat 292px center; } ul.tidymenu > li:hover > a { background: url(images/menu_up.png) no-repeat 292px center; } .accordion2 {margin:15px 0px} .accordion2 h3 a {color:#fff; display:block; font-weight:bold; margin-top:4px; font-size:60%; background:#9d9d9d; padding:5px 14px} .accordion2 div {background:#fff; padding:10px 14px 10px 14px; margin:-5px 0px 10px 0px} .accordion2 .ui-icon-triangle-1-s {background:url('images/ui-icon-up.png'); width:15px; height:10px; float:right; margin:7px 10px 0px 0px} .accordion2 .ui-icon-triangle-1-e {background:url('images/ui-icon-down.png'); width:15px; height:10px; float:right; margin:7px 10px 0px 0px} .accordion2 table {width:100%; padding-top:12px} .accordion2 table tr.ttl td {font-weight:bold; background:#f3f3f3} .accordion2 table td {border:1px solid #c0c0c0; padding:4px 10px} /* cocoon game styles */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1} @font-face { font-family: 'UniSansRegular'; src: url('Uni_Sans_Regular-webfont.eot'); src: url('Uni_Sans_Regular-webfont.eot?iefix') format('eot'), url('Uni_Sans_Regular-webfont.woff') format('woff'), url('Uni_Sans_Regular-webfont.ttf') format('truetype'), url('Uni_Sans_Regular-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } /* cocoon structure styles */ .cocoon {background: url('images/cocoonBkg.jpg') center top no-repeat; font-family: 'UniSansRegular',Arial,sans-serif !important;} .coWrap { min-height:750px; margin:0 auto; width:960px;} .coContent {float:left; width:685px} .coContent .logo { padding-top:20px; width:100%; text-align:left} /* cocoon content styles */ .coTitle h1 {padding:0; font-size:2.8em; font-family: 'UniSansRegular',Arial,sans-serif !important;} .coPanel h2 {padding:0; font-size:1.6em; padding-bottom:10px; font-weight:normal; font-family: 'UniSansRegular',Arial,sans-serif;} .coPanel p { font-family: 'UniSansRegular',Arial,sans-serif !important;} .coPanel p a { text-decoration:underline; color:#444; font-family: 'UniSansRegular',Arial,sans-serif;} .coPanel p a:hover { text-decoration:none} .coPanel h2.Orange {margin-top:20px} .ie6 .coTitle, .ie7 .coTitle, .ie8 .coTitle { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)"; } .coTitle { display:block; float:left; margin: 20px 10px 10px -5px; padding: 10px; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px 4px 4px 4px; background: rgba(255,255,255,0.8); box-shadow: 0 2px 6px rgba(0,0,0,0.3); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3); } .ie6 .coPanel, .ie7 .coPanel, .ie8 .coPanel { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)"; } .coPanel { display:block; float:left; text-align:left; width: 630px; margin: 10px 0px 10px -5px; padding: 30px 20px; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px 4px 4px 4px; background: rgba(255,255,255,0.8); box-shadow: 0 2px 6px rgba(0,0,0,0.3); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3); color:#444; font-size:1.1em; } .coPanel ul { list-style-type:disc; margin-left:20px} .coPanel ul li {padding-bottom:20px} .coPanel ul.coRange {list-style-type:none; margin-left:0px} .coPanel ul.coRange li {padding-bottom:10px} .coPanel ul.technical { list-style-type:none; margin-left:0px} .coPanel ul.technical li {padding:20px 0 20px 60px; background: url('images/pdf_icon.png') left no-repeat} .coPanel ul.technical li a { color:#8ca217; font-size:1.1em} .coPanel ul.technical li a:hover { color:#444} .infoBox {float:left; background:#e4e5e6; padding:20px 4%; margin:10px 0; width:92%} .infoBox h2 {color:#b7113c; font-size:2em} .infoBox h2 a {color:#b7113c; font-size:1em} .infoBox img.floatRight {float:right; padding-left:10px} .infoBox p { font-size:0.9em; font-family: 'UniSansRegular',Arial,sans-serif;} .order {display:block; border-top:dotted 1px #b3b4b5; border-bottom:dotted 1px #b3b4b5; width:100%; float:left; padding:10px 0} .order a {color:#b7113c; font-size:1.3em} .order a:hover {color:#444} .localSales {color:#444; font-size:0.6em} img.floatLeft {float:left; padding-right:20px} .coPanel hr { border-top:dotted 1px #ccc; margin:20px 0} .coPanel hr.solid { border-top:solid 1px #ccc; margin:0px 0 20px 0} /* cocoon rightnav styles */ .coNav {float:left; width:275px; margin-top:182px} .coNav li { text-align:left; width: 260px; margin: 10px 0px 10px 0px; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px 4px 4px 4px; box-shadow: 0 2px 6px rgba(0,0,0,0.3); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3); } .coNav li a { font-size:1.4em; font-weight:bold; cursor:pointer} .ie6 .coNav li, .ie7 .coNav li, .ie8 .coNav li { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)" } .coNav li {background:rgba(255,255,255,0.8)} .coNav li:hover {background:#fff} .butterflyPink { color:#ae437e; width:240px; display:block; padding:30px 10px; background: url('images/butterflyPink.png') right top no-repeat} .butterflyBlue { color:#077e9e; width:240px; display:block; padding:30px 10px; background: url('images/butterflyBlue.png') right top no-repeat} .butterflyYellow { color:#8ca217; width:240px; display:block; padding:30px 10px; background: url('images/butterflyYellow.png') right top no-repeat} .butterflyOrange { color:#d45228; width:240px; display:block; padding:30px 10px; background: url('images/butterflyOrange.png') right top no-repeat} .butterflyRed { color:#a6272d; width:240px; display:block; padding:20px 10px 120px 10px; background: url('images/butterflyRed.png') right top no-repeat} .gameTxt {display:block; padding:10px 10px; text-align:center; font-size:0.9em;cursor:pointer} .Pink {color:#ae437e} .Blue {color:#077e9e} .Yellow { color:#8ca217} .Orange { color:#d45228} .Red { color:#a6272d} /* cocoon home styles */ .coPanelHome { display:block; float:left; text-align:left; width: 960px; margin: -10px 0px 10px 5px; padding: 30px 0px } .intro { display:block; width:400px} .coPanelHome p { font-size:1.1em; line-height:25px; color:#444;font-family: 'UniSansRegular',Arial,sans-serif;} .homenavWrap {float:left; width:960px} /* cocoon homenav Left styles */ .homenavLeft {padding:0; margin:0; float:left; width:584px; } .homenavLeft ul {float:left; width:584px; display:inline; margin:0 0 20px 0; padding:0} .homenavLeft ul li { text-align:left; width: 280px; margin: 5px 10px 5px 0px; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px 4px 4px 4px; box-shadow: 0 2px 6px rgba(0,0,0,0.3); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3); } .ie6 .homenavLeft li, .ie7 .homenavLeft li, .ie8 .homenavLeft li { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)" } .homenavLeft li {background:rgba(255,255,255,0.8); display:inline-block; float:left} .homenavLeft li:hover {background:#fff} .homenavLeft li a { font-size:1.4em; font-weight:bold;cursor:pointer} .homePink { color:#ae437e; width:260px; display:block; padding:20px 10px 65px 10px; background: url('images/butterflyPink.png') right top no-repeat} .homeBlue { color:#077e9e; width:260px; display:block; padding:20px 10px 65px 10px; background: url('images/butterflyBlue.png') right top no-repeat} .homeYellow { color:#8ca217; width:260px; display:block; padding:20px 10px 65px 10px; background: url('images/butterflyYellow.png') right top no-repeat} .homeOrange { color:#d45228; width:260px; display:block; padding:20px 10px 65px 10px; background: url('images/butterflyOrange.png') right top no-repeat} .homeRed { color:#a6272d; width:280px; display:block; padding:20px 10px 135px 10px; background: url('images/butterflyRed.png') left bottom no-repeat} /* cocoon homenav Right styles */ .homenavRight {float:left; width:240px; display:inline; margin-bottom:20px} .homenavRight ul li { text-align:left; width: 280px; padding:0 20px 8px 0; margin: 5px 5px 5px 0px; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px 4px 4px 4px; box-shadow: 0 2px 6px rgba(0,0,0,0.3); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3); } .ie6 .homenavRight li, .ie7 .homenavRight li, .ie8 .homenavRight li { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)" } .homenavRight li {background:rgba(255,255,255,0.8); display:inline-block} .homenavRight li:hover {background:#fff} .homenavRight li a { font-size:1.3em; font-weight:bold; cursor:pointer} .cocoonTrail {border-top:1px solid #e0e0e0; padding-top:20px; margin-top:-1px} /* Environment Calculator styles */ .environCalRight {float:left; width:600px} .environCalRight p {color:#000; font-size:1.1em} .environImg {margin-bottom:10px} .environInfoBox {float:left; width:560px; background:#869b3c; padding:20px 20px; margin:10px 0} .environInfoBox h3 {color:#fff; font-size:2em} .environInfoBox h3 a {color:#fff; font-size:1em} .environInfoBox img {float:right; padding-left:10px} .environInfoBox p { font-size:0.9em; color:#fff;} .environInfoBox .order {display:block; border-top:dotted 1px #fff; border-bottom:dotted 1px #fff; width:100%; float:left; padding:10px 0} .environInfoBox .order a {color:#fff; font-size:1.3em; font-weight:bold} .environInfoBox .order a:hover {color:#444} .environCal {float:right; width:272px; padding-right:25px} #images .box {padding:10px; background:#f2f2f2; float:left; margin:0px 12px 12px 0px; -webkit-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s; -o-transition:ease-in-out 0.3s; transition:ease-in-out 0.3s} #images .box:hover {background:#d1d1d1; -webkit-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s; -o-transition:ease-in-out 0.3s; -transition:ease-in-out 0.3s} #images a { width:160px; overflow:hidden; height:100px; margin:0px; float:left} #images img { border:none; max-width:100%; } /* video styles */ #accordion .playlistWrap {background:#f2f2f2; padding:15px; margin-bottom:20px} #accordion h2 {font-size:2em; color:#c30044; padding:15px; background:#f2f2f2; text-transform:uppercase; border-bottom:1px solid #fff} #accordion .videoWrap {width:425px; padding:10px; background:#d1d1d1; float:left; margin:0px 15px 15px 0px; -moz-transition:ease-in-out 0.3s; -webkit-transition:ease-in-out 0.3s; transition:ease-in-out 0.3s;} #accordion .videoWrap:hover {background:#e2e2e2; -webkit-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s; transition:ease-in-out 0.3s} #accordion .videoWrap span {color:#444; display:block; height:30px; margin-top:10px; -moz-transition:ease-in-out 0.3s; -webkit-transition:ease-in-out 0.3s; transition:ease-in-out 0.3s; } #accordion .videoWrap:hover span {color:#c30044; -moz-transition:ease-in-out 0.3s; -webkit-transition:ease-in-out 0.3s; transition:ease-in-out 0.3s;} .video-top, .locations-top {background:#000032; color:#fff; min-height:100px !important} .video-top h1, .video-top h2, .video-top ul#crumb a {color:#fff !important} .video-container {background:url('images/video-back.gif') repeat #000032; padding:20px 0px; text-align:left} .mejs-container {float:left; border:10px solid #111} .video-list {margin-top:25px} .video-list td {width:25%; vertical-align:top; height:40px} .video-list tr.ttl td {padding-bottom:15px; font-weight:bold; font-size:1.2em} .video-list a {background-image:url('images/video-li.png'); background-repeat:no-repeat; background-color:transparent; padding:2px 0px 8px 30px; float:left; border:0; color:#222; text-align:left; cursor:pointer; } .video-list a:hover {background-image:url('images/video-li-hover.png');} #video-info {color:#fff; float:left; padding-left:30px} /* location styles */ .locations-top h1, .locations-top h2, .locations-top ul#crumb a {color:#fff !important} .locations-filter {background:#4c4c4c; } .locations-filter label {color:#fff; text-transform:uppercase; font-size:0.8em; float:left; padding:19px 5px 0px 0px} .locations-filter ul {float:left; padding:6px} .locations-filter ul li {display:inline} .locations-filter .contact-us {float:right; width:410px; padding:6px 0px 10px 20px; border-left:1px solid #fff; } .locations-filter .contact-us h2 {color:#fff; font-size:1.6em} #map_canvas {width:532px; float:left; height:700px; position:relative; } /* 2012 events */ .events {background:url('images/events-bkg.gif') repeat; padding-bottom:30px} .events-content {float:left; width:700px; padding-right:30px; border-right:1px dashed #c0c0c0} .events-content h1 {text-transform:uppercase; font-weight:Bold} .events-content h1 {color:#ec174f; font-size:4em} .events-content h2 {color:#180946; font-size:2em; margin-bottom:20px; font-weight:Bold} .events-content h3 {color:#180946; font-size:1.5em; margin-bottom:10px; font-weight:Bold} .events-content p {font-size:1.3em; line-height:1.4em} .events-nav {padding:80px 0px 0px 20px; float:left; margin-top:-60px;} .events-nav a {color:#222; font-size:1.3em; font-weight:bold; text-transform:uppercase; padding:4px 0px; display:block} .events-nav a:hover, .events-nav a.active {color:#ec174f; } .events-pnl {padding:10px; float:left; width:320px; background:#ec174f; color:#fff; margin-top:20px} .events-pnl.left {margin-right:20px} .events-pnl h3 {height:60px; border-bottom:1px dotted #fff; line-height:1em; font-weight:bold} .events-pnl ul li {display:block; padding:4px 0px; border-bottom:1px dotted #fff; font-size:1.2em} .events-partners {float:left; margin-top:30px; } .events-partners h2 {margin-bottom:30px} .events-partners table {border-top:1px dotted #c0c0c0} .events-partners td {padding:15px 30px 15px 0px; border-bottom:1px dotted #c0c0c0; height:90px} .events-footer {background:url('images/events-footer.png') center repeat-x; display:block; height:370px} .events-content.form table h3 {color:#180946} .events-content.form table td {padding:3px; font-size:1.1em} .events-content.form select, .events-content.form input[type="text"] {padding:6px; border:1px solid #b1b1b1} .events-content.form input[type="text"] {width:300px !important} .events-content.form .topics {width:100%; margin-bottom:20px} .events-content.form .topics td {font-size:.9em; } .events-content.form .topics input[type="checkbox"] {float:right; margin-right:30px;} .events-content.form input[type="submit"] {color:#fff; background:#ec174f; padding:5px 15px; border:0px; cursor:pointer; font-weight:bold; font-size:1.2em; text-transform:uppercase} .events-content.form input[type="submit"]:hover {background:#180946} .events-content.form .seminars {width:100%; margin-bottom:20px} .events-content.form .seminars td {font-size:.9em; } .events-content.form .seminars input[type="checkbox"] {margin-right:20px;} .events-content.form .seminarTitle {padding-left:40px} .events-content.listing ul {float:left; width:265px} .events-content.listing ul li {display:block; font-size:1.2em} .event-item {display:block; padding:15px; border:1px solid #c0c0c0; background:#fff; margin-bottom:15px} .events-sneak-preview {display:block; margin-top:20px} /* -- Digigreen -- */ /* fonts --------------------------------------------------------------------- */ @font-face { font-family: 'ZektonBold'; src: url('zekton_bd-webfont.eot'); src: url('zekton_bd-webfont.eot?#iefix') format('embedded-opentype'), url('zekton_bd-webfont.woff') format('woff'), url('zekton_bd-webfont.ttf') format('truetype'), url('zekton_bd-webfont.svg#ZektonBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ZektonRegular'; src: url('zekton_rg-webfont.eot'); src: url('zekton_rg-webfont.eot?#iefix') format('embedded-opentype'), url('zekton_rg-webfont.woff') format('woff'), url('zekton_rg-webfont.ttf') format('truetype'), url('zekton_rg-webfont.svg#ZektonRegular') format('svg'); font-weight: normal; font-style: normal; } /* structure --------------------------------------------------------------------- */ .digigreen {background: url(images/digigreenGrad.gif) top right repeat-x; font-family:'ZektonRegular',Arial,sans-serif} .digigreenBkg {background: url(images/digigreenBkg.jpg) top right no-repeat} .digiWrap { min-height:750px; margin:0 auto; width:960px} .digiContent {float:left; width:100%} .digiContent .logo { padding-top:20px; width:100%; text-align:left; padding-left:5px} #digiPanelLeft {float:left; width:275px;} .digiPanel {display:block; float:right; text-align:left; width: 630px; margin: 10px 0px 10px 0px; padding: 30px 20px; color:#444; font-size:1.1em} .digiTrail {border-top:1px solid #e0e0e0; padding-top:20px; margin-top:-1px; background:#fbfbfb} .digiTrail ul#crumb {list-style-type:none;} .digiTrail ul#crumb li {display:inline;} .digiTrail ul#crumb li a {padding-right:20px; background:url('images/crumbArrow.png') right no-repeat; color:#12963b} .digiTrail ul#crumb li a.last {background:#12963b; color:#fff; margin-left:10px !important; padding:0 10px} .digi-footer {float:left; width:960px} .digi-footer ul {float:left; width:280px !important; padding-right:15px} .digi-footer p {float:left; width:400px !important} /* home styles --------------------------------------------------------------------- */ .digiPanelHome { display:block; float:left; text-align:left; width: 960px; margin: -10px 0px 10px 5px; padding: 30px 0px } .intro { display:block; width:400px} .digiPanelHome h2 {font-size:2.2em; padding-bottom:10px; font-family: 'ZektonBold',Arial,sans-serif; color:#8dc63f} .digiPanelHome p { font-size:1.2em; line-height:30px; color:#444; font-family: 'ZektonRegular',Arial,sans-serif;} .digiPanelHome .homenavWrap {float:left; width:960px; padding-top:30px} .digiPanelHome .homenavLeft ul li {font-family: 'ZektonBold',Arial,sans-serif; font-size:1.6em} .ie7 .digiPanelHome .homenavLeft ul li, .ie8 .digiPanelHome .homenavLeft ul li { background:white; filter:none} .digiPanelHome .homenavLeft ul li.LightGreen a {width:260px; display:block; padding:20px 10px 20px 10px; color:#55ba47} .digiPanelHome .homenavLeft ul li.LightGreen:hover {background:#55ba47} .digiPanelHome .homenavLeft ul li.LightGreen a:hover {color:#fff} .digiPanelHome .homenavLeft ul li.Green a { color:#009a5e; width:260px; display:block; padding:20px 10px 20px 10px;} .digiPanelHome .homenavLeft ul li.Green:hover { background:#009a5e} .digiPanelHome .homenavLeft ul li.Green a:hover {color:#fff} .digiPanelHome .homenavLeft ul li.DarkGreen a { color:#8dc63f; width:260px; display:block; padding:20px 10px 20px 10px;} .digiPanelHome .homenavLeft ul li.DarkGreen:hover { background:#8dc63f} .digiPanelHome .homenavLeft ul li.DarkGreen a:hover {color:#fff} /* content styles --------------------------------------------------------------------- */ .digiPanel h2 {font-size:2.6em; padding-bottom:10px; font-family: 'ZektonBold',Arial,sans-serif; margin-top:-13px} .digiPanel h3 {font-size:2em; padding-bottom:10px; font-family: 'ZektonRegular',Arial,sans-serif} .LightGreen h2, .LightGreen h3, .LightGreen a, LightGreen em {color:#55ba47} .Green h2, .Green h3, .Green a, .Green em {color:#009a5e} .DarkGreen h2, .DarkGreen h3, .DarkGreen a, DarkGreen em {color:#8dc63f} em { font-style:normal} .digiPanel p { font-size:1.2em; line-height:30px; color:#444; font-family: 'ZektonRegular',Arial,sans-serif;} .digiPanel a { text-decoration:underline; font-family: 'ZektonRegular',Arial,sans-serif;} .digiPanel a:hover { text-decoration:none} .digiPanel ul { list-style-type:square; margin-bottom:20px; font-size:1.2em} .digiPanel ul li {padding:10px 0} .green ul {color:#009a5e} /* left nav styles --------------------------------------------------------------------- */ ul.digiNav {float:left; width:275px; margin-top:20px} ul.digiNav li { font-family: 'ZektonBold',Arial,sans-serif; font-size:2em; text-align:left; width: 260px; margin: 10px 0px 10px 0px; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px 4px 4px 4px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.1); background:rgba(255,255,255, 1.0) } .ie7 ul.digiNav li, .ie8 ul.digiNav li { background:white; filter:none; border:1px solid #e5e5e6} ul.digiNav li.LightGreen a {width:260px; display:block; padding:20px 10px 20px 10px; color:#55ba47} ul.digiNav li.LightGreen:hover {background:#55ba47} ul.digiNav li.LightGreen a:hover {color:#fff} ul.digiNav li.LightGreen-on a {width:260px; display:block; padding:20px 10px 20px 10px; color:#fff} ul.digiNav li.LightGreen-on {background:#55ba47} ul.digiNav li.Green a { color:#009a5e; width:260px; display:block; padding:20px 10px 20px 10px;} ul.digiNav li.Green:hover { background:#009a5e} ul.digiNav li.Green a:hover {color:#fff} ul.digiNav li.Green-on a {width:260px; display:block; padding:20px 10px 20px 10px; color:#fff} ul.digiNav li.Green-on {background:#009a5e} ul.digiNav li.DarkGreen a { color:#8dc63f; width:260px; display:block; padding:20px 10px 20px 10px;} ul.digiNav li.DarkGreen:hover { background:#8dc63f} ul.digiNav li.DarkGreen a:hover {color:#fff} ul.digiNav li.DarkGreen-on a {width:260px; display:block; padding:20px 10px 20px 10px; color:#fff} ul.digiNav li.DarkGreen-on {background:#8dc63f} /* End left nav styles --------------------------------------------------------------------- */ /* table styles --------------------------------------------------------------------- */ .digiPanel table { background:#fff; width:95%; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px} .LightGreen table th { background:#55ba47;} .Green table th { background:#009a5e;} .DarkGreen table th { background:#8dc63f;} .digiPanel table th {color:#fff; border-left:1px solid #fff} .LightGreen table td {border-left:1px solid #55ba47; border-top:1px solid #55ba47} .Green table td {border-left:1px solid #009a5e; border-top:1px solid #009a5e} .DarkGreen table td {border-left:1px solid #8dc63f; border-top:1px solid #8dc63f} .digiPanel table th, .digiPanel table td {padding:10px; text-align:center} .digiPanel table td.first-item {border-left:none} .digiPanel table th.top-left {-webkit-border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; border:none} .digiPanel table th.top-right {-webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0} .digiPanel .range table th, .digiPanel .range table td {padding:10px; text-align:left} /* content page bits and bobs --------------------------------------------------------------------- */ #digiPanelLeft a.addthis_button {float:left; margin-left:3px} .digiChart {display:block; background: url('images/digi_chart_bkg.png') top right no-repeat; min-width:439px; min-height:502px} /* -- used on 100% digital -- */ ul#digi-certs {margin-top:10px; display:block; width:100%; float:left; padding-bottom:20px; margin-left:-5px} ul#digi-certs li { display:inline; padding-right:1px} ul#digi-certs li img.ecolabel {border:5px white solid !important} ul#digi-certs li img.fsc {border-top:6px white solid !important; border-bottom:5px white solid !important; border-left:5px white solid !important; border-right:5px white solid !important} ul#digi-certs li img.hp {border-top:6px white solid !important; border-bottom:5px white solid !important; border-left:2px white solid !important; border-right:2px white solid !important} /* range info box --------------------------------------------------------------------- */ .digiPanel .infoBox { background:none; margin:0; padding:0} .digiPanel .infoBox h3 { font-size:1.8em} .digiPanel .infoBox img { border:6px solid white; padding:0} .digiPanel .infoBox .order { border:none; background:#8dc63f; padding-left:20px; } .digiPanel .infoBox .order a {color:#fff; text-decoration:none} .digiPanel .infoBox .order a:hover {color:#444} ul.digigreen-download {list-style-type:none; margin-left:0px; padding:0} ul.digigreen-download li a { display:block; padding:20px 0 20px 80px; background: url('images/digigreen_pdf_icon.gif') left top no-repeat; color:#444}