/* HTML5 Reset Rules Based On Boilerplate */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } /*body { font:13px/1.231 sans-serif; *font-size:small; } */ select, input, textarea, button { font:99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } html { overflow-y: scroll; } a:hover, a:active { outline: none; } ul, ol { margin-left: 2em; } ol { list-style-type: decimal; } nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } small { font-size: 85%; } strong, th { font-weight: bold; } td { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } button, input, select, textarea { margin: 0; } input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; box-shadow: 0 0 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } ::-moz-selection{ background: #e0922f; color:#fff; text-shadow: none; } ::selection { background:#e0922f; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #FF5E99; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } body, select, input, textarea { color: #444; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } a, a:active, a:visited { color: #607890; } a:hover { color: #036; } /* =GLOBAL STYLES -------------------------------------*/ body { font-family: 'CartoGothicStdBook', Helvetica, Arial, sans-serif; font-weight:normal; font-size: 1.0em; line-height: 1.1em; color: #252525; } @font-face { font-family: 'CartoGothicStdBook'; src: url('/bundles/acdpagemap/fonts/CartoGothicStd-Book-webfont.eot'); src: url('/bundles/acdpagemap/fonts/CartoGothicStd-Book-webfont.eot?#iefix') format('embedded-opentype'), url('/bundles/acdpagemap/fonts/CartoGothicStd-Book-webfont.woff') format('woff'), url('/bundles/acdpagemap/fonts/CartoGothicStd-Book-webfont.ttf') format('truetype'), url('/bundles/acdpagemap/fonts/CartoGothicStd-Book-webfont.svg#CartoGothicStdBook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CartoGothicStdItalic'; src: url('/bundles/acdpagemap/fonts/CartoGothicStd-Italic-webfont.eot'); src: url('/bundles/acdpagemap/fonts/CartoGothicStd-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/bundles/acdpagemap/fonts/CartoGothicStd-Italic-webfont.woff') format('woff'), url('/bundles/acdpagemap/fonts/CartoGothicStd-Italic-webfont.ttf') format('truetype'), url('/bundles/acdpagemap/fonts/CartoGothicStd-Italic-webfont.svg#CartoGothicStdItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CartoGothicStdBold'; src: url('/bundles/acdpagemap/fonts/CartoGothicStd-Bold-webfont.eot'); src: url('/bundles/acdpagemap/fonts/CartoGothicStd-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/bundles/acdpagemap/fonts/CartoGothicStd-Bold-webfont.woff') format('woff'), url('/bundles/acdpagemap/fonts/CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('/bundles/acdpagemap/fonts/CartoGothicStd-Bold-webfont.svg#CartoGothicStdBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CartoGothicStdBoldItalic'; src: url('/bundles/acdpagemap/fonts/CartoGothicStd-BoldItalic-webfont.eot'); src: url('/bundles/acdpagemap/fonts/CartoGothicStd-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/bundles/acdpagemap/fonts/CartoGothicStd-BoldItalic-webfont.woff') format('woff'), url('/bundles/acdpagemap/fonts/CartoGothicStd-BoldItalic-webfont.ttf') format('truetype'), url('/bundles/acdpagemap/fonts/CartoGothicStd-BoldItalic-webfont.svg#CartoGothicStdBoldItalic') format('svg'); font-weight: normal; font-style: normal; } h1 { width: 100%; margin: 20px 0 5px; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 1.3em; color: #0f0f0f; } h2 {font-family: Helvetica, Arial, sans-serif} h3 { font-family: Helvetica, Arial, sans-serif; font-size: 14px; width: 100%; margin: 20px 0 10px; } h4 { font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin: 10px 0 0; } h5 {font-family: Helvetica, Arial, sans-serif} h6 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; } /*img { max-width: 100%; height: auto; width: auto\9; }*/ p { margin:0 0 20px; font-size: 12px; } strong, b { font-family: 'CartoGothicStdBold', Helvetica, Arial, sans-serif; font-weight: normal; } em, i {font-family: 'CartoGothicStdItalic', Helvetica, Arial, sans-serif} a { color: #0072bc; } hr { display: block; position: relative; clear: both; margin: 30px 0; padding: 0; height: 1px; border-top:1px solid #aaa; /*for ie6 */ font-size: 1px; line-height: 0; overflow: visible; } br.clear { clear: both; width: 0; height: 0; } .clear {clear: both} .centered { display: block; margin: 10px auto; } .float-left {float: left} .float-right {float: right} dl { display: block; margin:10px 0 0; } dt { margin:0; font-size: 0.813em; font-weight: bold; } img.float-left { float: left; margin: 0 20px 20px 0 } img.float-right { float: right; margin: 0 0 20px 20px; } ul, ol { font-size: 12px; } ul.plain { margin: 0px 0 auto; padding: auto 0; list-style-type: none; } ul.low-margins, ol.low-margins {margin:10px 25px} table {font-size: 12px} blockquote { margin: 20px 30px; font-size: 12px; } .no-margins {margin: 0} /* =LAYOUT STYLES -------------------------------------*/ .container { position: relative; width:940px; margin:0 auto; text-align: left; } header { position: relative; margin:0 0 10px; width: 940px; height: 360px; } header #nav-container { position: absolute; top:0; left:0; z-index: 100; } .support header { height: 135px; background: #898989; } /* =Grid (modified Skeleton framework) -------------*/ .column, .columns { float: left; display: inline; margin-left: 0; margin-right: 20px; } .column.last, .columns.last { margin-right: 0; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.gamma, .columns.gamma { margin-left: 100px; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column { width: 60px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* End Grid -------------*/ /* =ACDID -------------*/ /*.copy { float:left; width:700px; } .acdid .col { float:left; width:270px; margin-right: 20px; } .acdid .login-box {border-right: 1px solid #999}*/ /* =CONTENT STYLES -------------------------------------*/ /* =Header -------------*/ #acd-logo { float: left; margin: 10px 26px 0 30px; z-index: 10; } ul.nav-list, ul.nav-list li, ul.nav-list ul { list-style: none; margin: 0; padding: 0; } ul.nav-list { float:left; width:696px; background: #f0f0f0; background: rgba(255, 255, 255, 0.7); z-index: 500; } ul.nav-list li { float: left; padding: 0 0 0 0; border: none; line-height: 1.3em; vertical-align: middle; zoom: 1; } ul.nav-list ul a, ul.nav-list ul span { padding: 8px; width: auto; } ul.nav-list a { display: block; padding: 9px 10px 5px; font-size: 13px; color: #2a2a2a; text-decoration: none; border-right: 1px solid #b5b6b9; -moz-box-shadow: 1px 0 0 #f7f7f7; -webkit-box-shadow: 1px 0 0 #f7f7f7; box-shadow: 1px 0 0 #f7f7f7; } ul.nav-list li.hover, ul.nav-list li:hover { position: relative; background: #f0f0f0; background: rgba(255, 255, 255, 0.7); z-index: 599; cursor: default; transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; } ul.nav-list ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } ul.nav-list ul li a { float: none; width: 160px; list-style-type: none; border:none; box-shadow: none; background: #f0f0f0; background: rgba(255, 255, 255, 0.9); padding: 5px 7px 3px; border-bottom: 1px solid #dadada; } ul.nav-list ul ul { top: 1px; left: 99%; } ul.nav-list li:hover > ul {visibility: visible} #sub-nav { float:right; margin: 10px 0 0; padding: 0; list-style-type: none; } #sub-nav li { float:left; display: inline; color:#fff; } #sub-nav li a { float:left; text-align: right; padding:0 10px 0 9px; color: #fff; font-size: 10px; line-height: 1.5em; text-decoration: none; border-right:1px solid #ccc; } #sub-nav li.cart a { padding-right: 40px; border:none; background: url(http://res.acdsystems.com/assets/images/sprites-nav.png) no-repeat 70px -54px; } #mastheadSites { margin-top: -2px; font-size: 10px; } #mastheadSites label {font-size: 10px} #breadcrumb { clear: right; float: right; width: 696px; margin:0; padding:0; list-style-type: none; } #breadcrumb li { float:left; display: inline; font-size: 11px; color: #fff; } #breadcrumb li a { float:left; display: block; color: #fff; text-decoration: none; } .hdr-image { width: 940px; height: 360px; } .pd-cta { clear: right; position: absolute; top: 80px; right: 30px; width: 302px; } .pd-cta .bg-container { padding: 18px 25px; background: rgba(255,255,255,.8); } .ie6 .pd-cta .bg-container {background: #fff} .ie6 .cta, .ie7 .pd-cta, .ie8 .pd-cta { background: url(http://res.acdsystems.com/assets/images/bg-pd-feature.png); } .pd-cta p.product { position: absolute; top: 20px; right: -7px; width: 160px; padding:6px 0 15px 10px; font-size: 18px; color: #fff; line-height: 1.5em; text-align: left; text-shadow: 1px 1px 1px #ba8410; background: url(http://res.acdsystems.com/assets/images/sprites-headings.png) no-repeat 0 -110px; } .pd-cta p.product-two { position: absolute; top: 160px; right: -7px; width: 160px; padding:6px 0 15px 10px; font-size: 18px; color: #fff; line-height: 1.5em; text-align: left; text-shadow: 1px 1px 1px #ba8410; background: url(http://res.acdsystems.com/assets/images/sprites-headings.png) no-repeat 0 -110px; } .pd-cta p.product-split { position: absolute; top: 20px; right: -7px; width: 160px; padding:5px 0 15px 10px; font-size: 18px; color: #fff; line-height: 0.8; text-align: left; text-shadow: 1px 1px 1px #ba8410; background: url(http://res.acdsystems.com/assets/images/sprites-headings.png) no-repeat 0 -110px; } .pd-cta span.small-product {font-size: 14px} .pd-cta .cta-copy { float: right; width: 120px; margin-top: 70px; } .pd-cta .cta-copy-two { float: right; width: 120px; margin-top: 30px; } .cta-copy p, .cta-copy-two p { font-size: 16px; font-weight: bold; } .cta-copy a, .cta-copy-two a { font-size: 12px; color: #555; } .home .cta { position: absolute; top: 80px; right: 30px; width: 267px; height: 226px; padding: 20px 28px 15px 24px; background: url(http://res.acdsystems.com/assets/images/home/bg-header-cta.png) no-repeat 0 0; } .home .cta h2 { padding-bottom: 20px; font-size: 24px; font-weight: normal; color:#fff; text-shadow: 1px 1px 1px #777; } .home .cta p { margin-bottom: 5px; } .home .cta strong {font-size: 15px} .home .cta p.price { padding-right: 10px; font-size: 18px; line-height: 1.4em; } .home .cta .orange-btn span {padding: 3px 30px 3px;} #slider-header { position: absolute; top:0; left: 0; width: 940px; height: 360px; } /* homepage slideshow */ #slide-one{ width: 940px; height: 360px; background: url(http://res.acdsystems.com/assets/images/home/header-acdsee-pro-5.jpg) no-repeat 0 0; z-index: 1; } #slide-two { width: 940px; height: 360px; background: url(http://res.acdsystems.com/assets/images/home/header-acdsee-14.jpg) no-repeat 0 0; z-index: 1; display: none; } #slide-three { width: 940px; height: 360px; background: url(http://res.acdsystems.com/assets/images/home/header-acdsee-online.jpg) no-repeat 0 0; z-index: 1; display: none; } header .bx-wrapper { position: relative; } /*pager links*/ header .bx-pager a { margin: 0; color: #fff; padding: 0 0 0 0; width: 12px; height: 13px; line-height: 0; zoom:1; background: url(http://res.acdsystems.com/assets/images/sprites-nav.png) no-repeat 0 -79px; } header .bx-pager .pager-link { color:#f00; float:left; margin:0 8px 0 0; padding:0; text-indent: -9999px; overflow: hidden; } /*auto start button*/ header .bx-auto .start { background: url(gray_auto.png) no-repeat 0 2px; padding-left: 13px; } /*auto stop button*/ header .bx-auto .stop { background: url(gray_auto.png) no-repeat 0 -14px; padding-left: 13px; } /*next/prev button hover state*/ header .bx-next:hover, header .bx-prev:hover { background-position: 0 0; } /*pager links hover and active states*/ header .bx-pager .pager-active, header .bx-pager a:hover { background-position: 0 -102px; } /*pager wrapper*/ header .bx-pager { position: absolute; top: 318px; left: 20px; text-align:center; font-size:12px; color:#666; z-index: 500; } /*captions*/ header .bx-captions { text-align:center; font-size: 12px; padding: 7px 0; color: #666; } /*auto controls*/ header .bx-auto { text-align: center; padding-top: 15px; } header .bx-auto a { color: #666; font-size: 12px; } .home p.learn-try { float: left; margin:4px 0 0 5px; font-size:12px; } .ie6 .home p.learn-try, .ie7 .home p.learn-try { float: left; margin:4px 0 0 5px; font-size:12px; letter-spacing: -0.09em; } /* End Header -------------*/ /* =Site Styles -------------*/ /*homepage slider */ #slider-products { width: 940px; height: 360px; text-align: left; } #prod-slide-one { width: 940px; height: 360px; z-index: 1; } #prod-slide-two { width: 940px; height: 360px; z-index: 1; display: none; } #slider-products .acdsee { height: 360px; background: url(http://res.acdsystems.com/assets/images/home/humming-bird.jpg) no-repeat 0 0; } #slider-products .acdseepro { height: 360px; background: url(http://res.acdsystems.com/assets/images/home/lake-dusk.jpg) no-repeat 0 0 } #slider-products .canvas { height: 360px; background: url(http://res.acdsystems.com/assets/images/home/cad-illustration.jpg) no-repeat 0 0 } #slider-products .fotoslate{ height: 360px; background: url(http://res.acdsystems.com/assets/images/home/fotoslate-4.jpg) no-repeat 0 0 } #slider-products .acdsee-pro-five { height: 360px; background: url(http://res.acdsystems.com/assets/images/home/acdsee-pro-5.jpg) no-repeat 0 0 } #slider-products .acdsee-photo-editor { height: 360px; background: url(http://res.acdsystems.com/assets/images/home/acdsee-photo-editor-2008.jpg) no-repeat 0 0 } .bx-wrapper-products { position: relative; text-align: right; background: #e6e6e6; } /*next button and previous buttons*/ a.bx-next, a.bx-prev { display: inline-block; padding: 7px 5px 5px; font-size: 14px; color: #929292; font-weight: bold; text-decoration: none; text-transform: uppercase; -moz-text-shadow: 1px 1px 0 #fff; -webkit-text-shadow: 1px 1px 0 #fff; text-shadow: 1px 1px 0 #fff; } a:hover.bx-next, a:hover.bx-prev { color: #5e5e5e; } /*pager links*/ #slider-products .bx-pager a { margin: 0; color: #fff; padding: 0 0 0 0; width: 12px; height: 13px; line-height: 0; zoom:1; background: url(http://res.acdsystems.com/assets/images/sprites-nav.png) no-repeat 0 -79px; } #slider-products .bx-pager .pager-link { color:#f00; float:left; margin:0 8px 0 0; padding:0; text-indent: -9999px; overflow: hidden; } /*auto start button*/ #slider-products .bx-auto .start { background: url(gray_auto.png) no-repeat 0 2px; padding-left: 13px; } /*auto stop button*/ #slider-products .bx-auto .stop { background: url(gray_auto.png) no-repeat 0 -14px; padding-left: 13px; } /*next/prev button hover state*/ #slider-products .bx-next:hover, #slider-products .bx-prev:hover { background-position: 0 0; } /*pager links hover and active states*/ #slider-products .bx-pager .pager-active, #slider-products .bx-pager a:hover { background-position: 0 -102px; } /*pager wrapper*/ #slider-products .bx-pager { position: absolute; top: 318px; left: 20px; text-align:center; font-size:12px; color:#666; z-index: 500; } /*captions*/ #slider-products .bx-captions { text-align:center; font-size: 12px; padding: 7px 0; color: #666; } /*auto controls*/ #slider-products .bx-auto { text-align: center; padding-top: 15px; } #slider-products .bx-auto a { color: #666; font-size: 12px; } .product-description-box { width: 280px; height: 206px; margin-top: 164px; padding: 10px; background: rgb(255, 255, 255); /* fallback */ background: rgba(255,255,255,.8); } .product-description-box h2 { margin-bottom: 10px; font-size: 20px; font-weight: normal; color: #5e5e5e; } .product-description-box p { margin-bottom: 5px; line-height: 1.2em; } .product-description-box .cta-nav { margin:0; padding:0; list-style-type: none; } .product-description-box .cta-nav li { display: inline; } .product-description-box .cta-nav li a { display: block; float: left; padding: 0 5px 0 0; margin: 0 5px 0 0; color: #555; font-size: 12px; line-break: .5; border-right: 1px solid #555; } .product-description-box .cta-nav li.omega a { border: none; margin-right: 0; } /* end homepage slider */ h2.grey-bg { margin-bottom: 10px; padding: 3px 0 3px; font-size: 0.8125em; text-align: center; color: #fff; background: #737373; } .blue-btn span { display: inline-block; padding: 3px 15px 3px; color:#000; font-family: 'CartoGothicStdBold', Arial, sans-serif; text-shadow: 0 1px 0px rgba(255,255,255,.3); -webkit-box-shadow: 0 -1px 0 #c9f7ff, 0 1px 0 #5cabcf; background: #3194c6; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#abd6e8), to(#67a4bc)); background: -webkit-linear-gradient(#abd6e8, #67a4bc); background: -moz-linear-gradient(#abd6e8, #67a4bc); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .blue-btn { display: inline-block; padding: 1px; font-size: 0.8125em; line-height: 1em; text-decoration: none; border:1px solid #1e71b8; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; cursor: pointer; } .blue-btn a span { color:#000; text-decoration: none; } .orange-btn span { display: inline-block; padding: 3px 15px 3px; color:#000; font-family: 'CartoGothicStdBold', Arial, sans-serif; text-shadow: 0 1px 0px rgba(255,255,255,.3); -webkit-box-shadow: 0 -1px 0 #fecf4d, 0 1px 0 #fc9229; background: #fbb114; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb258), to(#e86a13)); background: -webkit-linear-gradient(#ffb258, #e86a13); background: -moz-linear-gradient(#ffb258, #e86a13); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border:none; } .orange-btn { display: inline-block; margin-bottom: 10px; padding: 1px; font-size: 12px; line-height: 1em; text-decoration: none; border:1px solid #fa833a; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; cursor: pointer; } .orange-btn a span { color: #000; text-decoration: none; } .ie7 .orange-btn span {padding:3px 10px 3px} .screenshot { margin: 0; } .screenshot.right { float: right; margin: -12px 0 0 20px; text-align: right; } .screenshot.left { float: left; margin: -12px 20px 0 0; } .screenshot p {margin: 0 5px 0 0} .screenshot p a {text-decoration: none} .screenshot.btm-margin {margin-bottom: 30px} .product-logo { display: block; margin: 5px 0 10px; } .media-kits { width: 90%; border: none; } .media-kits td { padding: 5px 0; border-bottom: 1px solid #000; } .media-kits .title { font-weight: bold; } .media-kits th.sub-section { background: #f0f0f0; padding-top:3px; } .careers { width: 80%; } .careers td { padding: 5px 0; border-bottom: 1px solid #000; } .grey-bg { margin:20px 0 10px; padding: 10px 20px 0; background: #e6e6e6; } .media-releases {width: 100%} .media-releases tr:nth-child(odd) { background-color: #f0f0f0; } .media-releases td { padding: 5px; } ul li.break { margin-bottom: 10px; } .banner-left { width: auto; height: 54px; padding:0; background: url(http://res.acdsystems.com/assets/images/heading-left-right.png) no-repeat top right; font-size: 16px; color: #fff; font-weight: normal; line-height: 1.5em; z-index: 11; } .banner-left span { display: block; height: 24px; padding: 5px 25px 25px; background: url(http://res.acdsystems.com/assets/images/heading-left-left.png) no-repeat 0 0; z-index: 10; } .heading-country {margin-top: 20px} .locations { float: left; margin: 10px 40px 0 0; padding: 0; list-style-type: none; } .locations li { margin: 10px 0; line-height: 1.1em } #country_menu { font-size: 14px; } .all-products img.float-left { float: left; margin: 0 5px 30px 0; } .all-products h2 { margin-bottom: 10px; font-weight: normal; } .all-products .product-description p { margin:0; } .separator { padding: 0 2px 0 4px; } #gcf-prompt { display: none; position: absolute; top: 74px; left: 0; width: 100%; height: 300px; padding: 40px 40px 40px 100px; background: #cadef4; border-top: 4px solid #f00; z-index:9999; } #gcf-prompt p { font-size: 16px; width: 350px; } .flash-notice { width: 80%; margin: 20px auto; padding: 20px; font-size: 16px; text-align: center; background: #ffde45; border: 1px solid #ffb400; } /* End site styles -------------*/ /* =support -------------*/ .file-formats { width: 100%; color: #454545; } .file-formats tr:nth-child(odd) { background: #f7f7f7; } .file-formats td { width: 175px; padding: 3px 0 0 20px; } .file-formats td.extension { width: 28px; padding-left: 2px; font-weight: bold; } .file-formats.two-col td {width: 370px} .file-formats.two-col td.extension { width: 28px; } .release-notes, .latest-updates {width: 90%} .release-notes tr:nth-child(odd), .latest-updates tr:nth-child(odd) { background: #f7f7f7; } .release-notes td, .latest-updates td { padding: 3px 0 3px 20px; } .release-notes td.title, .latest-updates td.title { font-weight: bold; background: #d7d7d7 } .release-notes td.version, .latest-updates td.version {width: 30%} /* End support -------------*/ /* =aside -------------*/ .aside-nav { margin: 0; padding :0; line-height: 1.2em; color: #404040; list-style-type: none; } .aside-nav li { padding:7px 0 5px 0; border-bottom: 1px solid #999; font-size: 14px; } .aside-nav li.last { padding-bottom: 0; border-bottom: none; } .aside-nav li.no-bdr {border: none} .aside-nav li p { font-size: 14px; margin: 0 0 0 20px; } .aside-nav li ul li p { margin: 0 0 0 40px; } .aside-nav li a { color: #404040; text-decoration: none; } .aside-nav ul { margin:0; padding: 0; list-style-type: none; } .aside-nav li ul li { padding-left: 0; } .aside-nav li a:hover { padding:0 20px 0 0; background: url(http://res.acdsystems.com/assets/images/sprites-nav.png) no-repeat right 2px; color: #fa833a; transition: color .1s linear; -o-transition: color .1s linear; -moz-transition: color .1s linear; -webkit-transition: color .1s linear; } .aside-nav li.active a { padding:0 20px 0 0; background: url(http://res.acdsystems.com/assets/images/sprites-nav.png) no-repeat right 2px; } aside .ui-state-active, aside .ui-state-default {outline: none} aside .feature { margin:10px 0; padding:20px 20px 10px; color: #2a2a2a; background-color: #e6e6e6; } aside .arrow-nav { margin:0; padding:0; list-style-type: none; } aside .arrow-nav li a { width: auto; padding: 2px 20px 2px 0; font-size: 0.813em; color: #2a2a2a; text-decoration: none; background: url(http://res.acdsystems.com/assets/images/sprites-nav.png) no-repeat right 6px; } /*aside .arrow-nav li span { background: url(../images/sprites-nav.png) no-repeat right 6px; padding-right: 20px; }*/ .callout-container { position: relative; width: 220px; } .callout { position: relative; width:174px; margin: 20px auto; padding: 50px 14px 10px; background: #e1e1e1; /* old browsers */ background: -moz-linear-gradient(top, #e1e1e1 0%, #ffffff 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(80%,#ffffff)); background: -webkit-linear-gradient(top, #e1e1e1 0%,#ffffff 80%); background: -o-linear-gradient(top, #e1e1e1 0%,#ffffff 80%); background: -ms-linear-gradient(top, #e1e1e1 0%,#ffffff 80%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #e1e1e1 0%,#ffffff 80%); box-shadow: 1px 1px 6px #b9b9b9; } .callout.no-head { padding-top:10px; } .banner { position: absolute; top: 10px; left: 0; width: 220px; padding:5px 0 25px; background: url(http://res.acdsystems.com/assets/images/heading-banner-220px.png) no-repeat 0 0; font-size: 16px; color: #fff; font-weight: normal; line-height: 1.5em; letter-spacing: -0.05em; text-shadow: 1px 1px #ba8410; text-align: center; z-index: 10; } .banner-short { position: absolute; top: -5px; left: -8px; width: 200px; padding:4px 0 25px 20px; background: url(http://res.acdsystems.com/assets/images/heading-banner-210px.png) no-repeat 0 0; font-size: 18px; color: #fff; font-weight: normal; line-height: 1.5em; text-shadow: 1px 1px #ba8410; z-index: 10; } } .callout ul.links { margin: 0; padding: 0; list-style-type: none; background: #f00; } /* End aside -------------*/ /* =acdid -------------*/ label { display: block; margin:15px 0 0 0; font-size: 0.813em; } input { border:1px solid #aaadb2; } input .updated { border:1px solid #35ba35; } .form-help { font-size: 0.688em; } .products { width:100%; margin-bottom: 30px; } .products tr:nth-child(odd) { background-color: #f0f0f0; } .products p { margin:0; } .products td { padding:0 20px 0 0; font-size: 0.75em; } .products td.title { font-weight: bold; font-size: 0.875em; background-color: #ccc; } .error p { font-size: 14px; font-weight: bold; color: #f00; } /* End acdid -------------*/ /* =footer -------------*/ #footer { position: relative; float: left; width: 100%; margin-top:40px; border-top:1px solid #999; overflow: hidden; color: #a2a2a2; } .social { clear: left; position: relative; float: left; left:50%; margin: 0; padding: 0; list-style-type: none; text-align: center; } .social li { float: left; display: block; position: relative; right: 50%; } .social li a { display: block; float: left; margin:20px 3px 10px; width: 22px; height: 23px; text-indent: -9999px; overflow: hidden; } .social li.fb a { background: url('/images/sprites-nav.png') no-repeat 0 0; } .social li.twitter a { background: url('/images/sprites-nav.png') no-repeat -23px -23px; } .social li.youtube a { background: url('/images/sprites-nav.png') no-repeat -45px 0; } .social li.email a { background: url('/images/sprites-nav.png') no-repeat -68px -23px; } #footer-nav { clear: left; position: relative; float: left; left: 50%; margin: 0 0 10px; padding: 0; list-style-type: none; text-align: center; } #footer-nav li { float: left; display: block; position: relative; right: 50%; } #footer-nav li a { display: block; float: left; margin:0 5px; font-size: 11px; color: #a2a2a2; } /*.home .footer-nav { clear: left; float: none; margin: 40px 0 0; padding: 0; list-style-type: none; text-align: left; }*/ .home .footer-nav li {float: none} .home .footer-nav li a { float: none; margin:0 0 5px; font-size: 11px; color: #a2a2a2; } .fineprint { font-size: 11px; text-align: center; line-height: 1.1em; } /*.home .fineprint { margin-top: 43px; text-align: left; color: #a2a2a2; }*/ /* End footer -------------*/ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* =Media Queries -------------------------*/ @media only screen and (min-width:701px) and (max-width: 940px) { html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } .container {width: 700px} .hdr-image { width: 700px; height: 268px; } .container .four.columns { width: 160px; } .container .twelve.columns { width: 520px; } .aside-nav {font-size: 80%} } /* @media all and (orientation:portrait) { .wrapper {width:90%} } @media all and (orientation:landscape) { }*/ /* iPhone && Anything < 480px */ /*@media screen and (max-device-width: 480px) { .wrapper {width:90%} }*/ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } }